/* these next styles are for button/menu hover transitions; the background-color is the hover color and can be matched to the style guide as needed */
@media only screen and (min-device-width: 1000px) {
    .partialWidthFix{
        max-width: 49%;
    }
}

a:hover {
    color: #176071;
    text-decoration: none;
}

li::marker {
    color: #212529 !important;
}

.trans-left:before {
    background: #f36d53;
}

.trans-right:before {
    background: #f36d53;
}

.trans-center:before {
    background: #005ea3;
}

.tool-icon-border.trans-left:before {
    border-radius: 50%;
    background: rgba(30,30,30,0.1);
}

.tool-icon-border.trans-right:before {
    border-radius: 50%;
    background: rgba(30,30,30,0.1);
}

.tool-icon-border.trans-center:before {
    border-radius: 50%;
    background-image: linear-gradient(to bottom right, rgba(0,184,193,1) 20%, rgba(110,213,105,1));
}

.product-image-verve {
    border-radius: 20px;
}

.product-image-build {
    border-radius: 28px;
}

.product-image-fit {
    border-radius: 20px;
}

.product-image-surge {
    border-radius: 20px;
}

.product-image-cerulean {
    border-radius: 20px;
}

.product-image-reflex {
    border-radius: 20px;
}

.product-image-revel {
    border-radius: 20px;
}

#revel-delay-message {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #faf5d6;
    font-weight: bold;
}

#localize-widget {
    display: block !important;
}