/* CUSTOM FONT */
@font-face { font-family:"DDC Heading Font Face"; src:url(/static/sites/c/customwork/fonts/Jost/Jost-Light.woff2) format("woff2"); font-weight:200; font-style:normal; font-display:swap }
@font-face { font-family:"DDC Heading Font Face"; src:url(/static/sites/c/customwork/fonts/Jost/Jost-Light.woff2) format("woff2"); font-weight:300; font-style:normal; font-display:swap }
@font-face { font-family:"DDC Heading Font Face"; src:url(/static/sites/c/customwork/fonts/Jost/Jost-Regular.woff2) format("woff2"); font-weight:400; font-style:normal; font-display:swap }
@font-face { font-family:"DDC Heading Font Face"; src:url(/static/sites/c/customwork/fonts/Jost/Jost-Bold.woff2) format("woff2"); font-weight:800; font-style:normal; font-display:swap }
@font-face { font-family:"DDC Heading Font Face"; src:url(/static/sites/c/customwork/fonts/Jost/Jost-Bold.woff2) format("woff2"); font-weight:700; font-style:normal; font-display:swap }
@font-face { font-family:"DDC Heading Font Face"; src:url(/static/sites/c/customwork/fonts/Jost/Jost-Regular.woff2) format("woff2"); font-weight:600; font-style:normal; font-display:swap }
@font-face { font-family:"DDC Heading Font Face"; src:url(/static/sites/c/customwork/fonts/Jost/Jost-Bold.woff2) format("woff2"); font-weight:900; font-style:normal; font-display:swap }
@font-face { font-family: 'din-condensed-bold'; src: url('/sites/c/customwork/fonts/din-condensed-bold.woff2') format('woff2'); font-weight: normal; font-style: normal; }

/* GLOBAL */
.push,.ddc-wrapper {background: #fff;}
.page-bd {max-width: 1400px; margin-left: auto; margin-right: auto; padding: 0 17px;}

/* GOPHER Custom Color Scheme CSS */
  :root {
      --color-primary-50: #cecece;
      --color-primary-100: #afafaf;
      --color-primary-200: #909090;
      --color-primary-300: #717171;
      --color-primary-400: #525252;
      --color-primary-500: #333333;
      --color-primary-600: #2b2b2b;
      --color-primary-700: #232323;
      --color-primary-800: #1b1b1b;
      --color-primary-900: #131313;
      --color-primary-950: #0b0b0b;
      --btn-link-disabled-color: #333333;
      --btn-link-color: #000;
      --color-neutral-1000-alpha-6: #000;
      --color-neutral-1000-alpha-9: #000;
      --color-neutral-600: #000;
      --page-bg: #fff;
  }
  /* END Custom Color Scheme CSS */

/* GLOBAL */
body, .text-muted {color: #000!important;}
dl.pricing-detail dt {color: #000;}

/* HEADER */
.header-contact {display: none;}
.page-header .header-default .vcard.header-logo-enabled {height: 0px;}
.page-header.minimal {min-height: 150px; border: none;}
.page-header.minimal.true-minimal .navigation-default .navbar-nav>li {display: inline-flex; align-items: center;}
.non-mega-menu .nav-list>li ul {top: 42px;}
.page-header.minimal.true-minimal .header-navigation {padding: 40px 18px 30px 18px!important; max-width: 1400px; margin: auto;}
.page-header.minimal.true-minimal .navigation-default .navbar-nav>li {padding-bottom: 10px;}

/* owen.perks NAVIGATION */
.non-mega-menu .nav-list>li ul {width: 270px;}
.non-mega-menu .nav-list>li:focus-within ul, .non-mega-menu .nav-list>li:hover ul {background:#333;}
.non-mega-menu .nav-list>li ul li a {color: #858585;}
.non-mega-menu .nav-list>li ul {right:-10px}
.non-mega-menu .nav-list>li:hover>a {background: transparent;}
.page-header.minimal .navigation-default .navbar-nav>li>a {font-size: 18px;}
/* ddcrmelasky update to render non-hover li to gray remove border-bottom */
.header-nav-container .navbar-nav:hover>li>a { color: var(--color-neutral-300) !important; }
.page-header.minimal.true-minimal .navigation-default .navbar-nav>li:hover>a { color: #000 !important; }
.page-header.minimal .navigation-default .navbar-nav>li>a:after { display: none; } 

/* NAV FRAGMENT */
.ddc-mega-menu-nav .inventory-featured-default .hproduct .description {line-height: 1.1;}

/* Remove arrows on postal code number input field */
.locations-proximity input::-webkit-outer-spin-button,
.locations-proximity input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;} /* Chrome, Safari, Edge, Opera */
.locations-proximity input[type=number] {-moz-appearance: textfield;} /* Firefox */

/* HERO & interior pages HERO */
.responsive-type .page-bd [data-name="hero-container-1"] .display-3.white-box {height: 112px; font-family: "din-condensed-bold", sans-serif; font-size: 3.8rem!important; padding: 34px!important; background: #fff; color: #000; border-radius: 0; border: none; line-height: 60px;}
.responsive-type .page-bd [data-name="hero-container-1"] .display-3.white-box:hover {background: rgba(255,255,255,.7);}

/* owen.perks INDEX DIVIDER LINES */
.index-mono-dividers:before {content:""; position: absolute; background-color: #000; width: 70%; height: 1px; top:0px;left: 50%; transform: translate(-50%,0);}
.index-mono-dividers:after {content:""; position: absolute; background-color: #000; width: 70%; height: 1px; bottom:0px;left: 50%; transform: translate(-50%,0);}

/* owen.perks Locations Page */
.alias-locations-proximity .vcard .fn a{pointer-events: none;}

/*owen.perks background image banner INDEX*/
.aspect16-9 {aspect-ratio: 16 / 9;}
.index-news .cta-content h2{ height: 112px; font-family: "din-condensed-bold", sans-serif; font-size: 3.8rem!important; padding: 34px 34px 35px 34px!important; background: #fff; color: #000; border-radius: 0; border: none; line-height: 60.8px; margin: 0;}
.index-news .cta-content h2:hover {background:rgba(255,255,255,.7)}

/* MAP PROXIMITY */
[data-widget-id="locations1"] .yui3-u-1, [data-widget-id="locations1"] .yui3-u-2-3 {padding-left: 0; padding-right: 0;}
.locations-proximity .row, .locations-proximity .yui3-g {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
[data-name="index-landing-0001-map-wrapper-1"].row, [data-name="index-landing-0001-map-wrapper-1"].yui3-g {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.locations-proximity .postalcode {display: none;}
.locations-proximity .form-group {margin-bottom: 10px;}
.responsive-type .page-bd input.form-control, .responsive-type .page-bd select.form-control, .responsive-type .content-page-title input.form-control, .responsive-type .content-page-title select.form-control, .responsive-type [role='dialog'] input.form-control, .responsive-type [role='dialog'] select.form-control {height: 53px;}
@media (min-width: 1200px) {.responsive-type .page-bd input.form-control, .responsive-type .page-bd select.form-control, .responsive-type .content-page-title input.form-control, .responsive-type .content-page-title select.form-control, .responsive-type [role='dialog'] input.form-control, .responsive-type [role='dialog'] select.form-control {height: 53px;}}
.locations-proximity fieldset {margin: 0 auto; text-align: center; margin-top: 10px;}
@media (min-width : 1200px) {.locations-proximity fieldset {width: 1040px;}}
.locations-proximity .postalcode {margin-top: 10px;}
@media (max-width : 930px) {.locations-proximity .postalcode {display: none;}}
.ddc-wrapper div[data-widget-id="locations1"] .google-map + p {display: none;}
.locations-proximity .overlay-wrap .dealerListOverlay {top: 13%;}

/*owen.perks INDEX BOTTOM 3 CTAs */
.index-bottom-ctas .cta-content h2 {margin: auto 0!important; font-family: "din-condensed-bold", sans-serif; background: #fff;padding: 10px; color: #000 !important; height: 60px; line-height: 50px;  }
.index-bottom-ctas .cta-content h2:hover {background: rgba(255,255,255,.7)}

/* Scroll arrows */
ol#proximity-dealer-list {max-height: 480px!important; line-height: 1.3em;}
.overlay-wrap .location-scroll .ddc-icon {line-height: 40px;}
.dealerListOverlay .jcarousel-container {padding: 5px 0 0;}
.locations2 .jcarousel-list-horizontal {display: flex; justify-content: center; width: 100%!important;}
.dealerListOverlay .jcarousel-next, .jcarousel-next-disabled-horizontal, .jcarousel-next-horizontal, .jcarousel-prev, .jcarousel-prev-disabled-horizontal {display: none!important;}
.locations-proximity .form-asterisk-description {display: none;}

/* FOOTER */
.ddc-footer {background: #000; padding-bottom: 0;}
.ddc-footer .container {max-width: 1400px!important; background: #000;}
.ddc-footer .ddc-nav-inline a, .ddc-footer .nav a {color: #fff;}
.ddc-footer .navigation-default ul li>a {padding: 15px 20px; height: auto;  font-size: 15px; color: #bdbdbd; font-weight: 300;}
.third-party-service-footer {display: flex; justify-content:center; align-items: center; flex-direction: column; padding: 40px 12px 60px;}
.social-header-buttons {bottom:0 !important; left: 50% !important; transform:translate(-50%,0);}
.ddc-footer .nav li a:after {content: ''; position: absolute; bottom: 0; left: 50%; display: block; width: 0; margin: 0; border-bottom: 3px solid #fff;}
.ddc-footer .nav li>a:hover {background: 0 0;}
.ddc-footer .nav>li>a:hover:after {left: 0; width: 100%; transition: width .2s,left .2s;}