Car and Truck Dealership in Saskatoon, SK Chrysler Dodge Jeep Ram | Dodge City Auto

Sales: (888) 903-8166 Parts: (888) 903-9212 Service: (888) 903-8981 Collision: (855) 743-0681

Open Today from 8:30am - 6:00pm

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

Dealership hours of operation
Mon - Fri	7:30am - 5:30pm
Sat	9:00am - 4:00pm
Sun	closed

Dealership hours of operation
Mon - Fri	8:00am - 5:30pm
Sat	9:00am - 4:00
Sun	closed

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

2200 8th Street East, Saskatoon, SK, S7H0V3, Canada

Dodge City Auto in Saskatoon, SK treats the needs of each individual customer with paramount concern. We know that you have high expectations, and as a car dealer we enjoy the challenge of meeting and exceeding those standards each and every time. Allow us to demonstrate our commitment to excellence!

Our experienced sales staff is eager to share its knowledge and enthusiasm with you. We encourage you to browse our online inventory, schedule a test drive and investigate financing options. You can also request more information about a vehicle using our online form or by calling (888) 903-8166.

Sales (888) 903-8351 Parts (888) 903-9881 Service (888) 903-9066 Collision (855) 743-0681 Find Our Location

Visit Our Location

2200 8th Street East, Saskatoon, SK, S7H0V3, Canada

Contact Us

Sales (888) 903-8166 Parts (888) 903-9212 Service (888) 903-8981 Collision (855) 743-0681

Hours Of Operation

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

Dealership hours of operation
Mon - Fri	7:30am - 5:30pm
Sat	9:00am - 4:00pm
Sun	closed

Dealership hours of operation
Mon - Fri	8:00am - 5:30pm
Sat	9:00am - 4:00
Sun	closed

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

Connect With Us

Dodge City Auto^© 2021 · 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: Montserrat, -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: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }

:root { --color-primary: #9a0800; --color-primary-dark: #580500; --color-primary-light: #b5231b; } #gg-toolbar, .gg-chat-bubble, .gg-popup { z-index: 1100 !important; } /* NAV SEARCH ADJUST - DUTCHAK 26.03.2020 */.header .menu-item a{padding: 1.6rem 1.2rem;}.header-search__trigger{cursor: pointer; font-size: 2.25rem; height: 100%; margin-left: 7px; background-color: #666; display: flex; color: #fff; border-radius: 5px; align-items: center; padding: 2rem 1.25rem; transition: color 0.2s, background-color 0.2s; border: 1px solid #666; text-shadow: 1px 1px 0px #333;}.header .header-search__trigger:hover, .header .header-search__trigger--active, .header .header-search__trigger:active, .header .header-search__trigger:focus{border: 1px solid #999; text-shadow: -1px -1px 0 #666; background-color: #999; color: #fefefe;}.header .navigation .service-button, .header .navigation .service-button:hover, .header .navigation .service-button:active, .header .navigation .service-button:focus{background: transparent;}.header .navigation .service-button a{padding: 1rem 1.2rem; margin-top: 0.6rem; border-radius: 5px; background-color: var(--color-primary); color: #fff !important;}.header .navigation .service-button a:hover, .header .navigation .service-button a:active, .header .navigation .service-button a:focus{background-color: var(--color-primary-dark) !important;}@media only screen and (max-width: 997px){.service-button{color: var(--color-primary);}.header .navigation .service-button a{border-radius: 0;}}.header .navigation { order: 0;}/* END NAV SEARCH ADJUST *//* INDEX SEARCH WIDGET - DUTCHAK 26.03.2020 */body.home main > section > section.inventory_search_widget-2 .inventory-search-widget{padding: 4.8rem 0 0; background: #333;}body.home main > section > section.inventory_search_widget-2 .inventory-search-widget h2{text-align: center; color: #fff;}body.home main > section > section.inventory_search_widget-2 .searchbar-search > div:first-of-type, body.home main > section > section.inventory_search_widget-2 h2:after{display: none;}body.home main > section > section.inventory_search_widget-2 .searchbar-search{padding: 0 3rem;margin:0}/* END INDEX SEARCH WIDGET*/

/* Do not add anything above and below this code */ @import url(https://aclandingpages.wpengine.com/wp-content/uploads/fca-assets/autoverify-widget-restyling.css); @import url(https://fca1.wpengine.com/wp-content/uploads/pp-css-js-dev/custom.css?id=888); @import url(https://fca1.wpengine.com/wp-content/uploads/custom-css-js/restyle-hero-widget.css); @import url(https://fca1.wpengine.com/wp-content/uploads/custom-css-js/restyle-inv-search.css); /* Do not add anything above and below this code */ /* VDP WINDOW STICK HIDE UNTIL FIXED - DUTCHAK 19/06/2020 */ .vdp-wrapper div.links-container-no-retail a[href*="windowsticker.fcacanada.ca"] {display:none;} /* GUBAGOO SPECIALS FIX - DUTCHAK */ @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 */ /*Hide Inventory Tags - CASE 01657304*/ .vdp-wrapper ul.featured-tags__wrapper { display: none !important; } /*remove inventory tags - Roy Raviv*/ .featured-tags__wrapper { display: none; } .g-vehicle-card__image--compact { padding-bottom: 67% !important; } /* change Title for mega navigation fragment */ div.df.aic.mb-xs { display: none !important; } .promobuilder { background-color: #bd1f1b; color: #fff; padding: 1rem; border-radius: 1rem; font-size: 1.8rem; font-weight: 800; margin: 1rem 0rem 1rem 0rem; } .show-inventory__wrap.bottom-controls::before { content: "Check Out These Featured Vehicles" !important; color: #777; font-size: 1.9rem; margin-bottom: .8rem; font-weight: 700; font-family: Open Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-ser; } /*TRADESII SRP*/ @media only screen and (min-width: 758px) { .srp-wrapper .tradesii-root.tradesii-widget-reference-1 { width: 100vw; display: block; position: absolute; left: 0; } } /* Roy's changes */ @media (min-width: 600px) { [convertus-data-id="srp__vehicle-card"] { height: 100%; } .grid-view .vehicle-card__details { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; justify-items: stretch; min-height: 490px; } [data-vehicle-condition="Used"][convertus-data-id="srp__vehicle-card"] div:nth-of-type(2).vehicle-card__details { min-height: 580px; } .vehicle-card__action { cursor: pointer; font-size: 1.4rem; font-weight: 700; list-style-type: none; min-height: 57px; display: flex; margin: 4px !important; padding: 5px; background-color: white; border-radius: 5px; align-items: first baseline; } } @media (max-width: 600px) { div.ico_floating { display: none; } } /* Roy's changes END */ .tradesii-widget__desktop .tradesii-widget__body { display: block; } .tradesii-widget__desktop .tradesii-widget__body .tradesii-widget__input { width: 49%; } .tradesii-widget__desktop .tradesii-widget__body .tradesii-widget__logo { width: 25%; } .tradesii-widget__desktop .tradesii-widget__body .tradesii-widget__logo img { padding-top: 16px; padding-bottom: 0; } .tradesii-widget__desktop .tradesii-widget__body .tradesii-widget__cta { width: 25%; } .header .header__nav-bar .navigation > li.menu-item:last-of-type a { padding: 1rem 1.2rem; margin-top: 0.6rem; border-radius: 5px; background-color: var(--color-primary); color: #fff !important; } @media (max-width: 991px) { .footer__compliancy-wrapper { margin-top: 1.6rem; } } .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; } .wrapper.hero-widget__personalization-component-container .mb-md { margin: 0 !important; } .hero_widget-5 .hero-widget { padding-top: 4.8rem; padding-bottom: 4.8rem; } .hero_widget-5 .hero-widget__standard { display: none; } @media only screen and (max-width: 991px) { .hero_widget-6.hero-1 .hero-widget { min-height: 0; margin-bottom: -150px; padding: 1.6rem 0; } } .cc-placeholder { width: 100%; padding: 10rem 2rem; text-align: center; font-size: 3em; color: #aaa; } .hero_widget-5 .hero-widget__personalization-component-container { display: none; } .footer__content-hours .hours-tabs .nav-tabs__tab a { color: #fff; } .footer__content-hours .hours-tabs .nav-tabs__tab.active a { border-color: #fff; } .navigation--mobile .navigation--dark .sub-menu { background: rgba(255, 255, 255, .8); } /*demo css*/ .convertus-accordion__title { background-color: #9d0a0e; color: white; padding: 1rem 2rem; } .convertus-accordion__wrap .col-lg-6.col-md-6.col-sm-12.col-xs-12 { padding: 2rem; } .convertus-accordion__wrap h3 { padding-bottom: 1.5rem; } .convertus-accordion__wrap p b { margin-bottom: 1.5rem; margin-top: 1rem; display: inline-block; } .srp__page-title { margin-left: 0px; } /* MOPAR LP CSS */ #moparLP .page-body { background-color: #f1f1f3; } #moparLP .sect { font-family: 'Oswald', sans-serif; text-transform: uppercase; color: white; font-weight: 700; font-size: 2em; padding: 10px 10px 10px 40px; background: #0068b3; position: relative; text-align: left; border-radius: 3px; margin-top: 0; text-indent: -14px; } #moparLP .softsect { font-family: 'Oswald', sans-serif; text-transform: uppercase; color: white; font-weight: 700; font-size: 20px; padding: 10px 10px 10px 15px; background: #0068b3; position: relative; text-align: left; border-radius: 3px; margin-top: 0; } #moparLP .ddc-page-title { background-image: url("//pictures.dealer.com/a/autocanadatc/0677/0c1a2b4c6a9bb650317eb294ad0252aex.jpg"); background-repeat: no-repeat; background-size: cover; line-height: 33px; height: 350px; } #moparLP .content-page-title h1 { font-family: 'Oswald', sans-serif; font-size: 4.5em; text-transform: uppercase; padding-left: 28px; padding-top: 130px; font-weight: 700; line-height: 1; text-indent: 42px; } #moparLP p { padding: 10px; } #moparLP .blue { color: #0068B3; font-family: 'Oswald', sans-serif; font-size: 1.8em; margin-left: 37px; } #moparLP .topdesc { font-family: 'Oswald', sans-serif; font-size: 1.55em; line-height: 1.3; margin: 0px 5px 20px 10px; font-weight: 500; } #moparLP .desc { font-family: 'Oswald', sans-serif; font-size: 1.4em; line-height: 1.2em; margin: 5px 5px 15px 5px; font-weight: 300; } #moparLP .rnd { display: initial; margin: 0 5px 15px 0; border-radius: 5px } /*MOPAR IMAGE ICONS*/ #moparLP .ask-joe { text-align: center; } #moparLP .ask-joe a { position: relative; text-align: center; font-family: 'Oswald', sans-serif; font-size: 1.4em; color: #0068B3; font-weight: 700; display: inline-block; } #moparLP .mopar-icons { background-image: url("//pictures.dealer.com/a/autocanadatc/0006/fb69aa232536cd5c9b068ca6a1896d94x.jpg"); display: block; margin: 0 auto -10px; } #moparLP .mopar-icons.brakes { height: 75px; width: 73px; background-position: 3px 0; } #moparLP .mopar-icons.brakes span { display: inline-block; } #moparLP .mopar-icons.filters { height: 75px; width: 73px; background-position: -69px 0; } #moparLP .mopar-icons.batteries { height: 75px; width: 120px; background-position: -132px 0; } #moparLP .mopar-icons.tires { height: 75px; width: 65px; background-position: -246px 0; } #moparLP .mopar-icons.oil { height: 75px; width: 73px; background-position: 0; } #moparLP .mopar-icons.fluids { height: 75px; width: 63px; background-position: -68px; } #moparLP .mopar-icons.hoses { height: 77px; width: 127px; background-position: -125px; } #moparLP .mopar-icons.safety { height: 80px; width: 62px; background-position: -250px; } #moparLP .mopar-icons.belts { height: 80px; width: 97px; background-position: 2px 84px; } #moparLP .mopar-icons.wipers { height: 80px; width: 76px; background-position: -89px 80px; } #moparLP .mopar-icons.shocks { height: 81px; width: 78px; background-position: -162px 80px; } #moparLP .mopar-icons.steering { height: 81px; width: 70px; background-position: -240px 80px; } /* AUTOCANADA GROUP CUSTOM */ /*VDP/SRP AVTrade style -jbachelot*/ .button-group section > .vdp-third-party-widget{ /* margin-top: 9px; */ } .vdp-sidebar--sticky{ position:relative !important } .vdp-wrapper .trader-vdp-buttons{ margin-bottom: 9px; margin-top:3px } .vdp-wrapper > .widget_text{ width:100%; max-width:100%; } .srp-wrapper > .widget_text{ width:100%; max-width:100%; } .srp-wrapper .trader-srp-avtrade{ margin-bottom: 3.2rem; } @media screen and (min-width:1190px){ .vdp-wrapper{ padding-top: 0px !important; } .vdp-wrapper .trader-vdp-avtrade{ padding-top: 0px !important } .vdp-wrapper > .widget_text{ padding-top:0 !important; } .srp-wrapper{ padding-top:0 !important; } .srp-wrapper > .widget_text{ padding-top:0 !important; } } /*End: VDP AVtrade style*/ /* VDP CALL TO ACTION - CONSISTENT STYLING */ /* VDP BUTTON BLOCK */.vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(1) div.vdp-button-widget a.button, .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(2) div.vdp-button-widget a.button, .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(3) div.vdp-button-widget a.button, .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(4) div.vdp-button-widget a.button{width: 100%; height: 100%; cursor: pointer; position: relative; overflow: hidden; background-color: #9d0a0e; border-radius: 4px; line-height: initial; border: none; justify-content: flex-start !important; font-size: 16px; font-weight: 500; color: #fff; font-family: Roboto, sans-serif; margin-top: 0; margin-bottom: 10px; padding: .4rem 2.85rem !important;}.vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(1) div.vdp-button-widget a.button:before, .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(2) div.vdp-button-widget a.button:before, .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(3) div.vdp-button-widget a.button:before{display: inline-block; position: relative; margin-right: 0 !important; left: -12px; width: 18px; font-family: 'Font Awesome 5 Pro';}@media (max-width: 767px){.vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(1) div.vdp-button-widget a.button, .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(2) div.vdp-button-widget a.button, .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(3) div.vdp-button-widget a.button, .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(4) div.vdp-button-widget a.button{padding: .4rem 3.6rem !important;}}.vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(1) div.vdp-button-widget a.button:hover, .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(2) div.vdp-button-widget a.button:hover, .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(3) div.vdp-button-widget a.button:hover, .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(4) div.vdp-button-widget a.button:hover{background-color: #8d000e; color: #d9d9d9;}/* FIRST BUTTON */.vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(1) div.vdp-button-widget a.button:before{content: "\f2e8";}/* SECOND BUTTON */.vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(2) div.vdp-button-widget a.button:before{content: "\f622";}/* WALK AROUND ICON */.vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(3) div.vdp-button-widget a.button:before{content: "\f03d";}/* AV VDP BUTTON BLOCK */.trader-vdp-buttons{margin-bottom: 10px;}/* END VDP BUTTON BLOCK */ /* END VDP CALL TO ACTION - CONSISTENT STYLING */ /* 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) } .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, .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 { /*color: #ffe400*/ } .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, .2); padding: 3px 10px; letter-spacing: .3px; margin-left: 8px; flex-wrap: wrap; white-space: nowrap; text-transform: uppercase } @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, .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" */ /* INDEX HERO CALL TO ACTION - SERVICE */ .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.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) } /* THIRD-PARTY HIDES */ @media (max-width: 991px) { div.ico_floating, .home #gg-toolbar, .home .gg-btn-specials { display: none !important; } } /* SHOW GG SPECIALS TAB */ .gg-btn-specials.gg-reset { 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; } } /* STAFF PHOTO SIZE ADJUST */ .member__photo { height: 37rem; } /* --- MISC FCA-WIDE --- */ .hide { display: none; } .primary-wrapper p { margin-bottom: 0.5rem; } @media only screen and (min-width: 992px) { .srp-disclaimer { margin-bottom: 60px; } } /* SRP */ .srp-wrapper .widget_text p.disclaimer { font-size: 1.25rem; margin-top: 5rem; } /* SIDEBAR FORM CASL FONT SIZE */ section[class*='sidebar-contact-form'] form.contact-us span.wpcf7-form-control-wrap.communication span.wpcf7-list-item-label { font-size: 1.25rem; } /* HEADER */ .header .header-search__trigger--active, .header .header-search__trigger:hover { background: #333; border-color: #333; color: #fff } .header-search__trigger { cursor: pointer; font-size: 2.25rem; height: 0 !important; margin-left: 7px; background-color: #666; display: flex; color: #fff; border-radius: 5px; align-items: center; padding: 2rem 1.25rem; transition: color 0.2s, background-color 0.2s; border: 1px solid #666; text-shadow: 1px 1px 0px #333; } .header__logo-link { min-width: 330px; margin-right: 1rem; } .header .menu-item a { padding: 1.6rem 0.5rem; font-size: 1.35rem; } .header__logo_OEM { max-width: 9rem; } .header__logo { max-width: 23rem; max-height: 8rem; } .header--mobile .navigation--mobile .menu-item>a { font-weight: bold; font-size: 1.5rem; } .header--mobile .navigation--mobile .sub-menu > .menu-item a { font-weight: normal; } /* INDEX */ .home .inventory-search-widget div.searchbar-search__input-container label { font-size: 0; } /* MEGA MENU */ .mega-menu .mega-menu-sub-nav__navs--compact a { font-size: 1.6rem; margin-bottom: 0.4rem; } /* MAIN HEADER */ #garage-drawer .header-item__label { font-weight: 700; font-family: "Montserrat"; } /* Social Media Buttons Edit: jlb 9/21/2020*/ .header__info-single.hidden-sm-down .social-block .social-icon { margin-top: 20px; } .header__info-single .social-icon--light { color: #fff; background: #c1c1c1; padding: 15px; font-size: 1.75rem; border-radius: 5px; } .header__info-single .social-icon--light:hover{ background: #888888; color:white; } .social-block .social-icon{ margin:0.4rem; } .footer__mobile-social .social-icon--light{ font-size:2.5rem; color: white; background-color: var(--color-primary); border-radius: 0.5rem; } .header__info-single:not(:last-child){ margin-right: 1.25rem; } /* End SocialMedia Buttons Edit */ /* Footer rework -- Jlb */ .footer__lower{ flex-wrap: wrap; padding-bottom: 10px; flex-direction: column; } .footer__lower-logo img{ width:66px; position: relative; top: 2px; } .acFooterLogo{ display: inline-flex; } .compliancyWrap{ order: 2; margin-left:50px; } .lowerfooterlinkswrap{ order: 1; margin: 20px 0; } .acFooterLogo{ order: 3; width: 20rem; margin: 20px 0; align-self:center; } .acFooterLogo img{ align-self:center; } @media screen and (min-width:991px){ .lowerFooterLogo_mobile{ flex-wrap: nowrap; display: inline-flex; width: 100%; } .footer__lower{ flex-wrap: wrap; justify-content: space-between; padding-bottom: 70px; flex-direction: row; } .lowerFooterLogo_mobile{ width: 100%; display: inline-flex; padding: 25px; } .footer__compliancy-wrapper{ width: auto; } .compliancyWrap{ order: 3; margin-left:0; } .lowerfooterlinkswrap{ order: 2; } .acFooterLogo{ order: 1; } } /* END: footerRework */ /* END MISC FCA */ /*BUILD YOUR DEAL */ #byd .hero-home { margin-top: -1px; margin-right: 0; margin-left: 0; padding: 20px 0 50px; background-image: url(/wp-content/uploads/sites/74/2020/06/1258112_FCA_1100x432_BuildYourDeal_LP_2-v2.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: #000 } .byd-wrap input.button--centered { background-color: #fff; color: var(--color-primary) } .byd-wrap .input-group.valid { justify-content: center } #byd .byd-body-heading { max-width: 760px; text-align: center; margin: 0 auto; padding-bottom: .5rem; margin-bottom: 3rem; border-bottom: 1px dotted #e2e2e2 } #byd .byd-body-video { margin-bottom: 5rem; border-bottom: 1px dotted #e2e2e2 } #byd .byd-body-video { position: relative; overflow: hidden; padding-top: 56.25% } #byd .byd-body-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 } .byd-body-heading h5 { font-weight: 100; margin: 2rem 0 } .byd-body-heading h4 { color: var(--color-primary); margin-top: 2rem } #byd .byd-body-submit { margin: 0 auto; width: 40%; margin-top: 30px; border-radius: 4px; background-color: green; display: block; font-size: 16px; text-transform: capitalize; padding: 12px 0 } @media (max-width:400px), (max-device-width:480px) and (min-device-width:320px) { #byd .hero-text.link { margin: 0 auto } #byd .hero-text.link.first-link { margin-top: 5rem } #byd #byd-subheading { display: block; margin-bottom: 5px; font-size: 33px; line-height: 32px; color: #fff; font-weight: 600; text-align: center; letter-spacing: .25px } #byd .hero-text.light { font-size: 17px; text-align: center; line-height: normal; margin-bottom: 10px } #byd div.byd-points-wrap { text-align: center } #byd div.byd-points-wrap i { margin-top: 0 } #byd .byd-wrap .right { float: initial } #byd .byd-wrap .container { width: 100% } #byd .how-it-works .h1 { color: #fff; margin-bottom: 25px } #byd .byd-wrap .how-it-works span.circle { display: block; margin: 15px auto } #byd .byd-wrap .how-it-works h3 { display: block } } a.motoInsightIndex { text-align: center; display: block; background: #000 } /* 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: #0f5291; padding: 15px; flex-wrap: wrap; padding: 15px; font-size: 20px; border: none; text-shadow: 0 0 1px #000; line-height: 1em; color: #fff } .vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp a:active, .vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp a:focus, .vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp a:hover { background: #265a0a } .vdp-wrapper div[id^=vdp_third_party_scripts_widget].motocommerce-widget-vdp a span { display: block; font-size: 18px; width: 100%; font-weight: lighter } /* END AUTOCANADA MOTOCOMMERCE INTEGRATION */ /* GK header sms and phone */ .text-dept { margin-top: 0.85rem; margin-right: 0.8rem; } .text-dept .fa-comment {} /* .tList{ display:block; } */ .phone-div a { color: white; padding: 10px; display: flex; justify-content: space-between; align-items: center; font-size: 15px } .phone-div { border: 0.1rem solid gray; position: fixed; background-color: var(--color-primary); z-index: 20000; width: 100%; padding: 10px 10px 5px; } .phone-div h3 { color: white; margin-left: 10px; margin-top: 10px; } .phone-div a button { margin-left: 5px; background-color: #333; color: white; border: 0; width: 110px; height: 50px; font-weight: bolder; position: relative; float: right; } /* GK fixed mobile header */ .header--mobile { position: fixed; top: 0; width: 100%; } @media only screen and (max-width: 768px) { /* main { margin-top: 14vh } */ .header__nav-bar.is-stuck { position: static; } .header__nav-bar.is-hidden { transform: none; } } .text-dept { display: none } /* Mithila - SR00280657 */ @media (max-width: 479px) { .hero-1 .hero-widget { padding-top: 25px; min-height: 30vh } .hero-1 .hero-widget .main-heading { display: none } .hero-1 .hero-widget .search-container { min-height: 0px } } /* Mithila - SR00280657 */ /* CARGURUS BADGE ENHANCEMENTS */ #cargurus span.cg-dealrating-badge { display: none !important } .price-badge__wrapper { display: flex } .price-badge__wrapper span.cgDetails { font-size: 14px; font-weight: 800; text-align: right; line-height: 18px; width: 57% } .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) { .price-badge__wrapper--srp.price-badge__wrapper span.cgDetails { padding-top: 6px } .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 } } /* Yogesh SR00300428 */ .srp-wrapper .vehicle-card[data-vehicle-year="2012"] .vehicle-card__price-wrap--finance .finance{ display: none !important; } .srp-wrapper .vehicle-card[data-vehicle-year="2011"] .vehicle-card__price-wrap--finance .finance{ display: none !important; } .srp-wrapper .vehicle-card[data-vehicle-year="2010"] .vehicle-card__price-wrap--finance .finance{ display: none !important; } .srp-wrapper .vehicle-card[data-vehicle-year="2009"] .vehicle-card__price-wrap--finance .finance{ display: none !important; } .srp-wrapper .vehicle-card[data-vehicle-year="2008"] .vehicle-card__price-wrap--finance .finance{ display: none !important; } .srp-wrapper .vehicle-card[data-vehicle-year="2007"] .vehicle-card__price-wrap--finance .finance{ display: none !important; } .srp-wrapper .vehicle-card[data-vehicle-year="2006"] .vehicle-card__price-wrap--finance .finance{ display: none !important; } .srp-wrapper .vehicle-card[data-vehicle-year="2005"] .vehicle-card__price-wrap--finance .finance{ display: none !important; } .vdp-wrapper .finance-price{ display: none; } /* Yogesh SR00300428 */ /* MOBILE CALL BUTTONS - JLBachelot */ #callButtonsLayout { background-color: var(--color-primary); height: 0; overflow: hidden; } .callMenu-Active { height: 100% !important; } .callMenu-InActive{ height: 0px; overflow: hidden; } #callButtonsLayout ul { list-style: none; display: flex; flex-wrap: wrap; } #callButtonsLayout li { display: flex; width: 100%; justify-content: center; border-bottom: solid 2px var(--color-primary-dark); } #callButtonsLayout a { padding: 10px; margin: 10px; color: white; background-color: #222121; border-radius: 5px; width: 50%; text-align: center; font-weight: 600; } #callButtonsLayout p { padding: 15px; color: white; font-size: 2.2rem; margin-right: 10px; width: 25%; font-weight: 600; } #callButtonsLayout .numberList{ background-color: var(--color-primary); } @media screen and (min-width: 515px) and (max-width: 990px) { #callButtonsLayout li { flex-wrap: wrap; border-right: solid 2px var(--color-primary-dark); border-bottom: 0; width: 33.33%; } #callButtonsLayout li:last-of-type { border-right: 0; } #callButtonsLayout p { padding-bottom: 0; width: 100%; text-align: center; padding-bottom: 0; margin-right: 0px; } #callButtonsLayout a{ width: 80%; width: 80%; margin-bottom: 15px; } } /* End: MOBILE CALL BUTTONS - JLBachelot */ /* ADJUSTMENT AFTER ADDING COLLISION TO HEADER */ a.header__info-single--phone { font-size: 0.85em; } /* AutoVerify SRP - CB */ .av-srp-ecomm.button { background: #007bc7; margin-top: .8rem; }