/*****************************************************************
HEADER
*****************************************************************/
/*****************************************************************
BLOC COLOR PRIMARY
*****************************************************************/
/*****************************************************************
BLOC COLOR SECONDARY
*****************************************************************/
/*****************************************************************
BLOC COLOR SIMILARLY
*****************************************************************/
/*****************************************************************
FOOTER
*****************************************************************/
/*****************************************************************
UTILS
*****************************************************************/
/*****************************************************************
ELEMENT FONT COLOR
*****************************************************************/
/*****************************************************************
BOX COLOR
*****************************************************************/
/*****************************************************************
NAV BLOCK COLOR
*****************************************************************/
/*****************************************************************
BLOCK FORM
*****************************************************************/
/*****************************************************************
BUTTONS
*****************************************************************/
/*****************************************************************
HOME SOCIAL BLOCK
*****************************************************************/
/*****************************************************************
HOME SOCIAL BLOCK
*****************************************************************/
/*****************************************************************
HOME REVIEWS
*****************************************************************/
/*****************************************************************
HOME INVENTORY CTAs
*****************************************************************/
/*****************************************************************
HOME SMALL CTAs
*****************************************************************/
/*****************************************************************
HOME BIG CTAs
*****************************************************************/
/*****************************************************************
HOME INVENTORY
*****************************************************************/
/*****************************************************************
INSTAGRAM FEED
*****************************************************************/
/*****************************************************************
PAGE WHY BUY
*****************************************************************/
/*****************************************************************
PAGES COMPLIANCE MERCEDES
*****************************************************************/
/*****************************************************************
DROPDOWN BUTTON COMPLIANCE MERCEDES
*****************************************************************/
/*****************************************************************
ACCORDION COMPLIANCE MERCEDES
*****************************************************************/
/*****************************************************************
BLOCK INSTANCES COMPLIANCE MERCEDES
*****************************************************************/
/*****************************************************************
BLOCK INFO COMPLIANCE MERCEDES
*****************************************************************/
/*****************************************************************
BLOCK INFO COMPLIANCE MERCEDES
*****************************************************************/
/*****************************************************************
VANS CARE
*****************************************************************/
/*****************************************************************
PAGE AMG - HISTORY ITEM-TEXT
*****************************************************************/
/*****************************************************************
PAGE VDP Section Background & Title
*****************************************************************/
/*****************************************************************
PAGE ADVANCED FORM
*****************************************************************/
/*Start css compliances for mercedes-benz*/
/**/
/**/
/**/
/*End Font-compliance for mercedes-benz*/
/*****************************************************************
BACKGROUND
*****************************************************************/
[data-theme-style~="bodyPattern_primary"]{
color:#000000;
background-color: #ffffff;
}
[data-theme-style~="bodyPattern_ultraLighten"]{
background: #141414 url('https://img.sm360.ca/images/web/');
background-repeat: repeat;
}
[data-theme-style~="bodyPattern_lighten"]{
background: #0d0d0d url('https://img.sm360.ca/images/web/');
background-repeat: repeat;
}
/**************** BG PRIMARY *****************/
[data-theme-style~="bodyPrimary"]{
color:#000000;
background-color: #ffffff;
}
[data-theme-style~="bodyPrimaryBg__Color"]{
background: #ffffff;
}
[data-theme-style~="bodyPrimaryBg"]{
background: #ffffff url("https://img.sm360.ca/images/web/") no-repeat top center;
}
[data-theme-style~="bodyPrimaryBg_bottom"]{
background: #ffffff url("https://img.sm360.ca/images/web/") no-repeat bottom center;
}
[data-theme-style~="bodyPrimary_fontColor"]{
color:#000000;
}
[data-theme-style~="bodyPrimary_titleColor"]{
color:#000000;
}
/*************** BG SECONDARY ****************/
[data-theme-style~="bodySecondary"]{
background-color:#f2f2f2;
color:#000000;
}
[data-theme-style~="bodySecondary_bgColor"]{
background-color:#f2f2f2;
}
[data-theme-style~="bodySecondary_titleColor"]{
color:#000000;
}
[data-theme-style~="bodySecondary_fontColor"]{
color:#000000;
}
/*************** BG SIMILARLY ****************/
[data-theme-style~="bodySimilarly"]{
background-color:#111111;
color:#ffffff;
}
[data-theme-style~="bodySimilarly_titleColor"]{
color:#ffffff;
}
[data-theme-style~="blockFormHeader_fontColor"]{
color:#ffffff;
}
/*************** HOME INVENTORY - DELTA ****************/
[data-theme-style~="homeInventory__bgImage"]{
background-color: #d4d4d4;
background: -webkit-linear-gradient(top, #d4d4d4, #f8f8f8); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #d4d4d4, #f8f8f8); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #d4d4d4, #f8f8f8); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, #d4d4d4, #f8f8f8); /* Standard syntax (must be last) */
}
[data-theme-style~="section_bgGradient"]{
background: #d4d4d4; /* Old browsers */
background: -moz-linear-gradient(45deg, #d4d4d4 0%, #f8f8f8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #d4d4d4 0%, #f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #d4d4d4 0%, #f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
[data-theme-style~="homeInventory__nameColor"],
[data-theme-style~="homeInventory__nameColor"]:hover{
color: #000000;
}
/*************** Home Background Sections ****************/
[data-theme-style~="homeService_bgImage"]{
background: url('https://img.sm360.ca/images/web/auto-groupe-canada/2131/cta-service1528398150853.jpg') ;
background-repeat: no-repeat;
background-size: cover;
}
[data-theme-style~="homeService_fontColor"]{
color: #000000;
}
[data-theme-style~="homeService_iconColor"] li:before{
color: #00adef;
}
[data-theme-style~="homeRapidSearch"]{
background-color:#000000;
}
[data-theme-style~="homeRapidSearch_fontColor"]{
color: #ffffff;
}
[data-theme-style~="homeCatalog_bgImage"]{
background: url('https://img.sm360.ca/images/web/auto-groupe-canada/2131/fond-catalogue1528398097233.jpg') top center;
background-repeat: no-repeat;
}
[data-theme-style~="homeCatalog_fontColor"]{
color: #000000;
}
[data-theme-style~="homeOptionsBgColor"]{
background-color:#d7d7d7;
color:#ffffff
}
[data-theme-style~="homeNews_fontColor"]{
color:#ffffff
}
[data-theme-style~="homeNews_bgColor"]{
background-color:#000000;
}
/*************** BOX COLOR ****************/
[data-theme-style~="boxColor"]{
background-color:#ffffff;
color:#000000;
-webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
[data-theme-style~="box_bgColor"]{
background-color: #ffffff;
}
[data-theme-style~="box_bgColor"] li:before{
color:#51ae30;
}
[data-theme-style~="box_fontColor"]{
color: #000000;
}
/*************** FOOTER BLOCK ****************/
[data-theme-style~="footerBlock"]{
background-color:#000000;
color:#ffffff;
}
[data-theme-style~="footerBlock_title"]{
color:#ffffff;
}
[data-theme-style~="footerBlock"] .footer__list,
[data-theme-style~="footerBlock"] .footer__infos
{
color:#999999;
}
[data-theme-style~="footer_linkColor"],
[data-theme-style~="footer_linkColor"]:hover,
[data-theme-style~="footer_linkColor"].active,
[data-theme-style~="footer_linkColor"]:focus {
color:#999999;
}
[data-theme-style~="footerBottom"] {
color:#ffffff;
background-color: #666666;
}
/**************** BODY LINK PRIMARY *****************/
[data-theme-style~="linkPrimary"]{
color:#00adef
}
[data-theme-style~="linkPrimary"]:hover,
[data-theme-style~="linkPrimary"]:focus,
[data-theme-style~="linkPrimary"]:active{
color:#000000
}
/**************** BODY LINK SECONDARY *****************/
[data-theme-style~="linkSecondary"]{
color:#00adef
}
[data-theme-style~="linkSecondary"]:hover,
[data-theme-style~="linkSecondary"]:focus,
[data-theme-style~="linkSecondary"]:active{
color:#000000
}
[data-theme-style~="btnAlphaPrimary"]{
color:#ffffff;
background-color: #00adef;
background: -webkit-linear-gradient(top, #00adef, #00adef); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #00adef, #00adef); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #00adef, #00adef); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #00adef, #00adef); /* Standard syntax (must be last) */
}
[data-theme-style~="btnAlphaPrimary"]:hover,
[data-theme-style~="btnAlphaPrimary"]:focus,
[data-theme-style~="btnAlphaPrimary"]:active{
color:#ffffff;
background: -webkit-linear-gradient(top, #0088c6, #066ea4); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #0088c6, #066ea4); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #0088c6, #066ea4); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #0088c6, #066ea4); /* Standard syntax (must be last) */
}
[data-theme-style~="btnAlphaSecondary"]{
color:#ffffff;
background-color: #737373;
background: -webkit-linear-gradient(top, #737373, #5a5a5a); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #737373, #5a5a5a); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #737373, #5a5a5a); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #737373, #5a5a5a); /* Standard syntax (must be last) */
}
[data-theme-style~="btnAlphaSecondary"]:hover,
[data-theme-style~="btnAlphaSecondary"]:focus,
[data-theme-style~="btnAlphaSecondary"]:active{
color:#ffffff;
background: -webkit-linear-gradient(top, #4b4b4b, #3b3b3b); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #4b4b4b, #3b3b3b); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #4b4b4b, #3b3b3b); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #4b4b4b, #3b3b3b); /* Standard syntax (must be last) */
}
[data-theme-style~="btnAlphaTertiary"]{
color:#ffffff;
background-color: #474747;
border-color: #474747;
background: -webkit-linear-gradient(top, #474747, #333333); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #474747, #333333); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #474747, #333333); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #474747, #333333); /* Standard syntax (must be last) */
}
[data-theme-style~="btnAlphaTertiary"]:hover,
[data-theme-style~="btnAlphaTertiary"]:focus,
[data-theme-style~="btnAlphaTertiary"]:active{
color:#ffffff;
border-color: #969696;
background-color: #323232;
background: -webkit-linear-gradient(top, #323232, #242424); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #323232, #242424); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #323232, #242424); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #323232, #242424); /* Standard syntax (must be last) */
}
[data-theme-style~="btnBetaPrimary"]{
color:#000000;
background-color: #f6ba35;
}
[data-theme-style~="btnBetaPrimary"]:hover,
[data-theme-style~="btnBetaPrimary"]:focus,
[data-theme-style~="btnBetaPrimary"]:active{
color:#000000;
background-color: #f3a800;
}
[data-theme-style~="btnBetaSecondary"]{
color:#969696;
border-color: #969696;
}
[data-theme-style~="btnBetaSecondary"]:hover,
[data-theme-style~="btnBetaSecondary"]:focus,
[data-theme-style~="btnBetaSecondary"]:active{
color:#ffffff;
border-color: #969696;
background-color: #969696;
}
[data-theme-style~="btnBetaTertiary"]{
color:#ffffff;
background-color: #000000;
}
[data-theme-style~="btnBetaTertiary"]:hover,
[data-theme-style~="btnBetaTertiary"]:focus,
[data-theme-style~="btnBetaTertiary"]:active{
color:#ffffff;
background-color: #333333;
}
[data-theme-style~="btnCharliePrimary"]{
color:#ffffff;
background-color: #737373;
background: -webkit-linear-gradient(top, #737373, #5a5a5a); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #737373, #5a5a5a); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #737373, #5a5a5a); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #737373, #5a5a5a); /* Standard syntax (must be last) */
}
[data-theme-style~="btnCharliePrimary"]:hover,
[data-theme-style~="btnCharliePrimary"]:focus,
[data-theme-style~="btnCharliePrimary"]:active{
color:#ffffff;
background: -webkit-linear-gradient(top, #4b4b4b, #3b3b3b); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #4b4b4b, #3b3b3b); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #4b4b4b, #3b3b3b); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #4b4b4b, #3b3b3b); /* Standard syntax (must be last) */
}
/*****************************************************************
BUTTON
*****************************************************************/
[data-theme-style~="btnRegularPrimary"],
[data-theme-style~="btnRegularPrimary"]:hover,
[data-theme-style~="btnRegularPrimary"]:focus,
[data-theme-style~="btnRegularPrimary"]:active{
color:#00adef
}
[data-theme-style~="btnRegularPrimary"]:before{
border-color:#00adef
}
[data-theme-style~="btnRegularSecondary"]{
color:#ffffff
}
[data-theme-style~="btnRegularSecondary"]:hover,
[data-theme-style~="btnRegularSecondary"]:focus,
[data-theme-style~="btnRegularSecondary"]:active{
color:#ffffff
}
[data-theme-style~="btnRegularTertiary"]{
color:#00adef
}
[data-theme-style~="btnRegularTertiary"]:hover,
[data-theme-style~="btnRegularTertiary"]:focus,
[data-theme-style~="btnRegularTertiary"]:active{
color:#00adef
}
/**************** BODY LINK PRIMARY *****************/
[data-theme-style~="linkPrimary"]{
color:#00adef
}
[data-theme-style~="linkPrimary"]:hover,
[data-theme-style~="linkPrimary"]:focus,
[data-theme-style~="linkPrimary"]:active{
color:#000000
}
/**************** BODY LINK SECONDARY *****************/
[data-theme-style~="linkSecondary"]{
color:#00adef
}
[data-theme-style~="linkSecondary"]:hover,
[data-theme-style~="linkSecondary"]:focus,
[data-theme-style~="linkSecondary"]:active{
color:#000000
}
/**************** BTN FORM *****************/
[data-theme-style~="btnForm"]{
color:#ffffff;
background-color: #fd8606;
}
[data-theme-style~="btnForm"]:hover{
color:#ffffff;
background-color: #e47805;
}
[data-theme-style~="btnForm"]:focus,
[data-theme-style~="btnForm"]:active{
color:#fd8606;
background-color: #ffffff;
}
/*************** RAPID SEARCH ****************/
[data-theme-style~="rapidSearch"]{
background-image: url("https://img.sm360.ca/images/web/sm360-int/1784/rapidsearch_bgimage1511299163666.jpg") no-repeat center center;
color: #ffffff;
}
[data-theme-style~="rapidSearch_color"],
[data-theme-style~="rapidSearch_color"]:not(.active):hover{
color: #00adef;
}
[data-theme-style~="rapidSearch_color"].active{
color: #faaa00;
}
[data-theme-style~="rapidSearchActive_fontColor"]{
color: #faaa00;
}
[data-theme-style~="rapidSearchInactive_fontColor"]{
color: #00adef;
}
[data-theme-style~="rapidSearchCtas_fontColor"]{
color: #ffffff;
}
[data-theme-style~="rapidSearchCtas_bgColor"]{
background-color: #0e2f45;
}
/*************** RAPID SEARCH - ALPHA ****************/
[data-theme-style~="rapidSearchAlpha_color"]{
-webkit-text-shadow: 0 0 10px #00adef;
-moz-text-shadow: 0 0 10px #00adef;
text-shadow: 0 0 10px #00adef;
color: rgba(0,173,239,0.3);
}
[data-theme-style~="rapidSearchAlpha_color"].active{
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
color: #faaa00;
}
[data-theme-style~="rapidSearchAlpha_color"]:not(.active):hover{
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
color: #00adef;
}
/*****************************************************************
HEADER
*****************************************************************/
[data-theme-style~="headerNavSubmenu"]{
background-color: #999999;
}
[data-theme-style~="headerMobileLogo"]{
background-color: #000000;
}
[data-theme-style~="switchLanguage__fontColor"]{
color: #999999;
border-color: #ffffff;
}
[data-theme-style~="extraThemeStyle__linkcolor"]{
color: #ffffff;
}
[data-theme-style~="extraThemeStyle__linkcolor"]:hover{
color: #ffffff;
}
[data-theme-style~="header_linkColor"]{
color: #ffffff;
background-color: #00adef;
}
[data-theme-style~="header_linkColor"]:hover{
color: #cccccc;
}
[data-theme-style~="headerNavigationMain"]{
background-color: #000000;
color: #ffffff;
}
[data-theme-style~="headerNavMain__Elem"].is-active,
[data-theme-style~="headerNavMain__Elem"]:hover{
background-color: #000000;
}
[data-theme-style~="headerNavMain__Elem"] > a{
color: #ffffff;
}
[data-theme-style~="headerNavMain__Elem"].is-active > a,
[data-theme-style~="headerNavMain__Elem"] > a:hover{
color: #00adef !important;
}
[data-theme-style~="headerNavMain__Elem"].is-selected{
background-color: #000000;
}
[data-theme-style~="headerNavMain__Elem"].is-selected > a{
color: #00adef !important;
}
[data-theme-style~="headerNavSub"]{
background-color: #999999;
}
[data-theme-style~="headerNavSub"] a:hover{
color: #ffffff;
background-color: #333333 !important;
}
[data-theme-style~="headerNavCatalog"] a{
border-color: #8a919a;
}
[data-theme-style~="headerNavCatalog_bottomBar"]{
background-color: #e7e7e7;
}
[data-theme-style~="headerNavCatalog_bottomBar"] a,
[data-theme-style~="headerNavCatalog_bottomBar"] a:hover{
color: #00adef;
background-color: transparent !important;
}
[data-theme-style~="compareBox__colorAfter"]:after{
border-color: transparent transparent #999999;
}
[data-theme-style~="compareBox__colorBefore"]:before{
border-color: transparent transparent #000000;
}
[data-theme-style~="headerMobileNavigation"]{
color: #ffffff;
background-color: #999999;
}
[data-theme-style~="headerMobileNavigation"] li a:hover{
color: #ffffff;
}
[data-theme-style~="headerMobileNavigation"] .is-selected>a{
color: #00adef;
}
[data-theme-style~="headerTopNavHome"]{
color: #ffffff;
background: #060606;
}
/* Hamburger Button Color */
[data-theme-style~="hamburger__bgColor"],
[data-theme-style~="hamburger__bgColor"]:after,
[data-theme-style~="hamburger__bgColor"]:before{
background-color: #666666;
}
.header__service-banner{
background-color: #00adef;
}
/*****************************************************************
TEXT TOOLS
*****************************************************************/
[data-theme-style~="label__fontColor"]{
color: #999999;
}
[data-theme-style~="white-checkbox-label"]{
color: #ffffff;
}
[data-theme-style~="smallprint"]{
color: #999999;
}
[data-theme-style~="smallprint_darker"]{
color: #666666;
}
[data-theme-style~="darkBG-form-policy-fontColor"]{
color: #999999;
}
[data-theme-style~="catalogSlider__pagerColor"].active,
[data-theme-style~="catalogSlider__pagerColor"]:after,
[data-theme-style~="catalogSlider__pagerColor"]:hover{
color: #00adef;
border-color: #00adef;
}
[data-theme-style~="homeCatalog_financing__rebate"] [data-theme-sprite]{
background: radial-gradient(farthest-side at 45% 60%, #f6ba35, #f6ba35);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
[data-theme-style~="homeCatalogRebate__bgColor"],
[data-theme-style~="homeCatalogRebate__bgColor"]:before,
[data-theme-style~="homeCatalogRebate__bgColor"]:after{
background-color: #f6ba35;
}
[data-theme-style~="vehicleTagline"]{
color: #ff5a00;
}
[data-theme-style~="vehicleRebate"]{
color: #000000;
}
/*****************************************************************
Breadcrumb
*****************************************************************/
[data-theme-style~="breadcrumb"]{
color: #999999;
}
[data-theme-style~="breadcrumb_active_primaryFontColor"]{
color:#00adef;
}
[data-theme-style~="breadcrumb_active_secondaryFontColor"]{
color:#00adef;
}
/*****************************************************************
Graphic filter
*****************************************************************/
[data-theme-style~="graphic-filter"]{
background: #000000;
}
/*****************************************************************
Util Color
*****************************************************************/
[data-theme-style~="utilPrimary__color"]{
color: #00adef
}
[data-theme-style~="utilPrimary__color"][data-theme-sprite~="checklist"]:before{
color: #00adef;
}
[data-theme-style~="utilPrimary__bgColor"]{
background-color: #00adef
}
[data-theme-style~="utilPrimary__borderColor"]{
border-color: #00adef
}
[data-theme-style~="utilPrimary__borderColorAfter"]:after{
border-color: #00adef
}
[data-theme-style~="utilPrimary__colorBefore"]:before{
color: #00adef
}
[data-theme-style~="utilPrimary__bgColorBefore"]:before{
background-color: #00adef
}
[data-theme-style~="utilPrimary__bgColorAfter"]:after{
background-color: #00adef
}
[data-theme-style~="utilPrimary__listColor"] li:before{
color: #00adef
}
[data-theme-style~="utilSecondary__color"]{
color: #333333
}
[data-theme-style~="utilSecondary__bgColor"]{
background-color: #333333
}
[data-theme-style~="utilSecondary_borderColor"]{
border-color: #333333;
}
[data-theme-style~="utilTertiary__color"]{
color: #8994a0
}
[data-theme-style~="utilTertiary__bgColor"]{
background-color: #8994a0
}
[data-theme-style~="utilTertiary_borderColor"]{
border-color: #8994a0;
}
[data-theme-style~="utilWhiteColor__color"]{
color: #ffffff;
}
[data-theme-style~="utilWhiteColor__colorAfter"]:after{
background-color: rgba(255,255,255,0.2);
}
[data-theme-style~="utilGreyColor__color"]{
color: #999999;
}
[data-theme-style~="utilGreyColor__darkenColor"]{
color: #4d4d4d;
}
[data-theme-style~="utilGreyColor__lightenColor"]{
color: #e6e6e6;
}
[data-theme-style~="utilGreyColor__bgColor"]{
background-color: #4d4d4d;
}
[data-theme-style~="utilDarkGreyColor__color"]{
color: #666666;
}
[data-theme-style~="utilWhiteColor__bgColor"]{
background-color: #ffffff;
}
[data-theme-style~="utilBlackColor__bgColor"]{
background-color: #000000;
}
[data-theme-style~="utilBlackColor__color"]{
color: #000000;
}
[data-theme-style~="utilBlackColor__transparentBgColor"]{
background-color: rgba(0,0,0,0.75);
}
[data-theme-style~="utilRedColor__color"]{
color: #ee3b33;
}
[data-theme-style~="utilRedColor__bgColor"]{
background-color: #ee3b33;
}
[data-theme-style~="utilRedColor__borderColor"]{
border-color: #ee3b33;
}
[data-theme-style~="utilYellowColor__color"]{
color: #f6ba35;
}
[data-theme-style~="utilYellowColor__bgColor"]{
background-color: #f6ba35;
}
[data-theme-style~="utilYellowColor__bgColorLight"]{
background-color: rgba(246,186,53,0.8);
}
[data-theme-style~="utilYellowColor__borderColor"]{
border-color: #f6ba35;
}
[data-theme-style~="overlay"]{
color: #ffffff;
background-color: #000000;
}
[data-theme-style~="stroke__borderColor"]{
stroke: #00adef;
}
[data-theme-style~="utilGradientPrimary__bgColor"]{
background-color: #00adef;
background: -webkit-linear-gradient(left, #0088bc, #00adef); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #0088bc, #00adef); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #0088bc, #00adef); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #0088bc, #00adef); /* Standard syntax (must be last) */
}
[data-theme-style~="utilGradientSecondary__bgColor"]{
background: -moz-linear-gradient( -90deg, #cccccc 0%, #ffffff 33%);
background: -webkit-linear-gradient( -90deg, #cccccc 0%, #ffffff 33%);
background: -ms-linear-gradient( -90deg, #e6e6e6 0%, #ffffff 33%);
}
/* Hardcode for Electric Vehicles Block */
[data-theme-style~="utilGradientTertiary__bgColor"]{
background-color: #3d8e0b;
background: -webkit-linear-gradient(left, #3d8e0b, #55b326); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #3d8e0b, #55b326); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #3d8e0b, #55b326); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #3d8e0b, #55b326); /* Standard syntax (must be last) */
}
[data-theme-style~="rapidSearchGradient__bgColor"]{
background: #00adef;
background: -moz-linear-gradient(45deg, #0088bc 0%, #00070a 100%);
background: -webkit-linear-gradient(45deg, #0088bc 0%, #00070a 100%);
background: linear-gradient(45deg, #0088bc 0%, #00070a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088bc', endColorstr='#00070a',GradientType=1 );
}
/*************************
Slider - Pagers
*************************/
[data-theme-style~="pagerSlider"] a,
[data-theme-style~="pagerSlider_bgColor"]{
background-color: #ffffff;
border-color: #ffffff;
}
[data-theme-style~="pagerSlider"] a.active,
[data-theme-style~="pagerSlider_bgColor"].active{
background-color: #00adef;
}
/*****************************************************************
Pagination
*****************************************************************/
.pagination .pagination__page-button-text--selected{
color: #00adef;
}
[data-theme-style~="paginationButton"]{
color: #ffffff;
}
[data-theme-style~="paginationButton"]:hover{
color: #00adef;
}
[data-theme-style~="paginationText"]{
color: #000000;
}
[data-theme-style~="paginationText"]:hover{
color: #00adef;
}
[data-theme-style~="tabs_fontColor"]{
color: #999999;
}
[data-theme-style~="tabs_fontColor"].is-active a:after,
[data-theme-style~="tabs_fontColor"].is-active a,
[data-theme-style~="tabs_fontColor"] a:hover{
color: #00adef;
border-color: #00adef;
}
[data-theme-style~="homeInventoryTabs"] [data-theme-style~="tabs_fontColor"].is-active a,
[data-theme-style~="homeInventoryTabs"] [data-theme-style~="tabs_fontColor"] a:hover{
color: #ffffff;
border-color: #333333;
background-color: #333333;
}
[data-theme-style~="homeInventoryTabs"] [data-theme-style~="tabs_fontColor"].is-active a:after{
border-color: #333333;
}
[data-theme-style~="paginationButtonSecondary"]{
color: #00adef;
}
[data-theme-style~="paginationButtonSecondary"]:hover{
color: #999999;
}
/*****************************************************************
FORM
*****************************************************************/
/*********************** FORM BLOCK ***************************/
[data-theme-style~="formBlockContent"],
[data-theme-style~="formBlockContent"] label{
background-color: #303030;
color: #ffffff;
}
[data-theme-style~="formBlockTitle"]{
background-color: #cccccc;
color: #ffffff;
text-transform: uppercase;
}
[data-theme-style~="formBlockTitle"]:before{
border-color: #cccccc transparent transparent transparent;
}
[type=checkbox]:not(:checked)+label{
color: #999999;
}
/*********************** FORM BOTTOM SERVICE ***************************/
[data-theme-style~="formBottomServiceContent"],
[data-theme-style~="formBottomServiceContent"] label{
background-color: #303030;
color: #ffffff;
}
[data-theme-style~="formBottomServiceTitle"]{
color: #ffffff;
}
[data-theme-style~="formBottomServiceTitle"]:before{
border-color: #cccccc transparent transparent transparent;
}
[data-theme-style~="form-policy-fontColor"]{
color: #ffffff;
}
/*********************** Placeholder ****************************/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */
color: #999999;
}
:-ms-input-placeholder { /* IE 10+ */
color: #999999;
}
:-moz-placeholder { /* Firefox 18- */
color: #999999;
}
/************************* Radio Button **************************/
input[type=radio] + label .radio-button__label-radio{
border-color: #00adef;
}
input[type="radio"]:checked + label .radio-button__label-radio{
border-color: #00adef;
}
input[type="radio"]:checked + label .radio-button__label-radio:before{
background-color: #00adef;
}
/************************* Nav Block **************************/
[data-theme-style~="navBlock_title"]{
background-color: #1b394e;
color: #ffffff;
}
[data-theme-style~="navBlockElement_bgColor"]{
background-color: #7593a6;
}
[data-theme-style~="navBlock_element"]{
background-color: #7593a6;
color: #ffffff;
}
[data-theme-style~="navBlock_element"]:hover{
background-color: #87aac0;
}
[data-theme-style~="navBlock_searchIcon__Color"],
[data-theme-style~="navBlock_searchIcon__Color"].cta-disabled{
color: #8994a0;
}
[data-theme-style~="navBlock_searchIcon__Color"]:not(.cta-disabled) span,
[data-theme-style~="navBlock_searchIcon__Color"]:not(.cta-disabled):hover span{
color: #ffffff;
border-color: #00adef;
background-color: #00adef;
}
[data-theme-style~="navBlock_anchor__Color"]{
color: #8994a0;
}
[data-theme-style~="navBlock_anchor__Color"]:hover,
[data-theme-style~="navBlock_anchor__Color"].active{
color: #00adef;
}
[data-theme-style~="navBlock_title__Color"]{
color: #1b394e;
}
[data-theme-style~="navBlock_title__bgColor"]{
background-color: #1b394e;
}
/*****************************************************************
HOME SOCIAL BLOCK
*****************************************************************/
[data-theme-style~="homeSocial__bgColor"]{
background-color: #ffffff;
}
[data-theme-style~="homeSocial__titleColor"]{
color: #ffffff;
}
[data-theme-style~="homeSocialInstance__titleColor"]{
color: #00adef;
}
[data-theme-style~="homeSocialInstance__textColor"]{
color: #000000;
}
/*****************************************************************
HOME REVIEWS
*****************************************************************/
.section-reviews--echo .home-reviews .title__home{
color: #000000;
}
[data-theme-style~="homeReviews_scoreColor"]{
color: #ffffff;
}
[data-theme-style~="homeReviews_bgColor"]{
background-color: #ffffff;
}
[data-theme-style~="homeReviewsItem_bgColor"]{
background-color: #f2f2f2;
}
[data-theme-style~="homeReviews_fontColor"]{
color: #000000;
}
[data-theme-style~="homeReviews_fontColor"]:before{
color: #000000;
}
[data-theme-style~="homeReviews_starsColor"]{
color: #00adef;
}
[data-theme-style~="homeReviews_emptyStarsColor"]{
color: #eaeeed;
}
[data-theme-style~="homeReviews_sliderColors"] .bx-wrapper .bx-pager-item a,
[data-theme-style~="homeReviews_sliderColors"] .bx-wrapper .bx-pager-item a:hover,
[data-theme-style~="homeReviews_sliderColors"] .bx-wrapper .bx-pager-item a:focus{
background-color: #ffffff !important;
}
.highlights-alpha .bx-wrapper .bx-pager-item a.active,
[data-theme-style~="homeReviews_sliderColors"] .bx-wrapper .bx-pager-item a.active{
background-color: #00adef !important;
}
/*****************************************************************
HOME INVENTORY SMALL
*****************************************************************/
[data-theme-style~="blockCtasInventory__color"]{
color: #ffffff;
}
/*****************************************************************
HOME CTAS SMALL
*****************************************************************/
[data-theme-style~="blockCtasSmall__textColor"]{
color: #ffffff;
}
[data-theme-style~="blockCtasSmall__textColor"]:after{
background-color: rgba(255,255,255,0.2);
}
[data-theme-style~="blockCtasSmall__linkColor"]{
color: #00adef;
}
[data-theme-style~="blockCtas__afterArrow"]:hover:after{
color: #8994a0;
}
[data-theme-style~="homeCtaPanel_bgColor"].block-ctas-charlie__item:nth-child(even)::before,
[data-theme-style~="homeCtaPanel_bgColor"].block-ctas-charlie__item:nth-child(odd)::before{
border-color: #ffffff;
}
/*****************************************************************
HOME CTAS BIG
*****************************************************************/
[data-theme-style~="blockCtasBig"]{
color: #ffffff;
}
[data-theme-style~="blockCtasBig__BgColor"]{
background-color: #ffffff;
}
[data-theme-style~="blockCtasBig__BorderColor"]{
color: #ffffff;
}
[data-theme-style~="blockCtasBigFirst__BgColor"]{
background-color: #003b65;
}
[data-theme-style~="blockCtasBigFirst__BorderColor"]{
color: #003b65;
}
[data-theme-style~="blockCtasBig__TitleColor"]{
color: #000000;
}
[data-theme-style~="blockCtasBigFirst__TitleColor"]{
color: #003c65;
}
[data-theme-style~="blockCtasBig__TitleColor"]:after{
background-color: #000000;
}
[data-theme-style~="blockCtasBigFirst__TitleColor"]:after{
background-color: #003c65;
}
[data-theme-style~="blockCtasBigFirst__TextColor"]{
color: #00adef;
}
[data-theme-style~="blockCtasBigFirst__TextColor"] h3,
[data-theme-style~="blockCtasBigFirst__TextColor"] .subtitle{
color: #00adef;
}
[data-theme-style~="blockCtasBigFirst__TextColor"] h3:after,
[data-theme-style~="blockCtasBigFirst__TextColor"] .subtitle:after{
background-color: #003b65;
}
[data-theme-style~="blockCtasBig__footerBg"]{
background-color: #ffffff;
}
/*****************************************************************
INSTAGRAM FEED
*****************************************************************/
[data-theme-style~="instagramFeed__textColor"]{
color: #00adef;
}
[data-theme-style~="instagramFeed__bgColor"]{
background-color: #8994a0;
}
/*****************************************************************
WHY BUY PAGE
*****************************************************************/
[data-theme-style~="whyBuy__listColor"] li:before{
color: #00adef;
}
[data-theme-style~="whyBuyBanner"]{
color: #ffffff;
background-color: #00adef;
}
/*****************************************************************
SMART PAGE
*****************************************************************/
[data-theme-style~="homeSmartBannerLeft"]{
color: #f6ba35;
background-color: #000000;
}
[data-theme-style~="homeSmartBannerRight"]{
color: #000000;
background-color: #f6ba35;
}
[data-theme-style~="homeSmartNews"]{
color: #000000;
background-color: #f8f8f8;
}
[data-theme-style~="complianceAbout"]{
color: #000000;
background-color: rgba(255,255,255,0.8);
}
.news-compliance__article-item--first{
background-image: url('https://img.sm360.ca/images/web/sm360-int/1993/texture-article1523371303125.png');
background-repeat: no-repeat;
background-position: bottom;
}
/*****************************************************************
MERCEDES VANS PAGE
*****************************************************************/
[data-theme-style~="homeVansBannerLeft"]{
color: #000000;
background-color: #00adef;
}
[data-theme-style~="homeVansBannerRight"]{
color: #00adef;
background-color: #000;
}
[data-theme-style~="homeVansNews"]{
color: #000000;
background-color: #f8f8f8;
}
/*****************************************************************
CUSTOM
*****************************************************************/
/* The strike price is the same color that font color box preview */
[data-theme-style~="showroom_primaryColor"]{
color: #00adef;
}
[data-theme-style~="showroom_secondaryColor"],
[data-theme-style~="showroom_secondaryColor"]:after{
color: #333333;
}
[data-theme-style~="viewSwitch_activeColor"] :hover,
[data-theme-style~="viewSwitch_activeColor"].active p{
color: #00adef;
}
[data-theme-style~="accordionIcon_color"]:before {
color: #00adef;
}
[data-theme-style~="scrollbarHandle_color"]{
border-color: #00adef;
}
[data-theme-style~="scrollbarHandle_color"]:hover{
background-color: #0076a3;
}
[data-theme-style~="scrollbarHandle_color"]:before{
background-color: #00adef;
}
[data-theme-style~="inventoryHeader"]{
background-color:#ffffff;
}
[data-theme-style~="vdpForm_borderColor"]{
border-color: #00adef;
}
[data-theme-style~="vdpForm_primaryColor"],
[data-theme-style~="vdpForm_primaryColor"] [type=checkbox]:checked+label,
[data-theme-style~="vdpForm_primaryColor"] [type=checkbox]:not(:checked)+label{
color: #ffffff;
}
[data-theme-style~="vehicleTrims_selectedColor"].selected{
color: #00adef;
}
[data-theme-style~="inventoryAvailability_bgColor"]{
background-color: #f6ba35;
}
[data-theme-style~="inventoryAvailability_bgColor"]:before{
border-bottom-color: #f6ba35;
}
[data-theme-style~="inventoryAvailability_fontColor"]{
color: #ffffff;
}
[data-theme-style~="inventoryAvailability_fontColor"]:hover{
color: #ffffff;
}
[data-theme-style~="inventoryPremiumAvailability_fontColor"]{
color: #000000;
}
[data-theme-style~="inventoryPremiumAvailability_fontColor"]:hover{
color: #000000;
}
[data-theme-style~="countdownDisabled_fontColor"].disabled{
color:#999999;
}
[data-theme-style~="vehiclePreviewName_color"]{
color: #00adef;
}
[data-theme-style~="vehiclePreview_primaryColor"]{
color: #00adef;
}
[data-theme-style~="vehiclePreview_secondaryColor"]{
color: #000000;
}
[data-theme-style~="vehiclePreview_priceBgColor"]::after{
background-color: #000000;
}
.catalog-details__colors-thumbnails--selected .catalog-details__colors-thumbnails-image{
border-color: #00adef;
}
[data-theme-style~="vehicleDetails__ctaFontColor"]{
color: #ffffff;
}
[data-theme-style~="vehicleDetails__ctaBgColor"]{
background-color: #333333;
}
[data-theme-style~="vehicleDetails__ctaSection"]{
color: #ffffff;
background-color: #333333;
}
[data-theme-style~="vdpComparable_bgColor"]{
background-color: #00adef;
}
[data-theme-style~="vdpComparable_fontColor"]{
color: #ffffff;
}
.widget-filter__check-element:hover,
.widget-filter__check-element--selected{
border-color: #00adef;
}
.widget-filter__check-element:hover .widget-filter__bodystyle-name,
.widget-filter__check-element--selected .widget-filter__bodystyle-name{
color: #00adef;
}
[data-theme-style~="accordion"]{
color: #00adef
}
[data-theme-style~="accordion"]:nth-child(odd){
background-color: #f2f2f2
}
[data-theme-style~="blockComplianceAccordionTitle__bgColor"]{
background-color: #333333;
}
[data-theme-style~="blockComplianceAccordionTitle__fontColor"]{
color: #bbbbbb;
}
[data-theme-style~="blockComplianceAccordionTitle__titleFontColor"]{
color: #ffffff;
}
.block-compliance-accordion__title:before{
border-color: #ffffff transparent transparent;
}
[data-theme-style~="blockComplianceAccordionContent__bgColor"]{
background-color: #f2f2f2;
}
[data-theme-style~="blockComplianceAccordionContent__fontColor"]{
color: #666666;
}
[data-theme-style~="blockComplianceAccordionContent__titleFontColor"]{
color: #000000;
}
.block-compliance-accordion__content.wysiwyg h1,
.block-compliance-accordion__content.wysiwyg h2,
.block-compliance-accordion__content.wysiwyg h3,
.block-compliance-accordion__content.wysiwyg h4,
.block-compliance-accordion__content.wysiwyg h5{
color: #000000;
}
.block-compliance-accordion-faq__title-wrapper::before{
border-color: #ffffff transparent transparent;
}
[data-theme-style~="blockComplianceInstances"]{
background-color: #f2f2f2;
color: #000000;
}
[data-theme-style~="blockComplianceInfo"]{
color: #666666;
}
[data-theme-style~="blockComplianceStar__fontColor"]{
color: #bbbbbb;
}
[data-theme-style~="vansWarrantyInstances"]{
background-color: #c5c5c5;
}
/**************** VanCare *****************/
[data-theme-style~="linkNavigation"]{
color:#ffffff;
}
[data-theme-style~="linkNavigation"]:hover,
[data-theme-style~="linkNavigation"]:focus,
[data-theme-style~="linkNavigation"]:active{
color:#00adef;
}
[data-theme-style~="blockComplianceNavigation"]{
background-color: #2e343b;
color: #ffffff;
}
.block-compliance-vans-care .block-compliance-service-care__title-block{
border-color: #707070;
}
[data-theme-style~="blockComplianceBoard__primaryColor"]{
background-color: #5d8435;
color: #ffffff;
}
[data-theme-style~="blockComplianceBoard__secondaryColor"]{
background-color: #eeeeee;
color: #333333;
}
.block-compliance-vans-care .block-compliance-service-care__board-checkboxes p::before,
.block-compliance-vans-care .block-compliance-service-care__board-checkboxes p.checked::before{
border-color: #5d8435;
}
/**************** End VanCare *****************/
[data-theme-style~="amgHistoryText"]{
color: #f2f2f2;
}
[data-theme-style~="section_bgGradient__black"]{
background: #333333; /* Old browsers */
background: -moz-linear-gradient(45deg, #333333 0%, #666666 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #333333 0%, #666666 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #333333 0%, #666666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#666666',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
[data-theme-style~="morePhoto__bgColor"],
[data-theme-style~="morePhoto__bgColor"]:hover{
background-color: #00adef;
color:#ffffff;
}
[data-theme-style~="calculator__color"]{
color: #00adef;
}
[data-theme-style~="form_icons"]:before{
color:#ffffff;
}
[data-theme-style~="ratesTable_bgColor"] tr:nth-child(even){
background-color: #ffffff ;
}
.block-ctas-small__item:hover .block-ctas-small__icon{
color: #00adef;
}
[data-theme-style~="dropdownButton"]{
color:#333333;
background-color: #f8f8f8;
background: -webkit-linear-gradient(top, #f8f8f8, #dedede); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #f8f8f8, #dedede); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #f8f8f8, #dedede); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #f8f8f8, #dedede); /* Standard syntax (must be last) */
}
[data-theme-style~="dropdownButton"]:hover,
[data-theme-style~="dropdownButton"]:focus,
[data-theme-style~="dropdownButton"]:active{
color:#333333;
background: -webkit-linear-gradient(top, #e5e5e5, #cdcdcd); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #e5e5e5, #cdcdcd); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #e5e5e5, #cdcdcd); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #e5e5e5, #cdcdcd); /* Standard syntax (must be last) */
}
[data-theme-style~="dropdownContent"]{
color:#333333;
background-color: #ececec;
border: 1px solid #d5d5d5;
}
.widget-dropdown__content-element--selected,
[data-theme-style~="dropdownContent"]:hover,
[data-theme-style~="dropdownContent"]:focus,
[data-theme-style~="dropdownContent"]:active{
color:#333333;
background-color: #dfdfdf;
border: 1px solid #d5d5d5;
}
.widget-comparebox__element-inactive .widget-comparebox__element-link .link__alpha-primary{
color:#b8e8fb;
background-color: #4dc6f4;
background: -webkit-linear-gradient(top, #4dc6f4, #00adef); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #4dc6f4, #00adef); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #4dc6f4, #00adef); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #4dc6f4, #00adef); /* Standard syntax (must be last) */
}
.wysiwyg li::before{
background-color: #00adef;
color: #ffffff;
}
.wysiwyg a:not(.link__alpha):not(.link__beta):hover{
color: #00adef;
}
[data-theme-style~="homeAbout_fontColor"]:active{
color:#ffffff;
}
[data-theme-style~="me-connect-cta-link"]:hover {
color:#00adef;
}
/*****************************************************************
View 360
*****************************************************************/
[data-theme-sprite~=view-360-picto]:before,
[data-theme-style~="viewSwitch_360"] :hover,
[data-theme-style~="viewSwitch_360"].active p{
color: #00adef;
}
/*****************************************************************
Page advanced form
*****************************************************************/
[data-theme-style~="advancedForm_linkColor"] a {
color: #00adef;
}
[data-theme-style~="advancedForm_header_bgColor"] {
background-color: rgba(255,255,255,0.7);
}
[data-theme-style~="advancedForm_header_borderColor"] {
border-bottom: 3px solid #176db7;
}
[data-theme-style~="advancedForm_infosBlock_bgColor"] {
background-color: #f8f8f8;
background: -webkit-linear-gradient(top, #f8f8f8, #d4d4d4); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #f8f8f8, #d4d4d4); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #f8f8f8, #d4d4d4); /* For Firefox 3.6 to 15 */
background: linear-gradient(top bottom, #f8f8f8, #d4d4d4); /* Standard syntax (must be last) */
}
[data-theme-style~="advancedForm_mapBlock_bgColor"] {
background-color: #f2f2f2;
}
/*****************************************************************
WHY BUY PAGE
*****************************************************************/
[data-theme-style~="whyBuyBanner__bgColor"]{
background-color: #00adef;
}
[data-theme-style~="whyBuyBanner__fontColor"]{
color: #ffffff;
}
[data-theme-style~="whyBuySteps_title_fontColor"] {
color: #000000;
}
[data-theme-style~="whyBuySteps_instancesTitle_fontColor"]{
color: #ffffff;
}
[data-theme-style~="whyBuyActions_title_fontColor"]{
color: #000000;
}
[data-theme-style~="whyBuyCarousel_bgColor"]{
background-color: #f2f2f2;
}
[data-theme-style~="whyBuyFunctionalities_borderColor"]{
border-color: #cccccc;
}
[data-theme-style~="whyBuyDetails_bgColor"]{
background-color: #f2f2f2;
}