2026 Hyundai Palisade

Pre-production model with optional features shown. Specifications, equipment, and options are subject to change without notice. Some items may be unavailable when vehicle is built. Ask your dealer about availability of options and verify that the vehicle includes the equipment you configured.

Quick Links

Hours Of Operation

Dealership hours of operation
Mon - Thu	9:00am - 8:00pm
Fri	9:00am - 6:00pm
Sat	9:00am - 5:00pm
Sun	Closed

Dealership hours of operation
Mon - Fri	7:30am - 5:00pm
Sat	7:30am - 12:00pm
Sun	Closed

Dealership hours of operation
Mon - Fri	7:30am - 5:00pm
Sat	7:30am - 12:00pm
Sun	Closed

Get in Touch

Guelph Hyundai

765 Woodlawn Rd. W, Guelph, ON, N1K1E9

Sales (519) 838-7612 Service (519) 836-7669 Collision 1 (855) 730-1396

Location

Sales (519) 838-7612 Service (519) 836-7669 Collision 1 (855) 730-1396 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 Body, -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 Head, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } #gg-toolbar, .gg-chat-bubble, .gg-popup { z-index: 1100 !important; } img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px } /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}

:root { --color-primary: #002c5f; --color-primary-dark: #007FA8; --color-primary-light: #1b477a; --color-primary-lighter: #a2ceff; } /* Kirstyn SRP mobile banner shifting when scrolling fix 7/4/25 */ @media screen and (max-width: 767px) { .srp-wrapper { padding-top: 0px !important; } } /* Kirstyn, black bkg surrounding vlp banner 6/23/25 */ #desktop-slider_widget-7, #desktop-slider_widget-8 { background: none; } /* end */ /* Kirstyn VDP first button colour 6/6/25 **Ahmed 07/02 OEM Rquirements: CTA colours must be #002c5F** .vdp-wrapper #vdp_third_party_scripts_widget-8 a:first-of-type.button { background-color: #007FA8 !important; color: #fff !important; border-color: #007FA8 !important; } .vdp-wrapper #vdp_third_party_scripts_widget-8 a:first-of-type.button:hover { background-color: #fff !important; border-color: #002c5f !important; color: #002c5f !important; } /* end VDP first button colour */ /*Kirstyn 4 cta banner 4/24/25*/ @media screen and (max-width: 849px) { #desktop-slider_widget-5-item0, #desktop-slider_widget-5 .slider__single:last-of-type { overflow: hidden; } #desktop-slider_widget-5-item0 .slider-4-buttons, #desktop-slider_widget-5 .slider__single:last-of-type .slider-4-buttons { display: none; } } @media screen and (min-width: 850px) { #desktop-slider_widget-5-item0, #desktop-slider_widget-5 .slider__single:last-of-type { overflow: visible; } #desktop-slider_widget-5-item0 .slider-4-buttons, #desktop-slider_widget-5 .slider__single:last-of-type .slider-4-buttons { min-width: 800px; position: absolute; top: 15%; left: 50%; transform: translateX(-50%); display: flex; flex-wrap: wrap; z-index: 100; } #desktop-slider_widget-5-item0 .slider-4-buttons > div, #desktop-slider_widget-5 .slider__single:last-of-type .slider-4-buttons > div { display: flex; margin: 0 auto; } #desktop-slider_widget-5-item0 .slider-4-buttons a, #desktop-slider_widget-5 .slider__single:last-of-type .slider-4-buttons a { color: #fff !important; background-color: #002c5f; text-align: center; padding: 0.4rem 1rem; width: 175px; margin: 0 15px 15px 0; } #desktop-slider_widget-5-item0 .slider-4-buttons h2, #desktop-slider_widget-5 .slider__single:last-of-type .slider-4-buttons h2 { font-size: 42px; color: #fff !important; margin: 0 auto 20px auto; width: 100%; } #desktop-slider_widget-5-item0 .slider-4-buttons a:hover, #desktop-slider_widget-5 .slider__single:last-of-type .slider-4-buttons a:hover { background-color: #064d9f; } } /* end 4 cta banner*/ /** VDP IMAGE SIZE **/ .vgs__container { margin: 0 auto; height: 100vh; } .ico_floating{ display: none !important; } #single_cta_widget-2{ display: none; } .button-group__button.button--alternate:after{ display: none !important; } .av-trade-button, .av-credit-button{ display: flex; justify-content: center; } .motocommerce-vehicle-link{ background-color: #00819E !important; border-color: #00819E !important; } .gubagoo-trigger{ background-color: #00819E !important; border-color: #00819E !important; } .button.gubagoo-trigger, .smsbtn { justify-content: center !important; background-color: #00819E !important; border: 1px solid #00819E !important; } /*--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--*/ /*Hide Inventory Tags - CASE 01657304*/ .vdp-wrapper ul.featured-tags__wrapper {display: none !important;} .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%; } .member__photo { background-position: top center; } .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; } .hero_widget-5.hero-1 .hero-widget{ min-height: 0; padding-top: 4.8rem; padding-bottom: 4.8rem; } .hero_widget-5.hero-1 .hero-widget>.wrapper:nth-of-type(1) { display: none; } .wrapper.hero-widget__personalization-component-container .mb-md{ margin: 0 !important; } .hero_widget-5 .hero-widget { padding-top: 4.8rem; padding-bottom: 4.8rem; } @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*/ .hero-1 .widget-background { background: url(/wp-content/uploads/sites/31/2019/10/PALISADEBG.jpg)center center; } /* 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 */ /* National Offers */ .promoVehicle { margin-bottom: 30px; transition: ease-in-out 0.2s all; } .promoVehicle:hover { opacity: 0.5; } /* 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{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; background: #000; } /* END BUILD YOUR DEAL */ /* AUTOCANADA MOTOCOMMERCE INTEGRATION - FCA TWEAK MARCH 16, 2020 */ .vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp a{background-size:cover;background:#fff url(https://www.autocan.ca/wp-content/uploads/sites/37/2019/11/AC_MC_BG.jpg) no-repeat center center;display:flex;flex-wrap:wrap;padding:0}.vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp .motocommerce-widget-vdp-header{display:block;font-weight:700;text-align:center;width:100%;font-size:2.4rem;background:#fff;color:#333;padding:.5rem 1rem}.vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp .motocommerce-widget-vdp-header span{color:var(--color-primary)}.vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp ul{margin:0;padding:1rem;list-style-type:none;width:100%;text-align:left}.vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp ul li{color:#fff;font-size:1.5rem}.vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp ul li:nth-of-type(3){border:none;padding:0;margin:0}.vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp ul li span{background:var(--color-primary);padding:.75rem;width:40px;display:inline-block;text-align:center;margin-right:7px}.vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp ul li:hover{opacity:.75}.vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp ul li span i{color:#fff;font-size:2rem}.vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp div.btn{background-color:green;width:100%;padding:1rem;color:#fff;line-height:32px;font-size:33px;padding:10;padding:20px 20px 13px}.vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp div.btn:hover{background-color:#41971c}.vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp div.btn span{color:#fff;font-size:18px;font-weight:lighter;display:block;width:100%} /* 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; } /* 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;} /* 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} /* 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; } } /*refinanced page*/ .page-id-7949 .midSection {display:flex; flex-direction:column ;} .page-id-7949 .midSection .splitSection {display:flex; flex-direction:row;} .page-id-7949 .textSplit div {margin-bottom:2rem;} .page-id-7949 .bodyText div {margin-bottom:2rem;} .page-id-7949 .midSection .splitSection div { display:flex; flex-direction:column; flex: 0 0 30%; margin: 0 1%; } .page-id-7949 .midSection { background:#f7f7f7; } .page-id-7949 .midSection h2 { text-align:center; } .page-id-7949 .midSection .subHeading { text-align:center; margin:2rem; } .page-id-7949 .midSection .splitSection div { text-align:center; margin:5rem 2rem; } .page-id-7949 .midSection .splitSection h3 { margin:2rem 0rem; color:#8f4536; } .page-id-7949 .midSection .splitSection h3:after { width:50px; content:''; height:2px; display:flex; background:#8f4536; margin:auto; margin-top:5px; } .page-id-7949 .lowerSection {display:flex; flex-direction:row;} .page-id-7949 .lowerSection div {display:flex; flex-direction:column; flex: 0 0 57%;} .lowerSection div:last-child { flex:0 0 45%; } .page-id-7949 .introSection .textSection p { display:none; } .page-id-7949 .lowerSection .splitLower:first-child { justify-content:center; margin-right:5rem; } .page-id-7949 .introSection {display:flex; flex-direction:row;} .page-id-7949 .introSection .imageSection {display:flex; flex-direction:column; flex: 0 0 30%; justify-content:center; margin-right:5rem;} .page-id-7949 .introSection .textSection {display:flex; flex-direction:column; flex:0 0 60%; } .page-id-7949 .introSection h2 {color:#052331; margin-bottom:2rem;} .page-id-7949 .midSection h2 {color:#052331; margin-top:3rem;} .page-id-7949 .lowerSection h2 {color:#052331; margin-bottom:2rem;} .page-id-7949 .primary-wrapper { padding-left:0px; padding-right:0px; } .page-id-7949 .introSection { max-width:110rem; margin:auto; } .page-id-7949 .midSection .midSectionMajor { max-width:110rem; margin:auto; } .page-id-7949 .page-title { background:#f7f7f7; color:#052331; padding-left:5rem; } .page-id-7949 .page-title::after { background:#f7f7f7; } .page-id-7949 .lowerSection { max-width:110rem; margin:auto; } @media only screen and (max-width: 997px) { .page-id-7949 .introSection { display:flex; flex-direction:column-reverse; } .page-id-7949 .introSection .imageSection { width:100%; display:flex; flex-direction:row; width:40%; margin:auto; } .page-id-7949 .lowerSection .splitLower:first-child { margin:auto; } .page-id-7949 .introSection div { text-align:center; font-size:1.4rem; } .page-id-7949 .midSection .splitSection{ display:flex; flex-direction:column; font-size:1.4rem; } .page-id-7949 .midSection .splitSection img { width:40%; margin:auto; } .page-id-7949 .lowerSection { display:flex; flex-direction:column; text-align:center; } .page-id-7949 .lowerSection div { margin-bottom:2rem; font-size:1.4rem; } .page-id-7949 .lowerSection img { width:60%; margin:auto; } } .page-id-9015 .primary-wrapper .sectionOne { display:flex; flex-direction:row; max-width:110rem; margin:auto; padding:5rem 0rem; justify-content:center; align-items:center; } .page-id-9015 .primary-wrapper .sectionOne div:first-child { flex:0 0 30%; } .page-id-9015 .primary-wrapper .sectionOne div:nth-child(2) { display:flex; flex:0 0 70%; padding-left:5rem; font-size:1.4rem; } .page-id-9015 .primary-wrapper .sectionTwo { background:#eaeaea url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/122/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-9015 .primary-wrapper .sectionTwo .sectionTwoLower{ max-width:110rem; width:100%; display:flex; margin:auto; } .page-id-9015 .primary-wrapper .sectionTwo .sectionTwoLower div { display:flex; flex-direction:column; flex:0 0 33%; font-size:1.4rem; } .page-id-9015 .primary-wrapper { padding:0; } .page-id-9015 .primary-wrapper .sectionThree { background:white url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/122/2020/07/Exterior-Image.png) no-repeat center; background-size:cover; min-height:40rem; background-position:-45rem; display:flex; flex-direction:column; } .page-id-9015 .primary-wrapper .sectionThree .sectionThreeLower { max-width:110rem; width:100%; display:flex; margin:auto; justify-content:flex-end; } .page-id-9015 .primary-wrapper .sectionThree .sectionThreeLower div { display:flex; flex-direction:column; flex:0 0 37%; padding:5rem 0rem; font-size:1.4rem; } .page-id-9015 .primary-wrapper .sectionFour { background:#eaeaea url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/122/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-9015 .primary-wrapper .sectionFour .sectionFourLower{ max-width:110rem; width:100%; display:flex; margin:auto; } .page-id-9015 .primary-wrapper .sectionFour .sectionFourLower div { display:flex; flex-direction:column; flex:0 0 44%; font-size:1.4rem; } .page-id-9015 .primary-wrapper .sectionThree { margin-bottom:0; } .page-id-9015 .primary-wrapper ul { padding:1.5rem 0rem; } .page-id-9015 .primary-wrapper ul li:before { content:''; background:url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/122/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-9015 .primary-wrapper ul li { padding-left:4rem; position:relative; left:3rem; padding-bottom:1rem; } .page-id-9015 .primary-wrapper ul { list-style:none; } .page-id-9015 .primary-wrapper ul li { padding-left:0!important; } .page-id-9015 .primary-wrapper h3 { padding-bottom:1rem; } .page-id-9015 .page-title { background:url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/122/2020/07/HeroImage_2000x300.jpg) no-repeat center; background-size:cover; } .page-id-9015 .page-title::after { background:transparent!important; } @media only screen and (max-width: 991px) { .page-id-9015 .primary-wrapper .sectionOne { flex-direction:column; } .page-id-9015 .primary-wrapper .sectionOne img { width:75%; margin:auto; display:flex; } .page-id-9015 .primary-wrapper .sectionOne div:first-child { flex:100%; } .page-id-9015 .primary-wrapper .sectionOne div:nth-child(2) { margin-top:5rem; } .page-id-9015 .primary-wrapper .sectionTwo { background:#eaeaea; } .page-id-9015 .primary-wrapper .sectionTwo .sectionTwoLower { max-width:none!important; } .page-id-9015 .primary-wrapper .sectionTwo .sectionTwoLower div{ flex:100%; padding:1.6rem; } .page-id-9015 .primary-wrapper .sectionTwo .sectionTwoLower div h3 { text-align:center; margin:auto; margin-bottom:1rem; } .page-id-9015 .primary-wrapper .sectionThree { background:white; } .page-id-9015 .primary-wrapper .sectionThree .sectionThreeLower div{ flex:100%; padding:1.6rem; } .page-id-9015 .primary-wrapper .sectionThree .sectionThreeLower div h3{ text-align:center; margin-bottom:1rem; } .page-id-9015 .primary-wrapper .sectionFour .sectionFourLower div { flex:0 100%; } .page-id-9015 .primary-wrapper .sectionFour { background:#eaeaea; } .page-id-9015 .primary-wrapper .sectionFour .sectionFourLower div{ flex:100%; padding:1.6rem; } .page-id-9015 .primary-wrapper .sectionFour .sectionFourLower div h3{ text-align:center; margin-bottom:1rem; } .page-id-9015 .primary-wrapper .sectionOne div:nth-child(2) { flex:100%; padding-left:0; padding:1.6rem; } .page-id-9015 .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: var(--color-primary); 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 .halfHalf .halfHalf > div img{ max-width: 240px; } .buyFromHome .leftBorder > div{ margin: auto; margin-top: 0; justify-content: space-between; margin-left: 0; margin-right: 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; } } /* 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://www.401dixiehyundai.com/wp-content/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://www.401dixiehyundai.com/wp-content/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://www.401dixiehyundai.com/wp-content/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://www.401dixiehyundai.com/wp-content/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://www.401dixiehyundai.com/wp-content/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://www.401dixiehyundai.com/wp-content/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; } } /** 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); } } /** Custom Accessories Page ***/ .page-id-11739 .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-11739 .page-title:after{ display: none; } .page-id-11739 .widget-background.dark:after{ display: none; } .page-id-11739 .width50{ width: 50%; } .page-id-11739 main .about-3 > div{ background: #f0f0f0; } .page-id-11739 main .about-3 .col-lg-5{ flex: 0 0 55%; max-width: 55%; } .page-id-11739 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-11739 main .about-3 h1{ font-size: 2.2rem; } .page-id-11739 main .about-3 h1:after{ display: none; } @media screen and (max-width: 767px){ .page-id-11739 .page-title { line-height: 1.2; } .page-id-11739 .width50{ width: 100%; } .page-id-11739 .about-1 .about-widget__excerpt{ display: none; } .page-id-11739 main .about-3 .row.jcc { flex-direction: column; } .page-id-11739 main .about-3 .col-lg-5{ order: -10; max-width: none; flex: 0 0 100%; width: 100%; } .page-id-11739 main .about-3 .col-lg-6{ max-width: none; flex: 0 0 100%; width: 100%; margin-top: 3rem; } .page-id-11739 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; } [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; padding-left: 30px; } .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: absolute; */ color: #fff; font-size: 1em; } /* 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: center; } /* .vdp-wrapper a[convertus-data-id="vdp__cta--get-your-quick-quote"]:before { content: "\f651"; display: inline-block; position: relative; left: -14px; } .vdp-wrapper a[convertus-data-id="vdp__cta--book-a-test-drive"]:before { content: "\f073"; display: inline-block; position: relative; left: -14px; } */ .vdp-sidebar a.button-group__button.button.button--alternate.button--centered, .motocommerce-widget-vdp a.button.button--alternate.button--centered.motocommerce-vehicle-link { text-align: center; text-transform: inherit; } .av_widget_root[data-av-widget-type=button] { margin-bottom: 8px; } .vehicle-card .button { text-align: left!important; } /* Kayla | SR00320953 - copied CSS from 401 Dixie */ /* MITHILA - START - CSQ-422 */ /* START - Hero Widget */ #hero_widget-8.widget-background.dark:after { background-color: transparent; } .hero_widget-8.hero-1 .hero-widget { min-height: auto; } .hero_widget-8 .hero-1 .widget-background { background-repeat: no-repeat; } .hero_widget-8.hero-1 .hero-widget .sub-heading { font-size: 4.5rem; line-height: 5rem; max-width: 40rem; text-align: left; } @media (max-width: 479px) { .hero_widget-8.hero-1 .hero-widget { background-image: url("https://autocanadaprod-com.cdn-convertus.com/uploads/sites/122/2021/07/hero-mobile.jpg") !important; background-position: right; min-height: 70rem; background-size: cover; } .hero_widget-8.hero-1 .hero-widget__standard { margin-top: -18rem; } .page-id-13375 h1, .page-id-13375 h2 { line-height: 30px; } } /* START - 1st About */ /*.about_widget-17.about-3 .widget-heading::before { content: "Browse, price and order."; display: block; }*/ .about_widget-17.about-3 .widget-heading::after { display: none; } .about_widget-17.about-3 .about-widget__image-wrapper { max-width: 50%; flex: 0 0 50%; padding: 0; } .about_widget-17.about-3 .wrapper .col-xs-12.col-lg-6 { display: flex; flex-direction: column; justify-content: center; background: #eee; padding: 5rem; } .about_widget-17.about-3 .about-3 .about-widget__excerpt { padding-top: 0; } @media (max-width: 479px) { .about_widget-17.about-3 .about-widget__image-wrapper { max-width: 100%; flex: 0 0 100%; padding: 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; } @media (min-width: 767px) { .button_block_widget-7.button-block-1 .button-block-widget__row:nth-child(2) { min-height: 25rem; } } @media (max-width: 491px) { .button_block_widget-7.button-block-1 .button-block-widget__column:first-child:not(:last-child) { margin-left: 0; margin-top: 0.8rem; } } /* END - Button Block */ /* START - Single CTA */ .single_cta_widget-4.single-cta-1 .single-cta-widget.dark { background-color: #fff !important; } .single_cta_widget-4.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) { .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; } .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; } .content-tabbed-1 .content-tabbed-widget .content-tabbed__content-container div { background: #f5f3f2; } .content-tabbed-1 .content-tabbed-widget .content-tabbed__content-container img { width: 100%; } .content-tabbed-1 .content-tabbed-widget .content-tabbed__title { text-align: center; border-left: none !important; } .content-tabbed-1 .content-tabbed-widget .content-tabbed__title:after, .content-tabbed-1 .content-tabbed-widget .content-tabbed__title--active:after, .content-tabbed-1 .content-tabbed-widget .content-tabbed__title--active:hover:after { display: none; } .content-tabbed__container .content-tabbed__title { width: 10rem !important; height: 8rem !important; background-size: cover; background-repeat: no-repeat; } .content-tabbed__container { cursor: pointer; } .content-tabbed__container .content-tabbed__title { /* visibility:hidden; */ font-size: 0 !important; background: none !important } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .content-tabbed__container:nth-child(2):hover, .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; } .content-tabbed__container:nth-child(3):hover, .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; } .content-tabbed__container:nth-child(4):hover, .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; } .content-tabbed__container:nth-child(5):hover, .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; } .content-tabbed__container:nth-child(6):hover, .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; } .content-tabbed__container:nth-child(7):hover, .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; } .content-tabbed__container:nth-child(8):hover, .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; } .content-tabbed__container:nth-child(9):hover, .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; } .content-tabbed .navIcon { cursor: pointer; display: grid; place-items: center; } .content-tabbed .navIcon:hover { color: var(--color-primary); } .content-tabbed .navIcononImg { cursor: pointer; position: absolute; top: 35%; height: 6rem; background: #ffffff9e; display: grid; place-items: center; padding: 1rem; } .content-tabbed .navIcononImg.fa-chevron-left { left: 2rem; } .content-tabbed .navIcononImg.fa-chevron-right { right: 2rem; } .content-tabbed .navIcononImg:hover { color: var(--color-primary); } } @media (max-width:767px) { .content-tabbed .navIcon, .content-tabbed .navIcononImg { display: none; } } /* END - Tabbed 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 */ /* FAQ */ @media (max-width: 991px) { .page-id-13375 .textwidget.custom-html-widget .row { padding: 1rem; } } /* END copied CSS from Kayla */ /* SRP SLIDER */ .srp-wrapper .slider-1 { margin: 0 auto 5%; } /* Hyundai Compliancy buttons */ button.button { background: #002c5f; font-weight:100; } button.button:hover { background:#007FA5 !important; } b.button.button-block-button__cta { background: #002c5f; font-weight:100; } b.button.button-block-button__cta:hover { background:#007FA5 !important; } a.button.button--centered { background: #002c5f; font-weight:100; } a.button.button--centered:hover{ background:#007FA5 !important; } a.button.mt-xxs.gtm_vehicle_tile_cta { background: #002c5f; font-weight:100; } a.button.mt-xxs.gtm_vehicle_tile_cta:hover { background:#007FA5 !important; } a.button.button--alternate.testimonial-widget__cta { background: #002c5f; color: white; border-color: #002c5f; font-weight:100; } a.button.button--alternate.testimonial-widget__cta:hover { background:#007FA5 !important; } a.gtm_directions.button { background: #002c5f; font-weight:100; } a.gtm_directions.button:hover{ background:#007FA5 !important; } a.button.gtm_vehicle_tile_cta.vehicle-card__cta { background: #002c5f; text-align: center; font-weight:100; } a.button.gtm_vehicle_tile_cta.vehicle-card__cta:hover{ background:#007FA5 !important; color: white !important; } a.button.button--centered { background: #002c5f; border-color: #002c5f; text-align: center; font-weight:100; } a.button.button--centered:hover { background:#007FA5 !important; } .button { background: #002c5f; text-align: center; font-weight:100; } .button:hover{ background:#007FA5 !important; } a.button.button--alternate { color: white; text-align: center; font-weight:100; } a.button.button--alternate:hover{ background:#007FA5 !important; } button.button.button--small.advanced-filters__toggle { background: #002c5f; text-align: center; font-weight:100; } button.button.button--small.advanced-filters__toggle:hover { background:#007FA5 !important; } a.button.button--alternate { border: #002c5f; text-align: center; font-weight:100; } a.button.button--alternate:hover { background:#007FA5 !important; } a.button.mt-xxs.gtm_vehicle_tile_cta { display: block; text-transform: lowercase; padding-top: 7px; text-align: center; font-weight:100; } a.button.mt-xxs.gtm_vehicle_tile_cta:hover { background:#007FA5 !important; } a.button.mt-xxs.gtm_vehicle_tile_cta:first-letter { text-transform: uppercase; } a.button.button--centered { display: block; text-transform: lowercase; padding-top: 7px; text-align: center; font-weight:100; } a.button.button--centered:hover { background:#007FA5 !important; } a.button.button--centered:first-letter { text-transform: uppercase; } a.button.button--alternate.testimonial-widget__cta { display: block; text-transform: lowercase; padding-top: 7px; text-align: center; font-weight:100; } a.button.button--alternate.testimonial-widget__cta:hover { background:#007FA5 !important; } a.button.button--alternate.testimonial-widget__cta:first-letter { text-transform: uppercase; } a.gtm_directions.button { display: block; text-transform: lowercase; padding-top: 7px; text-align: center; font-weight:100; } a.gtm_directions.button:hover { background:#007FA5 !important; } a.gtm_directions.button:first-letter { text-transform: uppercase; } a.button.gtm_vehicle_tile_cta.vehicle-card__cta { background: #002c5f; display: block; padding-top: 7px; text-transform: lowercase; text-align: center; font-weight:100; } a.button.gtm_vehicle_tile_cta.vehicle-card__cta:hover { background:#007FA5 !important; } a.button.gtm_vehicle_tile_cta.vehicle-card__cta:first-letter { text-transform: uppercase; } a.gtm_directions.button { padding-top: 7px; text-align: center; font-weight:100; } a.gtm_directions.button:hover { background:#007FA5 !important; } input.wpcf7-form-control.wpcf7-submit.button.button--centered { background: #002c5f; display: block; padding-top: 7px; text-transform: lowercase; text-align: center; font-weight:100; } input.wpcf7-form-control.wpcf7-submit.button.button--centered:first-letter { text-transform: uppercase; } input.wpcf7-form-control.wpcf7-submit.button.button--centered:hover { background:#007FA5 !important; } .button.showroom-carousel-card__button.mt-sm { background: #002c5f; display: block; padding-top: 7px; text-transform: lowercase; text-align: center; font-weight:100; } .button.showroom-carousel-card__button.mt-sm:hover { background:#007FA5 !important; } .button.showroom-carousel-card__button.mt-sm:first-letter { text-transform: uppercase; } a.button { background: #002c5f; display: block; padding-top: 7px; text-transform: lowercase; text-align: center; font-weight:100; } a.button:hover { background:#007FA5 !important; } a.button:first-letter{ text-transform: uppercase; } .button.button--alternate.showroom-carousel-card__button { display: block; padding-top: 7px; text-transform: lowercase; text-align: center; font-weight:100; } .button.button--alternate.showroom-carousel-card__button:hover { background:#007FA5 !important; } .button.button--alternate.showroom-carousel-card__button:first-letter{ text-transform: uppercase; } b.button.button-block-button__cta { display: block; padding-top: 7px; text-transform: lowercase; text-align: center; font-weight:100; } b.button.button-block-button__cta:hover { background:#007FA5 !important; } b.button.button-block-button__cta:first-letter{ text-transform: uppercase; } p.icon-buttons__label { display: block; padding-top: 7px; text-transform: lowercase; text-align: center; font-weight:100; } p.icon-buttons__label:hover { background:#007FA5 !important; } p.icon-buttons__label:first-letter{ text-transform: uppercase; } button.button { display: block; } button.button:hover { background:#007FA5 !important; } .vdp-third-party-widget .motocommerce-widget-vdp .motocommerce-vehicle-link.hyundai:hover { color: #ffffff; } /* Kayla | SR00328637 - do not capitalize text, according to Hyundai requirements for homepage, SRP and VDP initial does not meet hyundai requirements as following words need to be lowercase on buttons. Removing code. - Khristian Rampersad * */ /* END Kayla | SR00328637 */ /*** why awd is better ***/ .AWDsec1{ background: url('https://autocanadaprod-com.cdn-convertus.com/uploads/sites/9/2021/09/featured-image.png') no-repeat; background-size: cover !important; padding: 7rem 0; } .AWDsec1 .wrapper h1{ color: #fff; } .AWDsec2{ background: #b9d4e5; padding: 7rem 0; } .AWDsec2 .wrapper{ display: flex; align-items: center; } .AWDsec2 .wrapper div{ flex: 0 0 30%; margin-right: 5rem; } .page-id-16013 main .widget-heading::after{ display: none; } .page-id-16013 main .about-4 .about-widget{ padding-top: 10rem; padding-bottom: 8rem; } .page-id-16013 main .widget-heading{ line-height: 1.2; } .page-id-16013 main .about-4 .about-widget__excerpt{ padding-right: 5rem; } .page-id-16013 main .about-4 .about-widget__background-container--left + .wrapper .about-widget__excerpt{ padding-right: 0; padding-left: 5rem; } .page-id-16013 main .about-4 .about-widget__background-container--left + .wrapper h1{ padding-left: 5rem; } .AWDsec3{ background: #01050e; } .AWDsec3 .wrapper{ display: flex; align-items: center; } .AWDsec3 .wrapper > div:first-child{ margin-top: 7rem; margin-bottom: 7rem; flex: 0 0 50%; color: #fff; } .AWDsec3 .wrapper > div:first-child h3{ margin-bottom: 2rem; } @media screen and (max-width: 1200px){ .AWDsec1{ padding-left: 3rem; padding-right: 3rem; line-height: 1.2; background-position: 80%; } .AWDsec2, .AWDsec3{ padding-left: 3rem; padding-right: 3rem; } } @media screen and (max-width: 767px){ .AWDsec2 .wrapper{ flex-direction: column-reverse; } .AWDsec3 .wrapper{ flex-direction: column; } .AWDsec2 .wrapper div{ margin-top: 2rem; } .page-id-16013 main .about-4 .about-widget__background-container{ bottom: 0; top: auto; } .page-id-16013 main .about-4 .about-widget{ padding-bottom: 45rem; } .page-id-16013 main .about-4 .about-widget__excerpt{ padding: 3rem 0; } .page-id-16013 main .about-4 .about-widget__background-container:after{ display: none; } .page-id-16013 main .about-4 .about-widget__background-container--left + .wrapper .about-widget__excerpt{ padding: 3rem 0; } .page-id-16013 main .about-4 .about-widget__background-container--left + .wrapper h1{ padding: 0; } .AWDsec3 .wrapper > div:first-child{ margin-bottom: 0; } } /* Kayla | SR00333296 - sticky VDP banner */ .sticky-sms-banner { background: var(--color-primary); color: white; display: flex; justify-content: center; padding: 1rem; position: sticky; top: 0; z-index: 100; } .sticky-sms-banner a.button.button--centered { background: #00819E; margin-left: 1rem; display: inline-block; } /* END Kayla | SR00333296 */ /* Kayla | SR00333510 - add icon to Chat Live/SMS VDP CTAs */ .vdp-wrapper .button.gubagoo-trigger, .vdp-wrapper .smsbtn { display: inline-flex; justify-content: left; } /* .vdp-wrapper .button.gubagoo-trigger:before, .vdp-wrapper .button.smsbtn:before { content: "\f4ad"; display: inline-block; position: relative; left: -14px; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #fff; font-size: 1em; } */ @media only screen and (max-width: 991px) { .vdp-wrapper .button-group .button { font-size: 16px; } .motocommerce-widget-vdp a.button.button--alternate.button--centered.motocommerce-vehicle-link { padding-left: 23px; } a.button-group__button.button.button--alternate.button--centered.button--solid { display: inline-flex; } } /* END Kayla | SR00333510 */ /* Judy Styles for Trade Bar on VDPs */ .av-trade-dt { max-height: 90px; } .av-trade-dt .tradesii-widget__desktop .tradesii-widget__body { display: flex; } .tradesii-widget-sm .tradesii-widget__cta { width: initial; } .tradesii-widget-sm .tradesii-widget__cta p { text-transform: uppercase !important; } /* END Judy */ /* CH - 02187949 - 12/12/22 */ /* .srp-wrapper .button[href^="https://#delearid#.shop.hyundaicanada.com/express/#vin#"]:not(:hover) { background:#00819E;; box-shadow:none; } */ .vdp-wrapper .button[href^='https://#delearid#.shop.hyundaicanada.com/financing'],.vdp-wrapper .button[href^='https://#delearid#.shop.hyundaicanada.com/sell_your_car'] { background:none; color:var(--color-primary) !important; text-decoration:underline; padding:0 !important; height:auto; min-height:0; border:0; } .vdp-wrapper .button[href^='https://#delearid#.shop.hyundaicanada.com/financing']:hover,.vdp-wrapper .button[href^='https://#delearid#.shop.hyundaicanada.com/sell_your_car']:hover { text-decoration:none; background:none !important; border:0; } /* CH - 02187949 - 12/12/22 */ /* Kayla - Hyundai Audit mod - remove overlay to make footer background colour compliant */ footer .footer__background-container--overlay { display: none; } /* END - Kayla | Hyundai Audit mod */ /* James Hong | 02368914 (SR00367085) - homepage (autoverify widget) - fix styles (full width) - 27/11/2023 */ /* James Hong | 02368914 (SR00367485) - 27/11/2023 */ /* Homepage */ .home-page { /* Autoverify widget root element */ & .av_widget_root, .av_widget_root { /* primary background colour */ background-color: var(--color-primary); } /* Autoverify (Trade in widget > body) */ & .tradesii-widget__body, .tradesii-widget__body { /* auto side margins, flexible dimensions */ margin: 0 auto; display: flex; } /* Mobile - Autoverify (Trade in widget) */ .tradesii-widget-mobile { /* Autoverify (Trade in widget > body) */ & .tradesii-widget__body, .tradesii-widget__body { /* Widget body */ & { /* display as a flexible column */ flex-direction: column; } /* Child DIV elements */ & >div, > div { /* no padding */ padding: 0; } /* Descendant links */ & >div a, >div a { /* display as a block, padding */ display: block; padding: 10px 20px; } /* CTA button (Select your vehicle) */ & .tradesii-widget__button-container, & .tradesii-widget__button-container { /* rounded corners, display as a block */ border-radius: 26px; display: block; } } } /* Desktop - Autoverify (Trade in widget) */ & .tradesii-widget__desktop, .tradesii-widget__desktop { /* Column (in a row of parts for the widget) */ & .av-column, .av-column { &.tradesii-widget__logo, .tradesii-widget__logo, &.tradesii-widget__cta, .tradesii-widget__cta { /* set width */ width: 25% !important; } } /* Input field container */ & .tradesii-widget__input, .tradesii-widget__input { /* set width, grow larger (to fit available space) */ width: 50% !important; flex-grow: 1; /* Input field */ & input, input { /* set max width, padding, rounded corners, set font size, box shadow */ max-width: 100%!important; padding: 22px 20px; border-radius: 6px; font-size: 16px; box-shadow: 0 4px 1px rgba(0,0,0,.2); } } /* Logo image container */ & .tradesii-widget__logo, .tradesii-widget__logo{ /* display as a block */ display: block; /* Logo image */ & img, img { /* no top padding, auto width, max width as full */ padding-top: 0!important; width: auto!important; max-width: 100%!important; } } } } /* END James Hong | 02368914 (SR00367485) */ /* END James Hong | 02368914 (SR00367085) */ /* Judy SRP Button Styling 1/22/2024 */ a.button.vehicle-card__cta { text-transform: capitalize !important; } /* End Judy SRP Button Styling */ /* Judy VDP Button Padding */ .vdp-wrapper .button-group__button.button--alternate { padding: 10px 20px; line-height: 1; text-transform: capitalize; } .vdp-wrapper .button.gubagoo-trigger, .vdp-wrapper .smsbtn { text-transform: capitalize !important; border: 2px solid #00819E !important; } @media only screen and (min-width: 768px) { .vdp-wrapper .button-group__button.button--alternate { padding: 15px 20px; } } /* Judy VDP Button Padding 11/14/2023 */ /* Judy VDP Button Book Test Drive */ #vdp_button_widget-16 .button-group__button.button--alternate { background-color: #00819E !important; border-color: #00819E; } /* End Judy */ /* Adam (02469239 - May 28, 2024) - Make Showroom Carousel cta text visible before hover */ [convertus-data-id="showroom-carousel__link--inventory"] { color: white; } /* Adam (02469239) - END */ /***** AC InfoPack 5/6/2024 *****/ #aipModules { box-shadow: 0px 0px 6px 3px #c9c9c9; border-radius: 10px; margin-top: 30px; overflow: hidden; } .aip-modules-header { padding: 20px; background-color: #f5f5f5; border-bottom: 1px solid #e4e4e4; } .aip-modules-header img { max-width: 200px; } .aip-modules-body { display: none; } .autoipacket-modules-display-heading, .autoipacket-modules-display-call-to-action{ display: none; } /***** End AC InfoPack *****/ /* SRP-VDP Buttons not compliant FIX */ .vdp-wrapper .button-group .button, #vdp_button_widget-16 .button-group__button.button--alternate, .srp-wrapper #srp-button-widget1 a.button, .srp-wrapper a.button.gtm_vehicle_tile_cta.vehicle-card__cta{ background-color: var(--color-primary) !important; color: #fff; text-decoration: none; padding: 10px 20px!important; line-height:1.2; border: 2px solid var(--color-primary) !important; font-weight: bold; } .vdp-wrapper .vdp-third-party-widget{ margin-bottom: 0!important } .vdp-wrapper .button-group .button:hover, #vdp_button_widget-16 .button-group__button.button--alternate:hover, a.button.gtm_vehicle_tile_cta.vehicle-card__cta:hover, .srp-wrapper #srp-button-widget1 a.button:hover{ background-color: transparent!important; color: var(--color-primary)!important; border: 2px solid var(--color-primary) } iframe { width: 100%; aspect-ratio: 16 / 9; } /* 3D model pages */ @media (max-width: 768px){ .iframe iframe{ height: 500px } } .car-card .button{ text-transform: unset; } .car-card a.button.button--alternate{ background-color: #fff; color: var(--color-primary); border: 1px solid } .car-card a.button:hover{ background-color: var(--color-primary)!important; color: #fff!important; border: 1px solid var(--color-primary)!important } .car-card a.button.button--alternate:hover{ background-color: #fff!important; color: var(--color-primary)!important; border: 1px solid } .inventory a.button.mt-xxs.gtm_vehicle_tile_cta:hover, .inventory a.button.button--centered:hover, .contact-us input.wpcf7-form-control.wpcf7-submit.button.button--centered:hover{ background-color: var(--color-primary)!important; color: #fff; font-weight: 500 } /* 3D model pages */ /* MK | Fixed formating issue on external pages */ .page-template-default .whats-new.blue-bkg>.container>.row:nth-child(2)>p{ max-width: 50% } .page-template-default .whats-new.blue-bkg>.container>.row:nth-child(2)>p>img{ max-width: 100%; } @media (max-width: 991px){ .page-template-default .whats-new.blue-bkg>.container>.row:nth-child(2)>p{ max-width: 100% } } /* MK | Fixed formating issue on external pages */ /* SR00398596 - Used SRP & VDP - Cargurus - RZ */ .vdp-wrapper .badges-wrap, #vdp-app .contact-group { margin-top: 2.4rem; } /* SR00398596 - Used SRP & VDP - Cargurus - RZ ends */ /* main theme styles - begin */ .hero-1 .mobile { background-size: cover; } .hero-1 .hero-widget { content-visibility: auto; contain-intrinsic-size: 50rem; min-height: 70vh; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #333; color: #fff; overflow: hidden; } @media (-ms-high-contrast:active),(-ms-high-contrast:none) { .hero-1 .hero-widget { padding-top: 25rem; } } .hero-1 .hero-widget h1 h2,.hero-1 .hero-widget h3,.hero-1 .hero-widget h4,.hero-1 .hero-widget h5 { font-weight: 400; } .hero-1 .hero-widget h1 h2 a,.hero-1 .hero-widget h3 a,.hero-1 .hero-widget h4 a,.hero-1 .hero-widget h5 a { font-weight: 700; } .hero-1 div.hero-widget { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .hero-1 div.hero-widget.dark:after { background: #000; background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80%,#000)); background: linear-gradient(180deg,transparent,#000 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .hero-1 div.hero-widget.dark .hero-widget__vehicle--suggestions li:before { color: #fff; } .hero-1 div.hero-widget.dark .hero-widget__vehicle--suggestions .hero-widget__vehicle--similar:focus,.hero-1 div.hero-widget.dark .hero-widget__vehicle--suggestions .hero-widget__vehicle--similar:hover { color: var(--color-primary-dark); } .hero-1 div.hero-widget .dropdown-search__title { display: none; } .hero-1 div.hero-widget input,.hero-1 div.hero-widget select { border-radius: 0; } .hero-1 div.hero-widget .main-heading { margin-bottom: 1rem; text-align: left; font-weight: 700; } .hero-1 div.hero-widget .sub-heading { text-align: left; font-size: 2.4rem; } .hero-1 div.hero-widget .sub-heading a { text-decoration: underline; } .hero-1 div.hero-widget .sub-heading a:focus,.hero-1 div.hero-widget .sub-heading a:hover { text-decoration: underline; color: var(--color-primary-dark); } .hero-1 div.hero-widget .cta-container { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } @media (max-width: 767px) { .hero-1 div.hero-widget { min-height: 40vh; } .hero-1 div.hero-widget .main-heading { text-align: center; font-size: 3.2rem; font-weight: 600; } .hero-1 div.hero-widget .sub-heading { text-align: center; font-size: 1.7rem; } } .about-1.content-visibility-visible .about-widget { content-visibility: visible; } .about-1 .about-widget { content-visibility: auto; contain-intrinsic-size: 40rem; padding: 6.4rem 1.6rem; position: relative; background-color: #fff; color: #333; overflow: hidden; } .about-1 .about-widget--background-video:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .5; background-color: #fff; } .about-1 .about-widget--background-video .youtube-container { padding-top: 56.25%; height: 0; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .about-1 .about-widget--background-video .youtube-container iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; height: 100%; width: 100%; } .about-1 .about-widget--background-video .background-video { position: absolute; left: 0; right: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767px) { .about-1 .about-widget--background-video .background-video { display: none; } } .about-1 .about-widget .wrapper { position: relative; z-index: 1; } .about-1 .about-widget .widget-heading { margin-bottom: 0; } .about-1 .about-widget__excerpt { padding: 2.4rem 0; width: 75%; margin: 0 auto; } @media (max-width: 991px) { .about-1 .about-widget__excerpt { width: 85%; } } .about-1 .about-widget.dark { background-color: #333; color: #fff; } .about-1 .about-widget.dark.about-widget--background-video:after { background-color: #333; } .usp-3 .usp-widget { content-visibility: auto; contain-intrinsic-size: 40rem; padding: 6.4rem 1.6rem; background-color: #fff; text-align: center; } .usp-3 .usp-widget__single { padding: 2.4rem; width: 100%; } .usp-3 .usp-widget__icon-wrap { text-align: center; width: 100%; } .usp-3 .usp-widget__icon { width: 4.8rem; height: 4.8rem; fill: #777; } .usp-3 .usp-widget__icon--fa { font-size: 4.8rem; color: #777; } .usp-3 .usp-widget__icon--image { width: auto; } .usp-3 .usp-widget__title { font-size: 2.2rem; margin-top: .8rem; } .usp-3 .usp-widget__description { font-size: 1.4rem; } .usp-3 .usp-widget__description,.usp-3 .usp-widget__title { color: #000; } .usp-3 .usp-widget__link-container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .usp-3 .usp-widget .button { margin-top: auto; } .usp-3 .usp-widget.dark { background-color: #222; color: #fff; } .usp-3 .usp-widget.dark .usp-widget__icon { fill: #fff; } .usp-3 .usp-widget.dark .usp-widget__description,.usp-3 .usp-widget.dark .usp-widget__icon--fa,.usp-3 .usp-widget.dark .usp-widget__title { color: #fff; } .about-4 .about-widget { content-visibility: auto; contain-intrinsic-size: 40rem; position: relative; background-color: #fff; padding: 6.4rem 2.4rem; color: #333; overflow: hidden; } @media (max-width: 767px) { .about-4 .about-widget { padding: 6.4rem 2.4rem 30rem; } } .about-4 .about-widget__background-container { position: absolute; top: 0; bottom: 0; width: 50%; background-repeat: no-repeat; background-size: cover; background-position: 50%; z-index: 1; } @media (max-width: 767px) { .about-4 .about-widget__background-container { width:100%; height: 40rem; top: auto; } } .about-4 .about-widget__background-container iframe { width: 100%; } .about-4 .about-widget__background-container:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; } .about-4 .about-widget__background-container:after { content: ""; position: absolute; top: 0; right: 0; bottom: 50%; left: 0; background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(transparent)); background: linear-gradient(180deg,#fff,transparent); display: none; } @media (max-width: 767px) { .about-4 .about-widget__background-container:after { display: block; } } .about-4 .about-widget__background-container--left { left: 0; } .about-4 .about-widget__background-container--right { right: 0; } @media (min-width: 768px) { .about-4 .about-widget__info-container--left { padding-right: 6.4rem; } .about-4 .about-widget__info-container--right { padding-left: 6.4rem; } } .about-4 .about-widget .wrapper { position: relative; z-index: 1; } .about-4 .about-widget .widget-heading { margin-bottom: 0; } .about-4 .about-widget__excerpt { padding: 2.4rem 0; } .about-4 .about-widget.dark { background-color: #333; color: #fff; } .about-4 .about-widget.dark .about-widget__background-container:after { background: -webkit-gradient(linear,left top,left bottom,from(#333),to(transparent)); background: linear-gradient(180deg,#333,transparent); } /* main theme styles - end */ /* local themes re-write - begin */ .landing_page--2026-palisade-coming-soon h1, .landing_page--2026-palisade-coming-soon h2, .landing_page--2026-palisade-coming-soon h3, .landing_page--2026-palisade-coming-soon h4, .landing_page--2026-palisade-coming-soon h5, .landing_page--2026-palisade-coming-soon h6 { line-height: 1.2em; } .landing_page--2026-palisade-coming-soon .widget-heading { margin-left: 0; font-size: 4.2rem; line-height: 1.2em; } @media (max-width: 767px) { .landing_page--2026-palisade-coming-soon .widget-heading { font-size: 3.2rem; } } .landing_page--2026-palisade-coming-soon .widget-heading:after { display: none; } .landing_page--2026-palisade-coming-soon .about-4 .about-widget.light { background: #f6f3f2; } .landing_page--2026-palisade-coming-soon .wpcf7 br { display: none; } .landing_page--2026-palisade-coming-soon input.wpcf7-form-control.wpcf7-submit.button { text-transform: none; } .landing_page--2026-palisade-coming-soon .wpcf7-form .ajax-loader, .landing_page--2026-palisade-coming-soon .wpcf7-form .wpcf7-response-output { box-shadow: none; background-color: transparent; } .landing_page--2026-palisade-coming-soon .wpcf7-form .form-label:has(.wpcf7-form-control-wrap.valid) .validated { visibility: visible; opacity: 1; } /* local themes re-write - end */ main p:empty { display: none; } main:has(.landing_page--2026-palisade-coming-soon) .page-title { display: none; } .primary-wrapper:has(.landing_page--2026-palisade-coming-soon) { padding: 0; } .primary-wrapper:has(.landing_page--2026-palisade-coming-soon) > section.row > .primary.col { padding: 0; } .primary-wrapper:has(.landing_page--2026-palisade-coming-soon) iframe { width: 100%; aspect-ratio: 16 / 9; } .landing_page--2026-palisade-coming-soon { padding-right: 1.6rem; padding-left: 1.6rem; } .lightbox2-gallery { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 1.6rem; max-width: calc(900px + 3.2rem); margin: 0 auto; } .lightbox2-gallery > br { display: none; } .lightbox .lb-image { border-radius: 0; border: none; } .landing_page--2026-palisade-coming-soon .custom-html-widget > .wrapper:has(.lightbox2-gallery) { margin: 6.4rem auto 9.6rem; } @media (max-width: 767px) { .landing_page--2026-palisade-coming-soon .custom-html-widget > .wrapper:has(.lightbox2-gallery) { margin: 1.6rem auto 6.4rem; } .landing_page--2026-palisade-coming-soon .lightbox2-gallery { grid-template-columns: repeat(2, 1fr); } } .landing_page--2026-palisade-coming-soon section.hero_widget-029.hero-1 .hero-widget { background-position: 50% 78%; display: flex; justify-content: center; padding-bottom: 6.4rem !important; /* main.css !important */ position: relative; background-size: cover; background-repeat: no-repeat; } .landing_page--2026-palisade-coming-soon section.hero_widget-029.hero-1 div.hero-widget.dark:after { background: linear-gradient(0deg, transparent, rgb(0 0 0 / 50%) 80%); } .landing_page--2026-palisade-coming-soon .hero-1 .mobile { background-size: cover; } @media (max-width: 767px) { .landing_page--2026-palisade-coming-soon .hero-1 div.hero-widget .main-heading, .landing_page--2026-palisade-coming-soon .hero-1 div.hero-widget .sub-heading { text-align: left; } } .landing_page--2026-palisade-coming-soon .button:not(.wpcf7-submit) { max-width: 100%; width: fit-content; padding-right: 4.8rem; } .landing_page--2026-palisade-coming-soon .button:not(.wpcf7-submit):after { position: absolute; right: 1.6rem; } .landing_page--2026-palisade-coming-soon .button.wpcf7-submit { margin-bottom: 6.4rem; margin-top: 1.6rem; } .landing_page--2026-palisade-coming-soon section.about_widget-058.about-1 .about-widget__excerpt { color: #000; text-align: center; font-weight: 400; width: 83%; padding-bottom: 0; } .landing_page--2026-palisade-coming-soon section.usp_widget-08.usp-3 { margin-top: 6.4rem; } .landing_page--2026-palisade-coming-soon section.usp_widget-08.usp-3 .usp-widget { background: #F6F3F2; } @media (max-width: 767px) { .landing_page--2026-palisade-coming-soon section.usp_widget-08.usp-3 { margin-top: 0; } } .landing_page--2026-palisade-coming-soon section.about_widget-059.about-1 .about-widget__excerpt { color: #000; text-align: center; font-weight: 400; width: 90%; } .landing_page--2026-palisade-coming-soon section.about_widget-059.about-1 .widget-background:after { display: none; } .landing_page--2026-palisade-coming-soon section.about_widget-059.about-1 .widget-background { padding-bottom: 35vw; background-position: 50% 100%; background-size: contain; } .landing_page--2026-palisade-coming-soon .about-4 .about-widget__excerpt { padding-bottom: 0; } .landing_page--2026-palisade-coming-soon .about-4 .about-widget.light { min-height: 32vw; display: flex; align-items: center; } @media (max-width: 767px) { .landing_page--2026-palisade-coming-soon .about-4 .about-widget { background: #fff; padding: 6.4rem 2.4rem 44rem; } } .landing_page--2026-palisade-coming-soon .usp-3 .usp-widget__single { padding: 1.6rem 0; } .landing_page--2026-palisade-coming-soon .usp-3 .usp-widget__title { line-height: 1.25em; margin-bottom: .5em; } @media (max-width: 767px) { .landing_page--2026-palisade-coming-soon section.video_player_widget-03.video-player-1 { background: #f6f3f2; } } .landing_page--2026-palisade-coming-soon .wrapper--contact-form { padding-right: 1.6rem; padding-left: 1.6rem; }

2026 Hyundai Palisade

The All-New
2026 Palisade

Coming Soon

A new era in PALISADE.

Bold new look.

Spacious and stylish.

New look. New powertrains.

Our most advanced PALISADE.

Keep me updated

2026 Hyundai Palisade

The All-New 2026 Palisade

Coming Soon

A new era in PALISADE.

Bold new look.

Spacious and stylish.

New look. New powertrains.

Our most advanced PALISADE.

Keep me updated

The All-New
2026 Palisade