Demo Clearout

401 Dixie Hyundai Demo Sale

Are you looking to drive one of Hyundai’s newest models, but with some big savings? Our meticulously maintained showroom demo vehicles offer the latest in safety, style, performance and technology at a lower price. Plus, you keep the benefit of a Hyundai New Vehicle Warranty. But these deals will not last long. If you see something you like, please contact us today!.

Quick Links

Hours Of Operation

Dealership hours of operation
Mon - Thu	9:00 AM - 8:00 PM
Fri - Sat	9:00 AM - 6:00 PM
Sun	Showroom is open Online

Dealership hours of operation
Mon - Fri	7:30 AM - 5:00 PM
Sat - Sun	Closed

Dealership hours of operation
Mon - Fri	7:30 AM - 5:00 PM
Sat - Sun	Closed

Get in Touch

401 Dixie Hyundai

1800 Toyo Circle, Mississauga, ON, L4W 0E7

Sales 1 (289) 593-0200 Parts 1 (905) 238-8080 Service 1 (905) 238-8080

Location

Sales 1 (289) 593-0200 Get Directions

body, input, button, select, .header-item__label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .fonts-loaded body, .fonts-loaded input, .fonts-loaded button, .fonts-loaded select, .fonts-loaded .header-item__label { font-family: Hyundai, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .fonts-loaded h1, .fonts-loaded h2, .fonts-loaded h3, .fonts-loaded h4, .fonts-loaded h5, .fonts-loaded h6 { font-family: Hyundai, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }

:root { --color-primary: #002c5f; --color-primary-dark: #000000; --color-primary-light: #1b477a; } #gg-toolbar, .gg-chat-bubble, .gg-popup { z-index: 1100 !important; } section.page-title { display: none; } main { background: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/03/401_DEMOBG.jpg) top center no-repeat fixed; background-size: cover; }

.motocommerce-widget__vdp .motocommerce-widget__cta { text-align: left !important; justify-content: start; } /*--Hyundai elantra--start--*/ .jeepCherokee.Hyundai .smallInText.first:before{content:url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/73/2021/09/icon-1.png') !important;padding-right:1rem; } .jeepCherokee.Hyundai .smallInText.second:before{ content:url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/73/2021/09/icon-2.png') !important; padding-right:1rem; } .jeepCherokee.Hyundai .smallInText.third:before{ content:url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/73/2021/09/icon-3.png') !important; padding-right:1rem; } .jeepCherokee.Hyundai .inventoryLink, .jeepCherokee.Hyundai .inventoryLink:before , .jeepCherokee.Hyundai .convertus-accordion__title:before , .jeepCherokee.Hyundai .convertus-accordion__title{ color:#0d2c6f !important; } .jeepCherokee.Hyundai .convertus-accordion__section.expanded .convertus-accordion__title::after{ color:#0d2c6f !important; } .jeepCherokee.Hyundai .widget-heading:after{ background-color:#0d2c6f; } .jeepCherokee.Hyundai .contentText{ font-size:1.18rem; font-weight:normal; } .jeepCherokee.Hyundai .smallInText{ padding-bottom:2rem; font-weight:bold; } .jeepCherokee.Hyundai .smallInText.first:before{ content:url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/73/2021/09/icon-1.png') !important; padding-right:1rem; } .jeepCherokee.Hyundai .smallInText.second:before{ content:url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/73/2021/09/icon-2.png') !important; padding-right:1rem; } .jeepCherokee.Hyundai .smallInText.third:before{ content:url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/73/2021/09/icon-3.png') !important; padding-right:1rem; } @media screen and (min-width:992px){ .jeepCherokee.Hyundai .paddcontent.first{ width:14rem; } .jeepCherokee.Hyundai .paddcontent.third{ width:15rem; } .jeepCherokee.Hyundai .inventoryLink{ margin-left:-1rem; } .jeepCherokee.Hyundai .convertus-accordion{ margin-left:-1rem; } .jeepCherokee.Hyundai .col-lg-12{ padding-left:0rem; } .widget-heading{ margin-left:-1rem; } .contentText{ margin-left:1.5rem } .smallInText:before{ padding-top:1rem; margin-right:0.4rem; } .smallInText{ padding-right:0rem; line-height:2rem; } } @media screen and (max-width:991px){ .smallInText{ display: flex; flex-wrap: inherit; padding-left:2rem !important; } .contentText{ margin-top:1rem; } .elantraImage{ content:url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/73/2021/09/hero-image-mobile.png') !important; background-size:cover!important; width:100%; background-repeat:no-repeat; } .jeepCherokee.Hyundai .convertus-accordion__wrap{ display:flex; flex-wrap:wrap; } .elantraaccordianImage{ width:100%; padding-bottom:0.4rem; } } .jeepCherokee.Hyundai .convertus-accordion{ margin-top:-2.8rem; } .jeepCherokee.Hyundai .convertus-accordion__wrap{ margin-top:2rem; } @media screen and (min-width:992px){ .jeepCherokee .convertus-accordion__wrap{ display:flex; } .elantraImage{ content:url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/73/2021/09/hero-image.png') !important; background-size:cover!important; width:100%; background-repeat:no-repeat; margin-left:2rem; } } .jeepCherokee.Hyundai .col-lg-3{ padding-left:0rem; padding-right:0.4rem; } .jeepCherokee.Hyundai .col-lg-3.last{ padding-right:none !important; } .elantraImage{ content:url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/73/2021/09/jeep-c-mobile.png') ; background-size:cover!important; width:100%; background-repeat:no-repeat; } .smallInText{ display:flex; } .smallInText span{ padding:0 1.5rem 0rem 1.5rem; width:40%; } .smallInText .contentText{ padding-left:1rem; border-left:2px solid #0a2972; } /*--Hyundai elantra--end--*/ /*RS - Temp code to hide MC button */ /* #srp-button-widget2, .vdp_button_widget-9 { display: none !important; } */ /*RS - Temp code to hide MC button */ /*Hide Inventory Tags - CASE 01657304*/ .vdp-wrapper ul.featured-tags__wrapper {display: none !important;} @media (max-width: 991px) { .footer__compliancy-wrapper { margin-top: 1.6rem; } } .promobuilder { background-color: #25448d; color: #fff; padding: 1rem; border-radius: 1rem; font-size: 1.8rem; font-weight: 800; margin: 1rem 0rem 1rem 0rem; } /* change Title for mega navigation fragment */ div.df.aic.mb-xs { display:none !important; } .show-inventory__wrap.bottom-controls::before { content:"Check Out These Featured Vehicles" !important; color: #777; font-size: 1.9rem; margin-bottom: .8rem; font-weight: 700; font-family: Open Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-ser; } /*Temporary Tradesii styling fix */ .tradesii-widget__desktop .tradesii-widget__body { display: block; } .tradesii-widget__desktop .tradesii-widget__body .tradesii-widget__input { width: 49%; } .tradesii-widget__desktop .tradesii-widget__body .tradesii-widget__logo { width: 25%; } .tradesii-widget__desktop .tradesii-widget__body .tradesii-widget__logo img { padding-top: 16px; padding-bottom: 0; } .tradesii-widget__desktop .tradesii-widget__body .tradesii-widget__cta { width: 25%; } .service-button { background: var(--color-primary); } .service-button:hover { background: var(--color-primary-dark); } .navigation .service-button.menu-item a { color: white !important; } /***/ .hero-1 .hero-widget .youtube-container { object-fit: cover; height: 100%; background-size: cover;} .hero-widget__vehicle h3#sub-heading { line-height: 30px; } /*demo css*/ .header__logo-link{ min-width: 240px; } .header .header__logo-text{ font-size: 30px; } .hero_widget-3.hero-1 .hero-widget .sub-heading{ padding-bottom: 2rem; } .hero_widget-6.hero-1 .hero-widget{ min-height: 200px; margin-bottom: -50px; background: #232323; padding: 0 3.2rem; } .wrapper.hero-widget__personalization-component-container .mb-md{ margin: 0 !important; } .hero_widget-3.hero-1 .hero-widget{ min-height: 0; padding-top: 4.8rem; padding-bottom: 4.8rem; } .hero_widget-3.hero-1 .hero-widget>.wrapper:nth-of-type(1) { display: none; } @media only screen and (max-width: 991px) { .hero_widget-6.hero-1 .hero-widget{ min-height: 0; margin-bottom: -150px; padding: 1.6rem 0; } } .cc-placeholder{ width:100%; padding:10rem 2rem; text-align: center; font-size:3em; color:#aaa; } .hero_widget-5 .hero-widget__personalization-component-container{ display:none; } .footer__content-hours .hours-tabs .nav-tabs__tab a{ color: #fff; } .footer__content-hours .hours-tabs .nav-tabs__tab.active a{ border-color: #fff; } .navigation--mobile .navigation--dark .sub-menu{ background: rgba(255,255,255,.8); } /*demo css*/ /*2018 hyundai kona */ .hyundaikona .convertus-accordion .convertus-accordion__section .convertus-accordion__title { background-color:var(--color-primary); color:white; border-radius:5px; padding:1%; margin:0 } .convertus-accordion__section .convertus-accordion__title::after { color:white; } /*end 2018 hyundai kona */ .custom-finance-page .convertus-accordion__section .convertus-accordion__title::after { color: #777; } /* AUTOCANADA GROUP CUSTOM */ /* INDEX HERO CALL TO ACTION - SERVICE & "BUILD & BUY" */ .home main section section.single-cta-2:first-of-type div.single-cta-widget { padding: 0; background: var(--color-primary) } .home main section section.single-cta-2:first-of-type div.wrapper { display: flex; flex-wrap: nowrap; } .home main section section.single-cta-2:first-of-type div.wrapper div.single-cta-widget__content { flex-basis: 50%; text-align: center; } .home main section section.single-cta-2:first-of-type div.single-cta-widget a.single-cta-widget__button { padding: .9rem .5rem } .home main section section.single-cta-2:first-of-type div.single-cta-widget a.single-cta-widget__button p.single-cta-widget__title { font-size: 1.5rem; transition: color .2s; color: #fff } .home main section section.single-cta-2:first-of-type div.single-cta-widget a.single-cta-widget__button i.single-cta-widget__icon { color: #fff; font-size: 2.2rem } .home main section section.single-cta-2:first-of-type div.single-cta-widget a.single-cta-widget__button:hover i.single-cta-widget__icon, .home main section section.single-cta-2:first-of-type div.single-cta-widget a.single-cta-widget__button:hover p.single-cta-widget__title { color: rgba(255, 255, 255, .8) } /* Text Color */ .home main section section.single-cta-2:first-of-type div.single-cta-widget div.single-cta-widget__content:nth-of-type(2) a p, .home main section section.single-cta-2:first-of-type div.single-cta-widget div.single-cta-widget__content:nth-of-type(2) a i { color: #ffe400 } /* Button Color */ .home main section section.single-cta-2:first-of-type div.single-cta-widget div.single-cta-widget__content:nth-of-type(2) a span { background-color: #106bc1; font-size: 1rem; color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); padding: 3px 10px; letter-spacing: 0.3px; margin-left: 8px; flex-wrap: wrap; white-space: nowrap; } @media (max-width: 767px) { .home main section section.single-cta-2:first-of-type div.wrapper { display: flex; } .home main section section.single-cta-2:first-of-type div.wrapper div.single-cta-widget__content { flex-basis: 100%; border-bottom: 1px solid rgba(255,255,255,0.75); } .home main section section.single-cta-2:first-of-type div.wrapper { flex-wrap: wrap; display: flex; } .home main section section.single-cta-2:first-of-type div.single-cta-widget div.single-cta-widget__content i { display: none; } .home main section section.single-cta-2:first-of-type div.single-cta-widget a.single-cta-widget__button { padding: .7rem .5rem .9rem; } } /* END INDEX HERO CALL TO ACTION - SERVICE & "BUILD & BUY" */ /* HUBSPOT FINANCE FORM CSS */ div#sp-finance-form label{display: inline-block}div#sp-finance-form label.hs-error-msg{color: red}div#sp-finance-form div.actions input[type=submit]{text-align: center}div#sp-finance-form ul{list-style-type: none}div#sp-finance-form .hs-form-field{margin-bottom: 20px} /* THIRD-PARTY HIDES */ @media (max-width: 991px){div.ico_floating, .home #gg-toolbar, #cov19_floating{display: none !important;} .cov19_floating_mb{display: block !important;} } /* FINANCE PAGE HERO */ @media (max-width: 479px){.custom-finance-page .hero__title--small{display: inline-block; padding: 1rem .25rem; line-height: 2.5rem;}} /* END AUTOCANADA GROUP CUSTOM */ .hero_widget-3.hero-1 .hero-widget{ min-height: 200px; } /* National Offers */ .promoVehicle { margin-bottom: 30px; transition: ease-in-out 0.2s all; } .promoVehicle:hover { opacity: 0.5; } /* DEALER CHANGES REQUEST */ .header .navigation { font-size: 1.5rem;} /* BUILD YOUR DEAL */ #byd .hero-home{margin-top:-1px;margin-right:0;margin-left:0;padding:20px 0 50px;background-image:url(https://www.autocan.ca/wp-content/uploads/sites/37/2020/03/BNB_LP_HEAD.jpg);background-position:center center;background-size:cover}#byd .hero-text{font-family:inherit;color:#fff;font-size:60px;line-height:60px;font-weight:300}#byd .hero-text.light{font-size:48px;text-align:center;padding:0 30px}#byd #byd-subheading{display:block;margin-bottom:5px;font-size:38px;line-height:45px;font-weight:600;color:#fff;text-align:center;letter-spacing:.25px}#byd .hero-text.logo{margin:0 auto;max-width:400px}#byd .hero-text.link{text-align:center;display:block;margin:5rem auto 0}#byd .hero-text.link a{display:block;margin:0 auto;color:#fff;line-height:normal;padding:15px 25px;border-radius:10px;background:var(--color-primary);box-shadow:1px 1px 3px -2px #000;font-family:inherit;font-weight:700;font-size:24px;text-align:center;letter-spacing:1px;text-transform:uppercase;position:relative}#byd .hero-text-foot.link a{display:block;margin:0 auto;width:50%;color:#fff;line-height:normal;padding:13px 25px;border-radius:10px;background:green;box-shadow:1px 1px 3px -2px #000;font-family:inherit;font-weight:700;font-size:17px;text-align:center;letter-spacing:1px;text-transform:capitalize}#byd .byd-wrap{color:#fff;padding-top:35px;white-space:initial;padding-bottom:40px}#byd div.byd-points-wrap{max-width:970px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 15px 25px -13px #000;padding:20px 35px;margin-top:-30px;z-index:1;position:relative}#byd div.byd-points-wrap sub{font-size:10px;display:block;margin:1rem 0}#byd div.byd-points-wrap h5{margin:1.5rem 0 .5rem;font-size:2rem;line-height:2.8rem}#byd div.byd-points-wrap .row div h5:first-of-type{margin-bottom:3rem}#byd div.byd-points-wrap .row>div{margin-bottom:15px}#byd .byd-points-wrap p{display:inline-block}#byd .byd-icon-header.center{margin-top:22px;padding-top:0;font-weight:700;text-align:center}#byd .byd-copy.center{display:block;margin-top:18px;margin-right:auto;margin-left:auto;font-size:12px;padding-right:0;line-height:22px;font-weight:300;text-align:center;letter-spacing:.24px}#byd .byd-body{display:block;width:auto;padding-right:0;border-width:0;border-right-style:solid;border-right-color:#000;text-align:center}#byd .h2.black{display:block;margin-top:24px;padding-top:0;font-size:17px;line-height:26px;color:#fff;font-weight:400;text-align:center;letter-spacing:0;text-transform:none}#byd .body.center{display:block;margin-top:11px;margin-right:auto;margin-left:auto;padding-top:10px;padding-right:0;padding-bottom:15px;font-weight:300;text-align:center}#byd .byd-wrap .container{width:100%}#byd .byd-logo{width:250px}#byd .byd-wrap{margin-top:-350px;padding:400px 50px 25px}#byd .byd-wrap h2{text-align:center;margin-bottom:0}#byd .byd-wrap .how-it-works h3{display:inline;color:#fff;font-size:initial}#byd .how-it-works .h1{text-align:center;font-size:36px}#byd .how-it-works p{margin-top:25px}#byd .intro-text{display:block;margin-top:50px;margin-bottom:-7px;padding-bottom:0;float:none;font-family:inherit;color:#b9b9b9;font-size:33px;line-height:40px;font-weight:600;text-align:center;margin-bottom:7px;margin-left:0;font-weight:600;text-align:left}#byd .text-span-2{color:#d13138}#byd .introduction .column-1{position:static;display:inline-block;height:auto;padding-top:50px;padding-right:85px;padding-left:0}#byd .intro-text .text-span-2{color:#d13138}div.byd-points-wrap img{display:inline-block}#byd .byd-intro h3{color:#000;margin-bottom:15px;font-size:18px}#byd .byd-wrap h3{color:#fff;margin-bottom:15px;font-size:18px}#byd .byd-intro i.fas{max-width:50px;float:left;font-size:50px;color:var(--color-primary)}.byd-wrap{background:var(--color-primary);padding-top:5rem}.byd-wrap h2{text-align:center;color:#fff}.byd-wrap h4{text-align:center;color:#fff;font-weight:100;margin:1.5rem 0 3rem}.byd-wrap label{color:#fff}.byd-wrap .wpcf7-not-valid-tip{color:#fff}.byd-wrap input.button--centered{background-color:#fff;color:var(--color-primary)}.byd-wrap .input-group.valid{justify-content:center}#byd .byd-body-heading{max-width:760px;text-align:center;margin:0 auto;padding-bottom:.5rem;margin-bottom:3rem;border-bottom:1px dotted #e2e2e2}#byd .byd-body-video{margin-bottom:5rem;border-bottom:1px dotted #e2e2e2}#byd .byd-body-video{position:relative;overflow:hidden;padding-top:56.25%}#byd .byd-body-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.byd-body-heading h5{font-weight:100;margin:2rem 0}.byd-body-heading h4{color:var(--color-primary);margin-top:2rem}#byd .byd-body-submit{margin:0 auto;width:40%;margin-top:30px;border-radius:4px;background-color:green;display:block;font-size:16px;text-transform:capitalize;padding:12px 0}@media (max-width:400px),(max-device-width:480px) and (min-device-width:320px){#byd .hero-text.link{margin:0 auto}#byd .hero-text.link.first-link{margin-top:5rem}#byd #byd-subheading{display:block;margin-bottom:5px;font-size:33px;line-height:32px;color:#fff;font-weight:600;text-align:center;letter-spacing:.25px}#byd .hero-text.light{font-size:17px;text-align:center;line-height:normal;margin-bottom:10px}#byd div.byd-points-wrap{text-align:center}#byd div.byd-points-wrap i{margin-top:0}#byd .byd-wrap .right{float:initial}#byd .byd-wrap .container{width:100%}#byd .how-it-works .h1{color:#fff;margin-bottom:25px}#byd .byd-wrap .how-it-works span.circle{display:block;margin:15px auto}#byd .byd-wrap .how-it-works h3{display:block}} a.motoInsightIndex { text-align: center; display: block; padding-bottom: 1rem; } /* END BUILD YOUR DEAL */ /* HEADER FIX */ .header .navigation>.menu-item>a { color: #333; } /* OEM DISCLAIMER */ #oem-disclaimer { max-width: 100%; margin-top: 50px; position:relative; font-size: 0.8em; } #oem-disclaimer .text { padding: 0; position:relative; display: block; } #oem-disclaimer .show-more { color: #003368; position: relative; padding-top: 5px; height: 30px; cursor: pointer; } #oem-disclaimer .show-more:hover { color: #1779dd; } #oem-disclaimer .show-more-height { height: 60px; overflow:hidden; } /* CHANGE EPRICE BTN COLOR ON SRP */ .srp-wrapper .vehicle-card.gtm_vehicle_tile .srp-button-widget:nth-of-type(1) a { background: green !important; color: #fff; border-color: green !important; } /* CARGURUS BADGE ENHANCEMENTS */ #cargurus span.cg-dealrating-badge{display:none!important}.price-badge__wrapper{display:flex}.price-badge__wrapper span.cgDetails{font-size:16px;font-weight:800;text-align:right;line-height:18px;width:53%}.price-badge__wrapper span.cgSavings{color:#009800}.vehicle-card__price-wrap.with-price-badge .price-badge__wrapper--srp{justify-content:space-evenly}.price-badge__wrapper--srp .price-badge__tooltip-wrapper{padding-left:0}@media only screen and (min-width:768px){.vdp-sidebar .price-badge__wrapper span.cgDetails{padding-top:10px}}@media only screen and (max-width:767px){.price-badge__wrapper span.cgDetails{font-size:16px;padding-top:8px}.price-badge__wrapper{justify-content:space-evenly}.vehicle-card__price-wrap.with-price-badge .price-badge__wrapper--srp{justify-content:space-evenly}.price-badge__wrapper .price-badge .price-badge__tooltip-wrapper{height:6rem}}.price-block__single ~ .price-badge__wrapper.price-badge__wrapper--srp {display: none} /* CPO PAGES */ .cpo h3 { color: #0a2972; } .section_grey_gradient { width: 100%; padding: 2rem 0; /* background: linear-gradient(#FFF, #D5D3D4); */ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 50%, #d5d3d4 90%); background: -webkit-linear-gradient(top, #ffffff 50%,#d5d3d4 90%); background: linear-gradient(to bottom, #ffffff 50%,#d5d3d4 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d3d4',GradientType=0 ); padding: 40px; } .cpo p.disclaimer { font-size: 0.7em; } /* Benefits of Exchanging Your Vehicle */ .page-id-5780 .page-title::after{ background: #f5f5f5; } .page-id-5780 .page-title h1{ color: #4e4e4e; font-size: 5.3rem; line-height: 1.2; } .page-id-5780 .page-title { box-shadow: 1px 3px 5px #afafaf } @media only screen and (max-width: 991px) { .page-id-5780 .page-title h1{ font-size: 3rem; } } /* Custom Landing Page - Soo-Ah */ .whyBuyUsedCustom p{ color: #929292; font-size: 1.9rem; margin-bottom: 2rem; } .whyBuyUsedCustom div.eachSec{ display: flex; } .whyBuyUsedCustom div.eachSec > div{ flex: 0 0 50%; position: relative; } .whyBuyUsedCustom h3{ color: #5aa1f6; font-weight: 600; font-size: 3.5rem; margin-top: 5rem; } .whyBuyUsedCustom div img.bigImg{ width: 750px; max-width: none; } .whyBuyUsedCustom div.eachSec a{ color: #5aa1f6; font-size: 2.2rem; border: 3px solid #5aa1f6; border-radius: 40rem; padding: 1rem 2rem; margin-right: 2rem; display: inline-block; margin-top: 2rem; } .whyBuyUsedCustom div.eachSec a:hover{ background: #5aa1f6; color: #fff; } /* First Section */ .whyBuyUsedCustom div.eachSec:nth-child(1) > div:first-child{ flex: 0 0 55%; margin-bottom: 2rem; } .whyBuyUsedCustom div.eachSec:nth-child(1) > div:last-child{ margin-top: 10rem; flex: 1; } /* Second Section */ .whyBuyUsedCustom div.eachSec:nth-child(2) img{ position: relative; top: -10rem; width: 800px; } /* Third Section */ .whyBuyUsedCustom div.eachSec:nth-child(3) > div:first-child{ flex: 0 0 60%; } .whyBuyUsedCustom div.eachSec:nth-child(3) > div:last-child{ flex: 1; } .whyBuyUsedCustom div.eachSec:nth-child(3) img{ position: relative; top: -10rem; } /* Fourth Section */ .whyBuyUsedCustom div.eachSec:nth-child(4){ margin-top: -10rem; } .whyBuyUsedCustom div.eachSec:nth-child(4) > div:first-child{ flex: 0 0 55%; } .whyBuyUsedCustom div.eachSec:nth-child(4) > div:last-child{ flex: 1; } .whyBuyUsedCustom div.eachSec:nth-child(4) > div img{ width: 900px; } /* Fifth Section */ .whyBuyUsedCustom div.eachSec:nth-child(5){ margin-top: -5rem; } .whyBuyUsedCustom div.eachSec:nth-child(5) > div:first-child{ flex: 0 0 60%; } .whyBuyUsedCustom div.eachSec:nth-child(5) img{ position: relative; top: -10rem; } .whyBuyUsedCustom div.eachSec:nth-child(5) > div:last-child{ flex: 1; } @media only screen and (max-width: 1100px) { .whyBuyUsedCustom div.eachSec{ margin: 0rem 0 !important; padding: 2rem !important; } .whyBuyUsedCustom div.eachSec > div{ flex: 0 0 50% !important; margin: 0 !important; align-content: center !important; align-items: center !important; vertical-align: middle !important; } .whyBuyUsedCustom div.eachSec img{ position: static !important; width: 100% !important; vertical-align: middle !important; } } @media only screen and (max-width: 767px) { .whyBuyUsedCustom div.eachSec{ display: block !important; } .whyBuyUsedCustom p{ margin: 1rem 0; } .whyBuyUsedCustom div.eachSec{ padding: 0 2rem !important; } .whyBuyUsedCustom div.eachSec a{ display: block; text-align: center; } } /*CASE 01636704 - START*/ .mega-menu .mega-menu-sub-nav__navs--compact a, .mega-menu .mega-menu-sub-nav__navs a {font-size: 1.6rem!important;margin-bottom: 0.8rem!important;} /*CASE 01636704 - END*/ /* VDP PHOTO FULLSCREEN ADJUSTMENT */ @media (min-width: 40em) { .vdp-wrapper .modal-slideshow__container { max-width: 100%; } .vdp-wrapper .modal-slideshow__container__image { height: 85vh; } .vdp-wrapper .modal-slideshow__close { background: var(--color-primary); } .vdp-wrapper .modal-slideshow__container__image { background: none; } } /*refinanced page*/ .page-id-7416 .midSection {display:flex; flex-direction:column ;} .page-id-7416 .midSection .splitSection {display:flex; flex-direction:row;} .page-id-7416 .textSplit div {margin-bottom:2rem;} .page-id-7416 .bodyText div {margin-bottom:2rem;} .page-id-7416 .midSection .splitSection div { display:flex; flex-direction:column; flex: 0 0 30%; margin: 0 1%; } .page-id-7416 .midSection { background:#f7f7f7; } .page-id-7416 .midSection h2 { text-align:center; } .page-id-7416 .midSection .subHeading { text-align:center; margin:2rem; } .page-id-7416 .midSection .splitSection div { text-align:center; margin:5rem 2rem; } .page-id-7416 .midSection .splitSection h3 { margin:2rem 0rem; color:#8f4536; } .page-id-7416 .midSection .splitSection h3:after { width:50px; content:''; height:2px; display:flex; background:#8f4536; margin:auto; margin-top:5px; } .page-id-7416 .lowerSection {display:flex; flex-direction:row;} .page-id-7416 .lowerSection div {display:flex; flex-direction:column; flex: 0 0 57%;} .lowerSection div:last-child { flex:0 0 45%; } .page-id-7416 .introSection .textSection p { display:none; } .page-id-7416 .lowerSection .splitLower:first-child { justify-content:center; margin-right:5rem; } .page-id-7416 .introSection {display:flex; flex-direction:row;} .page-id-7416 .introSection .imageSection {display:flex; flex-direction:column; flex: 0 0 30%; justify-content:center; margin-right:5rem;} .page-id-7416 .introSection .textSection {display:flex; flex-direction:column; flex:0 0 60%; } .page-id-7416 .introSection h2 {color:#052331; margin-bottom:2rem;} .page-id-7416 .midSection h2 {color:#052331; margin-top:3rem;} .page-id-7416 .lowerSection h2 {color:#052331; margin-bottom:2rem;} .page-id-7416 .primary-wrapper { padding-left:0px; padding-right:0px; } .page-id-7416 .introSection { max-width:110rem; margin:auto; } .page-id-7416 .midSection .midSectionMajor { max-width:110rem; margin:auto; } .page-id-7416 .page-title { background:#f7f7f7; color:#052331; padding-left:5rem; } .page-id-7416 .page-title::after { background:#f7f7f7; } .page-id-7416 .lowerSection { max-width:110rem; margin:auto; } @media only screen and (max-width: 997px) { .page-id-7416 .introSection { display:flex; flex-direction:column-reverse; } .page-id-7416 .introSection .imageSection { width:100%; display:flex; flex-direction:row; width:40%; margin:auto; } .page-id-7416 .lowerSection .splitLower:first-child { margin:auto; } .page-id-7416 .introSection div { text-align:center; font-size:1.4rem; } .page-id-7416 .midSection .splitSection{ display:flex; flex-direction:column; font-size:1.4rem; } .page-id-7416 .midSection .splitSection img { width:40%; margin:auto; } .page-id-7416 .lowerSection { display:flex; flex-direction:column; text-align:center; } .page-id-7416 .lowerSection div { margin-bottom:2rem; font-size:1.4rem; } .page-id-7416 .lowerSection img { width:60%; margin:auto; } } .srp-wrapper .vehicle-card__image-area{ display: flex; flex-direction: column; align-items: center; justify-content: space-around; } /* Guaranteed Trade */ .gTrade-wrapper { text-align: center; background: var(--color-primary); } img.guaranteed-trade-widget__desktop.hidden-xs-down.mb-xs { margin-bottom: 0px!important; } section.guaranteed_trade_widget-5.guaranteed-trade-1 { background: #000; } /* FOOT FIX */ .footer .tab-content .hours__row .hours__day { font-size: 0.7em; } th.hours__day.hours__day--en { line-height: 2.3em; } .header-popout__popout .hours-tabs .nav-tabs__tab a { color: var(--color-primary); } .page-id-8665 .primary-wrapper .sectionOne { display:flex; flex-direction:row; max-width:110rem; margin:auto; padding:5rem 0rem; justify-content:center; align-items:center; } .page-id-8665 .primary-wrapper .sectionOne div:first-child { flex:0 0 30%; } .page-id-8665 .primary-wrapper .sectionOne div:nth-child(2) { display:flex; flex:0 0 70%; padding-left:5rem; font-size:1.4rem; } .page-id-8665 .primary-wrapper .sectionTwo { background:#eaeaea url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2020/07/Interior-Image.png) no-repeat center; background-size:cover; padding:5rem 0rem; min-height:40rem; background-position:40rem; display:flex; flex-direction:column; justify-content:flex-start; margin-bottom:0; } .page-id-8665 .primary-wrapper .sectionTwo .sectionTwoLower{ max-width:110rem; width:100%; display:flex; margin:auto; } .page-id-8665 .primary-wrapper .sectionTwo .sectionTwoLower div { display:flex; flex-direction:column; flex:0 0 33%; font-size:1.4rem; } .page-id-8665 .primary-wrapper { padding:0; } .page-id-8665 .primary-wrapper .sectionThree { background:white url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2020/07/Exterior-Image.png) no-repeat center; background-size:cover; min-height:40rem; background-position:-45rem; display:flex; flex-direction:column; } .page-id-8665 .primary-wrapper .sectionThree .sectionThreeLower { max-width:110rem; width:100%; display:flex; margin:auto; justify-content:flex-end; } .page-id-8665 .primary-wrapper .sectionThree .sectionThreeLower div { display:flex; flex-direction:column; flex:0 0 37%; padding:5rem 0rem; font-size:1.4rem; } .page-id-8665 .primary-wrapper .sectionFour { background:#eaeaea url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2020/07/Hood-Image-Transparent.png) no-repeat center; background-size:cover; padding:5rem 0rem; min-height:40rem; background-position:45rem; display:flex; flex-direction:column; justify-content:flex-start; margin-bottom:0; } .page-id-8665 .primary-wrapper .sectionFour .sectionFourLower{ max-width:110rem; width:100%; display:flex; margin:auto; } .page-id-8665 .primary-wrapper .sectionFour .sectionFourLower div { display:flex; flex-direction:column; flex:0 0 44%; font-size:1.4rem; } .page-id-8665 .primary-wrapper .sectionThree { margin-bottom:0; } .page-id-8665 .primary-wrapper ul { padding:1.5rem 0rem; } .page-id-8665 .primary-wrapper ul li:before { content:''; background:url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2020/07/checkmark.png) no-repeat center; background-size:cover; width:2rem; display:inline-flex; position:relative; height:2rem; margin-left:-3rem; position:absolute; top:0.5rem; } .page-id-8665 .primary-wrapper ul li { padding-left:4rem; position:relative; left:3rem; padding-bottom:1rem; } .page-id-8665 .primary-wrapper ul { list-style:none; } .page-id-8665 .primary-wrapper ul li { padding-left:0!important; } .page-id-8665 .primary-wrapper h3 { padding-bottom:1rem; } .page-id-8665 .page-title { background:url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2020/07/HeroImage_2000x300.jpg) no-repeat center; background-size:cover; } .page-id-8665 .page-title::after { background:transparent!important; } @media only screen and (max-width: 991px) { .page-id-8665 .primary-wrapper .sectionOne { flex-direction:column; } .page-id-8665 .primary-wrapper .sectionOne img { width:75%; margin:auto; display:flex; } .page-id-8665 .primary-wrapper .sectionOne div:first-child { flex:100%; } .page-id-8665 .primary-wrapper .sectionOne div:nth-child(2) { margin-top:5rem; } .page-id-8665 .primary-wrapper .sectionTwo { background:#eaeaea; } .page-id-8665 .primary-wrapper .sectionTwo .sectionTwoLower { max-width:none!important; } .page-id-8665 .primary-wrapper .sectionTwo .sectionTwoLower div{ flex:100%; padding:1.6rem; } .page-id-8665 .primary-wrapper .sectionTwo .sectionTwoLower div h3 { text-align:center; margin:auto; margin-bottom:1rem; } .page-id-8665 .primary-wrapper .sectionThree { background:white; } .page-id-8665 .primary-wrapper .sectionThree .sectionThreeLower div{ flex:100%; padding:1.6rem; } .page-id-8665 .primary-wrapper .sectionThree .sectionThreeLower div h3{ text-align:center; margin-bottom:1rem; } .page-id-8665 .primary-wrapper .sectionFour .sectionFourLower div { flex:0 100%; } .page-id-8665 .primary-wrapper .sectionFour { background:#eaeaea; } .page-id-8665 .primary-wrapper .sectionFour .sectionFourLower div{ flex:100%; padding:1.6rem; } .page-id-8665 .primary-wrapper .sectionFour .sectionFourLower div h3{ text-align:center; margin-bottom:1rem; } .page-id-8665 .primary-wrapper .sectionOne div:nth-child(2) { flex:100%; padding-left:0; padding:1.6rem; } .page-id-8665 .primary-wrapper ul li { padding-left:4rem!important; left:0; } } /*** Buy From Home ***/ .buyFromHome h5{ font-size: 2.3rem; margin-bottom: 2rem; } .buyFromHome .wPadding{ padding: 5rem calc(50% - 55rem); } .buyFromHome .imgLeft{ display: flex; align-items: center; justify-content: space-between; } .buyFromHome .imgLeft > div:first-child{ flex: 0 0 25%; } .buyFromHome .imgLeft > div:last-child{ flex: 0 0 70%; } .buyFromHome .rightBackground{ background-position: 100% 50% !important; background-size: auto 100% !important; } .buyFromHome .rightBackground .wPadding{ width: 75%; } .buyFromHome a.customBtn{ background: #0b2872; color: #fff; padding: 1.4rem 1rem; display: inline-block; margin-top: 2rem; border-radius: 10px; min-width: 170px; position: relative; line-height: 1; } .buyFromHome a.customBtn:after{ content: '\f054'; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 1rem; } .buyFromHome a.customBtn:hover{ background: #000; } .buyFromHome .leftBackground .wPadding{ width: 75%; margin-left: 25%; } .buyFromHome .halfHalf{ display: flex; } .buyFromHome .halfHalf > div{ flex: 0 0 45%; } .buyFromHome .halfHalf > div:first-child{ padding-right: 5%; } .buyFromHome .halfHalf > div:last-child{ padding-left: 5%; flex: 0 0 55%; } .buyFromHome .leftBorder{ border-left: 1px solid #333; display: flex; flex-direction: column; } .buyFromHome form { padding: 0.5rem; } .buyFromHome form .input-group--md{ flex: 0 0 48%; margin-left: 1%; margin-right: 1%; } .buyFromHome .halfHalf .halfHalf > div{ padding: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; flex: 0 0 50%; } .buyFromHome .leftBorder > div{ margin: auto; margin-top: 0; } .buyFromHome .leftBorder h5{ margin-bottom: auto; } .buyFromHome form input:not(.button), .buyFromHome form select, .buyFromHome form textarea{ background: none; box-shadow: none; border: 1px solid #000; } .leftBackground{ min-width: 2000px; position: relative; left: 50%; transform: translateX(-50%); } .rightBackground{ min-width: 0px; position: relative; left: 50%; transform: translateX(-50%); } @media (min-width: 1900px) { .buyFromHome .rightBackground .wPadding{ width: 85%; } } @media (max-width: 1500px) { .buyFromHome .wPadding{ padding: 5rem; } .rightBackground{ min-width: 0; } .leftBackground{ min-width: 0; } .buyFromHome .rightBackground{ background-size: 35% 100% !important; } .buyFromHome .leftBackground{ background-size: 35% 100% !important; } .buyFromHome form .input-group--md{ flex: 0 0 100%; margin-left: 1%; margin-right: 1%; } .buyFromHome .leftBorder > div{ display: block; } .buyFromHome .leftBorder > div > div{ margin: 5rem 0; } } @media (max-width: 768px) { .buyFromHome .imgLeft{ display: block; text-align: center; } .buyFromHome .imgLeft > div:first-child{ margin-bottom: 5rem; } .buyFromHome .rightBackground{ position: relative; padding-top: 200px; background-size: 100% 200px !important; background-position: 100% 0 !important; } .buyFromHome .rightBackground:before{ content: ''; display: block; height: 100px; background: linear-gradient(transparent, #eaeaea); position: absolute; top: 100px ; width: 100%; } .buyFromHome .rightBackground .wPadding{ width: 100%; text-align: center; } .buyFromHome .leftBackground{ position: relative; padding-top: 200px; background-size: 100% 200px !important; background-position: 100% 0 !important; } .buyFromHome .leftBackground:before{ content: ''; display: block; height: 100px; background: linear-gradient(transparent, #fff); position: absolute; top: 100px ; width: 100%; } .buyFromHome .leftBackground .wPadding{ width: 100%; margin-left: 0; text-align: center; } .buyFromHome .halfHalf{ display: block; } .buyFromHome .halfHalf > div:last-child{ padding-left: 0; } .buyFromHome .leftBorder{ border-left: none; margin-top: 5rem; padding-top: 5rem; border-top: 1px solid #cecece; } .buyFromHome .halfHalf .halfHalf > div{ margin: 5rem 0; } .buyFromHome .wPadding.halfHalf{ border-top: 2px solid #333; } } a.button.vehicle-card__cta.mydeal, a.button.button--alternate.button-group__button.button--centered.button--solid.mydeal { background: #369bcc; border: none; } /* HYUNDAI COMPLIANCE UPDATES 09.22.2020 */ .mega-menu .mega-menu-side-nav { background-color: #fff; } .header__dealership-logo { margin-bottom: 1rem; } /* GUBAGOO SPECIALS FIX - JAKE */ @media only screen and (max-width:991px){#g div.gg-overlay{z-index:2147483540!important}#g .gg-popup,#g div.gg-reset.gg-popup.ns-show.gg-effect-scale{z-index:9999999999!important}} /* END GUBAGOO SPECIALS FIX */ /* MyCars Drawer Fix */ .garage-drawer { top: 22%!important; } /* 180 Second Bar */ .disclaimer180 { border: 1px solid #ccc; background: #fff; text-align: center; display: none; font-size: 10px; padding: 5px; text-transform: uppercase; margin-bottom: -28px; position: relative; z-index: 1; } .secondBar:hover .disclaimer180 { display: block; } /* Custom Page : whyBuyCertified */ .maxWidth1100{ padding: 6rem calc(50% - 55rem); } .whyBuyCertified .imgLeft{ display: flex; } .whyBuyCertified .imgLeft > div:first-child{ flex: 0 0 30%; margin-right: 5%; } .whyBuyCertified p{ margin: 2rem 0; } .whyBuyCertified .sec2{ background: url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2020/10/desktopHero.png')no-repeat; background-position: 100% 50%; background-size: cover; } .whyBuyCertified .sec2 h4{ color: #fff; } .whyBuyCertified .sec2 p{ color: #fff; width: 50%; } .whyBuyCertified .sec3{ background: url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2020/10/Image2.png')no-repeat; background-position: 50% 50% !important; background-size: cover; } .whyBuyCertified .sec3 h4{ margin-left: 55%; } .whyBuyCertified .sec3 p{ margin-left: 55%; } .whyBuyCertified .sec4{ background: #ebebeb; } .whyBuyCertified .sec4 .threeFlex{ display: flex; flex-wrap: wrap; justify-content: space-between; } .whyBuyCertified .sec4 .threeFlex div{ flex: 0 0 27%; margin: 0 3%; } .whyBuyCertified .sec4 .threeFlex div img{ margin: 0 auto 5rem; display: block; min-height: 172px } .whyBuyCertified .sec4 .threeFlex div h4{ text-align: center; font-size: 2.2rem; } .whyBuyCertified .sec6{ background: url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2020/10/Image3.png')no-repeat; background-size: cover; padding-top: 6rem; padding-bottom: 6rem; background-position: 100% 50%; } .whyBuyCertified .sec6 h4{ color: #fff; } .whyBuyCertified .sec6 p{ color: #fff; width: 50%; } .whyBuyCertified .sec5 .customList .customListItem{ display: flex; align-items: center; margin: 5rem 0; } .whyBuyCertified .sec5 .customList .customListItem > div:first-child{ flex: 0 0 150px; margin-right: 5%; } .whyBuyCertified .sec5 .customList .customListItem p{ margin: 1rem 0 0; } .whyBuyCertified .sec5 .customList .customListItem p span{ font-size: 1.2rem; line-height: 1.2; display: block; } @media only screen and (max-width: 1101px) and (min-width: 992px){ .whyBuyCertified .maxWidth1100{ padding-left: 5rem; padding-right: 5rem; } } @media only screen and (max-width: 991px){ .whyBuyCertified .imgLeft{ flex-direction: column-reverse; padding: 5rem; } .whyBuyCertified .imgLeft img{ margin: 0 auto; display: block; } .whyBuyCertified .sec2{ background: #222 url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2020/10/Image1-mobile.png') no-repeat; padding: 0 5rem 50rem; background-position: 50% 100% !important; background-size: 100%; } .whyBuyCertified .sec2 p, .whyBuyCertified .sec3 p{ width: 100%; margin-left: 0; } .whyBuyCertified .sec3 h4{ margin-left: 0; } .whyBuyCertified .sec3{ background: #fff url(' https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2020/10/Image2-mobile.png') no-repeat; padding: 0 5rem 30rem; background-position: 50% 100% !important; background-size: 100%; } .whyBuyCertified .sec4 .threeFlex{ display: block; } .whyBuyCertified .sec4 .threeFlex div{ margin: 5rem; } .whyBuyCertified .sec6{ background: #222 url(' https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2020/10/Image3-mobile.png') no-repeat; padding: 0 5rem 50rem; background-position: 50% 100% !important; background-size: 100%; } .whyBuyCertified .sec6 p{ width: 100%; } .whyBuyCertified .sec5 .customList .customListItem{ display: block; padding: 3rem 5rem; margin: 0; } .whyBuyCertified .sec5 .customList .customListItem > div:first-child{ margin: 0; } .whyBuyCertified .sec5 .customList .customListItem > div:first-child img{ display: block; margin: 2rem auto; } .whyBuyCertified .sec5 > picture img{ display: block; margin: 0 auto; } } /* SRP FIX */ .grid-view .vehicle-card__action-wrap { width: 100%; } /* VDP TEXT SIZE CHANGE */ .vdp-wrapper .main-price span.price-block__label { font-size: 0.9em; color: #000; font-weight: 600; } /** BLACK FRIDAY VDP **/ a[convertus-data-id="vdp__cta--unlock-black-friday-pricing"].button-group__button.button.button { background: #000000; border: #000; color: #fff; font-size: 1.1em; text-transform: uppercase; padding: 0; justify-content: normal; } a[convertus-data-id="vdp__cta--unlock-black-friday-pricing"].button-group__button.button.button:hover { background: var(--color-primary); } .bfIcon { padding: 1em; background: rgb(241,0,22); background: linear-gradient(0deg, rgba(241,0,22,1) 0%, rgba(253,241,66,1) 100%); color: #000; border-radius: 3px 0 0 3px; border: 2px solid #000000; margin-right: 0.8em; } a[convertus-data-id="vdp__cta--unlock-black-friday-pricing"].button-group__button.button.button:hover .bfIcon { border: 2px solid var(--color-primary); } a[convertus-data-id="vdp__cta--unlock-black-friday-pricing"].button-group__button.button.button:hover .bfIcon i.fa-lock:before { content: "\f09c"; } .bfIcon i.fas.fa-lock { -webkit-animation: rotate-20-cw 1s ease-in-out infinite alternate-reverse both; animation: rotate-20-cw 1s ease-in-out infinite alternate-reverse both; } @-webkit-keyframes rotate-20-cw { 0% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 100% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } } @keyframes rotate-20-cw { 0% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 100% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } } .page-id-10639 .about_widget-4 .about-widget h1{ text-align:left; } .page-id-10639 .about_widget-4 .about-widget h1:after{ margin-left:0; } .page-id-10639 .about_widget-4 .about-widget:after { background-color:transparent; } .page-id-10639 .about_widget-5 .about-widget .small-image { box-shadow:none; } .page-id-10639 .about_widget-7 .about-widget:after { background-color:transparent; } .page-id-10639 .about_widget-7 .about-widget .wrapper h1{ text-align:left; display:flex; flex-direction:column; align-items:left; align-content:left; } .page-id-10639 .about_widget-7 .about-widget .wrapper h1:after { margin-left:0; } .page-id-10639 .about_widget-7 .about-widget .wrapper p { width:100%; } .page-id-10639 .about_widget-7 .about-widget__info-container { margin-left:auto; width:50%; } .page-id-10639 .about_widget-8 .about-widget__info-container { margin-right:auto; width:50%; } .page-id-10639 .about_widget-8 .about-widget .wrapper h1:after { margin-left:0; } .page-id-10639 .about_widget-8 .about-widget .wrapper p { width:100%; } .page-id-10639 h1:after { display:none; } .page-id-10639 .about-widget__info-container { font-size:1.6rem!important; } .page-id-10639 .about-widget .wrapper h1 { text-align:left; font-size:1.8rem; } .page-id-10639 .about_widget-4 h1 { font-size:4.2rem!important; } .page-id-10639 .about_widget-6 .about-widget__excerpt { width:100%; } .page-id-10639 .about_widget-6 .about-widget__info-container { width:50%; margin-right:auto; } .page-id-10639 .about_widget-6 .about-widget:after { opacity:0; } /* VDP MB ARROWS */ @media (max-width: 1199px) { .vdp-wrapper .tns-controls { top: 25%; } .vdp-wrapper .tns-controls button{ z-index:99; } } /* AUTOVERIFY */ .trader-vdp-avcredit, .trader-srp-avtrade, .trader-vdp-ecomm { margin: 0 0 5px 0; } /* LEFT RIGHT PHOTO NAV FIX UNABLE TO CLICK WITHIN ARROWS */ .photo-gallery .modal-content .tns-controls { pointer-events: none; } /** Custom Accessories Page ***/ .page-id-12120 .page-title{ background: url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/03/Hero-Image.jpg') no-repeat; background-size: cover; border-bottom: 5px solid #fff; } .page-id-12120 .page-title:after{ display: none; } .page-id-12120 .widget-background.dark:after{ display: none; } .page-id-12120 .width50{ width: 50%; } .page-id-12120 main .about-3 > div{ background: #f0f0f0; } .page-id-12120 main .about-3 .col-lg-5{ flex: 0 0 55%; max-width: 55%; } .page-id-12120 main .about-3 .col-lg-6{ flex: 0 0 40%; padding-left: 5%; padding-right: 5%; max-width: 40%; display: flex; flex-direction: column; justify-content: center; } .page-id-12120 main .about-3 h1{ font-size: 2.2rem; } .page-id-12120 main .about-3 h1:after{ display: none; } @media screen and (max-width: 767px){ .page-id-12120 .page-title { line-height: 1.2; } .page-id-12120 .width50{ width: 100%; } .page-id-12120 .about-1 .about-widget__excerpt{ display: none; } .page-id-12120 main .about-3 .row.jcc { flex-direction: column; } .page-id-12120 main .about-3 .col-lg-5{ order: -10; max-width: none; flex: 0 0 100%; width: 100%; } .page-id-12120 main .about-3 .col-lg-6{ max-width: none; flex: 0 0 100%; width: 100%; margin-top: 3rem; } .page-id-12120 main .about-3 > div{ padding-top: 0; } } /* AC ASIA VDP STANDARD */ a.av_modal__button[data-av-button-product="testdrive"] { display: none; } a.av_modal__button[data-av-button-product="spotlight"] { display: none; } section.vdp-button-1:last-of-type { margin-top: 0px; } [data-av-widget-product="credit"] { display: none; } .motocommerce-widget-vdp a.button.button--alternate.button--centered.motocommerce-vehicle-link { background: var(--color-primary); color: #fff; } .motocommerce-widget-vdp a.button.button--alternate.button--centered.motocommerce-vehicle-link:hover { background: #000; } .vdp-wrapper div.button-group section.vdp-button-1 div.vdp-button-widget a.button:before { font-family: "Font Awesome 5 Pro"; font-weight: 900; display: inline-block; position: relative; color: #fff; font-size: 1em; } .vdp-wrapper .button-group { padding: .8rem 0 0; } a.button.button--alternate.button--centered.motocommerce-vehicle-link:before { font-family: "Font Awesome 5 Pro"; content: "\f07a"; display: inline-block; position: relative; left: -14px; } .vdp-button-widget a.button-group__button, a.button.button--alternate.button--centered.motocommerce-vehicle-link { text-align: left; justify-content: left; } .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(1) div.vdp-button-widget a.button:before { content: "\f651"; display: inline-block; position: relative; left: -14px; } .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(2) div.vdp-button-widget a.button:before { content: "\f073"; display: inline-block; position: relative; left: -14px; } .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(4) div.vdp-button-widget a.button:before { content: "\f274"; display: inline-block; position: relative; left: -14px; } /* MITHILA - START - CSQ-422 */ /* START - Hero Widget */ .hero_widget-5.hero-1 .hero-widget { min-height: auto !important; } .hero_widget-5.hero-1 .hero-widget .sub-heading { font-size: 4.5rem; line-height: 5rem; max-width: 40rem; text-align: left; } /* END - Hero Widget */ /* START - 1st About */ .about_widget-22.about-3 .widget-heading::before { content: "Browse, price and order."; display: block; } .about_widget-22.about-3 .widget-heading::after { display: none; } .about_widget-22.about-3 .about-widget__image-wrapper { max-width: 50%; flex: 0 0 50%; padding: 0; } .about_widget-22.about-3 .wrapper .col-xs-12.col-lg-6 { display: flex; flex-direction: column; justify-content: center; background: #eee; padding: 5rem; } .about_widget-22.about-3 .about-3 .about-widget__excerpt { padding-top: 0; } /* END - 1st About */ /* START - Button Block */ .button_block_widget-7.button-block-1 .button-block-widget { padding-top: 0; } .button_block_widget-7.button-block-1 .button-block-widget__column:first-child:not(:last-child) { margin-left: .8rem; order: 1; } .button_block_widget-7.button-block-1 .button-block-widget .button-block-button__background:after { display: none; } .button_block_widget-7.button-block-1 .button-block-widget .button-block-button__heading-area { display: flex; position: absolute; bottom: 1rem; } .button_block_widget-7.button-block-1 .button-block-widget .button-block-button__subheading { max-width: 17rem; } .button_block_widget-7.button-block-1 .button-block-widget .button-block-button__heading { order: -1; width: auto; padding: 0 1rem; display: flex; flex-direction: column; justify-content: center; font-size: 4rem; } .button_block_widget-7.button-block-1 .button-block-widget .button-block-button__content { pointer-events: none; cursor: default; text-decoration: none; } .button_block_widget-7.button-block-1 .button-block-widget .button-block-button__cta { display: none; } /* END - Button Block */ /* START - Single CTA */ .single-cta-1 .single-cta-widget.dark { background-color: #fff !important; } .single-cta-1 .single-cta-widget.dark .single-cta-widget__button { background-color: var(--color-primary) !important; max-width: 30rem; margin: 0 auto; border-radius: 0; padding: 1.2rem; } /* END - Single CTA */ /* START - Tabbed Widget */ @media (min-width:767px) { .page-id-12878 .content-tabbed-1 .content-tabbed-widget .content-tabbed__wrapper { display: inline-flex; max-width: 100%; flex: 0 0 100%; /* margin-bottom: 1rem; */ justify-content: space-around; } .page-id-12878 .content-tabbed-1 .content-tabbed-widget .content-tabbed__content-container { padding: 2.4rem; margin-left: 0 !important; max-width: 100%; flex: 0 0 100%; position: relative; } .page-id-12878 .content-tabbed-1 .content-tabbed-widget .content-tabbed__content-container div { background: #f5f3f2; } .page-id-12878 .content-tabbed-1 .content-tabbed-widget .content-tabbed__content-container img { width: 100%; } .page-id-12878 .content-tabbed-1 .content-tabbed-widget .content-tabbed__title { text-align: center; border-left: none !important; } .page-id-12878 .content-tabbed-1 .content-tabbed-widget .content-tabbed__title:after, .page-id-12878 .content-tabbed-1 .content-tabbed-widget .content-tabbed__title--active:after, .page-id-12878 .content-tabbed-1 .content-tabbed-widget .content-tabbed__title--active:hover:after { display: none; } .page-id-12878 .content-tabbed__container .content-tabbed__title { width: 10rem !important; height: 8rem !important; background-size: cover; background-repeat: no-repeat; } .page-id-12878 .content-tabbed__container { cursor: pointer; } .page-id-12878 .content-tabbed__container .content-tabbed__title { /* visibility:hidden; */ font-size: 0 !important; background: none !important } .page-id-12878 .content-tabbed__container:nth-child(2) { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_Inventory_EN_100K.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(3) { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_PaymentInfo_EN_100K.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(4) { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_AddProtect_EN_100K.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(5) { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_ValueTradeIn_EN_100K.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(6) { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_Checklist_EN_100K.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(7) { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_ApplyCredit_EN_100K.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(8) { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_TestDrive_EN_100K.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(9) { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_GoOnline_EN_100K.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(2):hover, .page-id-12878 .content-tabbed__container:nth-child(2).active { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_Inventory_EN_100K-1.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(3):hover, .page-id-12878 .content-tabbed__container:nth-child(3).active { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_PaymentInfo_EN_100K-1.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(4):hover, .page-id-12878 .content-tabbed__container:nth-child(4).active { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_AddProtect_EN_100K-1.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(5):hover, .page-id-12878 .content-tabbed__container:nth-child(5).active { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_ValueTradeIn_EN_100K-1.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(6):hover, .page-id-12878 .content-tabbed__container:nth-child(6).active { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_Checklist_EN_100K-1.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(7):hover, .page-id-12878 .content-tabbed__container:nth-child(7).active { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_ApplyCredit_EN_100K-1.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(8):hover, .page-id-12878 .content-tabbed__container:nth-child(8).active { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_TestDrive_EN_100K-1.png) !important; } .page-id-12878 .content-tabbed__container:nth-child(9):hover, .page-id-12878 .content-tabbed__container:nth-child(9).active { background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/Hyundai_Pictogram_GoOnline_EN_100K-1.png) !important; } .page-id-12878 .content-tabbed .navIcon { cursor: pointer; display: grid; place-items: center; } .page-id-12878 .content-tabbed .navIcon:hover { color: var(--color-primary); } .page-id-12878 .content-tabbed .navIcononImg { cursor: pointer; position: absolute; top: 35%; height: 6rem; background: #ffffff9e; display: grid; place-items: center; padding: 1rem; } .page-id-12878 .content-tabbed .navIcononImg.fa-chevron-left { left: 2rem; } .page-id-12878 .content-tabbed .navIcononImg.fa-chevron-right { right: 2rem; } .page-id-12878 .content-tabbed .navIcononImg:hover { color: var(--color-primary); } } @media (max-width:767px) { .page-id-12878 .content-tabbed .navIcon, .page-id-12878 .content-tabbed .navIcononImg { display: none; } } /* END - Tabbed Widget */ /* START - 2nd ABout Widget */ .about_widget-23.about-3 .about-widget { background-color: #f5f3f2; margin-bottom: 5rem; } .about_widget-23.about-3 .about-widget .col-xs-12.col-lg-6 { display: flex; flex-direction: column; justify-content: center; } .about_widget-23.about-3 .about-widget .widget-heading { font-size: 2.5rem; } .about_widget-23.about-3 .about-widget .widget-heading::after { display: none; } .about_widget-23.about-3 .about-widget__excerpt { padding-top: 1rem !important; } .about_widget-23.about-3 .about-widget .button { text-transform: capitalize; font-weight: 100; padding: 1rem; justify-content: center; border-radius: 0; } .about_widget-23.about-3 .about-widget .button::after { display: none; } /* END - 2nd ABout Widget */ /* START - Accordian Widget */ .page-id-12878 .convertus-accordion__title { border: 1px solid #ececec; padding: 1rem; font-weight: 100; color: #808080; font-size: 1.6rem; } .page-id-12878 .convertus-accordion__wrap {padding: 0 3rem;} .page-id-12878 .convertus-accordion__title:after {content: "\f078";} .page-id-12878 .convertus-accordion__section.expanded .convertus-accordion__title:after {content: "\f077"} /* END - Accordian Widget */ /* START - Disclaimer */ .disclaimer img { margin: 0 auto; max-width: 15rem; padding-bottom: 1rem; background: linear-gradient(#808080, #808080) bottom center/ 10rem 2px no-repeat, transparent; } .disclaimer p { font-size: 1.5rem; color: #808080; padding-top: 1rem; } /* END - Disclaimer */ @media (min-width:767px) { /* START - Button Block Widget */ .button_block_widget-7.button-block-1 .button-block-widget__row:nth-child(2) { min-height: 25rem; } /* END - Button Block Widget */ } @media (max-width:491px) { /* START - Hero Widget */ .hero_widget-5.hero-1 .hero-widget { background-image: url("https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/05/MicrosoftTeams-image-21.jpg") !important; background-position: right; min-height: 70rem !important; } .hero_widget-5.hero-1 .hero-widget__standard { margin-top: -18rem; } .page-id-12878 h1, .page-id-12878 h2 { line-height: 30px; } /* END - Hero Widget */ /* START - 1st About */ .about_widget-22.about-3 .about-widget__image-wrapper { max-width: 100%; flex: 0 0 100%; padding: 0; } /* END - 1st About */ /* START - Button Block Widget */ .button_block_widget-7.button-block-1 .button-block-widget__column:first-child:not(:last-child) { margin-left: 0; margin-top: .8rem; } /* END - Button Block Widget */ } /* MITHILA - END - CSQ-422 */ /* Kayla | SR00323951 - move footer map */ .footer__map-wrapper.taller-map .convertus-gmaps__static { height: 300px!important; } .footer__map-wrapper.taller-map .vue-map-container.col.is-footer { height: 300px!important; } /* END Kayla | SR00323951 */ /* FINANCE BLURB JH 09/13/21 */ p.financeBlurb { text-align: center; margin-top: 20px; } /* SRP SLIDER */ .srp-wrapper .slider-1 { margin: 0 auto 5%; } /* Kayla | SR00328637 - do not capitalize text, according to Hyundai requirements for homepage, SRP and VDP */ .srp-wrapper *, .vdp-wrapper *, .home-page *, header *, footer * { text-transform: initial !important; } /* END Kayla | SR00328637 */