/* GOPHER Custom Color Scheme CSS */
:root {
  --page-bg: #fff;
  --btn-link-disabled-color: #1d1b25;
  --btn-primary-border-color: #fae80b;
  --btn-primary-bg: #fae80b;
  --btn-primary-color: var(--color-neutral-1000);
  --btn-primary-hover-border-color: var(--color-primary-500);
  --btn-primary-hover-bg: var(--color-primary-500);
  --color-text-yellow: #fae80b;
  --box-border-radius: 8px;
  --text-muted-color: #000;
  --form-label-color: #000;
  --text-color: #000;
}

.bg-primary-yellow {background-color: #fae80b !important;}
.text-yellow {color: #fae80b;}
.alias-blog-post-list .ddc-box-1, .alias-blog-post-detail .ddc-box-1,
.page-bd .ddc-span4 .ddc-box-1, .page-bd .ddc-span4 .box {background-color: #fff;}
.modal-content, .sts-search-flyout {background-color: var(--color-neutral-700); color: #fff;}
#mycars-modal-title.text-body, .modal-content .text-muted  {color: #fff!important;}
.sts-search-flyout .ddc-heading-3 {color: #fff;}
.ui-dialog,
.ui-dialog .ddc-box-1 {background: #FFF;}

/*owen.perks Text Color Fixes */
.index .inventory-featured-default a,
.ws-quick-specs .dl-horizontal dt,
.ui-accordion .ui-state-active a:link,
.ui-accordion .ui-state-hover a:link {color: #000 !important;}

.alert-info,
.bg-page-title,
.vehicle-card-details-container,
.vehicle-card-details-container .vehicle-card-title a,
.vehicle-card-footer.text-muted,
.vehicle-card-footer .text-muted,
.ws-rec-vehicles span,
.vdp .main .contact-info,
.vdp .bg-page-title .text-muted,
.ws-mycars-vdp.sidebar-mycars-vdp i,
.ws-mycars-vdp.sidebar-mycars-vdp span,
.vdp .pricing-detail span:not(.vdp .inv-type-used.pricing-detail .final-price .price-value, .pricing-detail.final-price dd button),
.sidebar-title .vehicle-title,
.pricing-detail dd button,
.ddc-page-title,
.ws-staff-listing,
.alias-contact-default [data-name="contact-directions-contact-hours-1"] form label  {color: #fff !important;}

/* END Custom Color Scheme CSS */

/* SEARCH */
@media (min-width: 1200px) {.responsive-type.index .page-bd input.form-control {height: 75px;}}
.responsive-type.index .page-bd form {border: 0; border-radius: var(--input-border-radius-base, 0); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.responsive-type.index .page-bd #site-search-label {font-weight: 800;}
[data-widget-name=ws-site-text-search] .search-circle-inner, [data-widget-name=ws-site-text-search] .search-handle {stroke: var(--btn-primary-bg); stroke-width: 3px;}

/*ddcrmelasky button updates*/
.index [data-name="content-container-2"] .btn-primary {background: #000; color: #fff;}

/*owen.perks 3 CTA INDEX */
.index [data-name="content-thirds.1-2"] {background: #fae80b !important}
.index [data-name="content-thirds.1-2"] .btn-default {background: #000; color: #FFF; border: none;}

/*ddcrmelasky footer color changes*/
.footer-dealer-info {background:#1d1b25;}
.footer-dealer-info a, .footer-dealer-info .widget-heading, .footer-dealer-info span {color: #fae80b !important;}

/* GROUP FRANCHISE NAV */
.index .franchiseList {max-width: 1320px;}
.index .franchiseList .franchise {margin: 0; padding: 0 10px}
.index .franchiseList img {max-width: 167px;}
.index .franchise.selected .childList {padding: 0;}

/* Start Gopher Custom Header Color Theme */
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a,
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a .count:before,
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a .label,
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a:before,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 a,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .mycars-integration-navbar button {color: #000}
.page-header.responsive-centered-nav {background-color: #FFF}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a:hover,
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open>a {color: #717171}
/* End Gopher Custom Header Color Theme */

/* owen.perks Header */
.page-header .header-logo img {margin: auto;}
.page-header.responsive-centered-nav .header-contact .vcard .adr a, .page-header.responsive-centered-nav .header-contact .vcard .tels .tel span ,.page-header.responsive-centered-nav .header-contact .vcard .tels .tel.phone1{font-size: 18px;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a {font-size: 18px;}

@media (min-width: 1440px ){
.page-header.responsive-centered-nav .header-contact .vcard .adr a, .page-header.responsive-centered-nav .header-contact .vcard .tels .tel span ,.page-header.responsive-centered-nav .header-contact .vcard .tels .tel.phone1{font-size: 20px;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a {font-size: 20px;}
}

.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a:hover,
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open>a,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .mycars-integration-navbar button:hover {color: #EDCB2E;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a:after {content: '';  position: absolute; bottom: 0;  left: 50%; display: block; width: 0; margin: 0; border-bottom: 3px solid #EDCB2E;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a:hover:after {left: 0; width: 100%; transition: width .2s,left .2s;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a:after {content: ''; position: absolute; bottom: 20px; left: 50%; display: block; width: 0; margin: 0; border-bottom: 3px solid #EDCB2E);}
.header-financing-btn {margin-right: 20px;}
.header-financing-btn a {color: #000 !important; background: #edcb2e; padding: 1px 15px; border-radius: 50px;}
.header-financing-btn a:hover {text-decoration: none; background: #999;}
.page-header.responsive-centered-nav .header-contact .vcard .adr.header-financing-btn span {display: inline;}

/* fdbarfety PPR-201615 Borders */
.page-header .navigation-default .dropdown-menu {border-radius: 0 0 10px 10px;}
.cta,
.recommendations-vehicles .tile-list .vehicle-list-item,
.rec-vehicles-container .vehicle-card,
.inventory-featured-default .media,
img.vehicle-image,
.vehicle-card-media-container,
.wysiwyg-image,
.ui-dialog,
.sidebar-vehicle-media img {border-radius: 8px;}

.ws-facet-browse button span, .ws-facet-browse button span span, .responsive-type .page-bd .ws-facet-browse .btn {font-weight: 800;}
[data-widget-name=ws-site-text-search] .site-text-search-wrapper .floating-placeholder {font-size: 16px;}

/*ddcrmelasky index search*/
.responsive-type.index .page-bd form {flex-direction: row-reverse;}
[data-widget-name=ws-site-text-search] .site-text-search-wrapper .input-container {display: flex; justify-content: center;}
.responsive-type.index .page-bd #site-search-label {margin-left: 35px;}

/* fdbarfety Share Icons */
.share ul {width: 100%;}
.share li {padding: 0;}
.links-share .ddc-icon {left: -20px; top: -15px;}
.links-share li a {padding: 15px 0 0 30px; height: 51px;}

/* Start 'srp-used-price-value-discount' (do not modify this line) */
/* Modified by jlavery on 06/16/25 09:06 AM EDT */
.srp .inv-type-used.pricing-detail .discount .price-value { text-decoration: none; font-size: 13.5px; color: #ffffff; }
/* End 'srp-used-price-value-discount' (do not modify this line) */

/* Start 'vdp-used-price-value-discount' (do not modify this line) */
/* Modified by jlavery on 06/13/25 01:02 PM EDT */
.vdp .inv-type-used.pricing-detail .discount .price-value { text-decoration: none; font-size: 18px; color: #fae80b; }
/* End 'vdp-used-price-value-discount' (do not modify this line) */

/* Start 'srp-used-price-label-msrp' (do not modify this line) */
/* Modified by jlavery on 06/13/25 01:13 PM EDT */
.srp .inv-type-used.pricing-detail .msrp .price-label { text-decoration: none; font-size: 13.5px; color: #ffffff; }
/* End 'srp-used-price-label-msrp' (do not modify this line) */

/* Start 'srp-used-price-label-discount' (do not modify this line) */
/* Modified by jlavery on 06/13/25 01:13 PM EDT */
.srp .inv-type-used.pricing-detail .discount .price-label { text-decoration: none; font-size: 13.5px; color: #ffffff; }
/* End 'srp-used-price-label-discount' (do not modify this line) */

/* Start 'srp-used-price-label-final-price' (do not modify this line) */
/* Modified by jlavery on 06/13/25 01:15 PM EDT */
.srp .inv-type-used.pricing-detail .final-price .price-label { text-decoration: none; font-size: 13.5px; color: #ffffff; }
/* End 'srp-used-price-label-final-price' (do not modify this line) */

/* Start 'srp-used-price-value-final-price' (do not modify this line) */
/* Modified by jlavery on 06/16/25 09:08 AM EDT */
.srp .inv-type-used.pricing-detail .final-price .price-value { text-decoration: none; font-weight: 800; font-size: 22.5px; color: #fae80b; }
/* End 'srp-used-price-value-final-price' (do not modify this line) */

/* Start 'srp-inv-type-used-portal-price-value-portal-price' (do not modify this line) */
/* Modified by jlavery on 06/16/25 09:16 AM EDT */
.srp .vehicle-card-title.inv-type-used .portal-price { text-decoration: none; font-weight: bold; font-size: 15.75px; color: #fae80b; }
/* End 'srp-inv-type-used-portal-price-value-portal-price' (do not modify this line) */

/* Start 'vdp-used-price-value-final-price' (do not modify this line) */
/* Modified by jlavery on 06/16/25 09:44 AM EDT */
.vdp .inv-type-used.pricing-detail .final-price .price-value, .pricing-detail dd button {text-decoration: none; font-weight: 800; font-size: 22.5px; color: #fae80b!important;}
/* End 'vdp-used-price-value-final-price' (do not modify this line) */

/* fdbarfety PPR-201615 */
.portal-price .text-muted {color: #fff!important;}

/*owen.perks PPR-201615*/
.srp .badge-callout [data-location="vehicle-badge"] {justify-content: center; align-items: center; padding-top: 15px;}

/*dccrmelasky srp pagination*/
.srp .pagination>li>a, .pagination>.pagination-ellipsis>span {color: #000;}
.srp .tabs .nav-tabs>li>a {color: #fff;}
.srp .tabs .nav-tabs>li.active>a, .srp .tabs .nav-tabs>li.active>a:hover {color: var(--color-neutral-300);}