Maple Ridge Chrysler New and Used Chrysler, Dodge, Jeep, Ram Sales in Maple Ridge Area | Maple Ridge Chrysler Jeep Dodge

Sales: (866) 978-2686 Parts: (877) 580-7921 Service: (888) 928-5976

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

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

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

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

11911 West St, Maple Ridge, BC, V2X3M6

Maple Ridge Chrysler Jeep Dodge in Maple Ridge, BC 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 (866) 978-2686.

Sales (888) 687-2906 Parts (866) 981-7313 Service (866) 982-8534 Alfa Romeo Sales (604) 466-3368 Find Our Location

Visit Our Location

11911 West St, Maple Ridge, BC, V2X3M6

Contact Us

Sales (866) 978-2686 Parts (877) 580-7921 Service (888) 928-5976 Alfa Romeo Sales (604) 466-3368

Hours Of Operation

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

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

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

Connect With Us

Maple Ridge Chrysler Jeep Dodge^© 2021 · Sitemap · Terms & Conditions · Privacy Policy ·

:root { --color-primary: #bd1f1b; --color-primary-dark: #a90b07; --color-primary-light: #d83a36; } body, input, button, select { font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } #gg-toolbar, .gg-chat-bubble, .gg-popup { z-index: 1100 !important; } /* spacing between the header */ @media screen and (min-width: 1663px) { .header .menu-item { white-space: nowrap; padding-right: 1rem; } } /* spacing between the header END */ /*Hide Window Sticker Print Link - 24.04.2020 REQUESTED BY CHERYL ARIKEN */ a[href^='https://windowsticker.fcacanada.ca/'] { display: none; } /*Hide Inventory Tags - CASE 01657304*/ .vdp-wrapper ul.featured-tags__wrapper { display: none !important; } .g-vehicle-card__image--compact { padding-bottom: 67% !important; } /* 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 */ /* 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 .pl-sm.pr-sm { position: relative; top: 75px; } .srp-wrapper .tradesii-root.tradesii-widget-reference-1 { width: 100vw; display: block; position: absolute; left: 0; } } /*VLP Get Price Color*/ .srp-wrapper .vehicle-card.gtm_vehicle_tile .srp-button-widget.mb-xs a:nth-child(1) { background: green !important; color: #fff; border-color: green !important; } .srp-wrapper .vehicle-card.gtm_vehicle_tile .srp-button-widget.mb-xs a:nth-child(1):hover { background: #006400 !important; color: #fff; border-color: #006400 !important; } /*VLP Get Price Color*/ /* CASE 01580353 */ #vdp-app .button[convertus-data-id="vdp__cta--get-price"] { font-size: 0; } #vdp-app .button[convertus-data-id="vdp__cta--get-price"]:before { font-size: initial; content: 'Request Monthly Quote'; } /* CASE 01580353 */ .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%; } .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*/ /* AUTOCANADA GROUP CUSTOM */ /* VDP CALL TO ACTION - CONSISTENT STYLING */ /*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; } .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-wrapper div.button-group section.vdp-button-1 div.vdp-button-widget a.button { width: 100%; height: 100%; cursor: pointer; position: relative; overflow: hidden; background-color: #9d0a0e; border-radius: 4px; padding: 12px 16px 12px 1.6em; line-height: initial; border: none; justify-content: center; font-size: 16px; font-weight: 500; color: #fff; font-family: Roboto, sans-serif; margin-top: 3px; margin-bottom: -1px } .vdp-wrapper div.button-group section.vdp-button-1 div.vdp-button-widget a.button:active, .vdp-wrapper div.button-group section.vdp-button-1 div.vdp-button-widget a.button:focus, .vdp-wrapper div.button-group section.vdp-button-1 div.vdp-button-widget a.button:hover { background-color: var(--color-primary-dark) } .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(1) div.vdp-button-widget a.button { margin-bottom: 7px; } .vdp-wrapper div.button-group section.vdp-button-1 div.vdp-button-widget a.button:before { font-family: 'Font Awesome 5 Pro'; font-weight: 900; display: inline-block; position: absolute; color: #fff; font-size: 1em; left: 16px } .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(1) div.vdp-button-widget a.button:before { content: "\f2e8"; display: inline-block; position: relative; left: -12px; } .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(2) div.vdp-button-widget a.button:before { content: "\f622"; display: inline-block; position: relative; left: -12px; } /* 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" */ /* HUBSPOT FINANCE FORM CSS */ div#sp-finance-form label { display: inline-block } div#sp-finance-form label.hs-error-msg { color: red } div#sp-finance-form div.actions input[type=submit] { text-align: center } div#sp-finance-form ul { list-style-type: none } div#sp-finance-form .hs-form-field { margin-bottom: 20px } /* THIRD-PARTY HIDES */ @media (max-width: 991px) { div.ico_floating, .home #gg-toolbar, .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; } } /* END AUTOCANADA GROUP CUSTOM */ /* BUILD YOUR DEAL */ #byd .hero-home { margin-top: -1px; margin-right: 0; margin-left: 0; padding: 20px 0 50px; background-image: url(https://autocanadaprod-com.cdn-convertus.com/uploads/sites/24/2020/03/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; } /* END BUILD YOUR DEAL */ /* AUTOCANADA MOTOCOMMERCE INTEGRATION - FCA TWEAK MARCH 23, 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: #092e51 } .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 */ /* 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; } /* END INDEX SEARCH WIDGET*/ /*-- Mopar Add Css -jbachelot --*/ /* 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; } /*End: Mopar*/ /* --- 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: 300px; display: flex; align-items: center; 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: 21rem; max-height: 8rem; } .header .navigation .service-button { border-radius: 5px; text-align: center; } .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"; } /* VDP CALL TO ACTION - CONSISTENT STYLING */ .vdp-wrapper div.button-group section.vdp-button-1 div.vdp-button-widget a.button { width: 100%; height: 100%; cursor: pointer; position: relative; overflow: hidden; background-color: #9d0a0e; border-radius: 4px; padding: 12px 16px 12px 30px; line-height: initial; border: none; justify-content: left; font-size: 16px; font-weight: 500; font-family: Roboto, sans-serif; margin-top: 3px; margin-bottom: 9px; } .vdp-wrapper div.button-group section.vdp-button-1 div.vdp-button-widget a.button:active, .vdp-wrapper div.button-group section.vdp-button-1 div.vdp-button-widget a.button:focus, .vdp-wrapper div.button-group section.vdp-button-1 div.vdp-button-widget a.button:hover { background-color: var(--color-primary-dark) } .vdp-wrapper div.button-group section.vdp-button-1 div.vdp-button-widget a.button:before { font-family: 'Font Awesome 5 Pro'; font-weight: 900; display: inline-block; position: absolute; color: #fff; font-size: 1em; } .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(1) div.vdp-button-widget a.button:before { content: "\f2e8"; display: inline-block; position: relative; left: -14px;} .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(2) div.vdp-button-widget a.button:before { content: "\f622"; display: inline-block; position: relative; left: -14px; } .vdp-wrapper div.button-group section.vdp-button-1:nth-of-type(1) div.vdp-button-widget a.button { margin-bottom: 7px; } /* END VDP CALL TO ACTION - CONSISTENT STYLING */ /* 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; } .lowerfooterlinkswrap{ order: 1; margin: 20px 0; } .acFooterLogo{ order: 3; width: 20rem; margin: 20px 0; align-self:center; } .acFooterLogo img{ align-self:center; } .footer__compliancy-wrapper{ color: white; font-size: 1.5rem; font-weight: 600; } @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-WIDE --- */ /* GK fixed mobile header */ .header--mobile { position: fixed; top: 0; width: 100%; } @media only screen and (max-width: 768px) { .header__nav-bar.is-stuck { position: static; } .header__nav-bar.is-hidden { transform: none; } } .text-dept { display: none; } /*CASE 01621674*/ @media only screen and (min-width: 702px) { .home .hero-1 .hero-widget { min-height: 32vh; } .home .hero-1 .hero-widget .main-heading { font-size: 42px !important; } .home .hero_widget-8.hero-1 { height: 300px; } } /*CASE 01621674 - END*/ /*CASE 01636072*/ .footer__main .contact-block__link strong { width: 16rem; } /* Mithila - SR00283376 */ /* START - Align specials in menu */ .show-special__wrap.bottom-controls > .tns-outer > .tns-ovh > .tns-inner > .tns-slider.tns-carousel.tns-subpixel.tns-calc.tns-horizontal > #tns1-item1 { margin-top: -290px !important } .show-special__wrap.bottom-controls > .tns-outer > .tns-ovh > .tns-inner > .tns-slider.tns-carousel.tns-subpixel.tns-calc.tns-horizontal > #tns1-item2 { margin-top: -310px !important } .show-special__wrap .tns-outer .tns-ovh .tns-inner #tns2-item1 { margin-top: -290px !important } .show-special__wrap .tns-outer .tns-ovh .tns-inner #tns2-item2 { margin-top: -310px !important } /* END - Align specials in menu */ /* Mithila - SR00283376 */ /* 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 } } /* BUILD YOUR DREAM RIDE VDP CTA */ .buildYourDreamRide { text-align: center; background: #9d0a0e; margin-bottom: 25px; border-radius: 4px; font-weight: 600; padding: 5px; } .buildYourDreamRide:hover { background: #85080c; } .buildYourDreamRide a { color: white; display: inline-block; width: 100%; } /* THIRD-PARTY HIDES */ @media (max-width: 991px) { #cov19_floating { display: none !important; } .cov19_floating_mb { display: block !important; } } /* MOBILE SRP FIX */ @media (max-width:767px) { .srp-wrapper .advanced-filters-wrap .filter-buttons__toggle { height: 30px; justify-content: center; background: var(--color-primary-dark) } div.back-to-top ~ div .row .filter-col .advanced-filters-wrap .filter-buttons { top: 62px } body div.srp-wrapper div.back-to-top { bottom: 2% } .srp-wrapper .wrapper { padding: 2.1rem 0 0 !important } .srp-sort__header { margin-bottom: 0; min-width: 80px; margin: 0; line-height: 30px } .extra-filters .srp-sort { width: 100%; display: flex; justify-content: center } } /* 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 */ .vdp-wrapper .trader-vdp-ecomm{ margin-top:9px } /* AV Ecomm Button Style - JLB */ @media screen and (max-width: 768px){ .vdp-wrapper .trader-vdp-ecomm .fa-calculator{ display:none !important; } .vdp-wrapper .trader-vdp-ecomm{ margin-top: 5px; } .vdp-wrapper .trader-vdp-ecomm .av_button-widget-inner::before{ font-size:2rem !important; padding-top: 15px !important; } } .trader-vdp-ecomm{ margin-bottom: 9px; } .trader-vdp-ecomm .fa-calculator{ display: block; } .vdp-sidebar .trader-vdp-ecomm{ position:relative; width:100%; } .vdp-sidebar .trader-vdp-ecomm iframe{ opacity:0; } .vdp-wrapper .trader-vdp-ecomm .av_button-widget-inner::before{ background-color:green; display:block; width:100%; height:100%; content:"View my payment options"; color:white; position:relative; z-index:0; border-radius:5px; padding-top:14px; padding-left:45px; font-size: 1.75rem; font-weight:500; letter-spacing:0px; font-family: roboto, sans-serif !important; transition: ease all 0.2s; } .vdp-wrapper .fa-calculator:before{ content:"\f1ec"; position:absolute; top:20px; left: 18px; color:white; z-index:3; } .vdp-sidebar .trader-vdp-ecomm a:hover{ background-color:none; border-radius:4px; } .trader-vdp-ecomm .av_modal__button:hover .av_button-widget-inner{ opacity: 1 !important; } .av_button_widget__container .av_modal__button:hover .av_button-widget-inner::before{ background-color:darkgreen; } /* End: AV Ecomm Button Style */ /* ADJUST FOOTER FOR TRADEREV FORM lp */ @media only screen and (max-width: 768px) { .footer.dark .footer__main { margin-top: 5rem; } } .wrapper-bg-dark{background-color:#333;padding:50px 0}.searchInvButtonBlock{list-style:none;display:flex;flex-wrap:wrap;padding-top:30px;border-top:solid #80808030 2px}.searchInvButtonBlock .button{height:65px;padding-left:60px;max-width:1000px}.searchInvButtonBlock li{width:50%;position:relative}.searchInvButtonBlock li img{position:absolute;z-index:100;width:30px;top:15px;left:15px}.searchInvButtonBlock li:nth-of-type(1),.searchInvButtonBlock li:nth-of-type(2){margin-bottom:7px}.searchInvButtonBlock li:nth-of-type(1),.searchInvButtonBlock li:nth-of-type(3){padding-right:7px}#searchInvBarWrap .searchbar-search{padding:30px 20px;padding-top:15px;margin:0}#searchInvBarWrap .col{padding-right:0}#searchInvBarWrap .widget-heading{color:#fff;margin:0;text-align:center}#searchInvBarWrap .onsidebar{padding-left:0}#searchInvBarWrap .searchbar-search__input-container label{margin:0}#searchInvBarWrap .onsidebar a{border-top-left-radius:0;border-bottom-left-radius:0;padding:0 9px}#searchInvBarWrap .onsidebar a::after{display:none}#searchInvBarWrap .input--alternate{border-top-right-radius:0;border-bottom-right-radius:0}#searchInvBarWrap #inventory_search_widget-2 .searchbar-search>div:first-of-type,#searchInvBarWrap #inventory_search_widget-2 h2:after{display:none}@media screen and (max-width:768px){.searchInvButtonBlock .button{padding-left:60px}#searchInvBarWrap .searchbar-search input{display:block;border-radius:3px}.searchInvButtonBlock{padding:30px 20px}}#motoSection{padding:6.4rem calc(50% - 55rem)}#motoSection .greyBackground{background-color:#f3f3f3;padding:60px;border-radius:10px}#motoSection h2{color:#363636;font-family:Montserrat,sans-serif;font-weight:500;line-height:3rem;text-transform:uppercase}#motoSection h3{color:var(--color-primary);font-family:Montserrat,sans-serif;font-weight:500;line-height:2.5rem;margin-bottom:10px;text-transform:capitalize}#motoSection .l1,#motoSection .l2{height:2px;width:45%;background-color:#d6d6d6;margin:15px 0 15px 0}#motoSection .l2{width:25%}#motoSection .button{max-width:100%;margin-top:10px;text-transform:uppercase}#motoSection .buttonStack{margin-top:20px}#motoSection .buttonStack .col-lg-6{padding:0 5px}#motoSection .rightCol{padding:60px 0 0 0}#motoSection .rightCol h2,#motoSection .rightCol p{padding-bottom:15px}@media screen and (max-width:350px){#motoSection .greyBackground{padding:30px}}@media screen and (max-width:760px){#motoSection{padding:0}#motoSection .greyBackground{border-radius:0}#motoSection .rightCol{padding:40px 0!important}}