:root {
 --color-primary-400: #2f2b3c;
}

/*CUSTOM BUTTONS */
.index .btn {padding: calc(.68em - var(--btn-border-width)) calc(1.8em - var(--btn-border-width))}
.btn {border-radius: 0;}
.btn-black {background: #000; color: #FFF;}
.btn-black:hover {background: #273746; color: #FFF;}
.btn-gray-white { color: #333; background-color: #fff; border-color: #ccc;}
.btn-gray-white:hover { color: #333; background-color: #e6e6e6; border-color: #adadad;}
.btn.btn-default-black { background: rgba(0,0,0,.8); color: #FFF; border: 2px solid #FFF; }
.btn.btn-default-black:hover {background: #FFF; color:#000;;}
.btn.btn-default-white  {background: rgba(255,255,255,1); color: #000; border: 2px solid #FFF; box-shadow: 3px 1px 10px  #6e6e6e;}
.btn.btn-default-white:hover {background: #000; color:#FFF;border: 2px solid #000;}

/* fdbarfety PPR-093854 Header */
.page-header.responsive-centered-nav .header-contact {background: var(--color-primary-400);}

/* fdbarfety PPR-093854 */
.inventory-search-facet-browse [data-value*="carbravo"] {display: none;}
.inventory-search-facet-browse .ddc-pill-group .ddc-pill-nav .pill-label:not(.pill-label.checked) {color: #000;}

/* aelli0tt6 PPR-093854 */
.rec-vehicles-container .vehicle-card-details-container .h3 {font-size: 16px;}

/* fdbarfety PPR-093854 */
.alias-sitebuilder-vehicle-protection-plans-knoxville-tn-1 .text-content-container a {text-decoration: none;}
.ddc-site .noShrink .ws-mycars-nav .menu>a {height: 45px;}
.btn-primary.courtesy-purple {background-color: #1e1a34; color: #fff;}
.index .facet-browse-container .btn-primary:hover {color: #fff;}
@media (min-width: 768px) {.index .facet-browse-container .btn-primary:hover {color: #fff; background: #1e1a34; border: #1e1a34; border-bottom: 3px solid #fff;}}

/*AMSI FOOTER*/
.amsi-cst-footer .amsi-footer-reviews {display: flex; justify-content: center}
.amsi-cst-footer .amsi-footer-reviews img {max-height: 35px; width: auto !important;}
.amsi-cst-footer .amsi-footer-reviews a {margin: 0 15px}
.amsi-cst-footer .amsi-footer-reviews img {filter: grayscale(1);}
.amsi-cst-footer .amsi-footer-reviews img:hover {filter: grayscale(0); transform: scale(1.1);}
.amsi-cst-footer .vcard .fn .org {font-size: 18px; font-weight: 500 !important;}
.amsi-cst-footer .border-top {border-color: #ccc !important;}
.amsi-cst-footer .ws-hours .value {padding-left: 0;}
.index .amsi-cst-footer .contact-info .tels .tel>.text-link, .index .amsi-cst-footer .contact-info .tels .tel>.value {font-size: 15.75px;}

/*owen.perks INDEX SOCIAL BUTTON FOOTER */
.index-social-buttons {display: flex; max-width: 400px; justify-content: start; align-items: center;}
.index-social-buttons a {margin: 0 8px;}
.index-social-buttons a img {max-height: 60px;}
.index [data-name="content-centered.1-1"] {background: #2F2B3C !important;}

/* fdbarfety PPR-093854 */
[data-name="index-landing-0004-collage-cta-wrapper-2"] .cta-content {justify-content: end!important;}
[data-name="index-landing-0004-collage-cta-wrapper-2"] .cta-content h5 {border: 1px solid #fff; padding: 10px 15px;}
[data-widget-id="content-cta7"] .cta-background {background-position: left center!important;}

/*owen.perks RECOMMENDED NAV FRAG */
.navbar-nav .ws-rec-vehicles .vehicle-card-titles a >span,
.navbar-nav .ws-rec-vehicles .ddc-font-size-base{font-size: 14px;}

/* fdbarfety PPR-091406 TEST DRIVE BANNER */
.responsive-type .page-bd .amsi-test-drive-banner-inner  h2 {font-size: 1.25rem; font-weight: 800;}
.responsive-type .page-bd .amsi-test-drive-banner-inner  h3 {font-size: 1rem; font-weight: 800;}
.responsive-type .page-bd .amsi-test-drive-banner-inner  h4 {font-size: .85rem; font-weight: 800;}
.responsive-type .page-bd .content-tabbed h4 {font-size: .75rem;}
.amsi-test-drive-banner-inner {max-width: 900px;}

/* fdbarfety PPR-091406 */
.content-tabbed .nav-pills>li+li {margin: 0; padding: 0;}
.content-tabbed  .list-inline>li {padding-left: 0; padding-right: 0;}
.content-tabbed .nav-tabs.nav-pills > li.active a.btn {background: #333;}
.content-tabbed .nav-tabs.nav-pills > li.active a.btn:after {border-top-color: #333;}
.content-tabbed .nav-tabs.nav-pills > li.active a.btn:hover {background: #9a9a9a; border: 1px solid #9a9a9a; transition: 0.5s ease;}
.content-tabbed .nav-tabs.nav-pills > li.active a.btn:hover::after {border-top-color: #9a9a9a; transition: 0.5s ease;}

/* fdbarfety PPR-091406 My Wallet */
[data-web-api-id="mywallet"] button:hover, .btn-unstyled.light {background: transparent; border: 1px solid #fff !important; padding: 4px 15px 7px !important;}
[data-web-api-id="mywallet"] button, .btn-unstyled.light:hover {background: transparent; color: #fff!important; border: 1px solid #fff !important; padding: 4px 15px 7px !important;}

/* Model Selector */
.model-selector-responsive-bodystyle div.slick-slide>span { height: 110px;}
.model-selector-responsive .slick-slide img {max-height: 110px; margin: auto;}
.index .model-selector-pricing .pricing {margin-left: 0;}
.index .model-selector-pricing .pricing .price {text-align: center; width: 100%; padding: 0 10px; font-size: .85em; font-weight: 500}
.model-selector-responsive .slick-slide>h3 {margin-bottom: 0px;}
.model-selector-responsive .slick-slide .btn {opacity: 1;}
.model-selector-responsive .slick-slide:not(:hover) .btn {background: #000; border-color: #000;}

/* INDEX 4 ACROSS CTA */
.index-4-cta-image img{max-height: 500px;margin: auto;}
.cta-4-across-content .cta-content > p {min-height: 150px; display: flex; flex-direction: column; }

/* INDEX HOURS & Why Buy */
.index .hours-overlay {margin-top: -100px!important; border-radius: 0; border: 1px solid #827d7d; background: var(--color-neutral-25);}
.index .hours-overlay .widget-heading {border-bottom: 1px solid var(--color-neutral-300);}

/*INDEX TABS SECTION */
.cst-index-tabs .tab-pane > h4 {display: none;}
.cst-index-tabs.content-tabbed .nav-tabs { display: flex; justify-content: space-evenly; ;}
.cst-index-tabs.content-tabbed .tab-content>.active {display: flex !important; flex-direction: row-reverse; align-items:center}
.cst-index-tabs.content-tabbed .tab-content>.active img:not(.ez-purchase-logo) {max-height: 310px;; box-shadow:rgba(0, 0, 0, 0.14) 3px 3px 2px, rgba(0, 0, 0, 0.04) 3px 2px 2px, rgba(0, 0, 0, 0.08) 3px 2px 4px}
.cst-index-tabs.content-tabbed .nav-tabs li a{font-weight: bold;}
.content-tabbed .nav-tabs.nav-pills>li.active a, .content-tabbed .nav-tabs.nav-pills>li.active a:hover,
.content-tabbed .nav-tabs.nav-pills>li a:hover{background: transparent;color: #000;}
.cst-index-tabs.content-tabbed .nav-tabs >li {flex-grow: 1;text-align: center;}
.cst-index-tabs.content-tabbed .nav-tabs >li a {text-align:center !important;}
.cst-index-tabs.content-tabbed .nav-tabs.nav-pills>li>a:hover:after{ content: ''; position: absolute; bottom: 2px; left: 0; display: block; width: calc(100% - 16px); margin: 0 8px; border-bottom: 5px solid var(--color-neutral-400);  transition:width .2s,left .2s;}
.content-tabbed .nav-tabs.nav-pills>li.active a:after { content: ''; position: absolute; bottom: 2px; left: 0; display: block; width: calc(100% - 16px); margin: 0 8px; border-bottom: 5px solid var(--color-neutral-900);  transition:width .2s,left .2s;}
.checkList ul {list-style: none;padding-left: 20px; font-size: .9rem}
.checkList ul li:before { content: '\2713'; padding-right: 10px;}
.cst-index-tabs.content-tabbed .nav-tabs {background: var(--container-contrast-med-bg)!important; max-width: 1200px; align-self: center;}
.cst-index-tabs.content-tabbed {background: var(--container-contrast-med-bg)!important;overflow: hidden}
.cst-index-tabs.content-tabbed .tab-content {max-width: 1400px; margin: auto;}
.cst-index-tabs.content-tabbed >  .row > div.ddc-span12 {background: #FFF; padding-top: 2rem; padding-bottom: 64px; padding-left: 20px; padding-right: 20px;}
.cst-index-tabs.content-tabbed >  .row:has(.nav-tabs.nav-pills) {display: flex; flex-direction: column;}

/*TEST DRIVE BANNER*/
.amsi-test-drive-banner-inner {max-width: 900px;}

/*INDEX CONTACT HEADING */
.index-contact-info-heading h3 {
  position: relative; text-align: center;
}
.index-contact-info-heading h3::before, .index-contact-info-heading h3::after {
  content: ''; position: absolute; top: 50%; width: 30%; height: 4px; background-color: var(--color-primary-600);
}
.index-contact-info-heading h3::before {
  left: -15%; transform: translateX(-50%);
}
.index-contact-info-heading h3::after {
  right: -15%; transform: translateX(50%);
}

/* fdbarfety PPR-068123, PPR-066969, PPR-075367 */
.endorsed-care.endorsedCare span {font-size: 11px; text-align: left;}

/*SERVICE & PARTS TABS */
.service-parts-tabs.content-tabbed {display: flex; flex-direction: column; align-items: center; }
:is(.service-parts-tabs.content-tabbed){
    .nav-tabs {display: flex; justify-content: center; background: var(--container-dark-bg);}
    .nav-tabs.nav-pills>li.active a:after {display: none;}
    .nav-tabs.nav-pills>li.active a,
    .nav-tabs.nav-pills>li.active a:hover{background: #FFF;color: #000;padding:20px;font-weight: 500;}
    .nav-tabs.nav-pills>li a,
    .nav-tabs.nav-pills>li a:hover {background: var(--color-primary-500); color: #FFF; border-radius: 0;margin: 0;padding:20px 10px;font-weight: 500;}
    .nav-pills>li+li {margin: 0;}
    .tab-content>.active .tabpanel-image { max-height: 310px;box-shadow: rgba(0, 0, 0, 0.14) 3px 3px 2px, rgba(0, 0, 0, 0.04) 3px 2px 2px, rgba(0, 0, 0, 0.08) 3px 2px 4px;}
    .tab-pane > h4 {display: none;}
    .tab-content>.active {display: flex;flex-wrap: wrap; align-items: center; justify-content: center;}
    .tab-content {max-width: 1400px; margin: auto;}
    .tabpanel-image {flex-basis: 30%; order: 1;min-width: 450px;}
    .service-parts-tab-1 {flex-basis: 60%; order:0; padding: 20px; min-width: 400px;}
    .service-parts-tab-btns {flex-basis: 100%; text-align: center; order:2;}
    /* TAB 2 */
    .service-parts-tab-2-images {display: flex;flex-wrap: wrap;}
    .service-parts-tab-2-images > div {flex-basis: 33%;padding: 20px}
    .service-parts-tab-2-images > div > * {margin: auto; text-align: center}
    .service-parts-tab-2-images > div > img {border-radius: 50%; max-height: 225px}
 }


/* Start 'srp-new-price-label-final-price' (do not modify this line) */
/* Modified by thelmer1 on 07/24/24 10:12 AM EDT */
.srp .inv-type-new.pricing-detail .final-price .price-label { text-decoration: none; font-weight: 600; font-size: 17.75px; color: #000000; }
/* End 'srp-new-price-label-final-price' (do not modify this line) */

/* Start 'srp-new-price-label-discount' (do not modify this line) */
/* Modified by thelmer1 on 05/07/26 12:25 PM EDT */
.srp .inv-type-new.pricing-detail .discount .price-label { text-decoration: none; font-weight: normal; font-size: 16.75px; color: #000000; }
/* End 'srp-new-price-label-discount' (do not modify this line) */

/* Start 'srp-new-price-value-discount' (do not modify this line) */
/* Modified by thelmer1 on 05/07/26 12:28 PM EDT */
.srp .inv-type-new.pricing-detail .discount .price-value { text-decoration: none; font-weight: bold; font-size: 17.75px; color: #0a7305; }
/* End 'srp-new-price-value-discount' (do not modify this line) */


/*Gopher: Adding Content Freeze Banner*/
@keyframes pulse {0%{background-color: darkred;} 100% {background-color: orangered;}}
.ddc-composer::before {content:"ATTENTION: A NEW WEBSITE IS BEING BUILT! Any website edits made today on the current site will not carry over to the new, upgraded site. Please contact your Performance Manager for assistance or with questions."; font-size: 24px; font-weight: 900; text-align: center; color: #fff; display: block; padding: 20px 25px; background-color: darkred; animation: pulse 1250ms ease-in-out alternate infinite; text-shadow: 0 0 3px rgba(0,0,0,.55); border-bottom: 1px solid black;}
.v9-oem-mazda-0001-v1 .ddc-composer .page-header.header-compact,.v9-oem-mazda-0001-v1 .ddc-composer .navbar.header-compact {position: static;}
.v9-global-0011-v2 .ddc-composer .page-header.value-statement-header .vs-header-container.persistent-contact {position: absolute;}
