/* DEALER.COM STAFF STYLE REVISIONS */

/* fdbarfety PPR-030060 */
@media (min-width: 768px) {.map-overlay.center-block-vertical-md {left: 2%;}}

/* Start 'vdp-new-price-label-final-price' (do not modify this line) */
/* Modified by ntringale on 06/21/24 10:59 AM EDT */
.vdp .inv-type-new.pricing-detail .final-price .price-label { text-decoration: none; font-weight: 800; font-size: 23px; color: #004a87; }
/* End 'vdp-new-price-label-final-price' (do not modify this line) */

/* Start 'vdp-new-price-value-final-price' (do not modify this line) */
/* Modified by ntringale on 06/21/24 10:59 AM EDT */
.vdp .inv-type-new.pricing-detail .final-price .price-value { text-decoration: none; font-weight: 800; font-size: 27px; color: #004a87; }
/* End 'vdp-new-price-value-final-price' (do not modify this line) */

/* Start 'srp-new-price-label-discount' (do not modify this line) */
/* Modified by ntringale on 07/31/24 04:05 PM EDT */
.srp .inv-type-new.pricing-detail .discount .price-label { text-decoration: none; font-size: 18px; color: #000000; }
/* End 'srp-new-price-label-discount' (do not modify this line) */

/* Start 'srp-new-price-label-final-price' (do not modify this line) */
/* Modified by jsguyette on 06/27/24 12:35 PM EDT */
.srp .inv-type-new.pricing-detail .final-price .price-label { text-decoration: none; font-weight: 800; font-size: 23px; color: #004a87; }
/* End 'srp-new-price-label-final-price' (do not modify this line) */

/* Start 'srp-new-price-value-final-price' (do not modify this line) */
/* Modified by jsguyette on 06/27/24 12:36 PM EDT */
.srp .inv-type-new.pricing-detail .final-price .price-value { text-decoration: none; font-weight: 800; font-size: 22.5px; color: #004a87; }
/* End 'srp-new-price-value-final-price' (do not modify this line) */

/* Start 'vdp-new-price-label-discount' (do not modify this line) */
/* Modified by jclee1 on 06/27/24 01:41 PM EDT */
.vdp .inv-type-new.pricing-detail .discount .price-label { text-decoration: none; font-size: 12px; color: #000000; }
/* End 'vdp-new-price-label-discount' (do not modify this line) */

/* Start 'srp-new-price-label-msrp' (do not modify this line) */
/* Modified by ntringale on 07/31/24 04:06 PM EDT */
.srp .inv-type-new.pricing-detail .msrp .price-label { text-decoration: none; font-size: 18px; color: #000000; }
/* End 'srp-new-price-label-msrp' (do not modify this line) */

/* Start 'srp-new-price-value-msrp' (do not modify this line) */
/* Modified by ntringale on 07/31/24 04:07 PM EDT */
.srp .inv-type-new.pricing-detail .msrp .price-value { text-decoration: none; font-size: 18px; color: #000000; }
/* End 'srp-new-price-value-msrp' (do not modify this line) */

/* Start 'vdp-used-price-value-final-price' (do not modify this line) */
/* Modified by ntringale on 08/07/24 01:57 PM EDT */
.vdp .inv-type-used.pricing-detail .final-price .price-value { text-decoration: none; font-weight: 800; font-size: 22.5px; color: #000000; }
/* End 'vdp-used-price-value-final-price' (do not modify this line) */

/* MCGRATH TEAM STYLE REVISIONS - ddc-gm-mstr-desktop-v2 */

:root { --mfd-green: #64a70b; --mfd-green-dark: #276d00; --mfd-green-darker: #1d5200; --mfd-green-light: #91ce0f; --mfd-blue: #004b87; --mfd-blue-dark: #003067; --mfd-blue-darker: #001834; --mfd-blue-light: #0071c3; --mfd-gray: #888b8d; --mfd-gray-dark: #686b6d; --mfd-gray-light: #acaeaf; } .clearfix { clear: both; } /* TYPOGRAPHY */ div.content-raw div.alignLeft { text-align: left !important; } div.content-raw div.alignCenter { text-align: center !important; } div.content-raw div.alignRight {text-align: right !important; } div.content-raw p.xsmall { font-size: 12px; } div.content-raw a.ctaButton.small, div.content-raw p.small { font-size: 14px; } div.content-raw p.large { font-size: 20px; } div.content-raw p.xlarge { font-size: 26px; line-height: 1.4; } div.content-raw p.xxlarge { font-size: 30px; line-height: 1.3; } div.content-raw h2.medium { font-size: 30px; } div.content-raw h2.large { font-size: 32px; } div.content-raw h2.xlarge { font-size: 36px; } div.content-raw h2.xxlarge { font-size: 42px; } div.content-raw h3.medium, div.content-raw h4.medium { font-size: 20px; } div.content-raw h3.large, div.content-raw h4.large, div.content-raw a.ctaButton.large { font-size: 24px; } div.content-raw h3.xlarge, div.content-raw h4.xlarge, div.content-raw a.ctaButton.xlarge { font-size: 32px; } div.content-raw h3.xxlarge, div.content-raw h4.xxlarge, div.content-raw a.ctaButton.xxlarge { font-size: 36px; } /* HEADINGS */ div.content-raw .stripeHeading { color: #fff; padding-top: 16px; padding-right: 20px; padding-bottom: 8px; padding-left: 20px; border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color: var(--mfd-green); background-color: var(--mfd-blue); background: rgb(0,75,135); background: -moz-linear-gradient(0deg, rgba(0,75,135,1) 0%, rgba(0,113,195,1) 100%); background: -webkit-linear-gradient(0deg, rgba(0,75,135,1) 0%, rgba(0,113,195,1) 100%); background: linear-gradient(0deg, rgba(0,75,135,1) 0%, rgba(0,113,195,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--mfd-blue)",endColorstr="var(--mfd-blue-light)",GradientType=1); margin-bottom: 0.6em; text-shadow: 1px 2px 2px var(--mfd-blue-dark); width: 100%; } div.content-raw .stripeHeading:first-child { margin-top: 0; } div.content-raw .stripeHeading.white { border-bottom-style: solid; border-bottom-color: var(--mfd-blue); background-color: #d7d7d7; background: rgb(215,215,215); background: -moz-linear-gradient(0deg, rgba(215,215,215,1) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(0deg, rgba(215,215,215,1) 0%, rgba(255,255,255,1) 50%); background: linear-gradient(0deg, rgba(215,215,215,1) 0%, rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7d7d7",endColorstr="#ffffff",GradientType=1); } div.content-raw .stripeHeading.white, div.content-raw .stripeHeading.white h1, div.content-raw .stripeHeading.white h2, div.content-raw .stripeHeading.white h3, div.content-raw .stripeHeading.white h4, div.content-raw .stripeHeading.white p { color: var(--mfd-blue); text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 2px 2px 1px #cccccc; } div.content-raw a[data-lity].oneHalf, div.content-raw div.oneHalf, div.content-raw section.oneHalf { width: 460px; margin-bottom: 30px; padding: 0; background-image: none; } /* CLEAR FIXES */ .group:before, div.content-raw div.shadedBox:before { content: " "; display: table; } .group:after, div.content-raw div.shadedBox:after { content: ""; display: table; clear: both; } /* BUTTON - PRIMARY */ div.content-raw a.ctaButton { background: var(--mfd-green); background: -moz-linear-gradient(top, var(--mfd-green) 0%, var(--mfd-green-dark) 100%); background: -webkit-linear-gradient(top, var(--mfd-green) 0%,var(--mfd-green-dark) 100%); background: linear-gradient(to bottom, var(--mfd-green) 0%,var(--mfd-green-dark) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mfd-green)', endColorstr='var(--mfd-green-dark)',GradientType=0 ); border-top-width: 0; border-right-width: 0; border-bottom-width: 5px; border-left-width: 0; border-style: solid; border-bottom-color: var(--mfd-green-light); color: #fff; font-size: 21px; line-height: 1.25; padding-top: 14px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; text-transform: uppercase; text-align: center; width: auto; height: auto; display: inline-block; text-decoration: none !important; margin-bottom: 20px; letter-spacing: .05rem; text-shadow: 0px 1px 4px rgba(39,109,0,1); } div.content-raw a.ctaButton:hover { background: var(--mfd-green-dark); background: -moz-linear-gradient(top, var(--mfd-green-dark) 0%, var(--mfd-green) 100%); background: -webkit-linear-gradient(top, var(--mfd-green-dark) 0%,var(--mfd-green) 100%); background: linear-gradient(to bottom, var(--mfd-green-dark) 0%,var(--mfd-green) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mfd-green-dark)', endColorstr='var(--mfd-green)',GradientType=0 ); cursor: pointer; color: #fff; } div.content-raw a.ctaButton:active { border-top-width: 5px; border-bottom-width: 0; border-top-color: #d7d7d7; } div.content-raw a.ctaButton.red, div.content-raw div.ctaColumn.red a.ctaButton, div.content-raw div.ctaRow.red a.ctaButton { background: #ed2024; background: -moz-linear-gradient(top, #ed2024 0%, #be2026 100%); background: -webkit-linear-gradient(top, #ed2024 0%,#be2026 100%); background: linear-gradient(to bottom, #ed2024 0%,#be2026 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed2024', endColorstr='#be2026',GradientType=0 ); border-bottom-color: #ff9999; text-shadow: 0px 1px 4px rgba(102, 0, 0, 1); } div.content-raw a.ctaButton.red:hover, div.content-raw div.ctaColumn.red a.ctaButton:hover, div.content-raw div.ctaRow.red a.ctaButton:hover { background: #be2026; background: -moz-linear-gradient(top, #be2026 0%, #ed2024 100%); background: -webkit-linear-gradient(top, #be2026 0%,#ed2024 100%); background: linear-gradient(to bottom, #be2026 0%,#ed2024 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be2026', endColorstr='#ed2024',GradientType=0 ); } div.content-raw a.ctaButton.blue, div.content-raw div.ctaColumn.blue a.ctaButton, div.content-raw div.ctaRow.blue a.ctaButton { background: var(--mfd-blue); background: -moz-linear-gradient(top, var(--mfd-blue) 0%, var(--mfd-blue-dark) 100%); background: -webkit-linear-gradient(top, var(--mfd-blue) 0%,var(--mfd-blue-dark) 100%); background: linear-gradient(to bottom, var(--mfd-blue) 0%,var(--mfd-blue-dark) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mfd-blue)', endColorstr='var(--mfd-blue-dark)',GradientType=0 ); border-bottom-color: #0080fe; text-shadow: 0px 1px 4px rgba(0,48,103,1); } div.content-raw a.ctaButton.blue:hover, div.content-raw div.ctaColumn.blue a.ctaButton:hover, div.content-raw div.ctaRow.blue a.ctaButton:hover { background: var(--mfd-blue-dark); background: -moz-linear-gradient(top, var(--mfd-blue-dark) 0%, var(--mfd-blue) 100%); background: -webkit-linear-gradient(top, var(--mfd-blue-dark) 0%,var(--mfd-blue) 100%); background: linear-gradient(to bottom, var(--mfd-blue-dark) 0%,var(--mfd-blue) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mfd-blue-dark)', endColorstr='var(--mfd-blue)',GradientType=0 ); } div.content-raw a.ctaButton.gray, div.content-raw div.ctaColumn.gray a.ctaButton, div.content-raw div.ctaRow.gray a.ctaButton { background: #b7b7b7; background: -moz-linear-gradient(top, #b7b7b7 0%, #959595 100%); background: -webkit-linear-gradient(top, #b7b7b7 0%,#959595 100%); background: linear-gradient(to bottom, #b7b7b7 0%,#959595 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#959595',GradientType=0 ); border-bottom-color: #d7d7d7; text-shadow: 0px 1px 4px rgba(99,99,99,1); } div.content-raw a.ctaButton.gray:hover, div.content-raw div.ctaColumn.gray a.ctaButton:hover, div.content-raw div.ctaRow.gray a.ctaButton:hover { background: #959595; background: -moz-linear-gradient(top, #959595 0%, #959595 0%, #b7b7b7 100%); background: -webkit-linear-gradient(top, #959595 0%,#959595 0%,#b7b7b7 100%); background: linear-gradient(to bottom, #959595 0%,#959595 0%,#b7b7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#b7b7b7',GradientType=0 ); } div.content-raw a.ctaButton.floatCenter { display: block; margin-left: auto; margin-right: auto; max-width: 300px; } div.content-raw a.ctaButton.extraTop { margin-top: 20px; } div.content-raw a.ctaButton img { width: 100%; height: auto; margin-bottom: 0; display: inline-block; } div.content-raw div.shadedBox.stripe.ctaRow a.ctaButton, div.content-raw div.shadedBox.stripe.ctaRow a.ctaButton, div.content-raw div.shadedBox.promoHeader.ctaRow a.ctaButton, div.content-raw div.shadedBox.promoHeader.ctaRow a.ctaButton, div.content-raw div.whiteBox.stripe.ctaRow a.ctaButton, div.content-raw div.whiteBox.stripe.ctaRow a.ctaButton, div.content-raw div.whiteBox.promoHeader.ctaRow a.ctaButton, div.content-raw div.whiteBox.promoHeader.ctaRow a.ctaButton, div.content-raw div.ctaRow a.ctaButton { display: block; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 20px; max-width: 280px; } div.content-raw div.shadedBox.textRight a.ctaButton, div.content-raw div.whiteBox.textRight a.ctaButton { margin-left: 0; float: right; } div.content-raw div.shadedBox.ctaColumn a.ctaButton { width: 100%; margin-bottom: 10px; } div.content-raw div.shadedBox.ctaColumn a.ctaButton:last-of-type { margin-bottom: 20px; } div.content-raw div.stripe a.ctaButton, div.content-raw div.stripe a.ctaButton { margin-right: 20px; margin-left: 20px; } div.content-raw div.threeColumns div.ctaRow a.ctaButton, div.content-raw div.fourColumns div.ctaRow a.ctaButton, div.content-raw div.fiveColumns div.ctaRow a.ctaButton { width: 100%; } div.content-raw div.ctaRow.twoButtons { padding-right: 100px; padding-left: 100px; } div.content-raw div.ctaRow.twoButtons a.ctaButton { width: 45.94594594594595%; } div.content-raw div.ctaRow.twoButtons a.ctaButton:nth-of-type(1) { float: left; } div.content-raw div.ctaRow.twoButtons a.ctaButton:nth-of-type(2) { float: right; } div.content-raw div.ctaRow.threeButtons a.ctaButton { width: 31.11111111111111%; margin-right: 3.3333333333333335%; float: left; } div.content-raw div.ctaRow.threeButtons a.ctaButton:nth-of-type(3) { float: left; margin-right: 0; } div.content-raw div.ctaRow.fourButtons a.ctaButton { width: 23.40425531914894%; margin-right: 2.127659574468085%; float: left; } div.content-raw div.ctaRow.fourButtons a.ctaButton:nth-of-type(4) { margin-right: 0; } /* BLOCK MENUS */ div.content-raw div.blockMenu.home { display: flex; justify-content: space-evenly; flex-wrap: wrap; margin-top: 0; margin-right: auto; margin-bottom: 20px; margin-left: auto; width: 1360px; max-width: 100%; clear: both; } div.content-raw div.blockMenu { justify-content: flex-start; } div.content-raw div.blockMenu a { margin-bottom: 20px; } div.content-raw div.threeColumns.blockMenu > a { width: 31.875%; } div.content-raw div.fourColumns.blockMenu > a { width: 23.4375%; } div.content-raw div.fiveColumns.blockMenu > a { width: 18.33333333333333%; } div.content-raw div.sixColumns.blockMenu > a { width: 15.10416666666667%; } div.content-raw div.fourColumns.blockMenu > a, div.content-raw div.fiveColumns.blockMenu > a { margin-right: 2.083333333333333%; } div.content-raw div.threeColumns.blockMenu > a { margin-right: 2.1875%; } div.content-raw div.sixColumns.blockMenu > a { margin-right: 1.875%; } div.content-raw div.blockMenu > div, div.content-raw div.blockMenu > a { border: 2px solid #fff; transition: background-color 500ms ease .1s; -moz-transition: background-color 500ms ease .1s; -ms-transition: background-color 500ms ease .1s; -o-transition: background-color 500ms ease .1s; -webkit-transition: background-color 500ms ease .1s; } div.content-raw div.blockMenu > a:nth-of-type(1), div.content-raw div.blockMenu > div:nth-of-type(1) { background-color: #3498db; } div.content-raw div.blockMenu > a:nth-child(1):hover, div.content-raw div.blockMenu > div:nth-of-type(1):hover { background-color: #2c81ba; } div.content-raw div.blockMenu > a:nth-of-type(2), div.content-raw div.blockMenu > div:nth-of-type(2) { background-color: var(--mfd-green); } div.content-raw div.blockMenu > a:nth-child(2):hover, div.content-raw div.blockMenu > div:nth-of-type(2):hover { background-color: #558e09; } div.content-raw div.blockMenu > a:nth-of-type(3), div.content-raw div.blockMenu > div:nth-of-type(3) { background-color: #999999; } div.content-raw div.blockMenu > a:nth-of-type(3):hover, div.content-raw div.blockMenu > div:nth-of-type(3):hover { background-color: #828282; } div.content-raw div.blockMenu > a:nth-of-type(4), div.content-raw div.blockMenu > div:nth-of-type(4) { background-color: #ff9900; } div.content-raw div.blockMenu > a:nth-of-type(4):hover, div.content-raw div.blockMenu > div:nth-of-type(4):hover { background-color: #d98200; } div.content-raw div.blockMenu > a:nth-of-type(5), div.content-raw div.blockMenu > div:nth-of-type(5) { background-color: #e74c3c; } div.content-raw div.blockMenu > a:nth-of-type(5):hover, div.content-raw div.blockMenu > div:nth-of-type(5):hover { background-color: #c54133; } div.content-raw div.blockMenu > a:nth-of-type(6), div.content-raw div.blockMenu > div:nth-of-type(6) { background-color: #7f3f98; } div.content-raw div.blockMenu > a:nth-of-type(6):hover, div.content-raw div.blockMenu > div:nth-of-type(6):hover { background-color: #652c7f; } div.content-raw div.blockMenu > a:nth-of-type(7), div.content-raw div.blockMenu > div:nth-of-type(7) { background-color: #464646; } div.content-raw div.blockMenu > a:nth-of-type(7):hover, div.content-raw div.blockMenu > div:nth-of-type(7):hover { background-color: #252525; } div.content-raw div.blockMenu > a:nth-of-type(8), div.content-raw div.blockMenu > div:nth-of-type(8) { background-color: #33cc99; } div.content-raw div.blockMenu > a:nth-of-type(8):hover, div.content-raw div.blockMenu > div:nth-of-type(8):hover { background-color: #2bae82; } div.content-raw div.blockMenu > a:nth-of-type(9), div.content-raw div.blockMenu > div:nth-of-type(9) { background-color: var(--mfd-blue); } div.content-raw div.blockMenu > a:nth-of-type(9):hover, div.content-raw div.blockMenu > div:nth-of-type(9):hover { background-color: #004073; } div.content-raw div.blockMenu > a:nth-of-type(10), div.content-raw div.blockMenu > div:nth-of-type(10) { background-color: #996633; } div.content-raw div.blockMenu > a:nth-of-type(10):hover, div.content-raw div.blockMenu > div:nth-of-type(10):hover { background-color: #82572b; } div.content-raw div.blockMenu > a:last-child { margin-right: 0; } div.content-raw div.blockMenu img { width: 100%; height: auto; margin-bottom: 0; } div.content-raw div.blockMenu.threeColumns > a:nth-of-type(3n+3), div.content-raw div.blockMenu.fourColumns > a:nth-of-type(4n+4), div.content-raw div.blockMenu.fiveColumns > a:nth-of-type(5n+5), div.content-raw div.blockMenu.sixColumns > a:nth-of-type(6n+6) { margin-right: 0; } /* HOME BLOCK MENU */ div.content-raw div.blockMenu.home a { box-sizing: content-box; width: 14.8936170212766%; height: auto; margin-top: 0; margin-right:2.127659574468085%; margin-bottom: 20px; margin-left: 0; border-top: 0 none; border-right: 0 none; border-bottom: 4px solid #b2b2b2; border-left: 0 none; } div.content-raw div.blockMenu.home a:active { border-bottom: 0px; border-top: 4px solid #b2b2b2; } div.content-raw div.blockMenu.home a img { width: 100%; height: auto; } /* HOME BLOCK MENU v1 */ div.content-raw div.blockMenu.home.v01 a:nth-of-type(1), div.content-raw div.blockMenu.home.v01 a:nth-of-type(2) { width: 31.91489361702128%; } div.content-raw div.blockMenu.home.v01 a:nth-of-type(4), div.content-raw div.blockMenu.home.v01 a:nth-of-type(10) { margin-right: 0; } /* HOME BLOCK MENU v2 */ div.content-raw div.blockMenu.home.v02 a:nth-of-type(1), div.content-raw div.blockMenu.home.v02 a:nth-of-type(2), div.content-raw div.blockMenu.home.v02 a:nth-of-type(3) { width: 31.91489361702128%; } div.content-raw div.blockMenu.home.v02 a:nth-of-type(3), div.content-raw div.blockMenu.home.v02 a:nth-of-type(9) { margin-right: 0; } /* HOME BLOCK MENU v3 */ div.content-raw div.blockMenu.home.v03 a { width: 18.29787234042553%; } div.content-raw div.blockMenu.home.v03 a:nth-of-type(1), div.content-raw div.blockMenu.home.v03 a:nth-of-type(2), div.content-raw div.blockMenu.home.v03 a:nth-of-type(3) { width: 31.91489361702128%; } div.content-raw div.blockMenu.home.v03 a:nth-of-type(4) { margin-right: 2.127659574468085%; } div.content-raw div.blockMenu.home.v03 a:nth-of-type(3), div.content-raw div.blockMenu.home.v03 a:nth-of-type(8) { margin-right: 0; } /* BLOCK MENU - WHITE */ div.content-raw div.blockMenu.white > a, div.content-raw div.blockMenu.white > div a, div.content-raw div.blockMenu.blue > a, div.content-raw div.blockMenu.blue > div a { transition: background-size 0.4s ease-in; -moz-transition: background-size 0.4s ease-in; -ms-transition: background-size 0.4s ease-in; -o-transition: background-size 0.4s ease-in; -webkit-transition: background-size 0.4s ease-in; } div.content-raw div.blockMenu.white > a, div.content-raw div.blockMenu.white > div a { background-color: #fff; border: 2px solid #dfdfdf; text-indent: none; background-origin: content-box; } div.content-raw div.blockMenu.white > a:hover, div.content-raw div.blockMenu.white > div a:hover { background-color: #dfdfdf; } div.content-raw div.blockMenu.white > a:active, div.content-raw div.blockMenu.white > div a:active { -moz-box-shadow: inset 0 0 30px var(--mfd-gray-dark); -webkit-box-shadow: inset 0 0 30px var(--mfd-gray-dark); box-shadow: inset 0 0 30px var(--mfd-gray-dark); } /* BLOCK MENU - BLUE */ div.content-raw div.blockMenu.blue > a, div.content-raw div.blockMenu.blue > div a { background-color: var(--mfd-blue); border: 0 none; } div.content-raw div.blockMenu.blue > a:hover, div.content-raw div.blockMenu.blue > div a:hover { background-color: var(--mfd-blue-dark); } div.content-raw div.blockMenu.blue > a:active, div.content-raw div.blockMenu.blue > div a:active { -moz-box-shadow: inset 0 0 30px #000000; -webkit-box-shadow: inset 0 0 30px #000000; box-shadow: inset 0 0 30px #000000; } /* BLOCK MENU - SOCIAL */ div.content-raw div.blockMenu a.facebook { background-color: #3b5998; } div.content-raw div.blockMenu a.facebook:hover { background-color: #243c79; } div.content-raw div.blockMenu a.twitter { background-color: #1da1f2; } div.content-raw div.blockMenu a.twitter:hover { background-color: #1083ec; } div.content-raw div.blockMenu a.google { background-color: #dd4f43; } div.content-raw div.blockMenu a.google:hover { background-color: #ce332a; } div.content-raw div.blockMenu a.youtube { background-color: #ff0000; } div.content-raw div.blockMenu a.youtube:hover { background-color: #be2026; } div.content-raw div.blockMenu a.pinterest { background-color: #bd081c;} div.content-raw div.blockMenu a.pinterest:hover { background-color: #a4040f; } div.content-raw div.blockMenu a.linkedin { background-color: #0077b5; } div.content-raw div.blockMenu a.linkedin:hover { background-color: #046293; } div.content-raw div.blockMenu a.instagram { background-color: #e96a24; } div.content-raw div.blockMenu a.instagram:hover { background-color: #df4b14; } div.content-raw div.blockMenu a.yelp { background-color: #d32323; } div.content-raw div.blockMenu a.yelp:hover { background-color: #c11414; } div.content-raw div.blockMenu a.dealerrater { background-color: #25317b; } div.content-raw div.blockMenu a.dealerrater:hover { background-color: #151d5b; } /* BLOCK MENU - GRAY */ div.content-raw div.blockMenu.gray a { background-color: #f4f4f4; border-top: 2px solid #ebebeb; border-right: 0 none; border-bottom: 2px solid #ebebeb; border-left: 0 none; position: relative; padding: 10px; transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; } div.content-raw div.blockMenu.gray a:hover { background-color: #e1e1e1; border-top-color: #e1e1e1; border-bottom-color: var(--mfd-green); } div.content-raw div.blockMenu.gray a:active { background-color: #c2c2c2; border-top-color: #bababa; border-bottom-color: #bababa; } div.content-raw div.blockMenu.gray a.notation { padding-top: 2px; padding-bottom: 18px;} div.content-raw div.blockMenu.gray a.notation span { font-family: inherit; font-size: 12px; width: 100%; text-align: center; background-color: var(--mfd-blue); position: absolute; bottom: 0; left: 0; color: #fff; font-weight: normal; border-bottom: 2px solid var(--mfd-blue-dark); letter-spacing: .5px; } /* CONTENT BOXES */ div.content-raw p.shadedBox, div.content-raw div.shadedBox { background-color: #f4f4f4; display: block; width: 100%; text-shadow: 1px 1px 0 #fff; } div.content-raw div.shadedBox div.customYouTube { background-color: #fff; } div.content-raw p.shadedBox.alignCenter, div.content-raw div.shadedBox.alignCenter p { text-align: center; } div.content-raw div.shadedBox.alignCenter a.ctaButton { width: 280px; } div.content-raw p.shadedBox { margin-bottom: 50px; padding: 18px 50px 20px; } div.content-raw div.shadedBox { padding-top: 20px; padding-right: 20px; padding-bottom: 0; padding-left: 20px; margin-top: 0; margin-right: 0; margin-bottom: 50px; margin-left: 0; position: relative; } div.content-raw div.shadedBox.noMargin { margin-bottom: 0px; } div.content-raw p.shadedBox, div.content-raw div.shadedBox { -webkit-box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,0.2); } div.content-raw div.shadedBox p { text-shadow: 1px 1px 1px #fff; } div.content-raw div.shadedBox h2, div.content-raw div.shadedBox h3, div.content-raw div.shadedBox h4 { color: var(--mfd-blue); text-shadow: 1px 2px 1px #fff; } div.content-raw div.shadedBox p:only-of-type { margin-bottom: 20px; } div.content-raw div.shadedBox > h2:first-of-type, div.content-raw div.shadedBox > h3:first-of-type, div.content-raw div.shadedBox > h4:first-of-type { margin-top: 5px; } div.textLeft div.customYouTube, div.textLeft a[data-lity] { float: right; margin-left: 20px; } div.textRight div.customYouTube, div.textRight a[data-lity] { float: left; margin-right: 20px; } div.content-raw div.shadedBox img { border-color: #fff !important; } div.content-raw div.shadedBox.textRight a.ctaButton { margin-left: 0; float: right; } div.content-raw div.shadedBox.stripe.textRight div.customYouTube, div.content-raw div.shadedBox.stripe.textLeft div.customYouTube { background-color: #f4f4f4; } div.content-raw div.shadedBox.promoHeader { margin: 20px auto 20px; padding-top: 0; padding-right: 0; padding-left: 0; min-width: 0; border-top: 0 none; } div.content-raw div.shadedBox.noBorderBottom { border-bottom: 0; } div.content-raw div.shadedBox.noBorderTop { border-top: 0; } div.content-raw div.shadedBox iframe { display: block; margin: 0 auto; border: 0 none; outline: 0 none; background-color: #cccccc; } div.content-raw div.shadedBox.ctaColumn a.ctaButton { width: 100%; margin-bottom: 10px; } div.content-raw div.shadedBox.ctaColumn a.ctaButton:last-of-type { margin-bottom: 20px; } div.content-raw div.shadedBox ul, div.content-raw div.shadedBox ol { list-style-position: outside; } div.content-raw div.shadedBox div.twoColumns, div.content-raw div.shadedBox div.threeColumns, div.content-raw div.shadedBox div.fourColumns, div.content-raw div.shadedBox div.fiveColumns, div.content-raw div.shadedBox div.sixColumns { padding-right: 2.083333333333333%; padding-left: 2.083333333333333%; background-color: transparent; margin-top: 0; margin-bottom: 0; } div.content-raw div.shadedBox.stripe.textRight div.customYouTube, div.content-raw div.shadedBox.stripe.textLeft div.customYouTube { background-color: #f4f4f4; } div.content-raw div.shadedBox.stripe, div.content-raw div.whiteBox.stripe { padding-top: 0; padding-right: 0; padding-left: 0; border-top: 0 none; } div.content-raw div.shadedBox.stripe h2:first-of-type, div.content-raw div.shadedBox.stripe h3:first-of-type, div.content-raw div.shadedBox.stripe h4:first-of-type, div.content-raw div.whiteBox.stripe h2:first-of-type, div.content-raw div.whiteBox.stripe h3:first-of-type, div.content-raw div.whiteBox.stripe h4:first-of-type { margin-top: 0; padding: 16px 20px 14px; background: var(--mfd-blue); background: -moz-linear-gradient(left, var(--mfd-blue-dark) 0%, var(--mfd-blue) 20%, var(--mfd-blue) 80%, var(--mfd-blue-dark) 100%); background: -webkit-linear-gradient(left, var(--mfd-blue-dark) 0%,var(--mfd-blue) 20%,var(--mfd-blue) 80%,var(--mfd-blue-dark) 100%); background: linear-gradient(to right, var(--mfd-blue-dark) 0%,var(--mfd-blue) 20%,var(--mfd-blue) 80%,var(--mfd-blue-dark) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mfd-blue)', endColorstr='var(--mfd-blue-dark)',GradientType=1 ); border-top: 2px solid var(--mfd-blue-light); border-bottom: 8px solid var(--mfd-green); color: #fff; text-shadow: 1px 2px 0px var(--mfd-blue-dark); } div.content-raw div.stripe a[data-lity], div.content-raw div.shadedBox.stripe div.customYouTube, div.content-raw div.whiteBox.stripe div.customYouTube { margin-top: 30px; margin-left: 20px; margin-right: 20px; } div.content-raw div.shadedBox.stripe p, div.content-raw div.whiteBox.stripe p { padding-right: 20px; padding-left: 20px; } div.content-raw div.shadedBox.stripe img.floatRight, div.content-raw div.whiteBox.stripe img.floatRight { margin-top: 20px; margin-right: 20px; } div.content-raw div.shadedBox.stripe img.floatLeft, div.content-raw div.whiteBox.stripe img.floatLeft { margin-top: 20px; margin-left: 20px; } div.content-raw div.whiteBox.stripe.exchange, div.content-raw div.shadedBox.stripe.exchange { margin-top: 30px; } div.content-raw div.whiteBox.stripe.exchange img, div.content-raw div.shadedBox.stripe.exchange img { width: 388px; height: auto; margin-bottom: 0; float: left; margin: -20px 20px 0; } div.content-raw div.shadedBox.stripe.ctaRow a.ctaButton, div.content-raw div.shadedBox.stripe.ctaRow a.ctaButton, div.content-raw div.shadedBox.promoHeader.ctaRow a.ctaButton, div.content-raw div.shadedBox.promoHeader.ctaRow a.ctaButton, div.content-raw div.whiteBox.stripe.ctaRow a.ctaButton, div.content-raw div.whiteBox.stripe.ctaRow a.ctaButton, div.content-raw div.whiteBox.promoHeader.ctaRow a.ctaButton, div.content-raw div.whiteBox.promoHeader.ctaRow a.ctaButton, div.content-raw div.ctaRow a.ctaButton { display: block; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 20px; max-width: 280px; } /* CUSTOM YOUTUBE EMBED */ div.content-raw div.customYouTube { text-align: center; padding: 8px; background-color: #f4f4f4; margin-bottom: 20px; } div.content-raw div.customYouTube .align-center { position: relative; padding-bottom: 56.25%; height: 0; } div.content-raw div.customYouTube .align-center iframe { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.content-raw div.customYouTube.floatLeft { margin-right: 20px; } div.content-raw div.customYouTube.floatRight { margin-left: 20px; } /* SPECIALS PAGE */ div.content-raw .mfd-promos-container { background-color: #f7f5f5; padding: 30px 15px 10px; -webkit-box-shadow: inset 0px 2px 14px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 2px 14px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 2px 14px 0px rgba(0,0,0,0.25); margin-bottom: 40px; } div.content-raw .mfd-promos-container .vehicle-offer { display: block; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25); margin-bottom: 25px; } div.content-raw .mfd-promos-container .vehicle-offer:before { content: " "; display: table; } div.content-raw .mfd-promos-container .vehicle-offer:after { content: ""; display: table; clear: both; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container { background: transparent; float: right; width: 190px; height: auto; padding: 10px; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container img { width: 100%; height: auto; margin: 0 0 5px; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container .offer-tag { background: #ffffff; border-top: 2px solid var(--mfd-green); color: var(--mfd-green); font-size: 14px; font-style: italic; padding-top: 6px; padding-right:4px; padding-left: 4px; text-align: center; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container .cta-button { background: var(--mfd-green); border: 3px solid #ffffff; color: #ffffff; display: block; font-size: 24px; line-height: 1; padding: 8px 8px; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px var(--mfd-green-darker); text-transform: uppercase; width: 100%; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container .cta-button:hover { background: var(--mfd-green-light); background: -moz-linear-gradient(top, var(--mfd-green) 0%, var(--mfd-green-light) 100%); background: -webkit-linear-gradient(top, var(--mfd-green) 0%, var(--mfd-green-light) 100%); background: linear-gradient(to bottom, var(--mfd-green) 0%, var(--mfd-green-light) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mfd-green)', endColorstr='var(--mfd-green-light)',GradientType=0 ); color: #ffffff; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container .cta-button:active { background: var(--mfd-green-dark); background: -moz-linear-gradient(top, var(--mfd-green-dark) 0%, var(--mfd-green-light) 100%); background: -webkit-linear-gradient(top, var(--mfd-green-dark) 0%, var(--mfd-green-light) 100%); background: linear-gradient(to bottom, var(--mfd-green-dark) 0%, var(--mfd-green-light) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mfd-green-dark)', endColorstr='var(--mfd-green-light)',GradientType=0 ); } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container .offer-tag, div.content-raw .mfd-promos-container .vehicle-offer p { display: block; margin-bottom: 0; } div.content-raw .mfd-promos-container .vehicle-offer .vehicle-label { background: var(--mfd-blue); background: -moz-linear-gradient(left, var(--mfd-blue) 36%, var(--mfd-blue-dark) 100%); background: -webkit-linear-gradient(left, var(--mfd-blue) 36%,var(--mfd-blue-dark) 100%); background: linear-gradient(to right, var(--mfd-blue) 36%,var(--mfd-blue-dark) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mfd-blue)', endColorstr='var(--mfd-blue-dark)',GradientType=1 ); border-bottom: 5px solid var(--mfd-green); color: #ffffff; line-height: 1.3em; margin-bottom: 0; padding: 12px 10px 6px; } div.content-raw .mfd-promos-container .vehicle-offer .vehicle-label span { display: block; font-size: 14px; letter-spacing: 2px; color: var(--mfd-gray-light); } div.content-raw .mfd-promos-container .vehicle-offer .offer-container { background: #ffffff; background: -moz-linear-gradient(0deg, #d7d7d7 0%, #ffffff 50%); background: -webkit-linear-gradient(0deg, #d7d7d7 0%, #ffffff 50%); background: linear-gradient(0deg, #d7d7d7 0%, #ffffff 50%); padding: 10px 14px; } div.content-raw .mfd-promos-container .vehicle-offer .offer-container p { text-shadow: 1px 1px 0px #ffffff; } div.content-raw .mfd-promos-container .vehicle-offer .offer-text, div.content-raw .mfd-promos-container .vehicle-offer .offer-break { color: var(--mfd-gray); font-size: 14px; margin-bottom: 5px; letter-spacing: 1px; text-transform: initial; } div.content-raw .mfd-promos-container .vehicle-offer .offer-break { display: block; } div.content-raw .mfd-promos-container .vehicle-offer .offer-value { color: var(--mfd-blue); font-size: 28px; line-height: 1.2; text-transform: uppercase; } div.content-raw .mfd-promos-container .vehicle-offer .offer-value:nth-of-type(even):after { font-family: inherit; font-size: 18px; margin: 0 0 0 4px; } div.content-raw .mfd-promos-container .vehicle-offer .offer-value:nth-of-type(2):after { content: "\2780"; } div.content-raw .mfd-promos-container .vehicle-offer .offer-value:nth-of-type(4):after { content: "\2781"; } div.content-raw .mfd-promos-container .vehicle-offer .offer-value:nth-of-type(6):after { content: "\2782"; } div.content-raw .mfd-promos-container .vehicle-offer .offer-disclaimer { color: var(--mfd-gray); font-size: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; line-height: 1.3; } div.content-raw h2.franchise { width: 100%; color: var(--mfd-blue); font-size: 32px; margin-bottom: 0px; text-align: left; text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 2px 2px 2px #a1a1a1; background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 80%, rgba(230,230,230,1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 80%, rgba(230,230,230,1) 100%); background: linear-gradient(0deg, rgba(255,255,255,1) 80%, rgba(230,230,230,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f7f5f5",GradientType=1); } div.content-raw h2.franchise span { letter-spacing: 1px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; display: block; } div.content-raw h2.franchise img { float: right; width: auto; height: 100px; margin-bottom: 0; } /* Inventory CTA Dialogs - Get Today's Price */ /* new */ .alias-auto-new-details .ui-dialog .inventory-lead-eprice, .alias-inventory-listing-default-auto-new .ui-dialog .inventory-lead-eprice, /* used */ .alias-auto-used-details .ui-dialog .inventory-lead-eprice, .alias-inventory-listing-default-auto-used .ui-dialog .inventory-lead-eprice, /* certified*/ .alias-auto-certified-used-details .ui-dialog .inventory-lead-eprice, .alias-inventory-listing-default-auto-certified-used .ui-dialog .inventory-lead-eprice { padding-top:0; } /* new */ .alias-auto-new-details .ui-dialog .inventory-lead-eprice:before, .alias-inventory-listing-default-auto-new .ui-dialog .inventory-lead-eprice:before, /* used */ .alias-auto-used-details .ui-dialog .inventory-lead-eprice:before, .alias-inventory-listing-default-auto-used .ui-dialog .inventory-lead-eprice:before, /* certified */ .alias-auto-certified-used-details .ui-dialog .inventory-lead-eprice:before, .alias-inventory-listing-default-auto-certified-used .ui-dialog .inventory-lead-eprice:before { color:#000; display:block; font-size:16px; line-height:1.4; margin-bottom:20px; white-space:pre-wrap; } /* new */ .alias-auto-new-details .ui-dialog .inventory-lead-eprice .widget-heading, .alias-inventory-listing-default-auto-new .ui-dialog .inventory-lead-eprice .widget-heading, /* used */ .alias-auto-used-details .ui-dialog .inventory-lead-eprice .widget-heading, .alias-inventory-listing-default-auto-used .ui-dialog .inventory-lead-eprice .widget-heading /* certifed */ .alias-auto-certified-used-details .ui-dialog .inventory-lead-eprice .widget-heading, .alias-inventory-listing-default-auto-certified-used .ui-dialog .inventory-lead-eprice .widget-heading { display:none; } /* MEDIA QUERIES */ @media only screen and (min-width: 431px) and (max-width: 767px) { div.content-raw .mfd-promos-container { padding: 20px 15px 10px; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container { background: #ffffff; padding-bottom: 14px; float: none; width: 100%; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container img { display: block; width: 100%; height: auto; margin: 0 0 14px; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container .offer-tag { font-size: 21px; border-top: 0 none; padding: 0 0 4px; } div.content-raw .mfd-promos-container .vehicle-offer .vehicle-label { font-size: 21px; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container .cta-button { border-top: 0 none; border-right: 0 none; border-bottom: 6px solid var(--mfd-green-light); border-left: 0 none; font-size: 34px; margin: 0 auto; padding: 12px 8px 6px; width: 90%; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container .offer-tag, div.content-raw .mfd-promos-container .vehicle-offer p { margin-top: 0; } div.content-raw .mfd-promos-container .vehicle-offer .offer-text, div.content-raw .mfd-promos-container .vehicle-offer .offer-break { font-size: 18px; } div.content-raw .mfd-promos-container .vehicle-offer .offer-break { display: inline-block; text-transform: lowercase; width: 100%; } div.content-raw div.customYouTube { padding: 20px; } div.textLeft div.customYouTube, div.textLeft a[data-lity] { float: none; margin: 0 auto; } div.content-raw div.oneHalf, div.content-raw section.oneHalf { width: 100%; } div.content-raw div.stripe a[data-lity], div.content-raw div.shadedBox.stripe div.customYouTube, div.content-raw div.whiteBox.stripe div.customYouTube { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } } @media screen and (max-width: 430px) { div.content-raw .ddc-span6 { width: 100%; float: none; } div.content-raw .mfd-promos-container .vehicle-offer .offer-photo-container { background: #ffffff; float: none; width: 100%; } }

/* Leadpop Styling */

@media only screen and (max-width:500px){#promoButtons a.acceptButton,#promoButtons a.cancelButton{display:unset;text-decoration:none;border-radius:10px;width:unset;font-size:3vw;font-family:Arial;text-align:center}#promoButtons a.acceptButton{padding:10px 20px;background:#64a70b;margin:6px;color:#fff}#promoButtons a.cancelButton{padding:10px;background:#dedede;margin:0 6px;color:#8c8c8c}#promoButtons{position:absolute;bottom:-14px;width:100%;padding:68px 0}}@media only screen and (min-width:500px){#promoButtons a.acceptButton,#promoButtons a.cancelButton{display:inline-block;text-decoration:none;border-radius:10px;width:80%;font-family:Arial;text-align:center}#promoButtons{position:absolute;bottom:0;width:100%;padding:55px 0}#promoButtons a.acceptButton{padding:10px 20px;background:#64a70b;font-size:3.5vw;margin:6px;color:#fff}#promoButtons a.cancelButton{padding:5px;background:#dedede;font-size:2.5vw;margin:0 6px;color:#8c8c8c}}@media only screen and (min-width:610px){#promoButtons a.acceptButton,#promoButtons a.cancelButton{display:inline-block;text-decoration:none;border-radius:10px;width:80%;font-family:Arial;text-align:center}#promoButtons{position:absolute;bottom:0;width:100%;padding:65px 0}#promoButtons a.acceptButton{padding:10px 20px;background:#64a70b;font-size:3.5vw;margin:6px;color:#fff}#promoButtons a.cancelButton{padding:5px;background:#dedede;font-size:2.5vw;margin:0 6px;color:#8c8c8c}}@media only screen and (min-width:800px){#promoButtons a.acceptButton,#promoButtons a.cancelButton{display:inline-block;text-decoration:none;border-radius:10px;width:80%;font-family:Arial;text-align:center}#promoButtons{position:absolute;bottom:0;width:100%;padding:80px 0}#promoButtons a.acceptButton{padding:10px 20px;background:#64a70b;font-size:1.5vw;margin:6px;color:#fff}#promoButtons a.cancelButton{padding:5px;background:#dedede;font-size:.5vw;margin:0 6px;color:#8c8c8c}}