/***************************************************************** HEADER *****************************************************************/ /***************************************************************** SCROLLBAR CUSTOM *****************************************************************/ /***************************************************************** BLOC COLOR PRIMARY *****************************************************************/ /***************************************************************** BLOC COLOR SECONDARY *****************************************************************/ /***************************************************************** BLOC COLOR SIMILARLY *****************************************************************/ /***************************************************************** UTILS *****************************************************************/ /***************************************************************** ELEMENT FONT COLOR *****************************************************************/ /***************************************************************** BOX COLOR *****************************************************************/ /***************************************************************** CHECKBOX *****************************************************************/ /***************************************************************** NAV BLOCK COLOR *****************************************************************/ /***************************************************************** WIDGET-DROPDOWN *****************************************************************/ /***************************************************************** BLOCK FORM *****************************************************************/ /***************************************************************** BUTTONS *****************************************************************/ /***************************************************************** HOME SOCIAL BLOCK *****************************************************************/ /***************************************************************** HOME INVENTORY CTAs *****************************************************************/ /***************************************************************** HOME VIDEOS *****************************************************************/ /***************************************************************** HOME SMALL CTAs *****************************************************************/ /***************************************************************** HOME CATALOG *****************************************************************/ /***************************************************************** INSTAGRAM FEED *****************************************************************/ /***************************************************************** WIDGETS *****************************************************************/ /***************************************************************** PAGE WHY BUY *****************************************************************/ /***************************************************************** INVENTORY LISTING *****************************************************************/ /***************************************************************** ABOUT US *****************************************************************/ /***************************************************************** OTHER THEME STYLE *****************************************************************/ /***************************************************************** DEALER SLIDER STYLE ****************************************************************/ /***************************************************************** ULTIMATE PAGE ****************************************************************/ /***************************************************************** CTAS INSTANCES *****************************************************************/ /***************************************************************** Vehicle Details *****************************************************************/ /***************************************************************** WIDGET STANDALONE *****************************************************************/ /***************************************************************** NEW RANGE ROVER *****************************************************************/ /*Start css compliances for jaguar*/ /**/ /**/ [data-theme-style~="mainFont__regular"]{ font-family: "ProximaNova-Regular", "sans-serif";; } [data-theme-style~="mainFont__bold"]{ font-family: "ProximaNova-Bold", "sans-serif";; } /**/ /*End Font-compliance for jaguar*/ /***************************************************************** 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; } [data-theme-style~="vehicleDetails__ctaBgColor"]{ background-color: #f9f9f9; } /**************** 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; } .title__signature:before, .title__signature:after { background-color: #000000; } /*************** BG SECONDARY ****************/ [data-theme-style~="bodySecondary"]{ background-color:#d8d8d8; color:#3b3b3c; } [data-theme-style~="bodySecondary_bgColor"]{ background-color:#d8d8d8; } [data-theme-style~="bodySecondary_titleColor"]{ color:#000000; } [data-theme-style~="bodySecondary_fontColor"]{ color:#3b3b3c; } /*************** BG SIMILARLY ****************/ [data-theme-style~="bodySimilarly"]{ background-color:#d8d8d8; color:#444444; } [data-theme-style~="bodySimilarly_titleColor"]{ color:#000000; } [data-theme-style~="catalogListingForm__Bgcolor"]{ background-color: #e4e8e8; } /***************************************************************** HOME INVENTORY *****************************************************************/ [data-theme-style~="homeInventory__bgImage"]{ background-color: #ffffff; } [data-theme-style~="homeInventory__nameColor"], [data-theme-style~="homeInventory__nameColor"]:hover{ color: #000000; } [data-theme-style~="homeInventory_bgColor"] { background-color: #ffffff; } [data-theme-style~="homeInventory_titleColor"] { color: #000000; } [data-theme-style~="homeInventory_fontColor"] { color: #000000; } [data-theme-style~="homeInventory_primaryColor"] { color: #47c671; } [data-theme-style~="homeInventory_secondaryColor"] { color: #cccccc; } [data-theme-style~="homeInventory_ctaColor"], [data-theme-style~="homeInventory_ctaColor"]:hover, [data-theme-style~="homeInventory_ctaColor"]:focus, [data-theme-style~="homeInventory_ctaColor"]:active { color: #47c671; } [data-theme-style~="homeInventory_borderColor"] { border-color: #f0f0f0; } [data-theme-style~="homeInventory_bottomBgColor"] { background-color: #f0f0f0; border-color: #f0f0f0; } [data-theme-style~="homeInventory_bottomFontColor"] { color: #000000; } [data-theme-style~="homeInventory_bottomCtaColor"], [data-theme-style~="homeInventory_bottomCtaColor"]:hover, [data-theme-style~="homeInventory_bottomCtaColor"]:focus, [data-theme-style~="homeInventory_bottomCtaColor"]:active { color: #47c671; } /*************** Home Background Sections ****************/ [data-theme-style~="homeService_fontColor"]{ color: #ffffff; } [data-theme-style~="homeService_iconColor"] li:before{ color: #3b3b3c; } [data-theme-style~="homeRapidSearch_bgColor"] { background-color: #ffffff; } [data-theme-style~="homeRapidSearch_fontColor"]{ color: #000000; } [data-theme-style~="homeRapidSearch_iconColor"] { color: #3b3b3c; } [data-theme-style~="homeRapidSearch_inputBgColor"], [data-theme-style~="homeRapidSearch_inputBgColor"]:focus { background-color: #ffffff; } [data-theme-style~="homeRapidSearch_inputBorderColor"], [data-theme-style~="homeRapidSearch_inputBorderColor"]:focus { border-color: #8d8d8d; } [data-theme-style~="homeCatalog_bgColor"]{ background-color: #176ebf; background: -webkit-linear-gradient(left, #176ebf, #ffffff); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left, #176ebf, #ffffff); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #176ebf, #ffffff); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #176ebf, #ffffff); /* Standard syntax (must be last) */ } [data-theme-style~="homeCatalog_bgImage"]{ background: url('https://img.sm360.ca/images/web/coventry-north-jaguar-land-rover/3057/best-sellers1587000195538.jpg') top center; background-repeat: no-repeat; background-size: cover; } [data-theme-style~="homeCatalog_borderColor"]{ border-color: #d6d2d4; } [data-theme-style~="homeCatalog_fontColor"]{ color: #000000; } [data-theme-style~="homeCatalog_titleColor"]{ color: #ffffff; } .best-sellers-beta__slider-pager-item.slick-current:before{ color: #ffffff; background-color: #3b3b3c; } [data-theme-style~="btnRegularTerciary"][data-theme-style~="homeCatalog_fontColor"]{ color:#000000; } [data-theme-style~="btnRegularTerciary"][data-theme-style~="homeCatalog_fontColor"]:hover, [data-theme-style~="btnRegularTerciary"][data-theme-style~="homeCatalog_fontColor"]:focus, [data-theme-style~="btnRegularTerciary"][data-theme-style~="homeCatalog_fontColor"]:active{ color:#000000 !important; } [data-theme-style~="homeNews_fontColor"]{ color: #000000; } [data-theme-style~="homeNews_titleColor"]{ color: #ffffff; } [data-theme-style~="newsSlider__controlsColor"], [data-theme-style~="newsSlider__controlsColor"]:hover, [data-theme-style~="newsSlider__controlsColor"]:focus{ color: #0db1f4; } [data-theme-style~="newsSlider__pagerColor"]{ color: #ffffff; } [data-theme-style~="newsSlider__pagerColor"] .active{ background-color: #ffffff; } [data-theme-style~="videosHome"]{ background: url('https://img.sm360.ca/images/web/') top center; background-repeat: no-repeat; background-size: cover; } @media (min-width:768px){ [data-theme-style~="videosHome"]{ background: url('https://img.sm360.ca/images/web/') top center; background-repeat: no-repeat; background-size: cover; width: 100%; } } [data-theme-style~="homeAbout_fontColor"]{ color: #444444; } [data-theme-style~="homeAbout_titleColor"]{ color: #000000; } [data-theme-style~="homeAbout_borderColor"]{ border-color: #0db1f4; } [data-theme-style~="homeAbout_bgColor"]{ background-color: #f9f9f9; } /*************** BOX COLOR ****************/ [data-theme-style~="boxColor"]{ background-color:#d8d8d8; color:#303030; -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: #d8d8d8; } [data-theme-style~="box_bgColor"] li:before{ color:#9e1b32; } [data-theme-style~="box_fontColor"]{ color: #303030; } /**************** BODY LINK PRIMARY *****************/ [data-theme-style~="linkPrimary"]{ color:#3b3b3c; } [data-theme-style~="linkPrimary"]:hover, [data-theme-style~="linkPrimary"]:focus, [data-theme-style~="linkPrimary"]:active{ color:#3b3b3c; } /**************** BODY LINK SECONDARY *****************/ [data-theme-style~="linkSecondary"]{ color:#3b3b3c; } [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: #3b3b3c; border-color: #3b3b3c; } [data-theme-style~="btnAlphaPrimary"]:hover, [data-theme-style~="btnAlphaPrimary"]:focus, [data-theme-style~="btnAlphaPrimary"]:active{ color:#000000; background-color: transparent; border-color: #000000; } [data-theme-style~="btnAlphaSecondary"]{ color:#000000; border-color: #f0f0f0; background-color: #ffffff; } [data-theme-style~="btnAlphaSecondary"]:hover, [data-theme-style~="btnAlphaSecondary"]:focus, [data-theme-style~="btnAlphaSecondary"]:active{ color:#ffffff; border-color: #000000; background-color: #000000; } [data-theme-style~="btnAlphaTertiary"]{ color:#3b3b3c; border-color: #ffffff; } [data-theme-style~="btnAlphaTertiary"]:hover, [data-theme-style~="btnAlphaTertiary"]:focus, [data-theme-style~="btnAlphaTertiary"]:active{ color:#ffffff; border-color: #000000; background-color: #000000; } [data-theme-style~="btnBetaPrimary"]{ color:#3b3b3c; border-color: #3b3b3c; background: #f0f0f0; } [data-theme-style~="btnBetaPrimary"]:hover, [data-theme-style~="btnBetaPrimary"]:focus, [data-theme-style~="btnBetaPrimary"]:active, [data-theme-style~="btnBetaPrimary"].active{ color:#000000; border-color: #000000; background-color: #ffffff; } [data-theme-style~="btnBetaSecondary"]{ color:#000000; border-color: #000000; } [data-theme-style~="btnBetaSecondary"]:hover, [data-theme-style~="btnBetaSecondary"]:focus, [data-theme-style~="btnBetaSecondary"]:active, [data-theme-style~="btnBetaSecondary"].active{ color:#3b3b3c; border-color: #3b3b3c; background-color: #ffffff !important; } [data-theme-style~="btnBetaTertiary"]{ color:#ffffff; border-color: #000000; } [data-theme-style~="btnBetaTertiary"]:hover, [data-theme-style~="btnBetaTertiary"]:focus, [data-theme-style~="btnBetaTertiary"]:active{ color:#586167; border-color: #333333; } [data-theme-style~="btnCharliePrimary"]{ color:#444444; background-color: #3b3b3c; } [data-theme-style~="btnCharliePrimary"] [data-theme-sprite]{ color:#ffffff; background-color: #3b3b3c; } [data-theme-style~="btnCharliePrimary"]:hover, [data-theme-style~="btnCharliePrimary"]:focus, [data-theme-style~="btnCharliePrimary"]:active{ color:#3b3b3c; background-color: #ffffff; } [data-theme-style~="btnCharliePrimary"]:hover [data-theme-sprite], [data-theme-style~="btnCharliePrimary"]:focus [data-theme-sprite], [data-theme-style~="btnCharliePrimary"]:active [data-theme-sprite]{ color:#ffffff; background-color: #3b3b3c; } [data-theme-style~="btnCharlieSecondary"]{ color:#ffffff; background-color: #0c121c; } [data-theme-style~="btnCharlieSecondary"] [data-theme-sprite]{ color:#ffffff; background-color: #0c121c; } [data-theme-style~="btnCharlieSecondary"]:hover, [data-theme-style~="btnCharlieSecondary"]:focus, [data-theme-style~="btnCharlieSecondary"]:active{ color:#3b3b3c; background-color: #ffffff; } [data-theme-style~="btnCharlieSecondary"]:hover [data-theme-sprite], [data-theme-style~="btnCharlieSecondary"]:focus [data-theme-sprite], [data-theme-style~="btnCharlieSecondary"]:active [data-theme-sprite]{ color:#ffffff; background-color: #3b3b3c; } [data-theme-style~="btnEchoPrimary"]{ color:#ffffff; background-color: #3b3b3c; } [data-theme-style~="btnEchoPrimary"]:hover{ color:#ffffff; } [data-theme-style~="btnEchoPrimary"] [data-theme-sprite]{ color:#ffffff; background-color: ; } [data-theme-style~="btnGammaPrimary"]{ color:#ffffff; background-color: #3b3b3c; } [data-theme-style~="btnGammaPrimary"]:hover{ color:#ffffff; background-color: #545456; } [data-theme-style~="btnGammaPrimary"]:focus, [data-theme-style~="btnGammaPrimary"]:active{ color:#000000; background-color: ; } [data-theme-style~="btnGammaSecondary"]{ color:#ffffff; background-color: #72818c; border-color: #72818c; } [data-theme-style~="btnGammaSecondary"]:hover, [data-theme-style~="btnGammaSecondary"]:focus, [data-theme-style~="btnGammaSecondary"]:active{ color:#72818c; background: #ffffff; border-color: #ffffff; } /***************************************************************** BUTTON *****************************************************************/ [data-theme-style~="btnRegularPrimary"], [data-theme-style~="btnRegularPrimary"]:hover, [data-theme-style~="btnRegularPrimary"]:focus, [data-theme-style~="btnRegularPrimary"]:active{ color:#000000; } [data-theme-style~="btnRegularPrimary"]:before{ border-color:#000000; } [data-theme-style~="btnRegularSecondary"]{ color:#000000; } [data-theme-style~="btnRegularSecondary"]:hover, [data-theme-style~="btnRegularSecondary"]:focus, [data-theme-style~="btnRegularSecondary"]:active{ color:#000000; } [data-theme-style~="btnRegularTerciary"]{ color:#000000; } [data-theme-style~="btnRegularTerciary"]:hover, [data-theme-style~="btnRegularTerciary"]:focus, [data-theme-style~="btnRegularTerciary"]:active{ color:#000000; } [data-theme-style~="iconLinkRegular_color"]{ color:#3b3b3c; } .header__main-dealer-link [data-theme-style~="iconLinkRegular_color"]{ color:#ffffff; } /**************** BODY LINK PRIMARY *****************/ [data-theme-style~="linkPrimary"]{ color:#3b3b3c; } [data-theme-style~="linkPrimary"]:hover, [data-theme-style~="linkPrimary"]:focus, [data-theme-style~="linkPrimary"]:active{ color:#3b3b3c; } /**************** BODY LINK SECONDARY *****************/ [data-theme-style~="linkSecondary"]{ color:#3b3b3c } [data-theme-style~="linkSecondary"]:hover, [data-theme-style~="linkSecondary"]:focus, [data-theme-style~="linkSecondary"]:active{ color:#000000 } [data-theme-style~="btnGhostPrimary"]{ border-color: #3b3b3c; color: #3b3b3c; } [data-theme-style~="btnGhostPrimary"]:hover{ border-color: #545456; color:#545456; } [data-theme-style~="btnGhostPrimary"]:focus, [data-theme-style~="btnGhostPrimary"]:active{ border-color: #3b3b3c; background: #3b3b3c; color: #ffffff; } [data-theme-style~="btnGhostSecondary"]{ color: #ffffff; border-color: #ffffff; } [data-theme-style~="btnGhostSecondary"]:hover{ color: #ffffff; border-color: #ffffff; } [data-theme-style~="btnGhostSecondary"]:focus, [data-theme-style~="btnGhostSecondary"]:active{ background: #ffffff; color: #000000; border-color: #ffffff; } /**************** BTN PRIMARY *****************/ [data-theme-style~="btnPrimary"]{ color:#ffffff; background-color: #3b3b3c; } [data-theme-style~="btnPrimary"]:hover{ color:#ffffff; background-color: #545456; } [data-theme-style~="btnPrimary"]:focus, [data-theme-style~="btnPrimary"]:active{ color:#000000; background-color: ; } /**************** BTN HEADER *****************/ [data-theme-style~="btnHeader"]{ color:#ffffff; background-color: #fd8606; } [data-theme-style~="btnHeader"]:hover{ color:#ffffff; background-color: #e47805; } [data-theme-style~="btnHeader"]:focus, [data-theme-style~="btnHeader"]:active{ color:#fd8606; background-color: #ffffff; } /**************** BTN SPECIAL *****************/ [data-theme-style~="btnSpecial"]{ color:#ffffff; background-color: #22992e; } [data-theme-style~="btnSpecial"]:hover{ color:#ffffff; background-color: #28b336; } [data-theme-style~="btnSpecial"]:focus, [data-theme-style~="btnSpecial"]:active{ color:#22992e; background-color: #ffffff; } /**************** BTN TRUCK *****************/ [data-theme-style~="btnTruck"]{ color:#000000; background-color: #ffcb2e; } [data-theme-style~="btnTruck"]:hover{ color:#000000; background-color: #e6b729; } [data-theme-style~="btnTruck"]:focus, [data-theme-style~="btnTruck"]:active{ color:#ffcb2e; background-color: #000000; } /**************** BTN FORM *****************/ [data-theme-style~="btnForm"]{ color:#ffffff; background-color: #ffffff; } [data-theme-style~="btnForm"]:hover{ color:#ffffff; background-color: #e6e6e6; } [data-theme-style~="btnForm"]:focus, [data-theme-style~="btnForm"]:active{ color:#ffffff; background-color: #ffffff; } [data-theme-style~="btnSocialPrimary"]{ color: #000000; } /*************** RAPID SEARCH ****************/ [data-theme-style~="rapidSearch"]{ background: 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: #3b3b3c; } [data-theme-style~="rapidSearch_color"].active{ color: #3b3b3c; } input[type=radio] + [data-theme-style~="rapidSearchCtas__radio"] .radio-button__label-radio{ border-color: #3b3b3c; } input[type="radio"]:checked + [data-theme-style~="rapidSearchCtas__radio"] .radio-button__label-radio{ border-color: #3b3b3c; } input[type="radio"]:checked + [data-theme-style~="rapidSearchCtas__radio"] .radio-button__label-radio:before{ background-color: #3b3b3c; } [data-theme-style~="rapidSearchActive_fontColor"]{ color: #3b3b3c; } [data-theme-style~="rapidSearchInactive_fontColor"]{ color: #3b3b3c; } [data-theme-style~="rapidSearchCtas_fontColor"]{ color: #000000; } [data-theme-style~="rapidSearchCtas_bgColor"]{ background-color: #000000; } /*************** RAPID SEARCH - ALPHA ****************/ [data-theme-style~="rapidSearchAlpha_color"]{ -webkit-text-shadow: 0 0 10px #3b3b3c; -moz-text-shadow: 0 0 10px #3b3b3c; text-shadow: 0 0 10px #3b3b3c; color: rgba(59,59,60,0.3); } [data-theme-style~="rapidSearchAlpha_color"].active{ -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; color: #3b3b3c; } [data-theme-style~="rapidSearchAlpha_color"]:not(.active):hover{ -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; color: #3b3b3c; } /*************** CHECKBOX ****************/ /* Normal state */ .widget-checkbox__check.unchecked:before, [type=checkbox] + label:before { background-color: #ffffff; border-color: #3b3b3c; } /* Active state */ .widget-checkbox__check.checked:before, [type=checkbox]:checked + label:before{ background-color: #3b3b3c; border-color: #3b3b3c; } .filters-dropdown__checkbox [type=checkbox]:checked+label::after, .filters-dropdown__checkbox [type=checkbox]:not(:checked)+label::after, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after, .widget-checkbox__check:after { color: #ffffff; } /***************************************************************** HEADER *****************************************************************/ /*************** HEADER - GENERAL ****************/ [data-theme-style~="header"]{ background-color: #3b3b3c; } [data-theme-style~="headerTopNavHome"]{ color: #ffffff; background: #3b3b3c; } /* Header General - OLD */ [data-theme-style~="header_linkColor"]{ color: #cccccc; } [data-theme-style~="header_linkColor"]:hover{ color: #cccccc; } /* Header General - OLD END */ /*************** HEADER - PHONE ****************/ [data-theme-style~="header__phone__labelTextColor"]{ color: #ffffff; } [data-theme-style~="header__phone__numberColor"]{ color: #ffffff; } [data-theme-style~="header__phone__numberColor"]:hover{ color: #ffffff; } /*************** HEADER - ADDRESS ****************/ [data-theme-style~="header__address__textColor"]{ color: #ffffff; } [data-theme-style~="header__address__textColor"]:hover{ color: #ffffff; } /*************** HEADER - LANGUAGE SWITCHER ****************/ [data-theme-style~="header__languageSwitcher__textColor"]{ color: #ffffff; } [data-theme-style~="header__languageSwitcher__hoverTextColor"]:hover{ color: #ffffff; } [data-theme-style~="header__languageSwitcher__textColor"].language-switch__item--active{ color: #ffffff; } /*************** HEADER - QUICK LINKS ****************/ [data-theme-style~="headerTopNav__dropdownBtn"]>a{ color: #ffffff; background-color: #3b3b3c; } .active [data-theme-style~="headerTopNav__dropdownBtn"]>a, [data-theme-style~="headerTopNav__dropdownBtn"]:hover>a{ color: #ffffff; background-color: #3b3b3c; } [data-theme-style~="headerTopNav__dropdownContent"]{ background-color: #f9f9f9; } [data-theme-style~="headerTopNav__dropdownContent"] a{ color: #000000; background-color: #f9f9f9; } [data-theme-style~="headerTopNav__dropdownContent"] a:hover{ color: #ffffff; background-color: #3b3b3c; } /*************** HEADER - DEALER NAME ****************/ [data-theme-style~="header__dealerName__textColor"]{ color: #ffffff; } /*************** HEADER - PRIMARY CTA ****************/ [data-theme-style~="header__primaryCta"]{ color: #444444; } [data-theme-style~="header__primaryCta"]:hover{ color: #ffffff; } /*************** HEADER - COMPARE ****************/ /* Compare - OLD */ [data-theme-style~="navCompare"]{ background-color: #3b3b3c; } [data-theme-style~="navCompare"]:hover{ background-color: #222222; } [data-theme-style~="compareBox__colorAfter"]:after{ border-color: transparent transparent #444444; } [data-theme-style~="compareBox__colorBefore"]:before{ border-color: transparent transparent #3b3b3c; } /* Compare - OLD END */ [data-theme-style~="header__compare__dropdownCta"]>span{ color: #ffffff; background-color: #3b3b3c; } [data-theme-style~="header__compare__dropdownCta"]:hover>span{ color: #444444; background-color: #ffffff; } [data-theme-style~="header__compare__dropdownBox"]{ color: #3b3b3c; background-color: #d8d8d8 !important; } [data-theme-style~="header__compare__dropdownBox"]:after{ border-color: transparent transparent #d8d8d8 !important; } [data-theme-style~="header__compare__dropdownBoxCta"]{ color: #ffffff; background-color: #3b3b3c; border-color: #3b3b3c; } [data-theme-style~="header__compare__dropdownBoxCta"]:hover{ color: #444444; background-color: #ffffff; border-color: #f9f9f9; } /*************** HEADER - SEPARATOR ****************/ [data-theme-style~="header__separator"]{ border-color: #f0f0f0 !important; } [data-theme-style~="header__separator__secondary"]{ border-color: #d9d9d9 !important; } /*************** HEADER - MAIN NAV ****************/ [data-theme-style~="headerNavigationMain"]{ background-color: #3b3b3c; color: ; } [data-theme-style~="headerNavMain__Elem"].is-active, [data-theme-style~="headerNavMain__Elem"]:hover{ background-color: #3b3b3c; } [data-theme-style~="headerNavMain__Elem"] > a{ color: #ffffff; } [data-theme-style~="headerNavMain__Elem"].is-active > a, [data-theme-style~="headerNavMain__Elem"]:hover > a{ color: #ffffff !important; } [data-theme-style~="headerNavMain__Elem"].is-selected{ background-color: #3b3b3c; } [data-theme-style~="headerNavMain__Elem"].is-selected > a{ color: #ffffff !important; } [data-theme-style~="headerNavSub"]{ color: #ffffff; background-color: #444444; } [data-theme-style~="headerNavSub"] a:hover{ color: #ffffff; background-color: #444444 !important; } [data-theme-style~="headerNavSub"] .header__nav-submenu-wrapper--jaguar a:hover{ color: #ffffff; background-color: #444444 !important; } [data-theme-style~="headerNavCatalog"] a{ border-color: #444444; } [data-theme-style~="headerNavCatalog_bottomBar"]{ background-color: #ffffff; } [data-theme-style~="headerNavCatalog_bottomBar"] a{ color: #ffffff; background-color: transparent !important; } [data-theme-style~="headerNavCatalog"]{ background-color: #ffffff; } [data-theme-style~="navCatalogTile"]{ border-color: #444444; } [data-theme-style~="headerNavCatalog_bottomBar"] a:hover{ color: #ffffff; background-color: transparent !important; } [data-theme-style~="navCatalogTiles__imageBgColor"]{ background-color: #ffffff; } [data-theme-style~="header_blackTitleColor"]{ color: ; } /*************** HEADER - MOBILE - MAP CTA ****************/ [data-theme-style~="mobile__mapCta"]{ color: #ffffff; } [data-theme-style~="mobile__phoneCta"]{ color: #ffffff; } /*************** HEADER - MOBILE - MENU BURGER ****************/ /* Hamburger Button Color - OLD */ [data-theme-style~="hamburger__bgColor"], [data-theme-style~="hamburger__bgColor"]:after, [data-theme-style~="hamburger__bgColor"]:before{ background-color: #3b3b3c; } /* Hamburger Button Color - OLD END */ [data-theme-style~="mobileHeader__menuBurger"]{ background-color: ; } [data-theme-style~="mobileHeader__menuBurger"] span, [data-theme-style~="mobileHeader__menuBurger"] span:before, [data-theme-style~="mobileHeader__menuBurger"] span:after{ background-color: #ffffff; } [data-theme-style~="mobileHeader__menuBurger__opened"]{ background-color: ; } [data-theme-style~="mobileHeader__menuBurger__opened"]>span{ color: #ffffff; } [data-theme-style~="mobileHeader__menuBurger__opened"] div span, [data-theme-style~="mobileHeader__menuBurger__opened"] div span:before, [data-theme-style~="mobileHeader__menuBurger__opened"] div span:after{ background-color: #ffffff; } /*************** HEADER - MOBILE - OFF CANVAS ****************/ [data-theme-style~="mobile__offCanvas"]{ background-color: ; } .menu-mobile .is-accordion-submenu-parent>a::after{ color: #3b3b3c; } /*************** HEADER - MOBILE - MENU - MAIN NAV ****************/ /* Mobile Nav - OLD */ [data-theme-style~="headerMobileNavigation"]{ color: #ffffff; } [data-theme-style~="headerMobileNavigation"] li a:hover{ color: #ffffff; } [data-theme-style~="headerMobileNavigation"] .is-selected>a{ color: #ffffff; } /* Mobile Nav - OLD END */ [data-theme-style~="mobileMenu__mainNav__firstLevel"]>a{ color: #ffffff; background-color: #3b3b3c; } [data-theme-style~="mobileMenu__mainNav__firstLevel"]:hover>a{ color: #ffffff !important; background-color: ; } [data-theme-style~="mobileMenu__mainNav__firstLevel"].is-selected>a{ color: #ffffff; background-color: #3b3b3c; } [data-theme-style~="mobileMenu__mainNav__secondLevel"]>a{ color: #ffffff; background-color: #555555; } [data-theme-style~="mobileMenu__mainNav__secondLevel"]:hover>a{ color: #ffffff !important; background-color: #555555; } [data-theme-style~="mobileMenu__mainNav__secondLevel"].is-selected>a{ color: #ffffff; background-color: ; } /*************** HEADER - MOBILE - MENU - SECONDARY NAV ****************/ [data-theme-style~="mobileMenu__secondaryNav__anchor"]>a{ color: #ffffff; background-color: ; } [data-theme-style~="mobileMenu__secondaryNav__anchor"].is-selected>a{ color: #ffffff; background-color: #000000; } /*************** HEADER - MOBILE - MENU - COMPARE ****************/ [data-theme-style~="mobileMenu__compare__count"]{ color: #ffffff; background-color: #3b3b3c; } /*************** HEADER - MOBILE - ADDRESS ****************/ [data-theme-style~="mobile__menuAddress"]{ color: ; } [data-theme-style~="mobile__menuAddress"]:hover{ color: #ffffff; } /*************** HEADER - MOBILE - PHONE ****************/ [data-theme-style~="mobile__menuPhone__label"]{ color: #ffffff; } [data-theme-style~="mobile__menuPhone__number"]{ color: #ffffff; } [data-theme-style~="mobile__menuPhone__number"]:hover{ color: #ffffff; } /***************************************************************** FOOTER *****************************************************************/ /*************** FOOTER - GENERAL ****************/ [data-theme-style~="footer"], [data-theme-style~="footerBlock"]{ background-color:#3b3b3c; color:#ffffff; } /*************** FOOTER - MAIN NAV ****************/ [data-theme-style~="footerBlock_title"]{ color:#ffffff; } [data-theme-style~="footerBlock"] .footer__list{ color:#ffffff; } [data-theme-style~="footerList"]{ color:#ffffff; } [data-theme-style~="footer_linkColor"], [data-theme-style~="footer_linkColor"]:hover, [data-theme-style~="footer_linkColor"].active, [data-theme-style~="footer_linkColor"]:focus { color:#ffffff; } [data-theme-style~="footer__mainNav__title"]{ color:#ffffff; } [data-theme-style~="footer__mainNav__anchor"]{ color:#ffffff; } [data-theme-style~="footer__mainNav__anchor"]:hover, [data-theme-style~="footer__mainNav__anchor"].active, [data-theme-style~="footer__mainNav__anchor"]:focus { color:#ffffff; } /*************** FOOTER - DEALER INFOS ****************/ [data-theme-style~="footer__dealerInfo__title"]{ color: #ffffff; } [data-theme-style~="footer__address"]{ color: #ffffff; } [data-theme-style~="footer__address"]:hover{ color: #ffffff; } [data-theme-style~="footer__phone__label"]{ color: #ffffff; } [data-theme-style~="footer__phone__number"]{ color: #ffffff; } [data-theme-style~="footer__phone__number"]:hover{ color: #ffffff; } /*************** FOOTER - PRIMARY CTA ****************/ [data-theme-style~="btnFooter"]{ color:#000000; background-color: #f1f0f0; border-color:#f1f0f0; } [data-theme-style~="btnFooter"]:hover, [data-theme-style~="btnFooter"]:focus, [data-theme-style~="btnFooter"]:active{ color:#000000; background-color: #ffffff; border-color:#000000; } /*************** FOOTER - BOTTOM ****************/ [data-theme-style~="footer__bottom"], [data-theme-style~="footerBottom"] { color:#000000; background-color: #f9f9f9; } [data-theme-style~="footerBottom"] [data-theme-style~="footer_linkColor"], [data-theme-style~="footerBottom"] [data-theme-style~="footer_linkColor"]:hover, [data-theme-style~="footerBottom"] [data-theme-style~="footer_linkColor"].active, [data-theme-style~="footerBottom"] [data-theme-style~="footer_linkColor"]:focus { color:#000000; } [data-theme-style~="footer__bottomNav"]{ background-color: #f9f9f9; } [data-theme-style~="footer__bottomNav__anchor"], [data-theme-style~="footer__bottomNav__elem"]:before{ color: #3b3b3c; } [data-theme-style~="footer__bottomNav__anchor"]:hover{ color: #3b3b3c; } [data-theme-style~="footer__bottomNav__elem"]{ color: #3b3b3c; } /*************** FOOTER - COPYRIGHT ****************/ [data-theme-style~="footer__copyright"]{ color: #d8d8d8; } /***************************************************************** TEXT TOOLS *****************************************************************/ [data-theme-style~="label__fontColor"]{ color: #000000; } [data-theme-style~="white-checkbox-label"]{ color: #ffffff; } [data-theme-style~="breadcrumb"] a{ color: #8d8d8d; } [data-theme-style~="breadcrumb_activeFontColor"]{ color:#ffffff; } [data-theme-style~="smallprint"]{ color: #8d8d8d; } [data-theme-style~="smallprint_darker"]{ color: #5a5a5a; } [data-theme-style~="darkBG-form-policy-fontColor"]{ color: #000000; } [data-theme-style~="catalogSlider__pagerColor"].active, [data-theme-style~="catalogSlider__pagerColor"]:after, [data-theme-style~="catalogSlider__pagerColor"]:hover{ color: #ffffff; border-color: #ffffff; } [data-theme-style~="catalogSlider__iconBgColor"]:before { background-color: #9e1b32; } [data-theme-style~="catalogSlider__iconColor"]:before, [data-theme-style~="catalogSlider__iconColor"]:hover:before, [data-theme-style~="catalogSlider__iconColor"]:focus:before, [data-theme-style~="catalogSlider__iconColor"]:active:before { color: #ffffff; } [data-theme-style~="homeCatalog_financing__rebate"] [data-theme-sprite]{ background: radial-gradient(farthest-side at 45% 60%, #ffcb2e, #ffcb2e); -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: #ffcb2e; } [data-theme-style~="vehicleTagline"]{ color: #ff5a00; } [data-theme-style~="vehicleRebate"]{ color: #3b3b3c; } /***************************************************************** Graphic filter *****************************************************************/ [data-theme-style~="graphic-filter"]{ background: #000000; } /***************************************************************** Util Color *****************************************************************/ [data-theme-style~="utilPrimary__color"]{ color: #3b3b3c; } [data-theme-style~="utilPrimary__color"][data-theme-sprite~="checklist"]:before{ color: #3b3b3c; } [data-theme-style~="utilPrimary__bgColor"]{ background-color: #3b3b3c; } [data-theme-style~="utilPrimary__borderColor"]{ border-color: #3b3b3c !important; } [data-theme-style~="utilPrimary__borderColorAfter"]:after{ border-color: #3b3b3c; } [data-theme-style~="utilPrimary__colorBefore"]:before{ color: #3b3b3c; } [data-theme-style~="utilPrimary__bgColorBefore"]:before{ background-color: #3b3b3c; } [data-theme-style~="utilPrimary__bgColorAfter"]:after{ background-color: #3b3b3c; } [data-theme-style~="utilPrimary__listColor"] li:before{ color: #3b3b3c; } [data-theme-style~="utilSecondary__color"]{ color: #3b3b3c; } [data-theme-style~="utilSecondary__bgColor"]{ background-color: #3b3b3c; } [data-theme-style~="utilSecondary_borderColor"]{ border-color: #3b3b3c; } [data-theme-style~="utilTertiary__color"]{ color: #444444; } [data-theme-style~="utilTertiary__bgColor"]{ background-color: #444444; } [data-theme-style~="utilTertiary_borderColor"]{ border-color: #444444; } [data-theme-style~="utilWhiteColor__color"]{ color: #ffffff; } [data-theme-style~="utilWhiteColor__color"].title__signature:before, [data-theme-style~="utilWhiteColor__color"].title__signature:after { background-color: #ffffff; } [data-theme-style~="utilWhiteColor__bgTransparentColor"]{ background-color: rgba(255,255,255,0.9); } [data-theme-style~="utilWhiteColor__colorAfter"]:after{ background-color: rgba(255,255,255,0.2); } [data-theme-style~="utilGreyColor__color"]{ color: #8d8d8d; } [data-theme-style~="utilGreyColor__borderColor"]{ border-color: #8d8d8d; } [data-theme-style~="utilGreyColor__darkenColor"]{ color: #414141; } [data-theme-style~="utilGreyColor__lightenColor"]{ color: #dadada; } [data-theme-style~="utilGreyColor__bgColor"]{ background-color: #414141; } [data-theme-style~="utilDarkGreyColor__color"]{ color: #555555; } [data-theme-style~="utilWhiteColor__bgColor"]{ background-color: #ffffff; } [data-theme-style~="utilWhiteColor__BgLightColor"]{ background-color: rgba(255,255,255,0.8); } [data-theme-style~="utilBlackColor__bgColor"]{ background-color: #000000; } [data-theme-style~="utilBlackColor__color"]{ color: #000000; } [data-theme-style~="utilBlackColor__color"].title__signature:before, [data-theme-style~="utilBlackColor__color"].title__signature:after { background-color: #000000; } [data-theme-style~="utilBlackColor__transparentBgColor"]{ background-color: rgba(0,0,0,0.2); } [data-theme-style~="utilBlackColor__BgLightColor"]{ background-color: rgba(0,0,0,0.8); } [data-theme-style~="utilRedColor__color"]{ color: #3b3b3c; } [data-theme-style~="utilRedColor__bgColor"]{ background-color: #3b3b3c; } [data-theme-style~="utilRedColor__borderColor"]{ border-color: #3b3b3c; } [data-theme-style~="utilYellowColor__color"]{ color: #ffcb2e; } [data-theme-style~="utilYellowColor__bgColor"]{ background-color: #ffcb2e; } [data-theme-style~="utilYellowColor__bgColorLight"]{ background-color: rgba(255,203,46,0.8); } [data-theme-style~="utilYellowColor__borderColor"]{ border-color: #ffcb2e; } [data-theme-style~="overlay"]{ color: #ffffff; background-color: #000000; } [data-theme-style~="stroke__borderColor"]{ stroke: #3b3b3c; } [data-theme-style~="utilGradientPrimary__bgColor"]{ background-color: #3b3b3c; background: -webkit-linear-gradient(left, #090909, #3b3b3c); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #090909, #3b3b3c); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #090909, #3b3b3c); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #090909, #3b3b3c); /* Standard syntax (must be last) */ } [data-theme-style~="utilGradientSecondary__bgColor"]{ background: -moz-linear-gradient( -90deg, #c0c0c0 0%, #ffffff 33%); background: -webkit-linear-gradient( -90deg, #c0c0c0 0%, #ffffff 33%); background: -ms-linear-gradient( -90deg, #dadada 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: #3b3b3c; background: -moz-linear-gradient(45deg, #090909 0%, #000000 100%); background: -webkit-linear-gradient(45deg, #090909 0%, #000000 100%); background: linear-gradient(45deg, #090909 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#090909', endColorstr='#000000',GradientType=1 ); } /************************* Slider - Controls *************************/ [data-theme-style~="pagerSlider"] a, [data-theme-style~="pagerSlider_bgColor"]{ background-color: #d8d8d8 !important; } [data-theme-style~="pagerSlider"] a.active, [data-theme-style~="pagerSlider_bgColor"].active{ background-color: #3b3b3c !important; } [data-theme-style~="controlsSlider_color"] { color: #d8d8d8; } [data-theme-style~="slider__pager__color"] .slick-dots li button{ background: #d8d8d8; } [data-theme-style~="slider__pager__color"] .slick-dots li.slick-active button{ background: #3b3b3c; } .slick-dots li { background-color: #d8d8d8; } .slick-dots li.slick-active { background-color: #3b3b3c; } /***************************************************************** Pagination *****************************************************************/ .pagination .pagination__page-button-text--selected{ color: #3b3b3c; } [data-theme-style~="paginationButton"]{ color: #8d8d8d; } [data-theme-style~="paginationButton"]:hover{ color: #3b3b3c; } [data-theme-style~="paginationText"]{ color: #8d8d8d; } [data-theme-style~="paginationText"]:hover{ color: #3b3b3c; } [data-theme-style~="tabs_fontColor"] a { color: #444444; } [data-theme-style~="footerTabs_fontColor"] a { color: #ffffff; } [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: #ffffff; border-color: #ffffff; } [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: #3b3b3c; background-color: #3b3b3c; } [data-theme-style~="homeInventoryTabs"] [data-theme-style~="tabs_fontColor"].is-active a:after{ border-color: #3b3b3c; } [data-theme-style~="price__fontColor"] { color: #3b3b3c; } /***************************************************************** FORM *****************************************************************/ /*********************** FORM BLOCK ***************************/ [data-theme-style~="formBlockContent"], [data-theme-style~="formBlockContent"] label{ background-color: #444444; color: #000000; } [data-theme-style~="formBlockTitle"]{ background-color: #555555; color: #000000; text-transform: uppercase; } [data-theme-style~="sidebarFormContent_bgColor"]{ background-color: #ffffff; } [data-theme-style~="formBlockTitle"]:before{ border-color: #555555 transparent transparent transparent; } .form-bottom [type=checkbox]:not(:checked)+label{ color: #000000; } /*********************** ERROR MESSAGES ***************************/ .form-container .ui-state-error:not(.form-message-wrapper){ border: 1px solid #b40326; } .form-container .ui-state-error, .form-container .ui-state-error::placeholder{ color: #b40326; } /*********************** FORM BOTTOM SERVICE ***************************/ [data-theme-style~="formBottomServiceContent"], [data-theme-style~="formBottomServiceContent"] label{ background-color: #444444; color: #000000; } [data-theme-style~="formBottomServiceTitle"]{ color: #000000; } [data-theme-style~="formBottomServiceTitle"]:before{ border-color: #555555 transparent transparent transparent; } [data-theme-style~="form-policy-fontColor"]{ color: #000000 !important; } /*********************** Placeholder ****************************/ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; } ::-moz-placeholder { /* Firefox 19+ */ color: #000000; } :-ms-input-placeholder { /* IE 10+ */ color: #000000; } :-moz-placeholder { /* Firefox 18- */ color: #000000; } /************************* Radio Button **************************/ input[type=radio] + label .radio-button__label-radio{ border-color: #000000; } input[type="radio"]:checked + label .radio-button__label-radio{ border-color: #000000; } input[type="radio"]:checked + label .radio-button__label-radio:before{ background-color: #000000; } /************************* 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: #444444; } [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: #3b3b3c; background-color: #3b3b3c; } [data-theme-style~="navBlock_anchor__Color"]{ color: #444444; } [data-theme-style~="navBlock_anchor__Color"]:hover, [data-theme-style~="navBlock_anchor__Color"].active{ color: #3b3b3c; } [data-theme-style~="navBlock_title__Color"]{ color: #1b394e; } [data-theme-style~="navBlock_title__bgColor"]{ background-color: #1b394e; } /***************************************************************** WIDGET-DROPDOWN *****************************************************************/ .widget-dropdown__content-element--selected, .widget-dropdown__content-element:hover{ color: #555555; } /***************************************************************** HOME SOCIAL BLOCK *****************************************************************/ [data-theme-style~="homeSocial__bgColor"]{ background-color: #ffffff; } [data-theme-style~="homeSocial__titleColor"]{ color: #ffffff; } [data-theme-style~="homeSocialInstance__titleColor"]{ color: #3b3b3c; } [data-theme-style~="homeSocialInstance__textColor"]{ color: #000000; } /***************************************************************** HOME REVIEWS *****************************************************************/ .section-reviews--echo .home-reviews .title__home{ color: #000000; } [data-theme-style~="homeReviews_scoreColor"]{ color: #003b65; } [data-theme-style~="homeReviews_bgColor"]{ background-color: ; } [data-theme-style~="homeReviews_bgColor"]:before{ background-color: ; } [data-theme-style~="homeReviews_bgColor"]:after{ background-color: ; border-top-color: ; color: ; } [data-theme-style~="homeReviews_fontColor"]{ color: #000000; } [data-theme-style~="homeReviews_fontColor"]:before{ color: #eaeeed; } [data-theme-style~="homeReviews_starsColor"]{ color: #f8ba07; } [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: #9eaab0 !important; } [data-theme-style~="homeReviews_sliderColors"] .bx-wrapper .bx-pager-item a.active{ background-color: #0db1f4 !important; } [data-theme-style~="homeReviews__sectionTitle"]{ color: #000000; } [data-theme-style~="homeReviews__sectionSubtitle"]{ color: #000000; } [data-theme-style~="homeReviews__allReviewsLink"]{ color: #000000; } [data-theme-style~="homeReviews__allReviewsLink"]:hover{ color: #000000; } [data-theme-style~="homeReviews__contentAuthor"]{ color: #000000; } [data-theme-style~="homeReviews__contentAuthor"]:hover{ color: #000000; } [data-theme-style~="review_nameAuthor"]{ color:#3b3b3c; } /***************************************************************** 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: #0db1f4; } [data-theme-style~="blockCtas__afterArrow"]:hover:after{ color: #444444; } [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: #22992e; } /***************************************************************** COSTUME PAGE ULTIMATE *****************************************************************/ [data-theme-style~="ultimateForm_bgColor"]{ background-color: #3b3b3c; } /***************************************************************** HIGHLIGHTS MODULES *****************************************************************/ [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: #0db1f4; } [data-theme-style~="blockCtasBigFirst__TextColor"] h3, [data-theme-style~="blockCtasBigFirst__TextColor"] .subtitle{ color: #0db1f4; } [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; } [data-theme-style~="highlightsBlocks__item"]{ background-color: #f0f0f0; } [data-theme-style~="highlightsBlocks__titleColor"]{ color: #000000; } [data-theme-style~="highlightsBlocks__titleColor"]:before, [data-theme-style~="highlightsBlocks__titleColor"]:after{ background-color: #000000; } [data-theme-style~="highlightsBlocks__contentColor"]{ color: #000000; } [data-theme-style~="highlightsBlocks__contentColor"] h3, [data-theme-style~="highlightsBlocks__contentColor"] h4, [data-theme-style~="highlightsBlocks__contentColor"] h5{ color: #d8d8d8; } [data-theme-style~="highlightsBlocks__cta"]{ color: #ffffff; border-color: #3b3b3c; background: #3b3b3c; } [data-theme-style~="highlightsBlocks__cta"]:hover, [data-theme-style~="highlightsBlocks__cta"]:focus, [data-theme-style~="highlightsBlocks__cta"]:active{ color: #ffffff; border-color: #3b3b3c; background: #3b3b3c; } [data-theme-style~="highlights_bgImage"] { background-image: url('https://img.sm360.ca/images/web/'); background-repeat: no-repeat; background-size: cover; } /***************************************************************** HIGHLIGHTS MODULES SECONDARY *****************************************************************/ [data-theme-style~="highlightsBlocks__secondary__item"]{ background-color: #ffffff; } [data-theme-style~="highlightsBlocks__secondary__sectionTitle"]{ color: #000000; } [data-theme-style~="highlightsBlocks__secondary__sectionTitle"]:before, [data-theme-style~="highlightsBlocks__secondary__sectionTitle"]:after{ background-color: #000000; } [data-theme-style~="highlightsBlocks__secondary__titleColor"]{ color: #000000; } [data-theme-style~="highlightsBlocks__secondary__contentColor"]{ color: #444444; } [data-theme-style~="highlightsBlocks__secondary__cta"]{ color: #444444; border-color: #ffffff; background: #ffffff; } [data-theme-style~="highlightsBlocks__secondary__cta"]:hover, [data-theme-style~="highlightsBlocks__secondary__cta"]:focus, [data-theme-style~="highlightsBlocks__secondary__cta"]:active{ color: #ffffff; border-color: #ffffff; background: #3b3b3c; } [data-theme-style~="highlightsBlocks__secondary__cta"] [data-theme-sprite]{ color: #ffffff; background: #ffffff; } [data-theme-style~="highlightsBlocks__secondary__cta"]:hover [data-theme-sprite], [data-theme-style~="highlightsBlocks__secondary__cta"]:focus [data-theme-sprite], [data-theme-style~="highlightsBlocks__secondary__cta"]:active [data-theme-sprite]{ color: #ffffff; background: #3b3b3c; } /***************************************************************** HIGHLIGHTS MODULES TERTIARY *****************************************************************/ [data-theme-style~="highlightsBlocks__tertiary__item"]{ background-color: #ffffff; } [data-theme-style~="highlightsBlocks__tertiary__bgColor"]{ background-color: #ffffff; } [data-theme-style~="highlightsBlocks__tertiary__titleColor"]{ color: #000000; } [data-theme-style~="highlightsBlocks__tertiary__contentColor"]{ color: #444444; } [data-theme-style~="highlightsBlocks__tertiary__cta"]{ color: #ffffff; border-color: #3b3b3c; background: #3b3b3c; } [data-theme-style~="highlightsBlocks__tertiary__cta"]:hover, [data-theme-style~="highlightsBlocks__tertiary__cta"]:focus, [data-theme-style~="highlightsBlocks__tertiary__cta"]:active{ color: ; border-color: #3b3b3c; background: #3b3b3c; } /***************************************************************** INSTAGRAM FEED *****************************************************************/ [data-theme-style~="instagramFeed__textColor"]{ color: #0db1f4; } [data-theme-style~="instagramFeed__bgColor"]{ background-color: #8994a0; } /***************************************************************** WHY BUY PAGE *****************************************************************/ [data-theme-style~="whyBuy__listColor"] li:before{ color: #d8d8d8; } [data-theme-style~="whyBuyBanner"]{ color: #000000; background-color: #d8d8d8; } [data-theme-style~="whyBuyCtas__bodyColor"]{ background-color: #d8d8d8; } [data-theme-style~="whyBuyShowroom__titleColor"]{ color: #000000; } [data-theme-style~="whyBuyShowroom__textColor"]{ color: #444444; } [data-theme-style~="whyBuyCtas_textColor"]{ color: #3b3b3c; } [data-theme-style~="whyBuyCtas_titleColor"]{ color: #3b3b3c; } /***************************************************************** CUSTOM *****************************************************************/ /* The strike price is the same color that font color box preview */ [data-theme-style~="showroom_primaryColor"]{ color: #3b3b3c; } [data-theme-style~="showroom_secondaryColor"], [data-theme-style~="showroom_secondaryColor"]:after{ color: #000000; } [data-theme-style~="viewSwitch"] p { color: #ffffff; background-color: #000000; } [data-theme-style~="viewSwitch"] p:hover, [data-theme-style~="viewSwitch"].active p{ color: #ffffff; background-color: #444444; } [data-theme-style~="accordionIcon_color"]:before { color: #3b3b3c; } [data-theme-style~="scrollbarHandle_color"]{ border-color: #3b3b3c; } [data-theme-style~="scrollbarHandle_color"]:hover{ background-color: #000000; } [data-theme-style~="scrollbarHandle_color"]:before{ background-color: #3b3b3c; } [data-theme-style~="inventoryHeader"]{ background-color:#ffffff; } [data-theme-style~="vdpForm_borderColor"]{ border-color: #3b3b3c; } [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: #000000; } [data-theme-style~="vdpForm_primaryBgColor"] { background-color: #d8d8d8; } [data-theme-style~="vehicleTrims_selectedColor"].selected{ color: #3b3b3c; background-color: #3b3b3c; } [data-theme-style~="inventoryAvailability_fontColor"]{ color: #000000; } [data-theme-style~="inventoryAvailability_fontColor"]:active, [data-theme-style~="inventoryAvailability_fontColor"]:focus, [data-theme-style~="inventoryAvailability_fontColor"]:hover{ color: #000000; } [data-theme-style~="countdownDisabled_fontColor"].disabled{ color:#8d8d8d; } [data-theme-style~="vehiclePreviewName_color"]{ color: #3b3b3c; } [data-theme-style~="vehiclePreview_primaryColor"]{ color: #000000; } [data-theme-style~="vehiclePreview_secondaryColor"]{ color: #8d8d8d; } [data-theme-style~="vehiclePreview_priceBgColor"]::after{ background-color: #000000; } .catalog-details__colors-thumbnails--selected .catalog-details__colors-thumbnails-image{ border-color: #3b3b3c; } [data-theme-style~="vdpSidebar_bgColor"]{ background-color: #d8d8d8; } [data-theme-style~="vdpComparable_bgColor"]{ background-color: #ffffff; } [data-theme-style~="vdpComparable_fontColor"]{ color: #444444; } .widget-filter__check-element:hover, .widget-filter__check-element--selected{ border-color: #3b3b3c; } .widget-filter__check-element:hover .widget-filter__bodystyle-name, .widget-filter__check-element--selected .widget-filter__bodystyle-name{ color: #3b3b3c; } [data-theme-style~="accordion"]{ color: #3b3b3c; } [data-theme-style~="accordion"]:nth-child(odd){ background-color: #d8d8d8; } [data-theme-style~="morePhoto__bgColor"], [data-theme-style~="morePhoto__bgColor"]:hover{ background-color: #3b3b3c; color:#ffffff; } [data-theme-style~="calculator__color"]{ color: #3b3b3c; } [data-theme-style~="form_icons"]:before{ color:#cccccc; } [data-theme-style~="ratesTable_bgColor"] tr:nth-child(even){ background-color: #ffffff ; } /***************************************************************** WIDGETS *****************************************************************/ [data-theme-style~="widgetSticky_fontColor"]{ color: #000000 ; } [data-theme-style~="widgetSticky_bgColor"]{ background-color: #f9f9f9 ; } /***************************************************************** INVENTORY LISTING *****************************************************************/ [data-theme-style~="inventory__rebateBanner"]{ background-color: #ce0f2d; color: #ffffff; } [data-theme-style~="inventory__priceColor"]{ color: #ce0f2d; } [data-theme-style~="inventory__compareBtn"]{ background-color: #868686; } [data-theme-style~="inventory__compareBtn"]:hover{ background-color: #a0a0a0; } [data-theme-style~="inventory__compareBtn"].active{ background-color: #101010; } [data-theme-style~="inventory__compareBtn"].active:hover{ background-color: #2a2a2a; } [data-theme-style~="listingInventoryVehiclePreview__compareTextColor"] { color: #444444; } [data-theme-style~="listingInventoryVehiclePreview__nameTextColor"] { color: #000000; } [data-theme-style~="listingInventoryVehiclePreview__oldPriceColor"] { color: #444444; } [data-theme-style~="listingInventoryVehiclePreview__priceColor"] { color: #000000; } [data-theme-style~="listingInventoryVehiclePreview__textColor"] { color: #444444; } [data-theme-style~="listingInventoryVehiclePreview__separatorBorderColor"] { border-color: #b0b7bb; } [data-theme-style~="listingInventoryVehiclePreview_borderColor"]{ color: #cccccc; } /***************************************************************** CATALOG LISTING *****************************************************************/ [data-theme-style~="catalogListingHeader_backgroundImage"] { background-image: url('https://img.sm360.ca/images/web/wyant-group/3159/header-int-listing-new-used1597158228272.jpg'); background-size: cover; } [data-theme-style~="catalogListingVehicle_titleColor"] { color: #000000; } [data-theme-style~="catalogListingVehicle_titleColor"]:before, [data-theme-style~="catalogListingVehicle_titleColor"]:after { background-color: #000000; } [data-theme-style~="catalogListingVehicle_backgroundColor"] { background-color: #eae8e4; } /***************************************************************** SOCIAL BLOCK CTAs *****************************************************************/ [data-theme-style~="socialBlock__title"]{ color: #ffffff; } [data-theme-style~="socialBlock__cta"]{ background-color: #3b3b3c; color: #ffffff; } [data-theme-style~="socialBlock__cta"]:hover{ background-color: #3b3b3c; color: #000000; } [data-theme-style~="socialBlock__cta__label"]{ color: #ffffff; } a:hover [data-theme-style~="socialBlock__cta__label"]{ color: #ffffff; } /***************************************************************** PROMO HEADER SLIDER *****************************************************************/ [data-theme-style~="promoHeaderSlider__dots"] li button{ color: #ffffff; background-color: #ffffff; border-color: #ffffff; } [data-theme-style~="promoHeaderSlider__dots"] li button:hover, [data-theme-style~="promoHeaderSlider__dots"] li.slick-active button{ color: #ffffff; background-color: #ffffff; border-color: #ffffff; } [data-theme-style~="promoHeaderSlider__dots__text"] li button{ color: #ffffff; } [data-theme-style~="promoHeaderSlider__dots__text"] li button:hover, [data-theme-style~="promoHeaderSlider__dots__text"] li.slick-active button{ color: #ffffff; } [data-theme-style~="promoHeaderSlider__controls"]{ color: #ffffff; } [data-theme-style~="promoHeaderSlider__controls"]:hover{ color: #cccccc; } /***************************************************************** ABOUT US *****************************************************************/ [data-theme-style~="pageAbout_coordinatesCardAlpha_telColor"]{ color:#3b3b3c; } /***************************************************************** CONTACT US *****************************************************************/ [data-theme-style~="pageContact_blockHours_bgColor"]{ background-color:#ffffff; } /***************************************************************** OTHER THEME *****************************************************************/ [data-theme-style~="aboutInstance__bgColor"]{ background-color: #d8d8d8; } [data-theme-style~="catalogCompare__themeStyle"]{ color: #3b3b3c; } [data-theme-style~="widget__tabStyle"]{ border-color: #444444 !important; } /****************************************************************************** WIDGET STANDALONE FULLWIDTH BACKGROUND COLOR *******************************************************************************/ [data-theme-style~="widget_standalone-fullwidth__bgColor"]{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 48%, #ffffff 51%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 48%,#ffffff 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%,#ffffff 48%,#ffffff 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } /***************************************************************** VIDEOS CHARLIE *****************************************************************/ [data-theme-style~="videosHome__titleTextColor"]{ color: #000000; } [data-theme-style~="videosHome__titleTextColor"]:before, [data-theme-style~="videosHome__titleTextColor"]:after{ background: #000000; } [data-theme-style~="videosHome__previewTextColor"]{ color: #000000; } [data-theme-style~="videosHome__cta"]{ color: #ffffff; border-color: #3b3b3c; background: #3b3b3c; } [data-theme-style~="videosHome__cta"]:hover, [data-theme-style~="videosHome__cta"]:focus, [data-theme-style~="videosHome__cta"]:active{ color: #ffffff; border-color: #000000; background: #3b3b3c; } [data-theme-style~="boxShadow"]{ -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.4); } [data-theme-style~="boxShadow__Top"]{ -webkit-box-shadow: 0 -5px 20px -5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 -5px 20px -5px rgba(0, 0, 0, 0.15); box-shadow: 0 -5px 20px -5px rgba(0, 0, 0, 0.15); } [data-theme-style~="boxShadow__Bottom"]{ -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.35); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.35); } [data-theme-style~="FooterBoxShadow__Bottom"]{ -webkit-box-shadow: 0 55px 15px -5px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 55px 15px -5px rgba(0, 0, 0, 0.35); box-shadow: 0 55px 15px -5px rgba(0, 0, 0, 0.35); } [data-theme-style~="boxShadow_cta-service"]{ -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); } /***************************************************************** View 360 *****************************************************************/ [data-theme-sprite~=view-360-picto]:before, [data-theme-style~="viewSwitch_360"] :hover, [data-theme-style~="viewSwitch_360"].active p{ color: #3b3b3c; } /***************************************************************** Coordinates Card *****************************************************************/ /*