New and Used Ford dealership in Airdrie | Cam Clark Ford Auto Group

body, input, button, select { 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 { font-family: Antenna, -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: Antenna, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }

:root { --color-primary: #2b2b79; --color-primary-dark: #221f73; --color-primary-light: #464694; }

img.ccheadinglogo { display:none; } /* Button Block */ .home .button_block_widget-3 .wrapper { max-width:140rem; margin-top:-5rem; background-color: transparent !important; } .home .button-block-2 .button-block-widget .button-block-button { flex:0 0 11%; padding:0 0rem; } .home .button-block-2 .button-block-widget .button-block-button__background { height:12rem; width:13.2rem; } .home .button-block-2 .button-block-widget .button-block-button__heading { font-size:1.3rem; } /* Homepage About */ .home .about_widget-3 .about-widget { min-height:50rem; } .home .about_widget-3 .widget-background::after { background:none; } .home .about_widget-3 .about-widget__info-container h2 { text-align:left; color:#221F73; font-weight:normal; } .home .about_widget-3 .about-widget__info-container h2:after { display:none; } .home .about_widget-3 .about-widget__info-container p { margin-left:0rem; } /* Yogesh SR00301953 */ @media (min-width: 480px){ main[role="main"]{ margin-top:0rem; } } /* Yogesh SR00301953 */ /* Global */ .button { border-radius: 15px; } .header__dummy-wrap { padding-bottom: 1.4rem !important; } /* header */ .header__custom-button{ display: none; } .header__dummy-wrap { padding: 0.5rem 0; } .header #call-btn-content, .header #contact-btn-content { box-shadow: 2px 2px 10px #2d2d2d; } .header #call-btn-content ul li:not(:last-of-type), .header #contact-btn-content ul li:not(:last-of-type) { border-bottom: 1px solid #ababab; padding: 1rem 0; } .header #contact-btn-content { padding: 3rem; } .header #call-btn-content { padding: 2rem; } /* header/Nav update */ .header .navigation-top { position: relative; z-index: 1; } .header .navigation--dark .sub-menu { background: #fff; border-radius: 10px; } .header .navigation--dark .sub-menu a { color: #333; border-radius: 10px; } .header .menu-item:hover>a { background: #54549d; color: #fff; border-radius: 10px; } .header__custom-button a.active, .header__custom-button a:hover { background: #54549d; color: #fff; } .header-search__trigger--active, .header-search__trigger:hover{ background: #54549d; color: #fff; border-radius: 10px; } .header.dark .header-search__trigger { border-radius: 10px; } .header.dark .header-search__trigger--active, .header.dark .header-search__trigger:hover { background: #54549d; } /* navigation */ .header.dark .navigation>.menu-item:hover>a { background: #54549d; color: #fff; } .header .navigation-top>.menu-item:hover>a, .header .navigation>.menu-item:hover>a{ background: #54549d; color: #fff; } .header.dark .navigation>.menu-item>a { border-radius: 10px; } .header.dark .navigation>.menu-item>a, .header__custom-button a { font-weight: bold; } .header__custom-button a { border-radius: 10px; } .header .navigation>.menu-item>a, .header .navigation-top>.menu-item>a { padding: 1.6rem 1.2rem; } #contact-btn-content li:hover { background: #086ae4; background: #54549d; color: #fff; border-radius: 10px; } #contact-btn-content li a:after { position: relative; right: 5px; } #contact-btn-content li:hover a, #contact-btn-content li:hover a:after { color: #fff !important; } #mega-menu input.wpcf7-form-control.wpcf7-submit.button.button--centered { background: var(--color-primary); } /* Footer */ footer.footer.dark { background: #2b2b79; } .footer__main .row { max-width: 135rem; margin: 0 auto; } .footer.dark .footer__lower, .footer.dark .footer__main { max-width: 135rem; margin: 0 auto; padding: 3rem 0rem; } .footer.dark .footer__lower { padding: 0rem; } .footer__lower.footer__lower--has-compliancy { padding: 3rem 0rem !important; } .footer.dark #menu-footer-menu>li .sub-menu li { margin-bottom: 1rem; line-height: 1.2; margin-bottom: 2rem; } .footer.dark .social-block .social-icon { margin: 0 1rem; color: #fff; background: none; font-size: 2rem; fill: #fff; } .footer.dark .social-block .social-icon--light svg g { fill: #fff; } .footer.dark .footer__pd { text-align: right; width: 100%; font-size: 1.2rem; color: #fff; } .footer.dark .footer__lower-link { font-size: 1.2rem; color: #f4f4f4; margin: 0 1.25rem; } footer.dark .navigation--dark>li>a { display: none; } footer.dark #menu-footer-menu-2021 { top: 25px; } footer.dark #menu-footer-menu-2021 > .menu-item { width: 100%; border: 1px solid transparent; } footer.dark #menu-footer-menu-2021 ul.sub-menu li { list-style: none; } footer.dark #menu-footer-menu-2021 .sub-menu .menu-item a.gtm_nav { color: #fff; list-style: none; margin: 1rem 0; display: flex; } footer.dark #menu-footer-menu-2021 .sub-menu .menu-item a.gtm_nav { color: #fff; list-style: none; margin: 1rem 0; display: flex; font-size: 1.2rem; font-weight: normal; } footer.dark .featured-department-widget__row{ margin:0px; } footer .navigation{ display: none; } .footer.dark .contact-block__link:nth-child(4), .footer.dark .contact-block__link:nth-child(5){ display: none; } /*** Location Page - START ***/ .location-page .wrapper{ padding-bottom: 10rem; } .location-page__dropdown select{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; color: var(--color-primary); font-size: 1.7rem; box-shadow: 7px 5px 4px #efefef; height: 5rem; padding: 0 2rem; background: #f8f8f8 url('https://www.camclarkfordreddeer.com/wp-content/uploads/sites/228/2020/12/Screen-Shot-2020-12-11-at-6.16.58-AM.png') no-repeat; background-position: 95% 50%; } .location-page__section-title{ font-size: 1.8rem; } .location-page .holiday-hours strong, .location-page a strong, .location-page p strong{ font-size: 1.5rem; } .location-page .dept-hours th strong{ font-weight: 400; } .location-page .holiday-hours, .location-page a, .location-page p{ font-size: 1.3rem; } .location-page .dept-hours .hours__row td, .location-page .dept-hours .hours__row th{ font-size: 1.3rem; } .location-page a{ font-weight: 600; } .location-page p strong{ margin-top: 2rem; display: block; } .location-page__name + div.location-page__row > div.col-lg-2:last-child{ padding-right: 0; } .location-page .manager__photo{ background-position: 50% 0%; } /* location without collision */ .location-page__name#Canmore + div.location-page__row > div.col-lg-2:nth-child(-n+4) , .location-page__name#Innisfail + div.location-page__row > div.col-lg-2:nth-child(-n+4), .location-page__name#Olds + div.location-page__row > div.col-lg-2:nth-child(-n+4), .location-page__name#Richmond + div.location-page__row > div.col-lg-2:nth-child(-n+4){ max-width: 20.83%; flex: 0 0 20.83%; } @media only screen and (max-width: 1200px) { .location-page__name + div.location-page__row > div.col-lg-2{ flex: 0 0 50% !important; max-width: 50% !important; padding: 0 3rem 5rem !important; } } @media only screen and (max-width: 800px) { .location-page .wrapper{ padding-left: 3rem; padding-right: 3rem; } .location-page__name + div.location-page__row > div.col-lg-2{ flex: 0 0 100% !important; max-width: 100% !important; padding: 0 2rem 5rem !important; } .location-page__name + div.location-page__row > div.col-lg-2:after{ width: 7rem; height: 5px; display: block; background: var(--color-primary); content: ''; margin-top: 4rem; } .location-page .dept-hours .hours{ width: 100%; } .location-page .dept-hours .hours__row{ flex-direction: row; } .location-page__dropdown{ display: block; text-align: center; width: 100%; } .location-page__dropdown h1{ max-width: none; text-align: center; margin-bottom: 2rem; } .location-page__dropdown select{ margin: 2rem auto; max-width: 100%; border-radius: 1rem; } .location-page .holiday-hours, .location-page a, .location-page p{ font-size: 1.6rem; } .location-page .dept-hours .hours__row td, .location-page .dept-hours .hours__row th{ font-size: 1.6rem; } .location-page .holiday-hours strong, .location-page a strong, .location-page p strong{ font-size: 1.7rem; } .location-page__name + div.location-page__row > div.col-lg-2:last-child:after{ display: none; } .location-page .manager__photo{ max-width: 30rem; height: 30rem; } } /*** Location Page - END ***/ /* Curved Banner */ @media only screen and (min-width: 992px) { main > section.page-title { overflow: visible; } main > section.page-title:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(34,34,34,0.5); z-index: 1; } main > section.page-title:after { content: ''; display: block; position: absolute; z-index: 1; width: 102%; background: url(https://www.camclarkfordreddeer.com/wp-content/uploads/sites/228/2020/11/curve.png) no-repeat; top: initial !important; bottom: 0; height: 75px; background-size: cover; background-position: center top; left: -1%; } } /* SRP */ .srp-wrapper .price-block--expanded .price-block__sub { display: none; } .srp-wrapper .grid-view .vehicle-card__location { margin-bottom: 1rem; border-radius: 10px; background: #bbb !important; } .srp-wrapper h4.vehicle-card__title { min-height: 75px; overflow: hidden; color: var(--color-primary); } .srp-wrapper .vehicle-card .button:hover { background: #54549d; } .srp-wrapper .advanced-filters button.button.button--centered.mb-sm.hidden-xs-down:hover { background: #54549d; } .srp-wrapper .advanced-filters .multiple-select[convertus-data-id="srp__filter-pr"] .multiple-select__option { padding: 1rem 2rem; height: 60px; display: flex; } .srp-wrapper ul.detailed-specs.inline-view { min-height: 65px; } .srp-wrapper .carfax-section .modal-trigger { max-width: 10rem; } .srp-wrapper .grid-view .vehicle-card { min-height: 68rem; min-height: 73rem; } .srp-wrapper .vehicle-card .button { width: 95%; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); } /* SRP .srp-wrapper .grid-view .vehicle-card{ min-height:750px; } .srp-wrapper .vehicle-card .button { max-width: 100%; position: absolute; bottom: 15px; width: 95%; margin: 0 auto; left: 0; left: 50%; transform: translateX(-50%); } */ .srp-wrapper .grid-view .vehicle-card__action-wrap { display: none; } .srp-wrapper .advanced-filters { border-top: none; padding: 5rem 3rem; } .srp-wrapper .srp__found-header { font-weight: bold; margin-bottom: .5rem; } .srp-wrapper .srp__page-title { font-size: 2.5rem; margin-bottom: 2rem; } .srp-wrapper .vehicle-card .badges-wrap { min-height: 60px; margin-bottom: 50px; } @media only screen and (max-width: 991px) { /* Mobile SRP */ .srp-wrapper .extra-filters { margin-top: 2.4rem; } .srp-wrapper .grid-view .vehicle-card { min-height: 0; } .srp-wrapper .vehicle-card .button { width: 100%%; position: relative; bottom: initial; left: initial; ; transform: translateX(0); } .srp-wrapper h4.vehicle-card__title { min-height: 0; } } /* Roy Raviv - SRP Filter changes */ .srp-wrapper .advanced-filters .multiple-select[convertus-data-id="srp__filter-pr"] .multiple-select__option { padding: 1rem 1rem !important; height: 35px !important; } .sidebar-title + form label{ color: #fff; } .advanced-filters .multiple-select[convertus-data-id=srp__filter-pr] .multiple-select__option { width: 84% !important; } .advanced-filters .multiple-select[convertus-data-id=srp__filter-od] .multiple-select__option { width: 84% !important; padding: 0.6rem !important; text-align: left !important; } .advanced-filters { display: none; } .collapse__label { color: #2b2b79 !important; border-bottom: 1px solid #2b2b79 !important; } /* soo-ah SRP filter on mobile */ .advanced-filters--mobile .collapse .content-hidden{ opacity: 1; } .mobileSRPHeader.header--mobile.dark.fix-header{ position: relative; } /* SRP facet search bar */ .advanced-filters-wrap.scroll-stick, .advanced-filters-wrap.scroll-up{ transform: translateY(75px) !important; } /* Mobile Menu */ @media only screen and (max-width: 991px) { a.header__mobile-icon{ display: none; } .header__icons{ margin-top: 1rem; } } .button-block-2 .button-block-widget .button-block-button__background { border: 0rem solid #ffffff !important; } section.button_block_widget-3.button-block-2 { min-height:304px; } section.hero_widget-4.hero-1 { min-height:545px; } main { min-height: 973px; } .hero-1 .hero-widget .main-heading { font-size: 6.8rem !important; text-shadow: 2px 2px black !important; min-height:338px; } .hero-1 .hero-widget .sub-heading { width: 100%; font-size: 4rem !important; text-shadow: 3px 3px black !important; } .button-block-2 .button-block-widget .button-block-button__background { transition: all .2s ease-in-out; } .button-block-2 .button-block-widget .button-block-button__background:hover {transform: scale(1.3); } .home .button-block-2 .button-block-widget .button-block-button__heading { font-size: 1.8rem !important; font-weight: 200 !important; text-shadow: 1px 1px black !important; } .home .button-block-2 .button-block-widget .button-block-button__background { opacity: 0.9; } .widget-background.dark:after { background-color: #3330 !important; } section.button_block_widget-3.button-block-2 { margin-top: -10rem; } .button-block-2 .button-block-widget { padding-bottom: 20rem; } .button-block-2 .button-block-widget.dark { background-color: transparent !important; } /* Search Bar */ .header.dark .header-search__bar { background: #2b2b79 !important; bottom: 1px; padding:2rem; } .header.dark .header-search__bar a{ background: #fff; color: var(--color-primary); } .header.dark .header-search__bar a:hover{ background: #888; color: #fff; } .navigation--mobile .navigation--dark { background: #2b2b79 !important; } .header__dummy-wrap.header__top-nav { padding-bottom: 0px !important; } .header__dealer__link { max-width: 20rem !important; } div.footer__main { display:none; } img.ccheadinglogo { display:none; } element.style { } .single-cta-1 .single-cta-widget.dark .single-cta-widget__button { background-color: #2b2b79cc !important; max-width: 300px; margin: 0 auto; } .single-cta-1 .single-cta-widget.dark .single-cta-widget__button:hover { background-color: #2b2b79 !important; } .single-cta-widget__content { margin-bottom: 10rem; } .button-block-2 .button-block-widget { padding-bottom: 8rem !important; } @media only screen and (max-width: 786px) { img.ccheadinglogo { max-width:100%; margin-top:3rem; } section.button_block_widget-3.button-block-2 { margin-top: -38rem; } } @media only screen and (min-width: 786px) { img.ccheadinglogo { max-width:60%; margin-top:3rem; } } .header-search,.social-block { display:none; } /**** Soo-Ah: Homepage: add dark overlay ****/ .home-page main{ position: relative; } .home-page main:after{ content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); top: 0; } .home-page .hero-1 .hero-widget{ background: none !important; } .home-page .single-cta-1 .single-cta-widget.dark{ background: none !important; } .home-page main{ background: url('https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/232/2020/12/Depositphotos_42682563_l-2015.jpg') no-repeat !important; background-size: cover !important; background-attachment: fixed !important; } /* SL 01852891 - Button block - Start*/ section.button_block_widget-3.button-block-2 { z-index: 1; position: relative; } /* SL 01852891 - Button block - End*/

Contact Us

Cam Clark Ford Auto Group

Quick Contact Links

Sales & Finance

Parts and Service

Body Shop & Detail

Olds

Red Deer

Airdrie

Vancouver

Richmond

Canmore

Innisfail