:root {
 --accent-yellow: #feca30;
 --btn-border-width: 2px;
 --btn-primary-bg: #fff;
 --btn-primary-color: #000;
 --btn-primary-border-color: #000;
 --btn-primary-hover-bg: #000;
 --btn-primary-hover-color: #fff;
 --btn-primary-hover-border-color: #000;
 --btn-default-border-color: var(--color-neutral-0);
 --btn-default-bg: var(--color-neutral-1000-alpha-8);
 --btn-default-color: var(--color-neutral-0);
}

/* BUTTONS */
.btn-primary {font-weight: 400;}

/* DIALOG */
.ui-dialog-entry {background: #fff;}

/* IE10+ button color change */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
 .btn-primary {background: white; color: black; border-color: black; border-width: 2px;}
 .btn-primary:hover {background: black; color: white; border-color: black;}
}

/* FONTS */
@font-face {
  font-family: 'Interstate-Bold';
  src: url('/static/sites/c/customwork/fonts/interstate-bold-webfont.eot');
  src: url('/static/sites/c/customwork/fonts/interstate-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/static/sites/c/customwork/fonts/interstate-bold-webfont.woff') format('woff'),
       url('/static/sites/c/customwork/fonts/interstate-bold-webfont.tff')  format('truetype'),
       url('/static/sites/c/customwork/fonts/interstate-bold-webfont.svg') format('svg');
}

/* HEADER */
.header-nav-container {flex-grow: 1;}
.page-header .header-default .vcard.header-logo-enabled {height: auto;}
.page-header.minimal .header-contact .vcard,
.page-header.minimal .adr a:not(.btn), .page-header.minimal .tels a:not(.btn),
.page-header.minimal .navigation-default .navbar-nav>li>a {color: #fff; font-size: 18px; font-weight: 700;}
.header-contact, .page-header.minimal, .header-navigation {background-color: #000 !important;}
.page-header.minimal .navigation-default .navbar-nav>li>a:after {border-bottom: 3px solid var(--accent-yellow); height: 3px;}
.navigation-default .dropdown-menu>li {border-left: 2px solid var(--accent-yellow);}
.navigation-default .dropdown-menu, .responsive-type .page-header.minimal h4 {text-transform: capitalize !important;}
.navigation-default .dropdown-menu .nav-links a {color: #fff;}
.navigation-default .dropdown-menu .nav-links a:hover {background-color: var(--accent-yellow); color: #000;}
.page-header.minimal .navigation-default .dropdown-menu {background-color: #000;}
.ddc-mega-menu-nav .hours-default .today,
.ddc-mega-menu-nav .ws-hours .today {background-color: var(--accent-yellow); color: #000;}
.ddc-mega-menu-nav .btn:hover {border-color: var(--accent-yellow);}

/* ddcalmirc 09176745 - mega menu - enable scrollbar when larger than window size */
.page-header .navigation-default .dropdown-menu {max-height: calc(100vh - 105px); overflow-y: auto;}

/* MYCARS */
.page-header.minimal .mycars-default {width: auto;}
.page-header.minimal .mycars-default .mycars.mycars-integration-navbar .popup {top: 75px;}
@media screen and (max-width: 2400px) {
 .page-header.minimal .mycars-default .mycars.mycars-integration-navbar .menu > a {height: 75px; padding: 6px 10px; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
}
.ddc-site .noShrink .mycars-default .menu.saved-cars .count:before,
.ddc-site .noShrink .mycars-default .menu.login > a:before {margin: 0;}

/* SEARCH FORM TYPEHEAD STYLING */
.ddc-mega-menu-nav .nav-fragment .inventory-search-form .typeahead.dropdown-menu li a:hover {background: #222;}

/* INDEX HERO/CTA IMAGE LARGE SCREENS */
@media (min-width: 2000px) {
 [data-name="hero-video"] {background-position: center 78% !important;}
}

@media (min-width: 2560px) {
 [data-name="hero-video"] {height: 770px !important;}
 [data-name="three-buttons"] .cta {height: 500px !important;}
 [data-name="seo-row-1-content-background-1"] {min-height: 600px !important;}
}

@media (min-width: 3800px) {
 [data-name="hero-video"] {height: 1010px !important;}
 [data-name="three-buttons"] .cta {height: 750px !important;}
 [data-name="seo-row-1-content-background-1"] {min-height: 940px !important;}
}

/* PARALLAX */
.index [data-name="lifestyle"] {background-attachment: fixed;}

/* SEO */
[data-name="seo-row-1-content-1"] a {color: #999;}

/* HEADINGS */
.display-3.custom-styling {position: relative; font-weight: 300;}
.display-3.custom-styling:after {content:""; position: absolute; bottom: -10%; left: 50%; transform: translateX(-50%); width: 100px; background: black; height: 1px;}

/* Index Facetbrowse - Remove loading placeholders (ddcalmirc 07480325) */
.index .inventory-search-facet-browse .facet-browse-loader .placeholder-row:first-of-type {display: none !important;}

/* Index - Dealer of the year image */
.index [data-name="highest-rated"] .doty {max-height: 250px; margin: 0 auto 40px;}

/* VLP - removing page titles (07239256) */
.grid-vlp-title {display: none;}
.inventory-listing-grid {margin-top: 30px;}

/* VLP - removing facet heading (07506989) */
.inventory-listing-grid .vertical-faceting .sidebar .facet-heading {font-size: 0; margin-top: 55px;}

/* VDP - always show full vehicle image (for compliance) - changing from cover to contain */
.vdp .ws-vehicle-media .photo-carousel.background-mode .slider-slide > div {background-size: contain !important;}
.vdp .ws-vehicle-media .photo-carousel.background-mode .slider-list,
.vdp .ws-vehicle-media .photo-carousel.background-mode .slider-slide > div {height: 70vh !important;}

/* Blog page /blog/index.htm (07239256) */
.blog-search form > fieldset {display: inline-block;}
.blog-search form button {margin-top: 8px; }

/* About Page - custom social icons (07448579) */
.custom-social-icons {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}

/* FOOTER */
.ddc-footer {background: black; min-height: 85px; position: relative;}
.ddc-footer .container {width: 100%; position: static;}
.ddc-footer a.credit {width: 200px; height: 50px; background: transparent url("/static/v9/media/images/footer-logos/v1/ddc-white.png") no-repeat 0 0 / 100% auto; opacity: .55; display: none;}
.ddc-footer div.credit {position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); display: none;}
.ddc-footer .ad-choices {display: none !important;}
.ddc-footer .navigation-default {float: none; width: auto;}
.ddc-footer .navigation-default ul {float: none !important; text-align: center;}
.ddc-footer .navigation-default ul li {float: none !important; display: inline-block !important;}
.ddc-footer .navigation-default ul li:hover > a {background: transparent;}
.ddc-footer .navigation-default ul li > a {height: 60px;  transition: 400ms ease all; margin-bottom: 20px; color: #fff;}
.ddc-footer .navigation-default ul li > a:hover {background: transparent; box-shadow: inset 0px -4px 0px 0px rgba(190,40,44,1)}
.ddc-footer .navigation-default ul li > a .ddc-icon {display: none !important;}
.ddc-footer .navigation-default ul li > a:hover {box-shadow: inset 0px -4px 0px 0px var(--accent-yellow);}