Meidl Honda | Honda dealership in Saskatoon - Meidl Honda

I will not buy a vehicle from anywhere but Meidl. We just purchased a used vehicle there - our fourth purchase from Meidl. The sales associates and finance team take exceptional care of us every single time and they stand by their word. I trust when I am buying a vehicle at Meidl that I…

Jessica Barrington

We have been struggling with our previous dealer with our vehicle who refused to help us. We went to Honda and spoke with Jon there and he helped us find the perfect car for our family. Not only were we pleased with his ability, but the overall staff was fantastic. Mitch the manager is so…

Breann Reid

View More Reviews

Sales (888) 470-2113 Find Our Location

Visit Our Location

110A Circle Drive East, Saskatoon, SK, S7K 4K1

Contact Us

Sales (888) 470-2113 Parts 306-373-6300 Service 306-373-5665

Hours Of Operation

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

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

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

Dealership hours of operation
Mon - Fri	8:30 - 5:00
Sat	9:00 - 5:00
Sun	Closed

Dealership hours of operation
Mon - Fri	8:30 - 5:00
Sat - Sun	Closed

Connect With Us

Meidl Honda^© 2023 · Sitemap · Terms & Conditions · Privacy Policy ·

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: Arial, -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: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } body{--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--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--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;}.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;}

:root { --color-primary: #E23156; --color-primary-dark: #ce1d42; --color-primary-light: #fd4c71; --color-primary-lighter: #ffd3f8; } #gg-toolbar, .gg-chat-bubble, .gg-popup { z-index: 1100 !important; }

/** Hide Finance and Lease Filter Honda Compliancy - START **/ .showroom-models-wrapper .model-card #best-rate-banner-wrapper { display: none; } .showroom-models-wrapper .pricing-sliders .pricing-tabs .pricing-tabs__tab:nth-child(1), .showroom-models-wrapper .pricing-sliders .pricing-tabs .pricing-tabs__tab:nth-child(2) {display: none;} /** Hide Finance and Lease Filter Honda Compliancy - END **/ /* General styling*/ :root {--color-primary: #ed1b2f;--color-primary-light: #ed1b2f;--color-primary-dark:#ca0013} .header-search__bar--active {background: #4f4f4f;} .sidebar {margin-top: 0rem;} .wysiwyg-image {object-fit: contain;} .link_set {list-style-type: none;} .full_width {max-width: 100%;} .selected {color: red;border: 2px solid red;} .cookie-bar{z-index:9999999999} /* Model Page */ #modelIframe {opacity: 0; transition: 0.75s opacity ease, 0.4s height ease;width:100%;min-height:1000px;} .opacityHidden {transition: 0s opacity !important;} .tooltip-trigger:hover+.tooltip-content {display:block} .customtooltip .tooltip-content--bottom{ top: calc(100% + 30px)} .details-options__tooltip-icon {cursor: pointer;color: #bbb;font-size: 1.2rem;margin-left: 0.4rem;} .tooltip-wrapper {vertical-align: top;} @media screen and (min-width: 768px){#modelIframe {margin-bottom:-50px}} .inIframe header, .inIframe footer, .inIframe #demandhub-reviews-widget__root, .inIframe #demandhub-webchat-widget-root, .inIframe .trim-filters__return, .inIframe .showroom-trims__inventory, .inIframe .mb-xxs, .inIframe .details-options__mobile-price div, .inIframe .garage-drawer{display:none} .inIframe {overflow:hidden} /* Page Titles */ .page-title {color: black; padding: 2rem; padding-left: calc(50% - 55rem); background: white; position: static;} .page-title:after {content: none;} .primary-wrapper {padding-top: 1rem;} /* Header */ .header-search__trigger {color: white; font-size: 1.6rem;} .header__info--primary{justify-content: center; font-size: 0.95em;} .sub-menu{background-color: #444 !important} /* Social Icons */ .social-icon--light, .header__info--primary a {transition: opacity 0.5s;color:white} .social-icon--facebook, .social-icon--facebook:hover {background-color:#004582} .social-icon--instagram, .social-icon--instagram:hover {background-color:#f56040;} .social-icon--youtube, .social-icon--youtube:hover {background-color:#cc181e} .social-icon--light:hover, .header__info--primary a:hover{color:white;opacity: 0.8;} /*Header height adjustment- SF 011521*/ .header__nav-bar {padding: 2rem 22rem; font-weight:bold;} .header__info-wrap {padding: 0.5rem calc(50% - 55rem); margin-bottom: -6px} /* Nav menu */ .header .navigation > .menu-item > a {font-size: 15px; font-weight: bold;} /* Menu Highlight */ #menu-item-11215 .gtm_nav::before {content: ' \003E'' ';color:var(--color-primary);} /* widgets-dark */ .widget-background.dark::after { background-image: linear-gradient(rgba(0,0,0, 0.4),rgba(0,0,0, 0.4));} /* Careers */ .single-careers-post .sidebar {margin-top: -10rem;} @media (max-width: 991px) { .single-careers-post .sidebar {margin-top: 0rem;} } /* Remove Payments from VDP */ .pricing-group__finance-price {display:none} /* Homepage */ /* Hero */ section.hero_widget-2 .hero-widget {justify-content:inherit;min-height:500px !important;background-color: white !important;padding-bottom:0px !important; /*background-position: 50% calc(0% - 20.9rem);*/ background-position:60% calc(0% - 13rem) } .hero_widget-2 .widget-background.dark:after{display:none} .hero_widget-2 iframe{border:none} .hero-1 .hero-widget .searchbar-search input{ background-color: rgb(0,0,0,0.4);} .hero-1 .hero-widget .main-heading {text-shadow: 5px 5px 7px #000;margin-top:-10px} .hero-1 .hero-widget .sub-heading {text-shadow: 3px 3px 4px #000} section.button_block_widget-1.button-block-1{display:none} #ReduceMotion {position:absolute;z-index:1; color:white;text-shadow:1px 1px 3px #000;padding-left:5px;cursor:pointer} #EnableMotion, #PauseMotion {display:none;text-decoration:none;padding-top:5px;padding-left:5px} #EnableMotion img, #PauseMotion img {height:1.1rem;vertical-align:baseline;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(187deg) brightness(101%) contrast(101%) drop-shadow(1px 1px 2px rgb(0,0,0,0.5));} .about_widget-1 .widget-background {background-position: 85% 87%} .about-widget__info-container{filter: drop-shadow(2px 4px 4px rgb(0,0,0,0.5));} /* Autoverify */ .tradesii-widget__kia-dark .tradesii-widget__body {background:var(--color-primary) !important;} .tradesii-widget__kia-dark .tradesii-widget__button-container {background: #000000 !important} @media screen and (min-width: 992px) { .tradesii-widget__kia-dark .tradesii-widget__body {background-image: radial-gradient(circle, var(--color-primary) 80%, var(--color-primary-dark)) !important} } @media screen and (max-width: 991px) { .tradesii-widget__body {border-radius: 0px 0px 5px 5px !important;margin-bottom: 8px} } .home-page .tradesii-widget__body {border-radius: 5px !important} /* Financing */ .page-id-1947 .primary-wrapper, .page-id-12972 .primary-wrapper {min-height:860px} /* Specials */ .page-id-3249 div[id='specials-department-service-specials'],.page-id-3249 div[id='specials-department-parts-specials'],.page-id-3249 .filter-wrap{display:none;} .page-id-10351 div[id='specials-department-new-vehicle specials'],.page-id-10351 div[id='specials-department-preowned-specials'],.page-id-10351 .filter-wrap{display:none;} #remote-starters .special__content--available, #remote-starters .special__content--time, #honda-tire-source-lowest-price-guarantee .special__content--available, #honda-tire-source-lowest-price-guarantee .special__content--time, #why-meidl-pre-owned .special__content--available, #why-meidl-pre-owned .special__content--time {display:none} /* VDP */ /* VDP Buttons */ .vdp-wrapper a.button-group__button.button.button--centered.button--alternate.hidden-md-up.button--solid { margin-top: 5px;} .vdp-wrapper .button-group__button {font-size: 1.75rem;} /*VDP Price */ .vdp-wrapper .main-price .pricing-group__final-and-finance .price-block__price--lg {font-size: 3.4rem; font-weight: 500; margin-bottom: 10px;} .collapse.mb-md:nth-child(2) { display: none;} /* VDP - Mobile - Call button */ /* NM - Call Button Mobile VDP */ @media only screen and (min-width: 740px) { .button-group__button.button.button--centered.button--alternate.click.to.call {display: none;}} @media only screen and (max-width: 740px) { .button-group__button.button.button--centered.button--alternate.click.to.call {display: block;} .button-group__button.button.button--centered.button--alternate.click.to.call {font-weight: bold; border: none; padding-top: 5px;} } /* VDP - Call Button ends */ /* Sitemap */ .page-id-1806 .page-item-7535, .page-item-1792, .page-item-1808, .page-item-1817, .page-item-1793, .page-item-1795, .page-item-1798, .page-item-1803, .page-item-1814, .page-item-1775, .page-item-1777, .page-item-1778, .page-item-1785, .page-item-1786, .page-item-1791 {display:none} /* NM - Vehicle Class Temp Fix */ .multiple-select.multiple-select--expanded[convertus-data-id="srp__filter-vehicle-class"] .multiple-select__option.active {display: block;} .multiple-select.multiple-select--expanded[convertus-data-id="srp__filter-vehicle-class"] .multiple-select__option {display: none;} /* Kayla | SR00327768 - temp fix used SRP hide Type */ .srp-wrapper .advanced-filters > div:not([class]) [class="collapse mb-md"]:nth-of-type(3) { display: none; } /* END Kayla | SR00327768 */ /* Mithila - SR00279134 */ @media (max-width: 479px) {.special .row .col-lg-3.col-sm-4.col-xs-12 {order:1;}} /* Mithila - SR00279134 */ /* About Us */ #testimonial_widget-5{padding:1rem 1.6rem 4rem 1.6rem} .contact_form_widget-25 .widget-heading{display:none} .button_block_widget-6{display:none} /* Showroom Link */ .trim-filters__return {opacity:0; transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out;} .single-cta-1 .single-cta-widget__button{font-weight:bold;background-color: var(--color-primary) !important;color:#ffffff !important;border-radius:5px !important;} .single-cta-1 .single-cta-widget__button:hover{background-color: var(--color-primary-dark) !important} /* Model Pages */ .widget-background.dark:after {background-color:#000;opacity:30%} .contact-form-1 .contact-form-widget.dark {color:white} .mlTag {padding:0px 5px 10px 5px;} /* Civic */ .ml-civic img {content: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2021/05/ML22Civic.jpg")} .ml-civic h4:before {content:"Civic Sedan"} .mlTag-civic:before {content:"An Icon of Efficiency, Boldly Reimagined"} /* Civic Si */ .ml-civic-si img {content: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2021/05/ML22Civic.jpg")} .ml-civic-si h4:before {content:"Civic Si"} .mlTag-civic-si:before {content:"Playtime is Now in Session"} .ml-civic-si {display:none} /* Civic Hatchback */ .ml-civic-hatchback img {content: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2021/11/ML22CivicH.jpg")} .ml-civic-hatchback h4:before {content: "Civic Hatchback"} .mlTag-civic-hatchback:before {content:"Bold Outside. Big Inside."} /* Accord */ .ml-accord img {content: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2023/04/ML23Accord.jpg")} .ml-accord h4:before {content:"Accord"} .mlTag-accord:before {content:"Driving for the Driven"} /* Civic Type R */ .ml-civic-type-r img {content: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2021/04/ML21Accord-1.jpg")} .ml-civic-type-r h4:before {content:"Civic Type R"} .mlTag-civic-type-r:before {content:"Engineered to Excite"} .ml-civic-type-r {display:none} /* HR-V */ .ml-hr-v img {content: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2022/07/ML23HRV.jpg")} .ml-hr-v h4:before {content:"HR-V"} .mlTag-hr-v:before {content:"Epic style for epic miles"} /* CR-V */ .ml-cr-v img {content: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2021/04/ML21CR-V.jpg")} .ml-cr-v h4:before {content:"CR-V"} .mlTag-cr-v:before {content:"Empower Your Every Adventure"} /* Passport */ .ml-passport img {content: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2021/04/ML21Passport.jpg")} .ml-passport h4:before {content:"Passport"}.mlTag-passport:before{content:"Make Every Route More Scenic"} /* Pilot */ .ml-pilot img {content: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2023/03/ML23Pilot.jpg")} .ml-pilot h4:before {content:"Pilot"}.mlTag-pilot:before{content:"Utility Never Looked So Good"} /* Ridgeline */ .ml-ridgeline img {content: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2021/04/ML21Ridgeline.jpg")} .ml-ridgeline h4:before {content:"Ridgeline"}.mlTag-ridgeline:before{content:"Rugged and Redefined"} /* Odyssey */ .ml-odyssey img {content: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2021/04/ML21Odyssey.jpg")} .ml-odyssey h4:before {content:"Odyssey"}.mlTag-odyssey:before{content:"Premium family function."} /* Model Pages */ /* Remote Start */ .contact_form_widget-35 .widget-background {background-position:65% 50%} .contact_form_widget-35 .widget-background.dark:after {opacity: 30%} /* Custom Button Content */ /* New */ .cb-new .button-block-button__background{background-image: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2022/12/Honda_Civic_TypeR.jpg");background-position: 50% 50% !important} .cb-new h3:before{content:"New Vehicles"} .cb-new .button-block-button__cta:before {content:"Shop New"} /* Used */ .cb-used .button-block-button__background{background-image: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/155/2021/02/Step3.jpg");} .cb-used h3:before{content:"Used Vehicles"} .cb-used .button-block-button__cta:before {content:"Shop Used"} /* Service */ .cb-service .button-block-button__background{background-image: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/155/2021/01/partial-view-of-mechanic-pouring-motor-oil-from-bo-DZ85R8K_1-scaled.jpg");} .cb-service h3:before{content:"Service"} .cb-service .button-block-button__cta:before {content:"Book Appointment"} /* Explore */ .cb-explore .button-block-button__background{background-image: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2022/12/2023_HRV-scaled.jpg")} .cb-explore h3:before{content:"Explore Honda"} .cb-explore .button-block-button__cta:before {content:"View Model Lineup"} /* Parts */ .cb-parts .button-block-button__background{background-image: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/155/2021/05/car-tires-rack-BC43ADQs-1.jpg");} .cb-parts h3:before{content:"Parts"} .cb-parts .button-block-button__cta:before {content:"Begin Inquiry"} /* Powerhouse */ .cb-power .button-block-button__background{background-image: url("https://www.meidlpowerhouse.ca/images/slideshow/Main-SlideShow/meidlpowerhouse-slideshow-1.jpg");} .cb-power h3:before{content:"Honda Powersports"} .cb-power .button-block-button__cta:before {content:"Visit Meidl Powerhouse"} /* Finance */ .cb-finance .button-block-button__background{background-image: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/155/2021/02/Step1.jpg");} .cb-finance h3:before{content:"Finance"} .cb-finance .button-block-button__cta:before {content:"Free Credit Check"} /* Collision */ .cb-collision .button-block-button__background{background-image: url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/155/2021/05/midwest-image-3-1.jpg");} .cb-collision h3:before{content:"Collision Centre"} .cb-collision .button-block-button__cta:before {content:"Mid-West Meidl"} /* Thiessen code */ .cRow{display:flex; flex-flow: row;width:100%;min-height:350px;padding:6.4rem calc(50% - 55rem);padding-top:40px;padding-bottom:0px;} .cRowT{display:block;margin-bottom: 15px; padding-bottom: 10px;position:relative; line-height:1.1em} .cRowT:after {content:""; display:block; position:absolute; background: var(--color-primary); width:3.5em; height:.101em; bottom:-3px} .MHGrad, .Grad {background-color: var(--color-primary);background-image: radial-gradient(circle, var(--color-primary) 80%, var(--color-primary-dark))} .header:after {content: ""; height: 4px; width: 100%; background-color: var(--color-primary);background-image: radial-gradient(circle, var(--color-primary) 80%, var(--color-primary-dark))} /* Picture & Text Row */ .LP{float: left;width: 65%;display: table-cell;overflow: hidden;position: relative;} .RT{float: right;width: 33%;display: table-cell;padding-left:2%;padding-top:10px;padding-bottom:10px;order: 2} .LT{float: left;width: 33%;display: table-cell;padding-right:2%; padding-top:10px;padding-bottom:10px; order: 1} .RP{float: right;width: 65%;display: table-cell;overflow: hidden; position: relative; order: 2} .cRowimg {width: 100% !important; height: 100% !important; object-fit: cover !important; position: absolute !important;} .cRowH {display:block !important; margin-bottom: 15px; padding-bottom: 10px !important; position:relative !important; line-height:1.25em !important} .cRowH:after {content:"" !important; display:block !important; position:absolute !important; background: var(--color-primary) !important; width:3.5em !important; height:.101em !important; bottom:-3px} .cRowHCenter {display:block !important; text-align:center; margin-bottom: 20px !important; padding-bottom: 10px !important; position:relative !important; line-height:1.1em !important} .cRowHCenter:after {content:"" !important; display:block !important; position:absolute !important; left: 50%; margin-right: -50%;transform: translate(-50%, 0%);background: var(--color-primary) !important; width:3.5em !important; height:.101em !important; bottom:-3px !important} /* Custom Button Block */ .CustomButtons.button-block-1 .button-block-widget .button-block-button__content{top:initial} .CustomButtons.button-block-1 .button-block-widget .button-block-button__background:after{content:"";position:absolute;top:60%;right:0;bottom:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.6)));background:linear-gradient(transparent,180deg,rgba(0,0,0,.6))} .CustomButtons.button-block-1 .button-block-widget .button-block-button:Hover .button-block-button__heading-area {transform:translateY(0)} .CustomButtons.button-block-1 .button-block-widget .button-block-button__heading-area { transform: translateY(100%); transition: 0.3s } .btitle{height:0px;position:relative} .btitle h3{position:absolute;bottom:0;text-shadow: 1px 1px 9px #000;line-height:3rem} .button-block-1 .button-block-widget .button-block-button:hover {box-shadow:none !important} /* Custom Button Block */ /* Custom Hero */ .cHero {background-size:cover;max-height:25vw;height:1000px;min-width:100%;position:relative} .hero-video-container{width: 100vw; height: 100vh;object-fit:cover; position:absolute; top:-20vh;pointer-events:none;} .hero-video-background {position: absolute; top: 50%; left: 50%; width: 100vw; height: 100vh; transform: translate(-50%, -50%)} .hero-video-container:after {content:''; width:100%;height:100%;position:absolute; background: rgb(0,0,0,0.1)} .hero-button-container{width: 100vw; justify-content: center; margin-top: 45px} .hero-button-container h3{font-weight:700 !important} .hero-button-container .white-spacer{width: 200vw;height: 20.9rem;background-color: white;position: absolute;margin-top: -19.9rem;margin-left: -50vw;z-index: -1;} .hero-button-container:after{width:100vw;height:50px;background-color:white} .hero-1 .hero-widget .wrapper{z-index:99} .hero-1 .hero-widget .searchbar-search input {background-color: rgb(0,0,0, 0.4);} .hero-1 .hero-widget .main-heading {text-shadow: 0px 2px 1rem #000;margin-top:-10px} .hero-1 .hero-widget .sub-heading {text-shadow: 0px 2px 1rem #000} .searchbar-search .search-results{max-height:40rem !important} /* Row of Items */ .cRowFlow {width:100%;display:flex;flex-flow:row wrap;} .cRowItem {min-width:250px;max-width:265px;margin:0px 0px 10px 10px;border-radius:5px;box-shadow: 1px 1px 13px #c1c1c1;} .cRowItmI {width:100%;height:auto;border-radius:5px 5px 0px 0px} .cRowItmIC {display:block;margin-left: auto;margin-right: auto} .cRowItmT {padding: 1em 0.5em 1em 0.5em} .cRowRec {min-width:250px;max-width:32.1%;margin:0px 0px 10px 10px;border-radius:5px;box-shadow: 1px 1px 13px #c1c1c1;} .cRowRecTb{border-collapse: collapse;} .cRowRecI{width:95%;border-radius:5px 0px 0px 5px} .cRowRecT{border-collapse: collapse;width:55%;vertical-align: middle;padding-top:0.8rem;padding-left:3%;} .RecText {display:block !important; margin-bottom: 1px; padding-bottom: 10px !important; position:relative !important; line-height:1.25em !important;color:black;vertical-align:bottom} .RecText:after {content:"" !important; display:block !important; position:absolute !important; background: var(--color-primary) !important; width:3.5em !important; height:.101em !important; bottom:1px} .cRowUL{list-style-position: outside} .cRowRecT .cRowH {margin-top:10px} /*Banner*/ .cRowB {max-height:150px;display:flex; flex-flow: row;margin:5.4rem calc(50% - 55rem) 0px;margin-bottom:1em;background-color: var(--color-primary);background-image: radial-gradient(circle, var(--color-primary) 50%, var(--color-primary-dark));border: 1px solid black} .cRowBP {width:40%;} .cRowBT {width:60%;align-self:center} .clipT {-webkit-clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%)} .AwardFm{display:flex; flex-flow: row;align-items:flex-end;width:100%;padding:6.4rem calc(50% - 55rem);padding-top:40px;padding-bottom:10px;position:absolute;bottom:0} .AwardImg{width:45%;margin-left:auto;margin-right:auto;} /* ML Back Button */ .MLBack {position:absolute; top: 0; height:0px; padding: 1.25rem 2rem;font-size:2rem;} .MLBackW {background:none;color:#ffffff;font-weight:bold;text-shadow: 2px 2px 3px #333333;display:inline;transition: 0.5s all;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;} .MLBack, .MLBackW:hover {color: var(--color-primary);text-shadow: none;font-weight:bold} .fadein{opacity: 0;transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out;} /* New Model Page */ .loadingShine{ background: linear-gradient(-45deg, lightgrey, white, lightgrey); background-size: 400% 400%; animation: gradient 3s ease infinite;} @keyframes gradient { 0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} } .mlSection {transition: 0.5s color;-webkit-transition: color 0.5s;-moz-transition: color 0.5s;-o-transition: color 0.5s;} .mlSection {scroll-margin-top: 2rem;overflow-x: hidden;position:relative;max-width: 100%} .sectionHead {text-align: center; padding-top:20px;padding-bottom:20px} .mlfeatures {color: white;background-color:var(--color-primary);background-image: radial-gradient(circle, var(--color-primary) 80%, var(--color-primary-dark));flex-flow: column;margin-top:-1px;} .mlfeatures .mlIntro h2, .mlfeatures .mlIntro p {-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));text-align:center} .mlfeatures .cRowHCenter:after{background-color:white !important;} .mlSection:nth-of-type(even) .mlfeatures {background-color:#000; background-image: radial-gradient(circle, #111 80%, #000)} .mlSection:nth-of-type(even) .mlfeatures .cRowHCenter:after{background-color:var(--color-primary) !important;} .mlheader {width:100%;height:301px;background-repeat: no-repeat;background-size:cover;} .mlfeatures .cRowHCenter {color:white} .cRowItmT p{padding:0px 5px 10px 5px} .mlfeatures .cRowItmI {aspect-ratio: 74/42; width:100%;object-fit: cover} .mlContainer {display:flex; flex-flow: row;width:100%;min-height:350px; margin:6.4rem calc(50% - 55rem);padding-top:40px;padding-bottom:0px;} .mlFT {margin-left:auto;margin-right:auto;border-spacing: 20px 0px;padding-bottom: 20px;padding-top: 30px;transition: 0.5s all;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; position: relative; left: 0px;text-shadow: 0px 0px rgb(0,0,0,0.0);user-select: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;} .mlFT tr {max-height: 20px} .mlFT td {max-width:330px;background-color:white; border-radius: 0px 0px 10px 10px;box-shadow: 1px 1px 13px rgb(60,60,60,0.5);color:black;min-width: 330px;vertical-align: top;} .mlFT td:first-child {border-left:0} .mlImage td{height:200px;background-repeat: no-repeat;background-size:cover;border-radius: 10px 10px 0px 0px !important;} .mlIntro {width:100%;padding:3rem calc(50% - 55rem)} .mlfeatures button{height:20px;width:20px;border-radius:50%;} .mlButtons {padding-bottom:15px;text-align: center;height:45px} .mlButtons button {margin:3px;border-color:lightgray;border-style: solid;cursor: pointer} .mlButtons .mlActive {background-color:#000} .mlSection:nth-of-type(even) .mlfeatures .mlButtons .mlActive {background-color:var(--color-primary)} .mlImage button {height:100%;width: 100%;background-color:transparent;border-radius: 10px 10px 0px 0px;border:none;position:relative;cursor:pointer;} .mlImage button:before {content:url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2022/07/play-button.png");transition: 0.25s all;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-o-transition: all 0.25s;} .mlImage button:hover:before{opacity:0.75} #mlpopup-overlay {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);text-align: center;z-index: 100;} #mlpopup-overlay:after {display: inline-block;height: 100%;width: 0;vertical-align: middle;content: "";} #mlpopup {display: inline-block;position: relative;width: 640px;height: 360px;max-width: 100%;max-height: 100%;background: black;color: white;vertical-align: middle;} #mlpopup-close{font-size:20px;position: absolute;margin-top: -44px;margin-left:calc(100% - 33px);padding: 7px 7px;text-align: right;transition: 0.25s all} #mlpopup-close:hover{opacity:0.5;cursor: pointer} #mlpopup iframe {width: 100%;height: 100%; border-color:black} .mlbLeft, .mlbRight {position:absolute; z-index: 99; font-weight: bold; font-size: 20px; margin-top:140px; text-align: center;text-shadow: 1px 2px rgb(0,0,0,0.4);height:40px; width:30px;color: rgb(255,255,255,0.6);line-height: 35px;background-color:rgb(240,240,240,0.2);transition: all 0.5s, margin 0.75s ease;-webkit-transition: all 0.5s, margin 0.75s ease;-moz-transition: all 0.5s, margin 0.75s ease;-o-transition: all 0.5s, margin 0.75s ease;cursor: pointer} .mlbLeft {border-radius: 0px 5px 5px 0px;left:0} .mlbRight {border-radius: 5px 0px 0px 5px;right:0} .mlbLeft:after{content:"\276E"} .mlbRight:after{content:"\276F"} .mlbHidden {opacity: 0} .mlbLeft.mlbHidden {margin-left: -40px} .mlbRight.mlbHidden {margin-right: -40px} .mlbClick {background-color:rgb(240,240,240,0.5);color: rgb(255,255,255,0.9)} #mlNav, #mlNavM{width:100%;background-color: var(--color-primary);display:flex;flex-flow: row;padding-top: 9px;padding-bottom: 10px;position: -webkit-sticky; position: sticky; top: 0;z-index:999;box-shadow: 0 3px 3px 0 rgb(0,0,0,0.3);-webkit-box-shadow: 0 3px 3px 0 rgb(0,0,0,0.3);-moz-box-shadow: 0 3px 3px 0 rgb(0,0,0,0.3);overflow-x: hidden;} #mlNav span{flex-flow: row; display:flex; padding-left:1vw;} #mlNav a{color:white;-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));border-bottom-style: solid;border-bottom-width:4px;border-color:rgb(195,0,47,0);padding:2px 1.5vw;white-space: nowrap;font-weight: bold;font-size: 1.8rem;line-height: 2.5rem;transition: 0.25s all;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-o-transition: all 0.25s;} .mlcurrent {border-bottom-color:white !important;} #mlNavM {background-color:var(--color-primary);display:inline-block;padding:1.3rem 3rem;} #mlNavD {color:white;background-color:var(--color-primary);font-size: 2.2rem;font-weight: bold; -webkit-box-shadow: none;box-shadow: none;} #mlNavD:focus-visible{outline:none} #mlNavD-button select {text-shadow: 1px 1px 2px rgb(0,0,0,0.6);} #mlNavD-button select:focus {border-width:0px !important;box-shadow: none;outline:none;} #mlNavD-button select > option {font-size:1.8rem;font-weight: bold;} #mlNavD-button span {display:none} #HeroInfo {color:white;padding-left:3.5vw;position:absolute;top:50%;transform:translateY(-50%)} #HeroInfo div {padding-bottom: 20px} #HeroTitle {text-align: left;padding-bottom:0px} #HeroHeading {font-weight:normal;color:white} #HeroTitle, #HeroHeading {-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));} #HeroInfo a button, .HeroMB a button {border: 2px solid white;border-radius: 8px;width:auto;margin-right:7px;} #HeroA2 button, .HeroMA2 button {background-color: #111} #HeroA2 button:hover, .HeroMA2 button:hover {background-color: #1F1F1F} #MobileHero {display:none} .HeroMT {order:1;color:white;margin-left:3.5vw;margin-right:auto;margin-top:-7px;-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6)); filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));} .HeroMT h1 {line-height: 5rem} .HeroMB {display:flex;align-items: center;order:2;margin-left:auto;margin-right:3.5vw} #shopping .inventory-carousel-widget {padding-top:0px !important} /* Mobile Or Desktop Only Div */ .MOnly{display:none !important} .TOnly{display:none !important} .DOnly{display:block !important} /* Responsive Changes */ @media (min-aspect-ratio: 30/11) { .hero-video-container .hero-video-background {height: 36.67vw;} } @media (max-aspect-ratio: 30/11) { .hero-video-container .hero-video-background {width: 272.73vh;} } @media screen and (min-width: 2500px){ .mlheader {height:551px;} } @media screen and (min-width:2000px){ .cHero {max-height:calc(100vw/2)} .AwardImg {width:90%} #HeroInfo {padding-left:10vw;padding-top: 12%} } @media screen and (max-width: 1300px) { .mlImage td {height:175px} .mlFT td {width:300px;min-width:300px} .mlIntro{padding:3rem 5%} } @media screen and (max-width: 991px) { .LP, .RP {padding:0% 0% 0% 2%} .RT, .LT {padding:3% 0% 3% 2%} .cRowText {padding-left: 1rem; padding-right:1rem} .cRowimg {width: 100%; height: 100%; object-fit: cover !important; position: absolute !important;} .cRowItem {max-width:47%;margin:0% 1.5% 3% 1.5%} .cRowRec {max-width:47%;margin:0% 1.5% 3% 1.5%} .cRowRec3 {margin-right:auto;margin-left:auto} .cRowT, .cRowPgT{padding-left:1%} .cHero {max-height:400px;} .MHGrad {background-image: linear-gradient(to bottom, var(--color-primary) 75%, var(--color-primary-dark))} .header:after {background-image: linear-gradient(to bottom, var(--color-primary), var(--color-primary))} .cRowB{margin:0% 2% 2% 2%} table.halfrow {width: 49%!important;max-width: 49%!important;} table.fullrow {width: 100%!important;max-width: 100%!important;} .AwardImg {width:70%;} .primary-wrapper{overflow-x:inherit !important} .DOnly{display:none !important} .TOnly{display:block !important} .MOnly{display:none !important} #HeroInfo {display:none} #MobileHero {display:flex} } @media screen and (max-width: 800px){ .mlheader {height: 251px} } @media screen and (max-width: 700px) { .cRow{width:100%; display: flex; flex-flow: column;} .LP, .RP {width: 100%; order: 1; float:left; padding:0% 3% 0% 3%} .RT, .LT {width: 94%; order: 2; padding:3% 5% 0% 7%} .cRowimg {width: 100%; height: 100%;position: relative !important;} .cRowItem{max-width: 47%;min-width: 47%} .cRowRec{max-width:100%} .cRowRec3{margin:0% 1.5% 3% 1.5%} .cRowT, .cRowPgT{padding-left:2%} .cHero {max-height:275px;} .MHGrad {background-image: linear-gradient(to bottom, var(--color-primary) 69%, var(--color-primary-dark))} .clipT {-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 80%, 0% 90%)} .cRowB{display: flex; flex-flow: column;margin:0% 3% 3% 3%;max-height:300px} .cRowBP {width:100%} .cRowBT {width:100%; padding-top:0%;padding-bottom:3%} .halfrow .TbText {height:90px} .halfrow .TbContent{padding:50px 0px 0px 10px} .AwardImg {width:95%} .MLBack {padding: 1rem 1rem} .MOnly{display:block !important} .TOnly{display:none !important} .DOnly{display:none !important} .MPButton {width:100%; padding-left:5%;display:flex;padding-bottom:15px} .hero-video-container{top:0;height:54%;width:100%;background-image:url("https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/142/2021/12/22CivicHero-1.jpg");background-size:cover;background-position:51% 80%} #ReduceMotion{display:none} .hero-video-container iframe{display:none} .hero-button-container{margin-top:0px !important} .HeroMT {text-align: center;margin-left:auto;padding:0px 5%} .HeroMB {margin-right:auto;margin-top:12px} } @media screen and (max-width: 550px){ .mlheader {height: 201px} } @media screen and (max-width: 350px) { .mlFT {margin-left:auto;border-spacing: 10px 0px;} } @media (pointer:fine) { .mlbLeft:hover, .mlbRight:hover { background-color:rgb(240,240,240,0.5); color: rgb(255,255,255,0.9)} } @media screen and (min-width: 991px) and (pointer: coarse) { .topNav a:not(.sub-menu li a) {pointer-events:none !important} } html{width:100%; scroll-behavior: smooth} body{width:100%} /* Thiessen Code */ /*SR00358868 | Sabrina Mohammed */ .motocommerce-ctas { Margin-bottom: 1rem; } /* END | SR00358868 Sabrina Mohammed */