.content-alert-banner-message{background-image: url("https://www.napleton.com/Summer-Dealership-Sale-f.png"), url("https://www.napleton.com/Summer-Dealership-Sale-r.png");/*, linear-gradient(
    90deg,
    rgba(0,156,0,.4) 14%,
    rgba(0,156,0,.9) 25%,
   rgba(0,156,0,.9) 75%,
    rgba(0,156,0,.4) 86%
  );*/ background-repeat: no-repeat; background-size: 25% !important;
  background-position:
    left bottom, right bottom,
    right 0em top 0em; background-size: contain; font-size: 21px; font-weight: bold !important; padding: 2px; margin: -13px !important; bottom-margin: 12px !important; color: #f00 !important;} 
.memDMJ{font-size: 1.5vw;}
.text-link.text-link-inverse.content-alert-banner-link{/* background: #000 !important; */ opacity: .8 !important; color: #fff; margin-left: -10px; font-size: 21px; padding-left: 20px; padding: 4px;}
.dmjIncrease{ 
   text-transform: uppercase;
  background-image: linear-gradient(
    -260deg,
    	#0000ff 18%,
	#40E0D0 20%,
 	#ffff00 35%,
	#ffff00 65%,
    	#40E0D0 85%,
    	#0000ff 86%

  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 7s linear infinite;
  display: inline-block;
      font-size: 46px;
	margin-bottom: -12px;
}
@keyframes textclip {
  to {
    background-position: -200% center;
  }
}

.index .border-bottom.border-page-title.bg-page-title.page-section{height: 25px;}
.violetIMG{
content: url(https://napleton.com/images/Violet-Foundation-Mobile.webp);
background-repeat: no-repeat;
width: 100%;
}
.DmjViolet{
position: fixed;
bottom: 0px !important;
right: 0px !important;
z-index: 1900 !important;
width: 20%;
}

/* Desktop CSS for modifying the DR tool and giving our EPrice button more visibility due to a decrease in ePrice leads.*/
[data-location="vehicle-pre-approval-button"]{background: rgb(0,153,0,.7) !important; color: #fff;}
[data-location="vehicle-pre-approval-button"]:hover{background: #00bb00 !important; color: #37413f;}
[data-location="vehicle-pre-approval-button"]::before{color: #fff !important;  animation-name: spin; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.1, 1, 0.2, 0); margin-top: -7px;}@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
[data-location="vehicle-pre-approval-button"]:hover::before{color: #37413f !important;}

.DMJ-4th{ background-image: url("https://pictures.dealer.com/n/napletonsclermontchryslerjeepcllc/1189/d5dffcf75bf4f594f9db4efbc28899d2x.jpg"); background-size: 100%; background-repeat: no-repeat; height:90px; padding: 1px;}
.violetIMG{
content: url(https://napleton.com/images/Violet-Foundation-Mobile.webp);
background-repeat: no-repeat;
width: 100%;
}
.DmjViolet{
position: fixed;
bottom: 0px !important;
right: 0px !important;
z-index: 1900 !important;
width: 20%;
}

.respDMJ{width: 50%; padding-left: 20px; margin-right: 0px !important; padding-left: 90px !important;} 
.respDMJ2{margin-right: 0px !important; padding-right: 0px !important;}
[data-location="vehicle-eprice-button"]{background:rgba(255,120,0,1) !important; padding: 20px; font-size: 12px !important; font-weight: 300; color: #fff;
	box-shadow:-5px 4px 8px rgba(0,0,0,.3),inset 0 -10px 9px rgba(0,0,0,0.2), /*bottom internal shadow*/ 
  inset 0 12px 9px rgba(255,165,89,0.9); border: #ccc; }
[data-location="vehicle-eprice-button"]::before{color: #fff !important;}
[data-location="vehicle-eprice-button"]:hover{background: rgba(255,120,0,.6) !important; color: #ccc;}
[data-location="vehicle-eprice-button"]:hover::before{color: #ccc !important;}
[data-key="price-item-askingprice-1"]{color: #009900; padding-top: 4px;}
[data-style-editor-text=".srp .inv-type-new.pricing-detail .final-price .price-label"]{color: #009900; font-size: 18px; font-weight: 400;}
[data-style-editor-text=".srp .inv-type-new.pricing-detail .final-price .price-label"]:before{content: "Sale ";}
[data-style-editor-text=".srp .inv-type-pre-owned.pricing-detail .final-price .price-value"]{color: #009900; padding-top: 4px;}
[data-style-editor-text=".srp .inv-type-pre-owned.pricing-detail .final-price .price-label"]{color: #009900; padding-top: 4px;}
[data-style-editor-text=".srp .inv-type-pre-owned.pricing-detail .final-price .price-label"]:before{content: "Sale ";}
.dmjSEO{ -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); width: 85%; box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); text-align:center; padding-left: 10px; padding-right: 10px; margin-right: 0px !important; }
/*-- DRD CSS---*/
.tg  {border-color:#ffffff;}
.tg td{overflow:hidden;word-break:normal;border-color:#ffffff;}
.tg th{overflow:hidden; word-break:normal;border-color:#ffffff;}

@media all and (max-width: 768px) {
.lpT, .lpt table, .dmjSEO,
  .lpt thead,
.lpt tbody,
.lpt th,
  .lpt td,
.lpt tr
{
    display: block ; 
  }}

#bcrumb Ol
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-family:"Roboto";
font-weight:200;
}
#bcrumb Ol li { display: inline;font-family:"Roboto";
font-weight:200; }
#bcrumb Ol li a
{
text-decoration: none;
padding: .1em 1em;
color: #000;
font-family:"Roboto";
font-weight:200;
}
.logocontainerm {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 7px; 
/* grid-row-gap: 10px;*/
text-align:center;
}
.mrdrddcontainer {
display: grid;
grid-template-columns: 1fr 2fr 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 7px; 
/* grid-row-gap: 10px;*/
text-align:left;
}
#bcrumb Ol li a:hover
{
color: #fff;
background-color: #00b4ff;
font-family:"Roboto";
font-weight:200;
}
/* New Acura Classes  Use these for CSS*/
#bcrumb Ol
{
margin: 0;
padding: 0;
text-align: center;
font-family:"Roboto";
font-weight:200;
}
#bcrumb Ol li { display: inline;font-family:"Roboto";
font-weight:200; }
#bcrumb Ol li a
{
text-decoration: none;
padding: .1em 1em;
color: #000;
font-family:"Roboto";
font-weight:200;
}
#bcrumb Ol li a:hover
{
color: #fff;
background-color: #00b4ff;
font-family:"Roboto";
font-weight:200;
}
.drdcon {
display: grid;
grid-template-columns: 1fr 1fr ; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 20px; 
/* grid-row-gap: 10px;*/
}
.drdcons {
display: grid;
grid-template-columns: 1fr 2fr ; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 20px; 
/* grid-row-gap: 10px;*/
}
.drditems {
/*border: 1px solid #222;*/
text-align: left;

}
.drdcon3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr ; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 20px; 
/* grid-row-gap: 10px;*/
}
.drditem {
/*border: 1px solid #222;*/
text-align: left;

}

.drbitem {
border: 3px solid #222;
text-align: left;
border-radius:5px;
padding:5px;
border-top-color:red;
background-color:#f5f5f5 ;
}
.mrmcontainer {
display: grid;
grid-template-columns: 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 7px; 
/* grid-row-gap: 10px;*/
}
.mrmitem {
text-align: center;
background: linear-gradient(var(--color-accent-500),var(--color-accent-600));
color: white;
transition: .5s ease;
margin: 4px; 
padding: 20px; text-align: center; cursor: pointer; border-radius: 5px;
}

.mrmitem:hover {
background-color: #1ac9aa;
color: white;
box-shadow: 0 4px 6px -5px;
border: none
}
/*.mrmitem:nth-child(even) {
background: #1ac9aa;
}*/
.mrmitem a{
color:white;
}

/* fdbarfety PPR-123059 */
#specs table td {padding: 10px 5px;}
#specs .wysiwyg-table, #specs .wysiwyg-table td {border-color: #fff!important;}

.ucitem {
text-align: center;
background: #ff8c00;
color: white;
transition: .5s ease;
margin: 4px; 
padding: 20px; text-align: center; cursor: pointer; border-radius: 5px;
text-decoration:none;
}

.ucitem:hover {
background-color: #1ac9aa;
color: white;
box-shadow: 0 20px 20px -10px;
border: 2px solid #1e96fc;
}
/*.ucitem:nth-child(even) {
background: #1ac9aa;
}*/
.ucitem a{
color:white;

}

.sqbtnsl{
text-align: center;
background-color: #9d0208;
color: white;
transition: .5s ease;
margin: 4px; 
padding: 20px; 
text-align: center; 
cursor: pointer; 
border-radius: 0px;
}

.sqbtnsl:hover {
background-color: #ed1f1f;
color: white;
box-shadow: 0 20px 20px -10px;
border: 2px solid #fcbf49;
}
.sqbtnsl:nth-child(even) {
background: #ededed;
color:black;
}
.sqbtnsl a{
color:white;
}
.mrdcontainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 7px; 
/* grid-row-gap: 10px;*/
}
.fincontainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 7px; 
/* grid-row-gap: 10px;*/
}

.luxurybrand {
transition: .5s ease
}
.luxurybrand:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
filter: drop-shadow(0px 10px 5px  black);
}
/* Accordion */
.okaccordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.okaccordion:hover {
background-color: #ccc;
}
.okpanel {
padding: 0 18px;
background-color: white;
overflow: hidden;
display:none;
}
.okaccordion:after {
content: '\02795'; /* Unicode character for "plus" sign (+) */
font-size: 13px;
color: #777;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/* End accordion */
@media 
only screen and (max-width: 740px),
(min-device-width: 362px) and (max-device-width: 1024px)
{
.mrdcontainer {
display: grid;
grid-template-columns: 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 7px; 
/* grid-row-gap: 10px;*/
}
.drdcon {
display: grid;
grid-template-columns: 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 20px; 
/* grid-row-gap: 10px;*/
}
.fincontainer {
display: grid;
grid-template-columns: 1fr 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 7px; 
/* grid-row-gap: 10px;*/
}

.drdcon3 {
display: grid;
grid-template-columns: 1fr ; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 20px; 
/* grid-row-gap: 10px;*/
}

.sqbtnsl{
text-align: center;
background-color: #9d0208;
color: white;
transition: .5s ease;
margin: 4px; 
padding: 20px; 
text-align: center; 
cursor: pointer; 
border-radius: 0px;
}

.sqbtnsl:hover {
background-color: #ed1f1f;
color: white;
box-shadow: 0 20px 20px -10px;
border: 2px solid #fcbf49;
}
.sqbtnsl:nth-child(even) {
background: #ededed;
color:black;
}
.sqbtnsl a{
color:white;
}
}
/*-- DRD CSS --*/

.index .buttonblock-default[data-widget-id="buttonblock1"] .buttonblock-img-wrap img {background-color: transparent; opacity:1 }
.index .buttonblock-default[data-widget-id="buttonblock1"] a:hover .buttonblock-img-wrap {color:transparent;}

/*ddcrmelasky index button zoom*/
.buttonblock-img-wrap img {opacity: 1;}
.index .buttonblock-default.buttonblock-zoom-animation img:hover {
    transform: scale3d(1.1,1.1,1);
    opacity: 1;
    transition-property: transform;
    transition-duration: .4s;
    transform-style: preserve-3d;
}

/*ddcrmelasky footer adjust*/
.ddc-footer .navigation-default ul li>a {font-size: 10px; padding: 40px 5px;}

/* fdbarfety - inventory search facet browse widget (used in sidebars) */
.inventory-search-facet-browse .pill-label {padding: .5em .9em;}
.ddc-composer .inventory-search-facet-browse .pill-label {padding: .5em .85em;}
.inventory-search-facet-browse .pill-label {background: var(--color-primary-950);}
.inventory-search-facet-browse .pill-label.checked {border-color: var(--color-primary-300); background: var(--color-primary-300);}
.inventory-search-facet-browse .ddc-pill-nav {border: 1px solid var(--color-neutral-700); background-color: var(--color-primary-300);}
.inventory-search-facet-browse .dropdown-menu {background: var(--color-primary-400);}
.inventory-search-facet-browse .open .btn.dropdown-toggle {border: 1px solid var(--color-neutral-300); background: var(--color-primary-500);}
.inventory-search-facet-browse .dropdown-menu>li.active>a,
.inventory-search-facet-browse .dropdown-menu>li.selected>a,
.inventory-search-facet-browse .dropdown-menu>li>a:focus,
.inventory-search-facet-browse .dropdown-menu>li>a:hover {background: var(--color-neutral-400);}
.inventory-search-facet-browse .btn.dropdown-toggle {border: 1px solid var(--color-primary-950); color: var(--input-color); background: var(--color-primary-950);}
.inventory-search-facet-browse .btn.dropdown-toggle.hover,
.inventory-search-facet-browse .btn.dropdown-toggle:hover {border: 1px solid var(--color-neutral-400); background: var(--color-primary-800);}
.inventory-search-facet-browse .btn.dropdown-toggle.focus,
.inventory-search-facet-browse .btn.dropdown-toggle:focus {border: 1px solid var(--color-neutral-400); background: var(--color-primary-500);}
.inventory-search-facet-browse .dropdown-menu .text small {color: var(--color-primary-100) !important;}