North Hill Mazda | New Mazda Dealership in CALGARY, AB

Sales: 403-276-5962 Parts: 403-276-5962 Service: 403-276-5962

1211 Centre St. NW, CALGARY, AB, T2E 2R3

Open Today from 9:00am - 5:00pm

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

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

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

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: Mazda Type, -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: Mazda Type, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } 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: #2b2b2b; --color-primary-dark: #999999; --color-primary-light: #464646; --color-primary-lighter: #cdcdcd; } /* ***** Global CSS ***** */ /* mazda global */ h1, h2, h3, h4, h5, h6 { text-transform:uppercase; font-weight:500; letter-spacing:3px; } .header .menu-item a { font-size: 1.8rem; } .header .navigation--dark .sub-menu a { font-size: 1.6rem; } .page-title { background: black url('https://tadvantagebetaprod-com.cdn-convertus.com/uploads/sites/375/2023/07/Mazda-Page-Title.jpg'); background-position:center; } .widget-heading { letter-spacing:3px; font-weight:normal; } .widget-heading:after { display:none; } .usp-widget__title { letter-spacing:3px; font-weight:normal; } .model-selector-1 .model-selector-widget .wrapper-background { box-shadow:none; background:transparent; } /* forms global css */ .contact-form-widget .widget-heading { text-align:center; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="search"], input[type="date"] { box-shadow:none; border:1px solid lightgrey; } /* header */ .header__info-single { margin:0; } .header__info-wrapper { text-transform:uppercase; font-size:1.4rem; letter-spacing:0.3px; line-height:1em; padding-right: 15px; } .header__phone-container { align-items:baseline; } .header__phone-container .header__info-single:not(:last-child)::after { margin-left:1.5rem; color:lightgrey; } .header__phone-container .header__info-single:not(:last-child) { margin-right:1.5rem; } .header .df.jcfe.mb-xs:first-child { margin-bottom:1.5rem !important; } .header .df.jcfe.mb-xs { margin-bottom:0.5rem !important; } a.header__info-single.gtm_directions { margin-bottom:1rem; } .header-popout__popout { left: 35%; } /* nav and mega menu */ .mega-menu__fragment.mega-menu__inventory .g-vehicle-card__image { background-size:contain; height: 20rem; } .header--desktop .navigation>.menu-item>a { text-transform:uppercase; letter-spacing:.15625rem; font-size:1.4rem; font-weight:700; } .header .navigation--dark .sub-menu a { text-transform:uppercase; letter-spacing:.15625rem; font-size:1.4rem; font-weight:700; } .mega-menu .mega-menu-sub-nav__navs a { text-transform:uppercase; letter-spacing:.15625rem; font-size:1.4rem; font-weight:700!important; } .home-page .header.dark .header__nav-bar:before { content:' '; border-top:1px solid #ffffff54; width:110rem; position:absolute; top:0; transition-property: border-top; } /* header internal pages */ .header.dark .header__wrapper { background:black; } .header.dark .header__nav-bar { background:black; border-bottom:none; } .header__phone-container i { color:white; } .header__info-single .icon { color:white; } .header .social-icon--light { background:none; color:white; } .home-page .header.dark .header__nav-bar--sticky { background:black; } /* header mobile */ @media (max-width: 991px) { .header.dark .header__wrap { background: black; } } .header__mobile-icon { color:white; } .header__icons.garage { color:white; } /* button */ input[type=submit], a.button, b.button, div.button, button.button, #get-directions-submit, .map-sidebar--directions__form button:enabled { background-color: var(--color-primary)!important; color: white!important; border: none; } input[type=submit]:hover, a.button:hover, b.button:hover, div.button:hover, button.button:hover,#get-directions-submit:hover, .map-sidebar--directions__form button:enabled:hover { background-color: var(--color-primary-dark)!important; } .button--alternate.button { background: none!important; border: 2px solid var(--color-primary)!important; color: var(--color-primary)!important; } .button--alternate.button:hover { background-color: var(--color-primary-dark)!important; border-color: var(--color-primary-dark)!important; color: #fff!important; } .vdp-wrapper .garage-buttons .button { background-color: #fff!important; color: #000!important; } .vdp-wrapper .garage-buttons .button:hover { color: var(--color-primary)!important; } #srp-calculator-modal a.button.button--alternate.button--next { background-color: white!important; } #srp-calculator-modal a.button.button--alternate.button--next:hover { color: white!important; background-color: var(--color-primary)!important; } .summary-card__buttons .button--prev { background-color: white!important; color: var(--color-primary)!important } .summary-card__buttons .button--prev:hover { color: white!important; } #swipe .button { background-color: white!important; color: var(--color-primary)!important } #swipe .button:hover { color: white!important; background-color: var(--color-primary-dark)!important; } .fullBtn { max-width: 100%; width: 100% } .underline { text-decoration: underline; } .center { text-align: center; } .desktop-slider { min-height: auto!important; } /* header */ .home-page .header--desktop.dark { background: #2b2b2b; } header .mega-menu__container.wrapper { padding: 0; } .header__info--primary { padding-left: 15px; } .header__nav-bar, .header__main.header__info-wrap { /*padding: 2.4rem calc(40% - 55rem);*/ } .header__info.header__top-left.fdc.header__info--primary{ flex-direction: row; } header .menu-item a:not(.sub-menu a) { color: white!important; font-weight: bold; } header.dark.header--desktop .navigation>.menu-item>a.gtm_nav { color: #d5d5d5; } header.dark.header--desktop .navigation>.menu-item:hover>a.gtm_nav { color: white; } header.dark.header--desktop .sub-menu { background-color: white; } header.dark.header--desktop .sub-menu a hover { background-color: #767676; color: white; } header.dark.header--desktop .sub-menu a { color: black; border-bottom: 1px solid #d9d9d9; } .header__banner { order: 3; background-color: #4d4a4a; } .header__banner-text { margin: auto; } .header__banner-cta { text-decoration: underline; } header.dark .navigation .menu-item:hover > a { color: white!important; } header.dark .navigation .menu-item:hover > a.mega-menu__active-menu { color: white!important; } header.dark .sub-menu .menu-item:hover { background-color: #727272; } /* footer */ /*.footer__main, .footer__lower { background-color: var(--color-primary)!important; } footer .tab-content { background-color: var(--color-primary)!important; color: white!important; } footer .tab-content td, footer .tab-content th { color: white!important; }*/ .footer.dark .footer__main { background:black; } .footer.dark .footer__main a { color:white; } .footer.dark .footer__main .nav-tabs__tab.active a { border-bottom:2px solid white; } .footer.dark .footer__main .button { background:black; } .footer.dark .footer__main .button:hover{ background:var(--color-primary); } .footer.dark .footer__main .social-icon--light { background:black; } @media only screen and (min-width: 992px) { .footer__content-hours .footer__title{ margin-right:0!important; } .footer__hours{ width:60% } .footer.dark .footer__main .nav-tabs__tab.active a{ display: inline!important; width: auto!important } } .footer.dark .footer__main, .footer.dark .footer__v4, .footer.dark .footer__lower { background:black; } .footer.dark .footer__v4 .footer__title :hover { color: #d5d5d5; cursor: default; } .footer.dark .footer__v4 .footer__title { color: #d5d5d5; cursor: default; } .footer.dark .footer__v4 .footer__links--secondary a { color: #999999; } .footer.dark .footer__v4 .footer__links--secondary a:hover { color: white; } .footer__v4 { display: flex; flex-direction: column; } .footer__v4 .footer__links { order: -1; } /* SRP & VDP */ .tooltip-content.tooltip-content--top { min-width: 40rem; } .vehicle-card .badges-wrap--stacked { flex-direction: inherit; } h5.srp__found-header.wrapper, h1.srp__page-title.wrapper { max-width: 100%; } .srp-wrapper .av-srp-ecomm { display: block; margin: auto; width: 100%; padding: 0 1.6rem 1.6rem; } .vehicle-card__image-area .fa-video { color: white; } #vdp-app .overview-group__item--reports { flex-direction: inherit; } #vdp-app .carfax-badge__wrapper { width: auto; margin-right: 20px; } .vehicle-card .quick-vdp-button { bottom: 40px; } /* remove dealership filter */ .advanced-filters .collapse.mb-md.col-xs-order-2:has(+ [convertus-data-id="srp__reset-filters"]) { display: none; } /* remove "Located at" in VDP */ .vdp-wrapper .contact-group .contact-group__location { display: none; } form.schedule-test-drive .wpcf7-submit.button, form.request-more-info .wpcf7-submit.button{ margin-top: 3rem; } form.schedule-test-drive .form-label, form.request-more-info .form-label{ font-size: 1.6rem; } /* Model Page */ #showroom-models-app .advanced-filters__buttons button { margin-right: 15px; } /* Default Landing Page */ .wrapper { padding: 15px; } .bannerContainer, .txtContainer :not(a, span, li), .formContainer, .BtnContainer a { margin: 10px 0 30px 0; } .txtContainer li { margin: 10px 0; } .sidebar .sidebar-title { color: black; margin-bottom: 15px; } .sidebar .sidebar-title i { display: none; } .sidebar .hours__day { text-align: left; } .mobile-slider { min-height: auto!important; } @media only screen and (min-width: 400px) and (max-width: 460px) { .inventory-carousel-widget .tns-inner { width: calc(220%); } } /* TEMP MIGRATION FIX */ /* PADDING ON ABOUT US WIDGETS */ .about-4 .col-lg-offset-6, .about-2 .col-lg-offset-6 { padding-left:6rem; } .about-4 .col-lg-6:not(.col-lg-offset-6), .about-2 .col-lg-6:not(.col-lg-offset-6) { padding-right:6rem; } /* SRP V2 */ /* TEMP MIGRATION FIX */ @media (min-width: 992px) { [convertus-data-id=srp-theme--convertus-v2] .vehicle-card__compare-wrapper { margin-top: auto; margin-bottom: auto; } [convertus-data-id=srp-theme--convertus-v2].srp-wrapper .grid-view .vehicle-card { display: flex; flex-direction: column; height: 100%; justify-content: stretch; } [convertus-data-id=srp-theme--convertus-v2].srp-wrapper .grid-view .vehicle-card__details { display: flex; flex-direction: column; } [convertus-data-id=srp-theme--convertus-v2].srp-wrapper .grid-view .vehicle-card__details>* { width: 100%; } [convertus-data-id=srp-theme--convertus-v2].srp-wrapper .grid-view .vehicle-card__image-area { flex-grow: 0; } [convertus-data-id=srp-theme--convertus-v2].srp-wrapper .grid-view .vehicle-card__title { margin-bottom: auto; padding-bottom: 2rem; } [convertus-data-id=srp-theme--convertus-v2].srp-wrapper .grid-view .srp-button-widget { display: flex; } [convertus-data-id=srp-theme--convertus-v2].srp-wrapper .grid-view .vehicle-card__compare.checkbox-input { margin-top: auto; margin-bottom: auto; padding-bottom: 1rem; padding-top: 1rem; } [convertus-data-id=srp-theme--convertus-v2].srp-wrapper .grid-view .vehicle-card .price-block { margin-top: auto; } [convertus-data-id=srp-theme--convertus-v2] .dealertrack-digital-retailing-1 { margin-top: auto; } [convertus-data-id=srp-theme--convertus-v2].srp-wrapper .grid-view .vehicle-card__details { height: 100%; flex-grow: 1; width: 100%; } } /* TEMP MIGRATION FIX */ /* EQUAL HEIGHT INVENTORY CAROUSEL */ .inventory-carousel-widget .tns-slider{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch } .inventory-carousel-widget .tns-slider .g-vehicle-card{ 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 } .inventory-carousel-widget .tns-slider .g-vehicle-card>[convertus-data-id="g-vehicle-card"]{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; height:100% } .inventory-carousel-widget .tns-slider .g-vehicle-card__specs{ margin-bottom:auto } .inventory-carousel-widget .tns-slider .g-vehicle-card__description{ -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -ms-flex-wrap:wrap; flex-wrap:wrap } /* TEMP MIGRATION FIX */ /* EQUAL HEIGHT INVENTORY CAROUSEL for shortcode*/ .show-inventory__wrap .tns-slider{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch } .show-inventory__wrap .tns-slider .g-vehicle-card{ 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 } .show-inventory__wrap .tns-slider .g-vehicle-card>[convertus-data-id="g-vehicle-card"]{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; height:100% } .show-inventory__wrap .tns-slider .g-vehicle-card__specs{ margin-bottom:auto } .show-inventory__wrap .tns-slider .g-vehicle-card__description{ -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -ms-flex-wrap:wrap; flex-wrap:wrap } /* Hover Effect */ .footer.dark .contact-block__link:hover, .contact-block__link:hover span, .header.dark .header-popout__label:hover, .header.dark .header__info-single--phone:hover, .header.dark .header__info-single:hover, header-popout__label:hover, .home-page .header .social-block .social-icon:hover { color: var(--color-primary-dark) !important; } /* SRP */ h1.srp__page-title.wrapper, h5.srp__found-header.wrapper { float: left; width: 100%; } .srp-wrapper .drs-container__button-group .button, .vdp-wrapper .drs-container__button-group .button { margin-bottom: 0 !important; } .grid-view .vehicle-card__location { display: none; } @media(max-width:767px){ .srp-wrapper .grid-view, .srp-wrapper .grid-view .vehicle-card { max-width: 100%; } } /*VDP*/ .detailed-specs__single-container { width: 100%; } .modal-content { padding: 2rem 3rem; } .modal-content h3 { margin-bottom: 10px; } .test-drive-row { position: relative; margin-left: 0; margin-right: 0; width: 100%; } @media(max-width:767px){ .vdp-wrapper .main-price, .vdp-wrapper .button-group { padding: 0; } .main-price .pricing-group__accordions { max-width: 100%; } } /*Innerpages*/ .tns-carousel { align-items: flex-start; } .mega-menu .mega-menu__fragment h3 { margin-bottom: 10px; } .mega-menu .mega-menu__fragment .wpcf7-form{ margin: 0 -4px; } .sidebar-navigation-list-1 .sidebar-navigation-list-widget li { margin-left: 0; } .contact-group, a.contact-group__phone { display: none; } .txtContainer p { margin: 0 0 1.5rem; } @media(max-width:767px){ .sidebar, .sidebar .hours-tabs, .sidebar .hours--simple { max-width: 100%; } .sidebar table { text-align: left; } .contact-btn a { margin-bottom: .5rem; } #about_widget-11 .about-widget__info-container .button, #about_widget-7 .about-widget__info-container .button { float: left; margin-top: 10px; } .about-3 .about-widget .wrapper { padding: 0; } } /* James Hong | 02385394 - VDP - hide VIN (multiple sites) - 18 Dec 2023 */ /* new vehicles */ .new { /* VDP */ &.vdp-wrapper, .vdp-wrapper { /* overview group item (VIN) */ & .overview-group__item.vin, .overview-group__item.vin { /* hide */ display: none; } } } /* END James Hong | 02385394 */ /* 02451541 */ img.certified-badge[src*="logo-certified-generic_en.png"] { content: url(https://www.northhillmazda.com/wp-content/themes/convertus-achilles/achilles/assets/images/certified-badges/logo-certified-mazda_en.png); } /* CSQ-5283 *** Trade Express Page *** Dmitry 17_06_2024 *** begin */ .hero_widget-5.hero-1 .hero-widget .wrapper, .hero_widget-5.hero-1 .hero-widget .wrapper .sub-heading { margin-bottom: 0 !important; padding: 0; } .hero_widget-5.hero-1 .hero-widget .wrapper .main-heading { margin-bottom: 3.2rem; line-height: 1.25em; } @media only screen and (max-width: 767px) { .hero_widget-5.hero-1 .hero-widget .wrapper .main-heading { font-size: 2.5em; } } .hero_widget-5.hero-1 .hero-widget .wrapper .sub-heading { font-size: 2.25rem; line-height: 1.25em; } .hero_widget-5.hero-1 .hero-widget .search-container:empty { display: none; } @media only screen and (max-width: 767px) { .hero_widget-5.hero-1 .hero-widget { min-height: auto; } } .about_widget-43.about-3 .about-widget .wrapper { } @media only screen and (max-width: 767px) { .about_widget-43.about-3 .about-widget .wrapper { padding: 0; } } .about_widget-43.about-3 .about-widget .wrapper .row { align-items: center; justify-content: space-between; } .about_widget-43.about-3 .about-widget .wrapper .row .col-xs-12 { padding: 0; } .about_widget-43.about-3 .about-widget .wrapper .row .about-widget__image-wrapper { padding: 0; } .about_widget-43.about-3 .about-widget .wrapper .row .about-widget__image-wrapper .small-image { margin-left: 1.6em; } @media only screen and (max-width: 767px) { .about_widget-43.about-3 .about-widget .wrapper .row .about-widget__image-wrapper .small-image { margin-left: 0; } .about_widget-43.about-3 .about-widget .wrapper .row .about-widget__image-wrapper { justify-content: center; } .about_widget-43.about-3 .about-widget .wrapper .row { margin: 0; } } .about_widget-43.about-3 .about-widget__excerpt:empty { display: none; } .about_widget-43.about-3 .about-widget .small-image { -webkit-box-shadow: none; box-shadow: none; } @media only screen and (max-width: 767px) { .about_widget-43.about-3 .about-widget .small-image { margin-top: 1em; } } .about_widget-43.about-3 .about-widget .widget-heading { margin-bottom: .75em; } /* AODA widget */ @media only screen and (max-width: 767px) { #ae_launcher.ae-cta-position-preset-right-lower { right: auto !important; left: 24px; } } /* *** */ .hero_widget-5.hero-1 .hero-widget { min-height: 35vh; } .page-template-template-landing-widget div:not([class]):not([class=""]) > h2.widgettitle { max-width: 102.35rem; width: 100%; margin: 0 auto; padding: 0 2.4rem; } .about_widget-44.about-1 .about-widget__excerpt:empty { display: none; } .about_widget-44.about-1 .about-widget__excerpt { padding: 0; } .about_widget-44.about-1 .about-widget { padding: 0rem 2.4rem 6.4rem; } .about_widget-44.about-1 .about-widget .wrapper { padding: 0; } .about_widget-44.about-1 .about-widget .widget-heading { margin-bottom: 1em; text-align: left; } @media only screen and (min-width: 768px) { .header.header--desktop .header-search__trigger { padding-right: 0; } header.header--desktop .navigation>.menu-item:first-child>a.gtm_nav { padding-left: 0; } header.dark.header--desktop { padding: 0 2.4rem; background: black; } } /* CSQ-5283 *** Trade Express Page *** Dmitry 17_06_2024 *** end */ .srp-wrapper .srp-disclaimer,.vdp-wrapper .vdp-disclaimer { display: none; } /* hero */ #hero_widget-3 { justify-content: flex-start; padding-top: 13vh; } /* CTA */ #single_cta_widget-3.dark { background: black; } #single_cta_widget-3 .single-cta-widget__button i, #single_cta_widget-3 .single-cta-widget__button p { transform: translateY(0); transition: all 100ms ease-in; } #single_cta_widget-3 .single-cta-widget__button:hover i, #single_cta_widget-3 .single-cta-widget__button:hover p { transform: translateY(-4px); } .single-cta-2 .single-cta-widget__icon { font-size: 2.8rem!important; } .single-cta-2 .single-cta-widget__title { font-size: 2.3rem!important; } #single_cta_widget-3 .single-cta-widget__button .single-cta-widget__icon:before{ color: white; } #single_cta_widget-3 .single-cta-widget__button:hover .single-cta-widget__icon:before{ color: white; } /* button block */ .button-block-widget.dark { background-color: black!important; padding: 0!important; border-top: 3px solid white; border-bottom: 3px solid white; } .button-block-widget .button-block-button { background-image: none!important; background-color: black; justify-content: center; } .button-block-widget .button-block-button:hover { background-color: var(--color-primary); } .button-block-widget .button-block-button:hover .button-block-button__heading { color: var(--color-primary-dark)!important; } .button-block-widget .button-block-button__heading { font-size: 2rem; text-align: center!important; } .button-block-4 .button-block-widget .button-block-button__background { min-height: 20rem!important; } /*icon*/ .button-block-button__heading-area:after { font-family: Font Awesome\ 5 Pro; font-size: 10rem; font-weight: 900; color: white; display: flex; justify-content: center; } .button_block_widget-8 .button-block-button:nth-child(1) .button-block-button__heading-area:after { content: "\f1b9"; } .button_block_widget-8 .button-block-button:nth-child(2) .button-block-button__heading-area:after { content: "\f02c"; } .button_block_widget-8 .button-block-button:nth-child(3) .button-block-button__heading-area:after { content: "\f337"; } .button_block_widget-8 .button-block-button:nth-child(4) .button-block-button__heading-area:after { content: "\f2f7"; } .button_block_widget-8.button-block-4 .button-block-widget .button-block-button:before { background-color: black; } .button_block_widget-8.button-block-4 .button-block-widget .button-block-button:hover:before { background-color: #7c7c7c; } /* feature card */ #feature_cards_widget-15.dark { background-color: black; padding: 1rem; } #feature_cards_widget-15 .wrapper { max-width: 130rem; } #feature_cards_widget-15 .feature-cards-widget__content, #feature_cards_widget-15 .feature-cards-widget__feature-card { padding: 0; } #feature_cards_widget-15 .feature-cards-widget__inner { text-align: left; color: white; } #feature_cards_widget-15 .feature-cards-widget__feature-title { text-align: left; } .show-slider__main img { width: 100% } @media only screen and (min-width: 992px) { #rSlider { align-items: center; display: flex; } }

RESERVE YOUR MAZDA

SEE OUR SPECIALS

GOT A TRADE

GET PRE-APPROVAL

WHY NORTH HILL MAZDA?

Connect With Us