/***************************************************************** HEADER *****************************************************************/ /*************** HEADER - MOBILE - MAP CTA ****************/ /*************** HEADER - MOBILE - MENU BURGER ****************/ /*************** HEADER - MOBILE - OFF CANVAS ****************/ /*************** HEADER - MOBILE - MENU - MAIN NAV ****************/ /*************** HEADER - MOBILE - MENU - SECONDARY NAV ****************/ /*************** HEADER - MOBILE - MENU - COMPARE ****************/ /*************** HEADER - MOBILE - ADDRESS ****************/ /*************** HEADER - MOBILE - PHONE ****************/ /*************** HEADER - PHONE ****************/ /*************** HEADER - ADDRESS ****************/ /*************** HEADER - LANGUAGE SWITCHER ****************/ /*************** HEADER - DEALER NAME ****************/ /*************** HEADER - PRIMARY CTA ****************/ /*************** HEADER - COMPARE ****************/ /*************** HEADER - SEPARATOR ****************/ /*************** HEADER - QUICK LINKS ****************/ /***************************************************************** FOOTER *****************************************************************/ /*************** FOOTER - GENERAL ****************/ /*************** FOOTER - MAIN NAV ****************/ /*************** FOOTER - DEALER INFOS ****************/ /*************** FOOTER - PRIMARY CTA ****************/ /*************** FOOTER - BOTTOM ****************/ /*************** FOOTER - COPYRIGHT ****************/ /***************************************************************** BLOC COLOR PRIMARY *****************************************************************/ /***************************************************************** BLOC COLOR SECONDARY *****************************************************************/ /***************************************************************** BLOC COLOR SIMILARLY *****************************************************************/ /***************************************************************** UTILS *****************************************************************/ /***************************************************************** ELEMENT FONT COLOR *****************************************************************/ /***************************************************************** BOX COLOR *****************************************************************/ /***************************************************************** NAV BLOCK COLOR *****************************************************************/ /***************************************************************** BLOCK FORM *****************************************************************/ /***************************************************************** BUTTONS *****************************************************************/ /***************************************************************** HOME SOCIAL BLOCK *****************************************************************/ /***************************************************************** HOME INVENTORY CTAs *****************************************************************/ /***************************************************************** HOME SMALL CTAs *****************************************************************/ /***************************************************************** HOME INVENTORY *****************************************************************/ /***************************************************************** HOME CATALOG *****************************************************************/ /***************************************************************** INSTAGRAM FEED *****************************************************************/ /***************************************************************** WIDGETS *****************************************************************/ /***************************************************************** PAGE WHY BUY *****************************************************************/ /***************************************************************** INVENTORY LISTING *****************************************************************/ /***************************************************************** Inventory Preview - Block *****************************************************************/ /***************************************************************** Inventory Preview - Button *****************************************************************/ /***************************************************************** Catalog Preview - Block *****************************************************************/ /***************************************************************** Catalog Preview - Button *****************************************************************/ /***************************************************************** SOCIAL BLOCK CTAs *****************************************************************/ /***************************************************************** VIDEOS CHARLIE *****************************************************************/ /***************************************************************** PROMO HEADER SLIDER *****************************************************************/ /***************************************************************** HOME REVIEWS *****************************************************************/ /***************************************************************** STICKY CTAS MODULES *****************************************************************/ /***************************************************************** HIGHLIGHTS MODULES *****************************************************************/ /***************************************************************** HIGHLIGHTS MODULES SECONDARY *****************************************************************/ /***************************************************************** HIGHLIGHTS MODULES TERTIARY *****************************************************************/ /***************************************************************** VEHICLE DETAILS BG IMAGE or COLOR *****************************************************************/ /***************************************************************** PAGE CUSTOM TRANSACTION BG IMAGE or COLOR *****************************************************************/ /*Start css compliances for nissan*/ /**/ [data-theme-style~="mainFont__Light"]{ font-family:'Nissan Primary Light', sans-serif; font-weight: normal; } [data-theme-style~="mainFont__regular"]{ font-family:'Nissan Primary Regular', sans-serif; font-weight: normal; } [data-theme-style~="mainFont__italic"]{ font-family:'Nissan Primary Italic', sans-serif; font-weight: normal; } [data-theme-style~="mainFont__bold"]{ font-family:'Nissan Primary Bold', sans-serif; font-weight: normal; } /**/ /*End Font-compliance for nissan*/ /***************************************************************** BACKGROUND *****************************************************************/ [data-theme-style~="bodyPattern_primary"]{ color:#303030; background-image: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-interior-light-v21538074559767.png'); background-repeat: repeat; background-size: cover; } [data-theme-style~="bodyPattern_ultraLighten"]{ background: #141414 url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-interior-light-v21538074559767.png'); background-repeat: repeat; } [data-theme-style~="bodyPattern_lighten"]{ background: #0d0d0d url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-interior-light-v21538074559767.png'); background-repeat: repeat; } [data-theme-style~="vehicleDetails__ctaBgColor"]{ background-image: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/bg-cta-vdp-new1537798336664.jpg'); background-size: cover; } [data-theme-style~="vehicleDetails__ctaBgImageUsed"]{ background-image: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/bg-cta-vdp-used1537971821852.jpg'); background-repeat: repeat; background-size: cover; } /**************** BG PRIMARY *****************/ [data-theme-style~="bodyPrimary"]{ color:#303030; 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:#303030; } [data-theme-style~="bodyPrimary_titleColor"]{ color:#000000; } /*************** BG SECONDARY ****************/ [data-theme-style~="bodySecondary"]{ background-color:#ffffff; color:#303030; } [data-theme-style~="bodySecondary_bgColor"]{ background-color:#ffffff; } [data-theme-style~="bodySecondary_titleColor"]{ color:#303030; } [data-theme-style~="bodySecondary_fontColor"]{ color:#303030; } /*************** BG SIMILARLY ****************/ [data-theme-style~="bodySimilarly"]{ background-color:#dce5e8; color:#303030; } [data-theme-style~="bodySimilarly_titleColor"]{ color:#303030; } /***************************************************************** HOME INVENTORY *****************************************************************/ [data-theme-style~="homeInventory__bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/home-background-inventory1537296798183.jpg') ; background-repeat: no-repeat; background-size: cover; } [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: #dddddd; } [data-theme-style~="homeInventory_bottomBgColor"] { background-color: #eeeeee; } [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_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-highlight-service-v31543953308546.jpg') ; background-repeat: no-repeat; background-size: cover; } [data-theme-style~="homeService_fontColor"]{ color: #ffffff; } [data-theme-style~="homeService_iconColor"] li:before{ color: #c71444; } [data-theme-style~="homeRapidSearch_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/home-background-search-tool1539286199660.jpg') top center; background-repeat: no-repeat; background-size: cover; } [data-theme-style~="homeRapidSearch_fontColor"]{ color: #343434; } [data-theme-style~="homeFinancialService_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-finance-home1537539050436.jpg') top center; background-repeat: no-repeat; background-size: cover; } [data-theme-style~="homeFinancialService_fontColor"]{ color: #ffffff; } [data-theme-style~="homeInventoryCtas_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-inventories1537896234107.jpg') top center; background-repeat: no-repeat; background-size: cover; } [data-theme-style~="homeInventoryCtas_bgImage_mobil"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-inventaires1538591502907.jpg') top center; background-repeat: no-repeat; background-size: cover; } [data-theme-style~="homeCatalog_bgColor"]{ background-color: #176ebf; background: -webkit-linear-gradient(left, #176ebf, #31a6de); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left, #176ebf, #31a6de); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #176ebf, #31a6de); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #176ebf, #31a6de); /* Standard syntax (must be last) */ } [data-theme-style~="homeCatalog_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/home-bg-catalogue1537296787353.jpg') top center; background-repeat: no-repeat; background-size: cover; } @media (max-width:640px) { [data-theme-style~="homeCatalog_bgImage"]{ background-color: #176ebf; } } [data-theme-style~="homeCatalog_borderColor"]{ border-color: #d6d2d4; } [data-theme-style~="homeCatalog_fontColor"]{ color: #000000; } @media (min-width:0) { [data-theme-style~="homeService_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-highlight-services-v21539697348384.jpg') ; background-repeat: no-repeat; background-size: cover; } } @media (min-width:767px) { [data-theme-style~="homeService_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-highlight-services-tablette-v31539886337172.jpg') ; background-repeat: no-repeat; background-size: cover; } } @media (min-width:1023px) { [data-theme-style~="homeService_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-highlight-service-v31543953308546.jpg') ; background-repeat: no-repeat; background-size: cover; } } [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, [data-theme-style~="newsSlider__pagerColor"] .slick-active{ background-color: #ffffff } [data-theme-style~="homeAbout_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/home-bgd-seo1537296832834.png') top center; background-repeat: no-repeat; background-size: cover; } [data-theme-style~="homeAbout_fontColor"]{ color: #ffffff; } [data-theme-style~="homeAbout_titleColor"]{ color: #000000; } [data-theme-style~="homeAbout_borderColor"]{ border-color: #0db1f4; } @media (min-width:0) { [data-theme-style~="transactionHeader_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/header-custom-page-mobile1539566702118.jpg') ; background-repeat: no-repeat; background-size: cover; } } @media (min-width:767px) { [data-theme-style~="transactionHeader_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/header-custom-page-tablette1539566684014.jpg') ; background-repeat: no-repeat; background-size: cover; } } @media (min-width:1023px) { [data-theme-style~="transactionHeader_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/header1539566725428.jpg') ; background-repeat: no-repeat; background-size: cover; } } @media (min-width:0) { [data-theme-style~="transactionNew_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-new-mobile1539565373018.jpg') ; background-repeat: no-repeat; background-size: cover; } } @media (min-width:767px) { [data-theme-style~="transactionNew_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-new-tablet1539565445448.jpg') ; background-repeat: no-repeat; background-size: cover; } } @media (min-width:1023px) { [data-theme-style~="transactionNew_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-new1539565293757.jpg') ; background-repeat: no-repeat; background-size: cover; } } @media (min-width:0) { [data-theme-style~="transactionUsed_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-used-mobile1539565395884.jpg') ; background-repeat: no-repeat; background-size: cover; } } @media (min-width:767px) { [data-theme-style~="transactionUsed_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-used-tablet-1539565476706.jpg') ; background-repeat: no-repeat; background-size: cover; } } @media (min-width:1023px) { [data-theme-style~="transactionUsed_bgImage"]{ background: url('https://img.sm360.ca/images/web/mcdonald-auto-group/2217/background-used1539565266447.jpg') ; background-repeat: no-repeat; background-size: cover; } } /*************** BOX COLOR ****************/ [data-theme-style~="boxColor"]{ background-color:#ffffff; 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: #ffffff; } [data-theme-style~="box_bgColor"] li:before{ color:#51ae30; } [data-theme-style~="box_fontColor"]{ color: #303030; } /**************** BODY LINK PRIMARY *****************/ [data-theme-style~="linkPrimary"]{ color:#111111 } [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:#0d63a0 } [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: #c71444; } [data-theme-style~="btnAlphaPrimary"]:hover, [data-theme-style~="btnAlphaPrimary"]:focus, [data-theme-style~="btnAlphaPrimary"]:active{ color:#ffffff; background-color: #b10021; } [data-theme-style~="btnAlphaSecondary"]{ color:#c71444; border-color: #c71444; } [data-theme-style~="btnAlphaSecondary"]:hover, [data-theme-style~="btnAlphaSecondary"]:focus, [data-theme-style~="btnAlphaSecondary"]:active{ color:#ffffff; border-color: #c71444; background-color: #c71444; } [data-theme-style~="btnAlphaTertiary"]{ color:#ffffff; background-color: #8a8a8a; } [data-theme-style~="btnAlphaTertiary"]:hover, [data-theme-style~="btnAlphaTertiary"]:focus, [data-theme-style~="btnAlphaTertiary"]:active{ color:#ffffff; background-color: #323232; } [data-theme-style~="btnBetaPrimary"]{ color:#000000; border-color: #f6ba35; background-color: #f6ba35; } [data-theme-style~="btnBetaPrimary"]:hover, [data-theme-style~="btnBetaPrimary"]:focus, [data-theme-style~="btnBetaPrimary"]:active{ color:#000000; border-color: #f3a800; background-color: #f3a800 !important; } [data-theme-style~="btnBetaSecondary"]{ color:#c71444; border-color: #c71444; } [data-theme-style~="btnBetaSecondary"]:hover, [data-theme-style~="btnBetaSecondary"]:focus, [data-theme-style~="btnBetaSecondary"]:active, [data-theme-style~="btnBetaSecondary"].active{ color:#ffffff; border-color: #c71444; background-color: #c71444 !important; } [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: #2d96cd; } [data-theme-style~="btnCharliePrimary"] [data-theme-sprite]{ color:#ffffff; background-color: #2d96cd; } [data-theme-style~="btnCharliePrimary"]:hover, [data-theme-style~="btnCharliePrimary"]:focus, [data-theme-style~="btnCharliePrimary"]:active{ color:#ffffff; 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: #ffffff; } [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:#0c121c; 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:#0c121c; background-color: #ffffff; } [data-theme-style~="btnEchoPrimary"]{ color:#ffffff; background-color: #c71444; } [data-theme-style~="btnEchoPrimary"]:hover{ color:#ffffff; background-color: #b10021; } [data-theme-style~="btnEchoPrimary"] [data-theme-sprite]{ color:#ffffff; background-color: #ffffff; } [data-theme-style~="btnGammaPrimary"]{ color:#ffffff; background-color: #c71444; } [data-theme-style~="btnGammaPrimary"]:hover{ color:#ffffff; background-color: #e1174d; } [data-theme-style~="btnGammaPrimary"]:focus, [data-theme-style~="btnGammaPrimary"]:active{ color:#ffffff; background-color: #ffffff; } /***************************************************************** BUTTON *****************************************************************/ [data-theme-style~="btnRegularPrimary"], [data-theme-style~="btnRegularPrimary"]:hover, [data-theme-style~="btnRegularPrimary"]:focus, [data-theme-style~="btnRegularPrimary"]:active{ color:#c71444 } [data-theme-style~="btnRegularPrimary"]:before{ border-color:#c71444 } [data-theme-style~="btnRegularSecondary"]{ color:#4c4c4c } [data-theme-style~="btnRegularSecondary"]:hover, [data-theme-style~="btnRegularSecondary"]:focus, [data-theme-style~="btnRegularSecondary"]:active{ color:#c71444 } [data-theme-style~="btnRegularTerciary"]{ color:#ffffff } [data-theme-style~="btnRegularTerciary"]:hover, [data-theme-style~="btnRegularTerciary"]:focus, [data-theme-style~="btnRegularTerciary"]:active{ color:#666666 } /**************** BODY LINK PRIMARY *****************/ [data-theme-style~="linkPrimary"]{ color:#111111 } [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:#0d63a0 } [data-theme-style~="linkSecondary"]:hover, [data-theme-style~="linkSecondary"]:focus, [data-theme-style~="linkSecondary"]:active{ color:#000000 } [data-theme-style~="btnGhostPrimary"]{ border-color: #2d96cd; color: #2d96cd; } [data-theme-style~="btnGhostPrimary"]:hover{ border-color: #33a9e7; color:#33a9e7; } [data-theme-style~="btnGhostPrimary"]:focus, [data-theme-style~="btnGhostPrimary"]:active{ border-color: #2d96cd; background: #2d96cd; 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: #c71444; } [data-theme-style~="btnPrimary"]:hover{ color:#ffffff; background-color: #e1174d; } [data-theme-style~="btnPrimary"]:focus, [data-theme-style~="btnPrimary"]:active{ color:#ffffff; background-color: #ffffff; } /**************** 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: #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; } [data-theme-style~="btnSocialPrimary"]{ color: #c71444; } /*************** STICKY ****************/ [data-theme-style~="stickyCtas"] a{ color: #111111; } [data-theme-style~="stickyCtas__ctaBgColor"]{ background-color: #f2f2f2; } [data-theme-style~="stickyCtas__pictoBgColor"]{ background-color: #47c671; } /*************** RAPID SEARCH ****************/ [data-theme-style~="rapidSearch"]{ background: url("https://img.sm360.ca/images/web/") no-repeat center center; color: #343434; } [data-theme-style~="rapidSearch_color"], [data-theme-style~="rapidSearch_color"]:not(.active):hover{ color: #767575; } [data-theme-style~="rapidSearch_color"].active{ color: #666666; } input[type=radio] + [data-theme-style~="rapidSearchCtas__radio"] .radio-button__label-radio{ border-color: #767575; } input[type="radio"]:checked + [data-theme-style~="rapidSearchCtas__radio"] .radio-button__label-radio{ border-color: #666666; } input[type="radio"]:checked + [data-theme-style~="rapidSearchCtas__radio"] .radio-button__label-radio:before{ background-color: #666666; } [data-theme-style~="rapidSearchActive_fontColor"]{ color: #666666; } [data-theme-style~="rapidSearchInactive_fontColor"]{ color: #767575; } [data-theme-style~="rapidSearchCtas_fontColor"]{ color: #47c671; } [data-theme-style~="rapidSearchCtas_bgColor"]{ background-color: #0e2f45; } /*************** RAPID SEARCH - ALPHA ****************/ [data-theme-style~="rapidSearchAlpha_color"]{ -webkit-text-shadow: 0 0 10px #767575; -moz-text-shadow: 0 0 10px #767575; text-shadow: 0 0 10px #767575; color: rgba(118,117,117,0.3); } [data-theme-style~="rapidSearchAlpha_color"].active{ -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; color: #666666; } [data-theme-style~="rapidSearchAlpha_color"]:not(.active):hover{ -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; color: #767575; } /***************************************************************** HEADER *****************************************************************/ [data-theme-style~="header"]{ background-color: #ffffff; } [data-theme-style~="headerTopNavHome"]{ color: #ffffff; background: #060606; } /* Header General - OLD */ [data-theme-style~="header_linkColor"]{ color: #ffffff; } [data-theme-style~="header_linkColor"]:hover{ color: #ffffff; } /* Header General - OLD END */ /*************** HEADER - PHONE ****************/ [data-theme-style~="header__phone__labelTextColor"]{ color: #0c121c; } [data-theme-style~="header__phone__numberColor"]{ color: #0c121c; } [data-theme-style~="header__phone__numberColor"]:hover{ color: #0c121c; } /*************** HEADER - ADDRESS ****************/ [data-theme-style~="header__address__textColor"]{ color: #0c121c; } [data-theme-style~="header__address__textColor"]:hover{ color: #0c121c; } /*************** HEADER - LANGUAGE SWITCHER ****************/ [data-theme-style~="header__languageSwitcher__textColor"]{ color: #0c121c; } [data-theme-style~="header__languageSwitcher__hoverTextColor"]:hover{ color: #0c121c; } [data-theme-style~="header__languageSwitcher__textColor"].language-switch__item--active{ color: #0c121c; } /*************** HEADER - QUICK LINKS ****************/ [data-theme-style~="headerTopNav__dropdownBtn"]>a{ color: #ffffff; background-color: #005a2b; } .active [data-theme-style~="headerTopNav__dropdownBtn"]>a, [data-theme-style~="headerTopNav__dropdownBtn"]:hover>a{ color: #0c121c; background-color: #e4e8e8; } [data-theme-style~="headerTopNav__dropdownContent"]{ background-color: #f8f9f9; } [data-theme-style~="headerTopNav__dropdownContent"] a{ color: #0c121c; background-color: #f8f9f9; } [data-theme-style~="headerTopNav__dropdownContent"] a:hover{ color: #ffffff; background-color: #005a2b; } /*************** HEADER - DEALER NAME ****************/ [data-theme-style~="header__dealerName__textColor"]{ color: #c71444; } /*************** HEADER - PRIMARY CTA ****************/ [data-theme-style~="header__primaryCta"]{ color: #4a4f54; } [data-theme-style~="header__primaryCta"]:hover{ color: #0c121c; } /*************** HEADER - COMPARE ****************/ /* Compare - OLD */ [data-theme-style~="navCompare"]{ background-color: #c71444; } [data-theme-style~="navCompare"]:hover{ background-color: #ae113b; } [data-theme-style~="compareBox__colorAfter"]:after{ border-color: transparent transparent #ffffff; } [data-theme-style~="compareBox__colorBefore"]:before{ border-color: transparent transparent #343434; } /* Compare - OLD END */ [data-theme-style~="header__compare__dropdownCta"]>span{ color: #ffffff; background-color: #0c121c; } [data-theme-style~="header__compare__dropdownCta"]:hover>span{ color: #4a4f54; background-color: #ffffff; } [data-theme-style~="header__compare__dropdownBox"]{ color: #0c121c; background-color: #e4e8e8 !important; } [data-theme-style~="header__compare__dropdownBox"]:after{ border-color: transparent transparent #e4e8e8 !important; } [data-theme-style~="header__compare__dropdownBoxCta"]{ color: #ffffff; background-color: #0c121c; border-color: #0c121c; } [data-theme-style~="header__compare__dropdownBoxCta"]:hover{ color: #4a4f54; background-color: #ffffff; border-color: #eef1f1; } /*************** HEADER - SEPARATOR ****************/ [data-theme-style~="header__separator"]{ border-color: #eef1f1 !important; } [data-theme-style~="header__separator__secondary"]{ border-color: #d7dada !important; } /*************** HEADER - MAIN NAV ****************/ [data-theme-style~="headerNavigationMain"]{ background-color: #343434; color: #c71444; } [data-theme-style~="headerNavMain__Elem"].is-active, [data-theme-style~="headerNavMain__Elem"]:hover{ background-color: #c71444; } [data-theme-style~="headerNavMain__Elem"] > a{ color: #ffffff; } [data-theme-style~="headerNavMain__Elem"].is-active > a, [data-theme-style~="headerNavMain__Elem"] > a:hover{ color: #ffffff !important; } [data-theme-style~="headerNavMain__Elem"].is-selected{ background-color: #c71444; } [data-theme-style~="headerNavMain__Elem"].is-selected > a{ color: #ffffff !important; } [data-theme-style~="headerNavSub"]{ color: #111111; background-color: #ffffff; } [data-theme-style~="headerNavSub"] a:hover{ color: #ffffff; background-color: #c71444 !important; } [data-theme-style~="headerNavCatalog"] a{ border-color: #8a919a; } [data-theme-style~="headerNavCatalog_bottomBar"]{ background-color: #c71444; } [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: #8a919a; } [data-theme-style~="headerNavCatalog_bottomBar"] a:hover{ color: #ffffff; background-color: transparent !important; } [data-theme-style~="navCatalogTiles__imageBgColor"]{ background-color: #ffffff; } /*************** HEADER - MOBILE - MAP CTA ****************/ [data-theme-style~="mobile__mapCta"]{ color: #7e7e7e; } /*************** 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: #ffffff!important; } /* Hamburger Button Color - OLD END */ [data-theme-style~="mobileHeader__menuBurger"]{ background-color: #343434; } [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: #343434; } [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: #ffffff; } /*************** HEADER - MOBILE - MENU - MAIN NAV ****************/ /* Mobile Nav - OLD */ [data-theme-style~="headerMobileNavigation"]{ color: #47473f; } [data-theme-style~="headerMobileNavigation"] li a:hover{ color: #ffffff; background-color: #c71444; } [data-theme-style~="headerMobileNavigation"] .is-selected>a{ color: #ffffff; background-color: #c71444; } /* Mobile Nav - OLD END */ [data-theme-style~="mobileMenu__mainNav__firstLevel"]>a{ color: #0c121c; background-color: #ffffff; } [data-theme-style~="mobileMenu__mainNav__firstLevel"]:hover>a{ color: #898c8f !important; background-color: #ffffff; } [data-theme-style~="mobileMenu__mainNav__firstLevel"].is-selected>a{ color: #ffffff; background-color: #0c121c; } [data-theme-style~="mobileMenu__mainNav__secondLevel"]>a{ color: #4a4f54; background-color: #e4e8e8; } [data-theme-style~="mobileMenu__mainNav__secondLevel"]:hover>a{ color: #4a4f54 !important; background-color: #e4e8e8; } [data-theme-style~="mobileMenu__mainNav__secondLevel"].is-selected>a{ color: #ffffff; background-color: #0c121c; } /*************** HEADER - MOBILE - MENU - SECONDARY NAV ****************/ [data-theme-style~="mobileMenu__secondaryNav__anchor"]>a{ color: #4a4f54; background-color: #e4e8e8; } [data-theme-style~="mobileMenu__secondaryNav__anchor"].is-selected>a{ color: #ffffff; background-color: #0c121c; } /*************** HEADER - MOBILE - MENU - COMPARE ****************/ [data-theme-style~="mobileMenu__compare__count"]{ color: #ffffff; background-color: #0c121c; } /*************** HEADER - MOBILE - ADDRESS ****************/ [data-theme-style~="mobile__menuAddress"]{ color: #a1a1a1; } [data-theme-style~="mobile__menuAddress"]:hover{ color: #a1a1a1; } /*************** HEADER - MOBILE - PHONE ****************/ [data-theme-style~="mobile__menuPhone__label"]{ color: #ffffff; } [data-theme-style~="mobile__menuPhone__number"]{ color: #a1a1a1; } [data-theme-style~="mobile__menuPhone__number"]:hover{ color: #a1a1a1; } /***************************************************************** FOOTER *****************************************************************/ /*************** FOOTER - GENERAL ****************/ [data-theme-style~="footer"], [data-theme-style~="footerBlock"]{ background-color:#ffffff; color:#4c4c4c; } /*************** FOOTER - MAIN NAV ****************/ [data-theme-style~="footerBlock_title"]{ color:#c71444; } [data-theme-style~="footerBlock"] .footer__list{ color:#4c4c4c; } [data-theme-style~="footer_linkColor"], [data-theme-style~="footer_linkColor"]:hover, [data-theme-style~="footer_linkColor"].active, [data-theme-style~="footer_linkColor"]:focus { color:#4c4c4c; } [data-theme-style~="footer__mainNav__title"]{ color:#ffffff; } [data-theme-style~="footer__mainNav__anchor"]{ color:#b1b6b7; } [data-theme-style~="footer__mainNav__anchor"]:hover, [data-theme-style~="footer__mainNav__anchor"].active, [data-theme-style~="footer__mainNav__anchor"]:focus { color:#b1b6b7; } /*************** FOOTER - DEALER INFOS ****************/ [data-theme-style~="footer__dealerInfo__title"]{ color: #ffffff; } [data-theme-style~="footer__address"]{ color: #b1b6b7; } [data-theme-style~="footer__address"]:hover{ color: #b1b6b7; } [data-theme-style~="footer__phone__label"]{ color: #b1b6b7; } [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:#ffffff; background-color: #22992e; } [data-theme-style~="btnFooter"]:hover, [data-theme-style~="btnFooter"]:focus, [data-theme-style~="btnFooter"]:active{ color:#22992e; background-color: #ffffff; } /*************** FOOTER - BOTTOM ****************/ [data-theme-style~="footer__bottom"], [data-theme-style~="footerBottom"] { color:#ffffff; background-color: #333333; } [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:#ffffff; } [data-theme-style~="footer__bottomNav"]{ background-color: #ffffff; } [data-theme-style~="footer__bottomNav__anchor"], [data-theme-style~="footer__bottomNav__elem"]:before{ color: #0c121c; } [data-theme-style~="footer__bottomNav__anchor"]:hover{ color: #0c121c; } /*************** FOOTER - COPYRIGHT ****************/ [data-theme-style~="footer__copyright"]{ color: #b0b7bb; } /***************************************************************** TEXT TOOLS *****************************************************************/ [data-theme-style~="label__fontColor"]{ color: #4c4c4c; } [data-theme-style~="white-checkbox-label"]{ color: #ffffff; } [data-theme-style~="breadcrumb"] a{ color: #c71444; } [data-theme-style~="smallprint"]{ color: #666666; } [data-theme-style~="smallprint_darker"]{ color: #333333; } [data-theme-style~="darkBG-form-policy-fontColor"]{ color: #4c4c4c; } [data-theme-style~="catalogSlider__pagerColor"].active, [data-theme-style~="catalogSlider__pagerColor"]:after, [data-theme-style~="catalogSlider__pagerColor"]:hover{ color: #c71444; border-color: #c71444; } [data-theme-style~="catalogSlider__iconBgColor"]:before { background-color: #51ae30; } [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%, #c71444, #c71444); -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: #c71444; } [data-theme-style~="vehicleTagline"]{ color: #666666; } [data-theme-style~="vehicleRebate"]{ color: #303030; } [data-theme-style~="vehicleTagRebate"]{ color: #ffffff; } /***************************************************************** Graphic filter *****************************************************************/ [data-theme-style~="graphic-filter"]{ background: #000000; } /***************************************************************** Util Color *****************************************************************/ [data-theme-style~="utilPrimary__color"]{ color: #c71444 } [data-theme-style~="utilPrimary__color"][data-theme-sprite~="checklist"]:before{ color: #c71444; } [data-theme-style~="utilPrimary__bgColor"]{ background-color: #c71444 } [data-theme-style~="utilPrimary__borderColor"]{ border-color: #c71444 !important; } [data-theme-style~="utilPrimary__borderColorAfter"]:after{ border-color: #c71444 } [data-theme-style~="utilPrimary__colorBefore"]:before{ color: #c71444 } [data-theme-style~="utilPrimary__bgColorBefore"]:before{ background-color: #c71444 } [data-theme-style~="utilPrimary__bgColorAfter"]:after{ background-color: #c71444 } [data-theme-style~="utilPrimary__listColor"] li:before{ color: #c71444 } [data-theme-style~="utilSecondary__color"]{ color: #c71444 } [data-theme-style~="utilSecondary__bgColor"]{ background-color: #c71444 } [data-theme-style~="utilSecondary_borderColor"]{ border-color: #c71444; } [data-theme-style~="utilTertiary__color"]{ color: #111111 } [data-theme-style~="utilTertiary__bgColor"]{ background-color: #111111 } [data-theme-style~="utilTertiary_borderColor"]{ border-color: #111111; } [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: #666666; } [data-theme-style~="utilGreyColor__borderColor"]{ border-color: #666666; } [data-theme-style~="utilGreyColor__darkenColor"]{ color: #191919; } [data-theme-style~="utilGreyColor__lightenColor"]{ color: #b3b3b3; } [data-theme-style~="utilGreyColor__bgColor"]{ background-color: #191919; } [data-theme-style~="utilDarkGreyColor__color"]{ color: #666666; } [data-theme-style~="utilDarkGreyColor__bgColor"]{ background-color: #666666; } [data-theme-style~="utilWhiteColor__bgColor"]{ background-color: #ffffff; } [data-theme-style~="utilBlackColor__bgColor"]{ background-color: #000000; } [data-theme-style~="utilWhiteColor__transparentBgColor"]{ background-color: rgba(255,255,255,0.6); } [data-theme-style~="utilBlackColor__color"]{ color: #000000; } [data-theme-style~="utilBlackColor__transparentBgColor"]{ background-color: rgba(0,0,0,0.2); } [data-theme-style~="utilRedColor__color"]{ color: #c71444; } [data-theme-style~="utilRedColor__bgColor"]{ background-color: #c71444; } [data-theme-style~="utilRedColor__borderColor"]{ border-color: #c71444; } [data-theme-style~="utilYellowColor__color"]{ color: #c71444; } [data-theme-style~="utilYellowColor__bgColor"]{ background-color: #c71444; } [data-theme-style~="utilYellowColor__bgColorLight"]{ background-color: rgba(199,20,68,0.8); } [data-theme-style~="utilYellowColor__borderColor"]{ border-color: #c71444; } [data-theme-style~="overlay"]{ color: #ffffff; background-color: #000000; } [data-theme-style~="stroke__borderColor"]{ stroke: #c71444; } [data-theme-style~="utilGradientPrimary__bgColor"]{ background-color: #c71444; background: -webkit-linear-gradient(left, #940f33, #c71444); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #940f33, #c71444); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #940f33, #c71444); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #940f33, #c71444); /* Standard syntax (must be last) */ } [data-theme-style~="utilGradientSecondary__bgColor"]{ background: -moz-linear-gradient( -90deg, #999999 0%, #ffffff 33%); background: -webkit-linear-gradient( -90deg, #999999 0%, #ffffff 33%); background: -ms-linear-gradient( -90deg, #b3b3b3 0%, #ffffff 33%); } /* Hardcode for Electric Vehicles Block */ [data-theme-style~="utilGradientTertiary__bgColor"]{ background-color: #3d8e0b; 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: #c71444; background: -moz-linear-gradient(45deg, #940f33 0%, #000000 100%); background: -webkit-linear-gradient(45deg, #940f33 0%, #000000 100%); background: linear-gradient(45deg, #940f33 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#940f33', endColorstr='#000000',GradientType=1 ); } /************************* Slider - Pagers *************************/ [data-theme-style~="pagerSlider"] a, [data-theme-style~="pagerSlider"] li, [data-theme-style~="pagerSlider_bgColor"]{ background-color: #4c4c4c !important; border-color: #4c4c4c !important; } [data-theme-style~="pagerSlider"] a.active, [data-theme-style~="pagerSlider"] li.slick-active, [data-theme-style~="pagerSlider_bgColor"].active{ background-color: #c71444 !important; } /***************************************************************** Pagination *****************************************************************/ .pagination .pagination__page-button-text--selected{ color: #c71444; } [data-theme-style~="paginationButton"]{ color: #666666; } [data-theme-style~="paginationButton"]:hover{ color: #c71444; } [data-theme-style~="paginationText"]{ color: #000000; } [data-theme-style~="paginationText"]:hover{ color: #c71444; } [data-theme-style~="tabs_fontColor"]{ color: #4c4c4c; } [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: #c71444; border-color: #c71444; } [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: #c71444; background-color: #c71444; } [data-theme-style~="homeInventoryTabs"] [data-theme-style~="tabs_fontColor"].is-active a:after{ border-color: #c71444; } /***************************************************************** 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: #303030; text-transform: uppercase; } [data-theme-style~="sidebarFormContent_bgColor"]{ background-color: #ffffff; } [data-theme-style~="formBlockTitle"]:before{ border-color: #cccccc transparent transparent transparent; } [type=checkbox]:not(:checked)+label{ color: #666666; } /*********************** FORM BOTTOM SERVICE ***************************/ [data-theme-style~="formBottomServiceContent"], [data-theme-style~="formBottomServiceContent"] label{ background-color: #303030; color: #ffffff; } [data-theme-style~="formBottomServiceTitle"]{ color: #303030; } [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: #4c4c4c; } ::-moz-placeholder { /* Firefox 19+ */ color: #4c4c4c; } :-ms-input-placeholder { /* IE 10+ */ color: #4c4c4c; } :-moz-placeholder { /* Firefox 18- */ color: #4c4c4c; } /************************* Radio Button **************************/ input[type=radio] + label .radio-button__label-radio{ border-color: #c71444; } input[type="radio"]:checked + label .radio-button__label-radio{ border-color: #c71444; } input[type="radio"]:checked + label .radio-button__label-radio:before{ background-color: #c71444; } /************************* 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: #111111; } [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: #c71444; background-color: #c71444; } [data-theme-style~="navBlock_anchor__Color"]{ color: #111111; } [data-theme-style~="navBlock_anchor__Color"]:hover, [data-theme-style~="navBlock_anchor__Color"].active{ color: #c71444; } [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: #2274ac; } [data-theme-style~="homeSocialInstance__textColor"]{ color: #000000; } /***************************************************************** HOME REVIEWS *****************************************************************/ .section-reviews--echo .home-reviews .title__home{ color: #303030; } [data-theme-style~="homeReviews_scoreColor"]{ color: #003b65; } [data-theme-style~="homeReviews_bgColor"]{ background-color: #2274ac; } [data-theme-style~="homeReviews_bgColor"]:before{ background-color: #2274ac; } [data-theme-style~="homeReviews_bgColor"]:after{ background-color: #2274ac; border-top-color: #2274ac; color: #2274ac; } [data-theme-style~="homeReviews_fontColor"]{ color: #8994a0; } [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"] .slick-dots li button:before, [data-theme-style~="homeReviews_sliderColors"] .slick-dots li button:hover:before, [data-theme-style~="homeReviews_sliderColors"] .slick-dots li button:focus:before{ color: #9eaab0 !important; } [data-theme-style~="homeReviews_sliderColors"] .slick-dots li.slick-active button:before{ 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: #242424; } [data-theme-style~="homeReviews__contentAuthor"]{ color: #000000; } /***************************************************************** 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: #111111; } [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; } /***************************************************************** 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: #ffffff; } [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: #000000; } [data-theme-style~="highlightsBlocks__cta"]{ color: #ffffff; border-color: #000000; background: #000000; } [data-theme-style~="highlightsBlocks__cta"]:hover, [data-theme-style~="highlightsBlocks__cta"]:focus, [data-theme-style~="highlightsBlocks__cta"]:active{ color: #000000; border-color: #000000; background: #ffffff; } /***************************************************************** 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: #000000; } [data-theme-style~="highlightsBlocks__secondary__cta"]{ color: #000000; 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: #000000; border-color: #ffffff; background: #ffffff; } [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: #ffffff; } /***************************************************************** 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: #0c121c; } [data-theme-style~="highlightsBlocks__tertiary__contentColor"]{ color: #4a4f54; } [data-theme-style~="highlightsBlocks__tertiary__cta"]{ color: #ffffff; border-color: #0c121c; background: #0c121c; } [data-theme-style~="highlightsBlocks__tertiary__cta"]:hover, [data-theme-style~="highlightsBlocks__tertiary__cta"]:focus, [data-theme-style~="highlightsBlocks__tertiary__cta"]:active{ color: #0c121c; border-color: #ffffff; background: #ffffff; } /***************************************************************** 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: #0db1f4; } [data-theme-style~="whyBuyBanner"]{ color: #ffffff; background-color: #0db1f4; } /***************************************************************** CUSTOM *****************************************************************/ /* The strike price is the same color that font color box preview */ [data-theme-style~="showroom_primaryColor"]{ color: #c71444; } [data-theme-style~="showroom_secondaryColor"], [data-theme-style~="showroom_secondaryColor"]:after{ color: #33434c; } [data-theme-style~="viewSwitch_activeColor"] :hover, [data-theme-style~="viewSwitch_activeColor"].active p{ color: #c71444; } [data-theme-style~="accordionIcon_color"]:before { color: #c71444; } [data-theme-style~="scrollbarHandle_color"]{ border-color: #c71444; } [data-theme-style~="scrollbarHandle_color"]:hover{ background-color: #7b0c2a; } [data-theme-style~="scrollbarHandle_color"]:before{ background-color: #c71444; } [data-theme-style~="inventoryHeader"]{ background-color:#ffffff; } [data-theme-style~="vdpForm_borderColor"]{ border-color: #c71444; } [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~="vehicleTrims_selectedColor"].selected{ color: #c71444; } [data-theme-style~="inventoryAvailability_bgColor"]{ background-color: #c71444; } [data-theme-style~="inventoryAvailability_bgColor"]:before{ border-bottom-color: #c71444; } [data-theme-style~="inventoryAvailability_fontColor"]{ color: #ffffff; } [data-theme-style~="inventoryAvailability_fontColor"]:hover{ color: #ffffff; } [data-theme-style~="countdownDisabled_fontColor"].disabled{ color:#666666; } [data-theme-style~="vehiclePreviewName_color"]{ color: #111111; } [data-theme-style~="vehiclePreview_primaryColor"]{ color: #000000; } [data-theme-style~="vehiclePreview_secondaryColor"]{ color: #666666; } [data-theme-style~="vehiclePreview_priceBgColor"]::after{ background-color: #000000; } .catalog-details__colors-thumbnails--selected .catalog-details__colors-thumbnails-image{ border-color: #c71444; } [data-theme-style~="vdpSidebar_bgColor"]{ background-color: #ffffff; } [data-theme-style~="vdpComparable_bgColor"]{ background-color: #c71444; } [data-theme-style~="vdpComparable_fontColor"]{ color: #ffffff; } .widget-filter__check-element:hover, .widget-filter__check-element--selected{ border-color: #c71444; } .widget-filter__check-element:hover .widget-filter__bodystyle-name, .widget-filter__check-element--selected .widget-filter__bodystyle-name{ color: #ffffff; } [data-theme-style~="accordion"]{ color: #c71444 } [data-theme-style~="accordion"]:nth-child(odd){ background-color: #ffffff } [data-theme-style~="morePhoto__bgColor"], [data-theme-style~="morePhoto__bgColor"]:hover{ background-color: #c71444; color:#ffffff; } [data-theme-style~="breadcrumb_active_secondaryFontColor"]{ color:#000000; } [data-theme-style~="calculator__color"]{ color: #c71444; } [data-theme-style~="form_icons"]:before{ color:#ffffff; } [data-theme-style~="ratesTable_bgColor"] tr:nth-child(even){ background-color: #ffffff ; } /***************************************************************** WIDGETS *****************************************************************/ [data-theme-style~="widgetSticky_fontColor"]{ color: #111111 ; } [data-theme-style~="widgetSticky_bgColor"]{ background-color: #f2f2f2 ; } /***************************************************************** 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; } /***************************************************************** Generic Inventory Preview (Block) *****************************************************************/ [data-theme-style~="inventoryPreview_bgColor"]{ background-color: #ededed; } [data-theme-style~="inventoryPreview_fontColor"]{ color: #111111; } [data-theme-style~="inventoryPreview_shadowColor"], [data-theme-style~="inventoryPreview_shadowColor"]:hover{ box-shadow: 0 3px 9px rgba(0,0,0,0.2); } [data-theme-style~="inventoryPreviewPrice_fontColor"]{ color: #111111; } [data-theme-style~="inventoryPreviewFinancing_fontColor"]{ color: #47c671; } /***************************************************************** Generic Inventory Preview (Button) *****************************************************************/ [data-theme-style~="btnInventoryPreview"]{ background-color: #ffffff; color:#47c671; border-color: #47c671; } [data-theme-style~="btnInventoryPreview"]:hover{ background-color: #47c671!important; color:#ffffff; border-color: #47c671; } /***************************************************************** Generic Catalog Preview - Block *****************************************************************/ [data-theme-style~="catalogPreview_bgColor"]{ background-color: #ededed; } [data-theme-style~="catalogPreview_fontColor"]{ color: #111111; } [data-theme-style~="catalogPreviewFinancing_fontColor"]{ color: #47c671; } [data-theme-style~="catalogPreviewPrice_fontColor"]{ color: #000000; } /***************************************************************** Generic Catalog Preview - Button *****************************************************************/ [data-theme-style~="btnCatalogPreview"]{ background-color: #ffffff; color:#47c671; border-color: #47c671; } [data-theme-style~="btnCatalogPreview"]:hover{ background-color: #47c671!important; color:#ffffff; border-color: #47c671; } /***************************************************************** SOCIAL BLOCK CTAs *****************************************************************/ [data-theme-style~="socialBlock__title"]{ color: #ffffff; } [data-theme-style~="socialBlock__cta"]{ background-color: #000000; color: #ffffff; } [data-theme-style~="socialBlock__cta"]:hover{ color: #ffffff; } [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: #cccccc; 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: #cccccc; } [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; } /***************************************************************** 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: #000000; background: #000000; } [data-theme-style~="videosHome__cta"]:hover, [data-theme-style~="videosHome__cta"]:focus, [data-theme-style~="videosHome__cta"]:active{ color: #000000; border-color: #000000; background: #ffffff; } /***************************************************************** OTHER THEME *****************************************************************/ [data-theme-style~="aboutInstance__bgColor"]{ background-color: #ffffff; }