/***************************************************************** 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 *****************************************************************/ /***************************************************************** PAGE WHY BUY CUSTOM *****************************************************************/ /***************************************************************** PAGES COMPLIANCE MERCEDES *****************************************************************/ /***************************************************************** DROPDOWN BUTTON COMPLIANCE MERCEDES *****************************************************************/ /***************************************************************** ACCORDION COMPLIANCE MERCEDES *****************************************************************/ /***************************************************************** BLOCK INSTANCES COMPLIANCE MERCEDES *****************************************************************/ /***************************************************************** BLOCK INFO COMPLIANCE MERCEDES *****************************************************************/ /***************************************************************** BLOCK STAR COMPLIANCE MERCEDES *****************************************************************/ /***************************************************************** VANS CARE *****************************************************************/ /***************************************************************** PAGE AMG - HISTORY ITEM-TEXT *****************************************************************/ /***************************************************************** PAGE VDP Section Background & Title *****************************************************************/ /*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_fontColor"]{ color: #ffffff; } [data-theme-style~="homeService_iconColor"] li:before{ color: #00adef; } [data-theme-style~="homeRapidSearch"]{ background-color:#000000; } [data-theme-style~="homeMBStar_bgColor"]{ background-color:#000000; } [data-theme-style~="HomeInventroy__bgColor"]{ background-color:#000000; } [data-theme-style~="homeRapidSearch_fontColor"]{ color: #cccccc; } .rapid-search-delta__item .widget-dropdown__button, .rapid-search-delta__item .widget-dropdown, .rapid-search-delta__filters .widget-dropdown{ background-color:transparent !important; background:transparent !important; color: #cccccc; border-color: #cccccc; } [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, #0887be); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(top, #00adef, #0887be); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(top, #00adef, #0887be); /* For Firefox 3.6 to 15 */ background: linear-gradient(top bottom, #00adef, #0887be); /* 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~="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~="headerNavSubmenu"]{ background-color: #999999; } [data-theme-style~="headerMobileLogo"]{ background-color: #000000; } [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; } /***************************************************************** TEXT TOOLS *****************************************************************/ [data-theme-style~="label__fontColor"]{ color: #999999; } [data-theme-style~="switchLanguage__fontColor"]{ color: #999999; border-color: #ffffff; } [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"], [data-theme-style~="breadcrumb"] a { 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~="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~="extraThemeStyle__linkcolor"]{ color: #ffffff; } [data-theme-style~="extraThemeStyle__linkcolor"]:hover{ color: #ffffff; } [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~="paginationButton_article"]{ color: #999999; } [data-theme-style~="paginationButton_article"]: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_titleColor"]{ color: #ffffff; } [data-theme-style~="homeReviews_scoreColor"]{ color: #ffffff; } [data-theme-style~="homeReviews_bgColor"]{ background-color: #000000; } [data-theme-style~="homeReviews_authorColor"]{ color: #00adef; } [data-theme-style~="homeReviews_fontColor"]{ color: #999999; } [data-theme-style~="homeReviews_fontColor"]:before{ color: #eaeeed; } [data-theme-style~="homeReviews_starsColor"]{ color: #00adef; } [data-theme-style~="homeReviews_emptyStarsColor"]{ color: #eaeeed; } .highlights-alpha .bx-wrapper .bx-pager-item a, [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: #9eaab0 !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: #ffffff; } [data-theme-style~="blockCtasBigFirst__TitleColor"]{ color: #003c65; } [data-theme-style~="blockCtasBig__TitleColor"]:after{ background-color: #ffffff; } [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~="countdownDisabled_fontColor"].disabled{ color:#999999; } [data-theme-style~="vehiclePreviewName_color"]{ color: #00adef; } [data-theme-style~="vehiclePreview_primaryColor"]{ color: #000000; } [data-theme-style~="vehiclePreview_secondaryColor"]{ color: #999999; } [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 } .block-compliance-accordion-faq__item, .block-compliance-accordion__subtitle-section { border-bottom: 1px solid #999999 } [data-theme-style~="pageMeConnect_headerBgColor"] { background-color: rgba(0,0,0,0.5); } [data-theme-style~="pageMeConnect_accordion"] { border-bottom: 1px solid #999999; } [data-theme-style~="pageMeConnect_accordion"] a::before{ border-color: #00adef transparent transparent; } [data-theme-style~="pageMeConnect_accordion"].is-active a { color: #00adef; } [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: #666666; } [data-theme-style~="blockComplianceInfo"]{ color: #666666; } [data-theme-style~="blockComplianceStar__fontColor"]{ color: #bbbbbb; } [data-theme-style~="vansWarrantyInstances"]{ background-color: #c5c5c5; } [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; } [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, #53acd2); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(top, #4dc6f4, #53acd2); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(top, #4dc6f4, #53acd2); /* For Firefox 3.6 to 15 */ background: linear-gradient(top bottom, #4dc6f4, #53acd2); /* 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~="me-connect-cta-link"]:hover { color:#00adef; } /***************************************************************** HIGHLIGHTS ALPHA *****************************************************************/ .highlights-beta__text ul li::marker, .highlights-beta__activate-text ul li::marker { color: #00adef; } [data-theme-style~="tabsSeparator_fontColor"]{ color: #666666; } /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ [data-theme-style~="DI_compare"]:hover .compare-button__label , [data-theme-style~="DI_compare"].active .compare-button__label { color: #ffffff; fill: #ffffff; } /***************************************************************** WHY BUY PAGE *****************************************************************/ [data-theme-style~="whyBuyBanner__bgColor"]{ background-color: #00adef; } [data-theme-style~="whyBuyBanner__fontColor"]{ color: #ffffff; } [data-theme-style~="whyBuySteps_instancesTitle_fontColor"]{ color: #ffffff; } [data-theme-style~="whyBuyCarousel_bgColor"]{ background-color: #f2f2f2; } [data-theme-style~="whyBuyDetails_bgColor"]{ background-color: #f2f2f2; }