/* ddccindyo- fixing navigaiton to fit responsive header */
.navbar-default.responsive .container .navbar-nav .dropdown { width: 12%;}

/* ddccindyo- adding more height to responsive header to allow for social buttons to fit */
.page-header.responsive .header-default {height: 120px;}
.page-header.responsive { min-height: 120px;}

.page-header.responsive .value-statement { position: relative; top: -10px; left: 190px;}


/* IRCRandy adjusting scm top to fit */
.center-block, .align-center { margin-top: 24px; }

/*.inventory-detail-pricing .ePrice a { color: #000080; background-image: url('//pictures.dealer.com/l/lithianissanmedford/1083/0a6c47446d11b8192760dd834269dd8bx.jpg'); background-size: 180px; background-repeat: no-repeat; margin-right:40px; text-decoration: none;}*/
/* cbenson M-00487871 */
.inventory-detail-pricing .ePrice a { background: #000080!important;}
.ctm-pre-app a {background: #85bb65; float: right; width:158px; }
/* ddcbatot DNA4860404 */
.header-default .doy {right:310px; top: 10px; z-index: 9999; position: absolute; display: block; width: 80px; height: 80px; background: url(/static/sites/l/lithianissanmedford/images/DOY_2013.png) no-repeat scroll 0 0 transparent;}
.header-default .doy:hover {opacity:.75; filter:alpha(opacity=75);}

/* ddcerikj adjusted alignment of images */
.content img {display:inline;}
.hide {display:none;}

/*ddcerikj - main nav width & capitalization */
.navbar .navbar-nav .ddc-mega-menu-nav .sublabelled  {width:auto; padding-top:10px; padding-left:10px; padding-right:10px; min-width:60px;font-weight: 700; font-size: 16px;}

/* ddcerikj Featured vehicles height & pricing formatting */
.ddc-content.inventory-featured-default.fvindex .media > a img {height: 285px;}
.inventory-featured-full-page .btn-block {margin-top: 6px; width: 460px;}

/* ddcerikj Video gallery thumbnails */
.video-gallery .video-thumbs .yui3-u-1-5 {width:auto;}

/* ddcerikj Split vehicle info/options into 2 columns on VDPs */
.inventory-detail-packages-options #options .option-table tr {width:50%; float:left; background: transparent;border:none}
.inventory-detail-packages-options #options .option-table .option-item-description {width:42%; background: transparent;border:none}
.inventory-detail-packages-options #options .option-table .option-item-description h3 {width:100%; font-size: 92%; background: transparent;border:none}
.inventory-detail-packages-options #options {margin-top: 12px; background: transparent;border:none}
.inventory-detail-packages-options .packages {margin-top: 12px; background: transparent;border:none}

/* ddcerikj Resize contact info on vdps */
.vdp .main .contact-info {font-size: 17px;}

/* ddcerikj move incentives button down */
.incentives-search-default .vehicle-container .btn{bottom:-20px!important;}


/*ddcerikj put a space at the top of the button */
.safecar-button {margin-top: 10px;}

/*ddcerikj remove the dealer of the year image from header in shrink mode */
.page-header.shrink-header-nav .doy {display:none;}

/*ddcerikj remove the Spanish button in shrink mode */
.page-header.shrink-header-nav .lang-buttons {display:none;}

/*ddcerkj remove the spanish link from header */
.page-header .links-locale a{display:none;}

/*ddcerikj move the spanish link down | ddcalexw 07573940 80px to 100px */
.header-default .lang-buttons {top:100px !important;}

/* ddcalmirc - VLP: adjusting width of description area and comments */
/* .vlp .itemComments {width:350px} */
.type-2 .full .hproduct .description {width:64%}

/* RSW of IRC - adding please wait image while loading iframes */
.iFrame-loading {background: url(//pictures.dealer.com/l/lithianissanmedford/1038/ae06b0018e895cfdfec66183874d0282x.jpg) top center no-repeat;}

/* ddcjosiahl DNA5158839 | ddcalexw 07562542 removed new vlp eprice button sizing */
a.btn.btn-default.cstInstBtn.ui-button:before {content: ""; }
a.btn.btn-default.cstInstBtn.ui-button {padding-right: 10px; font-size: 13.1px; }
.inventory-detail-pricing .pricing li.custom-approval {float: right; margin-top: -35px; }


/* DNA5363400 JLC */
.vdp .pricing .rebate .price:before,.vlp .pricing .rebate .value:before {content:none;}

/* ddctaylorp featured page changes */
.inventory-featured-default .pricing { width: 100%; }

/* ddcrandyh M-00144416 */
.index .inventory-featured-default .pricing {width:100%;min-height:131px;}
.index .inventory-featured-default .view-all-link.view-link {margin-top:5px;}

/* IRC RSW shrink address to not overlap social media icons */
.page-header .header-default .vcard .adr a { font-size: 10px; }

/* IRC RSW moving the mycars icons to fit nav menu items */
.mycars { float:left; margin-right:-50px; }
.mycars .menu .label { float:left; margin-right:-50px; }

/* IRC RSW - DDC Image fix */
.rswnobreak img {display: inline;vertical-align: top;float: none;white-space:nowrap;}

/*LithiaIRC-JDean compress MyCars to keep from running over nav (added by RSW) */
.mycars .menu .label {font-size: 8pt !important;}
.mycars .menu > a {width: 55px !important; padding: 0px;}

/* M-00196548 ddcjareds */
.vdp .epriceLink img { margin-bottom: 40px; }
.inventory-detail-pricing .pricing li:not(.paymentInformation):not(.monthlyPayment):not(.instant-eprice-button) > span { float: right; }

/* M-00239238 chris.diego */
.vdp .cstApp img {margin:0 auto;}

/* M-00239890 ddcbobc */
.header-default .cst-schedule { position: absolute; top: 103px; right: 101px; }
.header-default .cst-schedule img { width: 170px; }
.page-header.sticky-header-nav.shrink-header-nav .header-default .cst-schedule {display: none;}

/*ddcalexw 07602203 resize labels new */
.vlp .inv-type-new .pricing .label {font-size: .8em;}

/* Start 'vlp-used-price-label-final-price' (do not modify this line) */
/* Modified by ddclogans on 09/25/18 10:16 AM PDT */
.vlp .inventoryList .item.inv-type-used .pricing .final-price .label { text-decoration: none; font-weight: bold; font-size: 11.9px; color: #0C0C0C; }
/* End 'vlp-used-price-label-final-price' (do not modify this line) */

/* ddcjosiahl M-00246526 */
.navbar-default {background-color: #fff;color: #6c6c6c;border-top: solid #6c6c6c;border-bottom: solid #6c6c6c;}

.ddc-icon-home:before,.mycars .menu .label,.mycars .menu.menu-has-count .label {color: #EEEEEE;text-shadow:none;}
.navbar-default .navbar-nav > li > a,
.navbar-nav > li > a.sublabelled span,
.mycars .menu.login > a:before,
.ddc-icon-mycars-alerts:before, .mycars .price-alerts .count:before,
.ddc-icon-mycars-saved:before, .mycars .saved-cars .count:before,
.ddc-icon-mycars-viewed:before, .mycars .recent-cars .count:before {color: #EEEEEE;}
.mycars .menu.login > a .label {color: #6c6c6c;text-shadow: none;}
.mycars .menu .login > a:before {color: #6c6c6c; text-shadow: none !important;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background-color: #6c6c6c;}
.mycars.mycars-integration-navbar .menu .selected > a, .mycars.mycars-integration-navbar .menu:hover > a {background-color: #6c6c6c;}
.mycars .menu.login > a:hover .label,
.mycars .menu a:hover .label, .mycars .menu.menu-has-count a:hover .label,
.ddc-icon-mycars-alerts:before,
.ddc-icon-mycars-viewed:before,
.mycars .menu.login > a:hover:before { color: #FFFFFF;}


/*ddcandyg 08082642*/
.index .nav-fragment .inventory-featured-default .pricing {min-height: initial;}

/* Start 'vlp-ePrice-button' (do not modify this line) */
/* Modified by ddcdaniele on 02/28/18 01:27 PM EST */
.vlp .inventoryList .pricing .btn.eprice span { text-decoration: none; font-weight: bold; font-size: 12px; color: #ffffff; }
.vlp .inventoryList .pricing .btn.eprice:hover span { color: #ffffff; }
.vlp .inventoryList .pricing .btn.eprice span { background: none; background-image: none; background-color: transparent; }
.vlp .inventoryList .pricing .btn.eprice { border: none; background: #000080; background-color: #000080; background-image: none; width: 158px }
.vdp .ctm-pre-app a { width: 227px; font-size: 18px;}
.vlp .inventoryList .pricing .btn.eprice:hover { border: none; background: #c3002f; background-color: #c3002f; background-image: none; }
.vlp .inventoryList .pricing .btn.eprice:before { color: #ffffff; }
.vlp .inventoryList .pricing .btn.eprice:hover:before { color: #000000; }
/* End 'vlp-ePrice-button' (do not modify this line) */

/* Start 'vdp-ePrice-button' (do not modify this line) */
/* Modified by ddcdaniele on 02/28/18 01:19 PM EST */
.vdp .pricing .eprice.button { text-decoration: none; font-weight: bold; font-size: 18px; color: #ffffff; }
.vdp .pricing .eprice.button:hover { color: #ffffff; }
.vdp .pricing .eprice.button { border: none; background: #000080; background-color: #000080; background-image: none; }
.vdp .pricing .eprice.button:hover { border: none; background: #000080; background-color: #000080; background-image: none; }
.vdp .pricing .eprice.button:before { color: #ffffff; }
.vdp .pricing .eprice.button:hover:before { color: #000000; }
/* End 'vdp-ePrice-button' (do not modify this line) */

/*Custom Lithia Pilot MSLP CSS - ddckarlau*/
/*---New Vehicle Specials- Widget Classes: TabbedVehicleSpecials---*/
.TabbedVehicleSpecials {max-width:960px; margin-left:auto; margin-right:auto;}
/*
------Disclaimer-Styling--------------------
*/
.disclaimer-content {display: none; color:#000;}
.disclaimer:hover .disclaimer-content{display: block;}
.disclaimer-txt {font-size:12px;}
.disclaimer {position: relative; top: -35px; display: inline-block; float:right; margin-right: 100px;}
.disclaimer-content {display: none; position: absolute; background-color: #f9f9f9; width: 420px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 12px 16px; z-index: 1; line-height: .95!important;}
.disclaimer:hover .disclaimer-content {display: block;}
/*
----Tabbed-Content-Positioning--------------
*/
.TabbedVehicleSpecials h4.h1 {visibility:hidden; display:none}
.TabbedVehicleSpecials .nav{position:relative; margin-top:150px; z-index:1}
.TabbedVehicleSpecials>div.ddc-span12 {position:absolute;}
.TabbedVehicleSpecials ul.nav>li {text-align:center; display:table-cell; width:15.6%; margin:0.5%;height:8.0em;}
.TabbedVehicleSpecials ul.nav>li>a {border-radius:0px!important; text-align:center; border-radius:0px!important; background-color:rgba(0,0,0,0)!important; color:#000!important; font-weight:600!important; line-height:150%; font-size:1em; height:100px;}
.TabbedVehicleSpecials ul.nav>li.active>a {color:#e6231e!important; background-color:rgba(0,0,0,0)!important;}
.TabbedVehicleSpecials ul.nav>li>a>img {width:100%!important; margin-bottom:5%;}
.TabbedVehicleSpecials ul.nav>li>a:hover {color:#e6231e!important; background-color:rgba(0,0,0,0)!important;}
.TabbedVehicleSpecials li i::before, .TabbedVehicleSpecials h4.h1 {display:none}
.TabbedVehicleSpecials li>a {text-align:center}
.TabbedVehicleSpecials li>a>img {max-width:100%}
.content-tabbed .nav-tabs.nav-pills > li a {padding:0px 13px;}
.SpecialsContainerHeadline {margin-bottom: 40px;}
.OfferCell {height:267px;}
.TabbedVehicleSpecials .ddc-btn {background:#C03;text-decoration:None}
/*
-----Animation-----------------------------
*/
@-webkit-keyframes
slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}
@keyframes
slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}
.slide-left {
-webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
-moz-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.flip-diagonal-1-tr {
-webkit-animation: flip-diagonal-1-tr 0.4s ease-in-out reverse forwards;
-moz-animation: flip-diagonal-1-tr 0.4s ease-in-out reverse forwards;
animation: flip-diagonal-1-tr 0.4s ease-in-out reverse forwards;
}
@-webkit-keyframes
flip-diagonal-1-tr{0%{-webkit-transform:rotate3d(1,1,0,0deg);transform:rotate3d(1,1,0,0deg)}100%{-webkit-transform:rotate3d(1,1,0,180deg);transform:rotate3d(1,1,0,180deg)}}
@keyframes
flip-diagonal-1-tr{0%{-webkit-transform:rotate3d(1,1,0,0deg);transform:rotate3d(1,1,0,0deg)}100%{-webkit-transform:rotate3d(1,1,0,180deg);transform:rotate3d(1,1,0,180deg)}}

/* -- ddckarlau- MSLP Content Styling -- */

.MS-Vehicle-Special {
  padding: 1%;
  max-width: 950px;
  margin: 0% auto;
  overflow: hidden;min-height:300px
}
.MS-Vehicle-Special img {
  float: right;
  width: 45%;
margin:2%;
  margin-top: 4em;margin-bottom:-1.5em
}
.MS-Vehicle-Special h1.Headline {
  font-size: 1.5em;
  font-weight: 400;
  margin: 0%;
/*color: #fff;
text-shadow: 2px 2px #000;*/

}
.MS-Vehicle-Special p.Body {
  font-size: 1.25em;
  font-weight: 400;
  margin: 0%;
color: #000
}
.MS-Vehicle-Special h1.Headline b {
  font-weight: 900;
  font-size: 1.25em;
}
.MS-Vehicle-Special h2.Offer {
  margin-top:1%;
font-size:1.25em;
/*color: #fff!important;
text-shadow: 2px 2px #000*/
}
.MS-Vehicle-Special h2.Offer span {
  font-size:1.25em;
/*color: #fff*/
}
.MS-Vehicle-Special h2.Offer>b {
  font-size: 1.75em;
/*color: #fff*/
}
.MS-Vehicle-Special a.MS-Special-Button {
  float: left;
  margin-right: 1%;
  width: 24%;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 175%;
  font-size: 1.25em;
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.MS-Vehicle-Special a.MS-Special-Button:hover {
  background: #fff;
  color: #000;
}
#view-disclaimer {
  display: block;padding-top:0.5%;
  font-size: 0.75em color: #000;
  font-weight: 900;clear:left;margin:0%;
color: #000
}
#disclaimer-text {
  display: none;
  font-weight: 500;
  position: absolute;
  background: #fff;
  padding: 1%;
  box-shadow: 3px 3px 5px #666;
  margin: 0% auto;
  max-width: 95%;
color: #000
}
#view-disclaimer:hover #disclaimer-text {
  display: block;
  padding: 1%;
  z-index: 1
}
.MS-custom a {
text-align:center;
padding-right:0%!important;
padding-left:0%!important;
margin-top: 40px;
}
.MS-custom a.btn:before {
display:none
}
.Lithia-MSLP-Content {
background:#fff;
}
.Lithia-MSLP-Content div {
  box-sizing: border-box;
  overflow: hidden;
  padding: 2%;
}
.Lithia-MSLP-Content img {
  max-width: 100%
}
.Lithia-MSLP-Content h1 {
  margin: 1%;
  line-height: 150%;
  text-transform: uppercase;
  width: auto;
  border-bottom: 2px solid;
  font-size: 3em
}
.Lithia-MSLP-Content h3 {
  margin: 1%;
  line-height: 150%;
  width: 80%;
  border-bottom: 2px solid;
  font-size: 1.75em
}
.Lithia-MSLP-Content h4 {
  margin: 1%;
  line-height: 150%;
  font-size: 1.25em
}
.Lithia-MSLP-Content p {
  margin: 1%;
  font-size: 1em
}
.Lithia-MSLP-Content a.MS-Button-01, .MS-Button-01 {
  display: inline-block;
  margin: 2% 0.5%;
  line-height: 200%;
  text-decoration: none;
  Text-align: center;
  font-size: 1.5em;
  transition: all 300ms ease-in-out 0s;
  /*Button Color and Size*/
  background: #FFF;
  color: #000;
  width: 30%;
  border: 2px solid
}
.Lithia-MSLP-Content a.MS-Button-01:hover {
  background: #000;
  color: #fff
}
.Lithia-MSLP-Content .MS-Style-01>img, .Lithia-MSLP-Content .MS-Style-01>section {
  display: table-cell;
  padding: 2%
}
.Lithia-MSLP-Content .MS-Style-03 {
  clear: both;
  background: #666
}
.Lithia-MSLP-Content .MS-Style-03 section {
  background: #fff;
  padding: 2%;
  display: table-cell;
  border: 10px solid #666;
  width: 50%
}
.Lithia-MSLP-Content h2.more-Features {
  border-bottom: none;
  margin: 1% auto;
  width: auto;
  text-align: center
}



/* erikfujii 04724801 */
.header-default .cst-schedule {top: 105px; right: 0px;}

/* ddcmhampton 	04870854 */
.inventory-listing-default .inv-type-new .pricing.multiple-prices .final-price:after,
.inventory-detail-pricing .inv-type-new  .final-price:before {content:"Conditional Offers";font-size:.9em;color:#6c6c6c;width:100%;}

/* ddcsamp - design system updates */
.navbar.navbar-default {background: #fff;}
.dropdown:hover .ddc-icon-home::before {color: #fff;}
.navbar-default .navbar-nav > li > a, .navbar-nav > li > a.sublabelled span, .mycars .menu.login > a::before, .ddc-icon-mycars-alerts::before, .mycars .price-alerts .count::before, .ddc-icon-mycars-saved::before, .mycars .saved-cars .count::before, .ddc-icon-mycars-viewed::before, .mycars .recent-cars .count::before, .ddc-icon-home::before, .mycars .menu .label, .mycars .menu.menu-has-count .label {color: #6c6c6c;}

/* ddcsamp 05862263 */
.inventory-listing-default .pricing .btn {max-width: 100%;}

/* Start 'vlp-new-price-value-final-price' (do not modify this line) */
/* Modified by dttommyhoward on 04/30/19 03:38 PM CDT */
.vlp .inventoryList .item.inv-type-new .pricing .final-price .value { text-decoration: none; font-weight: bold; font-size: 16.8px; color: #000000; }
/* End 'vlp-new-price-value-final-price' (do not modify this line) */

/* Start 'vdp-new-price-value-final-price' (do not modify this line) */
/* Modified by asulikowsk on 04/01/22 07:45 PM EDT */
.vdp .inv-type-new.pricing-detail .final-price .price-value { text-decoration: none; font-weight: bold; font-size: 22.5px; color: #000000; }
/* End 'vdp-new-price-value-final-price' (do not modify this line) */

/* Start 'vlp-new-price-value-msrp' (do not modify this line) */
/* Modified by dttommyhoward on 04/30/19 03:38 PM CDT */
.vlp .inventoryList .item.inv-type-new .pricing .msrp .value { font-size: 16.8px; color: #000000; }
/* End 'vlp-new-price-value-msrp' (do not modify this line) */

/* Start 'vdp-final-price-price-value-final-price' (do not modify this line) */
/* Modified by shawnmorse on 07/15/19 09:25 AM EDT */
.vdp .inv-type-new.pricing-detail .final-price .price-value { text-decoration: none; font-weight: normal; font-size: 22.5px; color: #000000; }
/* End 'vdp-final-price-price-value-final-price' (do not modify this line) */

/* Start 'vdp-msrp-price-value-msrp' (do not modify this line) */
/* Modified by shawnmorse on 07/15/19 09:24 AM EDT */
.vdp .inv-type-new.pricing-detail .msrp .price-value { font-size: 18px; color: #000000; }
/* End 'vdp-msrp-price-value-msrp' (do not modify this line) */

/* Start 'srp-new-price-value-msrp' (do not modify this line) */
/* Modified by cynthiaminer on 01/11/21 11:21 AM EST */
.srp .inv-type-new.pricing-detail .msrp .price-value { font-size: 15.75px; color: #000000; }
/* End 'srp-new-price-value-msrp' (do not modify this line) */

/* Start 'vdp-new-price-label-final-price' (do not modify this line) */
/* Modified by asulikowsk on 04/01/22 07:45 PM EDT */
.vdp .inv-type-new.pricing-detail .final-price .price-label { text-decoration: none; font-weight: bold; font-size: 18px; color: #000000; }
/* End 'vdp-new-price-label-final-price' (do not modify this line) */

/* ddcrandyh 08280688 */
.inventory-featured-default {
  --card-columns: 1; 
  &:has(.yui3-u-1-2) { --card-columns: 2; }
  &:has(.yui3-u-1-3) { --card-columns: 3; }
  &:has(.yui3-u-1-4) { --card-columns: 4; }
  &.grid-mode :is(.yui3-g, .row) {
    display: grid; grid-template-columns: repeat(var(--card-columns), minmax(0, 1fr)); gap: 0.25rem; margin-bottom: 0.5rem;
    &::before { display: none; }
    & :is(.yui3-u-1-3,.yui3-u-1-4) {
      float: none; display: grid; grid-template-rows: subgrid; grid-template-columns: 1fr; width: 100%;
      & > .hproduct {
        display: grid; grid-template-columns: subgrid;
        grid-template-areas: "media" "fn" "pricing" "description" "view-link";
        gap: 0.75rem; box-sizing: border-box; padding: 0.75rem; border: 1px solid #e0e0e0;
        border-radius: 0.5rem; background: #fff; align-items: start;
        & > div {
          display: contents;
          & .media       { grid-area: media; & img { width: 100%; } }
          & .fn          { grid-area: fn; }
          & .pricing     { grid-area: pricing; width: calc(100% - 32px ); }
          & .description { grid-area: description; }
          & .view-link   { grid-area: view-link; align-self: end; }
        }
      }
    }
  }
}