/* NEW VDP 10/15/26
************************************************/
body.modal-open div#dealerwolf-chat-container,
body.fancybox-active div#dealerwolf-chat-container { display: none !important; }

@media (max-width: 767px) { 
    .form-control.form-control { 
        font-size: 16px !important; 
    } 
}

/* FAQs
************************************************/
.faq-container {
    background-color: #ffffff;
    color: #333333;
    padding: 20px;
    line-height: 1.5;
    width: 100%;
}

.faq-container h2 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #333333;
}

.faq-item {
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 10px;
    overflow: hidden;
}

.faq-item summary {
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    cursor: pointer;
    list-style: none; /* Hides default browser marker */
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Hides default marker for Safari */
.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary:hover {
    background-color: #f1f1f1;
}

/* Clear visual focus outline for keyboard accessibility (Tab navigation) */
.faq-item summary:focus-visible {
    outline: 2px solid #0056b3;
    outline-offset: -2px;
}

/* Font Awesome Pro Icon Rotation */
.faq-icon {
    font-size: 12px;
    color: #0056b3;
    transition: transform 0.2s ease;
}

.faq-item[open] .faq-icon {
    transform: rotate(90deg);
}

.faq-item p {
    padding: 0 15px 15px 35px;
    margin: 0;
    font-size: 14px;
    color: #555555;
}

/* HOMEPAGE
*********************************/
.homepage-content {
    color: #ffffff;
    padding: 20px;
    line-height: 1.5;
}

.homepage-content div {
    margin-bottom: 20px;
}

.homepage-content h3 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #444444;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #ffffff;
}

.homepage-content p {
    font-size: 14px;
    margin-bottom: 8px;
    color: #ffffff;
}

.homepage-content a {
    color: #63b3ed;
    text-decoration: none;
}

.homepage-content a:hover {
    text-decoration: underline;
}
/* Footer
**************************/
.footer-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;

    flex-direction: column;
    padding: 0px 15px;
}

.footer-nav a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-nav a:hover {
  color: #cccccc;
  text-decoration: underline;
}

.carguru {
    margin-left: auto;
    margin-right: auto;
    display: none;
}


/* inventory badge images
**********************************************/
.no-space .page-content-row.container {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* homepage badge images
**********************************************/
@media (min-width: 768px) {
    .img-left img {
    margin-right: 30px;
    }
    .img-right img {
    margin-left: 30px;
    }
}

.white-back a {
    background-color: #fff;
}

/*highway1*/
/*White / Blue*/
/*Search bar*/

@media only screen and (min-width: 1300px) {
.img-adjust {
    margin-top: 90px;
}
}

@media only screen and (min-width: 700px)and (max-width: 200px) {
div#element-1182f10adbfd469eabb51c4718fc2a2b {
    margin-top: 90px;
}
}

div.luxury-search {
border:none;
}
div.luxury-search .element-type-inventorysearch .form-group {
    width: 76%;
    margin: 0;
}
div.luxury-search .element-type-inventorysearch .btn-default{
    background: #b11e30;
    width: 24%;
    color: #fff;
margin-right:-16px;
margin-top:-2px;
padding: 11px 0;
}
div.luxury-search .element-type-inventorysearch {
    background: rgba(255, 255, 255, 100);
    padding: 0;
}

@media (min-width: 992px){
div.luxury-search {
bottom:50%;
}
}
@media (min-width: 1150px){
div.luxury-search {
bottom:50%;
}
}
@media (min-width: 1200px){
div.luxury-search {
bottom:50%;
}
}
@media (min-width: 1450px){
div.luxury-search {
bottom:50%;
}
}
@media (min-width: 1550px){
div.luxury-search {
bottom:50%;
}
}
@media (min-width: 1658px){
div.luxury-search {
bottom:50%;
}
}
@media (min-width: 1735px){
div.luxury-search {
bottom:50%;
}
}
/*end of search bar*/
/* Slide text */

.colorpink {
    color: pink;
     font-size: 100px;
}

/*.slide-text {
    position: absolute;
    z-index: 100;
    bottom: 150px;
    right: 30px;
    max-width: 360px;
    background-color: rgba(0, 85, 168, 0.83);
    color: #fff;
    padding: 15px;
}*/

.slide-text h4 {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    font-size: 24px;
}

/* menu bar */
.navbar-default .navbar-nav > .active > a:after {
    background: none;
}
.navbar-nav>li>a {
    padding-top: 65px;
    padding-bottom: 5px;
}

.navbar-default {
    background-color: #fff !important;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}



/* banner link */

a.banner-link {
    color: #ccc;
    font-size: 16px;
    text-decoration: none;
    text-shadow: 0px 0px 1px rgba(0,0,0,.5), 1px 1px 3px rgba(0,0,0,.3);
}


/* button */

a.btn.btn-inv {
    border: 2px solid darkorange;
    border-radius: 20px;
    background: #fff;
    padding: 10px 20px;
    margin-left: 30px;
}

a.btn.btn-inv {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}



.inv {
    background: #fff;
    box-shadow: 0px 0px 28px #5F5E5E inset;
    line-height: 90px;
    text-align: center;
}

.inv span {
    color: #0055A8;
    font-size: 30px;
    font-family: 'Pacifico', cursive;
}
/*address bar top page*/
div.banner-container{
background:#000 !important;
}
a.banner-link .fa {
    color: #e81f4e !important;
}
/*End of address bar top nav*/
/*Nav bar*/
.navbar-default {
    background-color: #ffffff;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background-color: rgba(255,255,255,0);
}
#banner-luxury{
max-height:80px !important;
max-width:209px !important;
margin:-15px 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color:#c51026 !important;
}

.accent-bg1 {
    background-color: #c12c2c !important
}

.menu-heading, a.menu-heading.dropdown-toggle{
transition: all 0.1s;
-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;
-o-transition:all 0.1s;
}
.navbar-default .navbar-nav > li > a:hover {
    background-color:#c51026 !important;
}
a.menu-heading {
  font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
font-weight:700 !important;
text-transform:uppercase;
text-decoration: none !important;
}
nav.navbar.navbar-default {
    padding: 1% 0 0%;
}
.navbar-nav>li>a {
    padding-top: 37px;
    padding-bottom: 33px;
}
a.menu-heading span:after {
    background-color: #c51026;
}
li.menu-heading.dropdown.open span.caret{
border-top-color:#fff;
}
.dropdown-menu {
    background: #690814 !important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
background-color: rgba(0,0,0,0.60) !important;
color: #fff !important;
}
/*End of nav bar*/
/*middle Content - DealerRater section*/
.inverted {
    background-color: #ecedf1;
    border-top: none;
    border-image:none;
    border-image-width: none;;
}
/*Car category*/
#row-1a20aa7f231243a88893d58dda67399d{
background: #ecedf1;
}
#row-1a20aa7f231243a88893d58dda67399d>div > .container{
background: #ecedf1;
}
.carSelectW{
background:#fff;
padding:52px 36px;
}
.carSelectW:hover{
box-shadow: 0px 10px 18px #888888;
}
.carSelectW img{
width:100%;
}
.carSelectW h4{
color:#7b7b7b;
font-weight:700;
font-size:20px;
}
/*End of Car category*/
/*inventory button*/
.ViewAll{
background: #ecedf1;
}
.ViewAll >div > .container {
background: #ecedf1;
padding-bottom:70px;
}
.ViewAll.PadBtm20 >div > .container {
padding-bottom:20px;
}
.viewInvBtn{
min-width:274px;
height:72px;
color:#fff;
background:#e81f4e;
border:none;
font-size:18px;
}
.viewInvBtn:hover{
background:#940e2d;
}
#tri{
    height: 70px;
    width: 90px;
    background: #ecedf1;
    transform: rotate(45deg);
    margin: auto;
    top: -102px;
left:0%;
position:relative;
}
/*welcome to ultimate*/
#row-30e83a9473f848a7810d7072b2c89862 {
background:#021327;
}
#row-30e83a9473f848a7810d7072b2c89862> div > .container{
background:transparent;
}
#welcomeUM h2{
color:#fff;
font-size:20px;
font-weight:700;
margin-bottom:34px;
}
#welcomeUM h4{
color:#b31c2f;
font-size:18px;
font-weight:600;
margin-bottom:23px;
}
#welcomeUM h5{
color:#fff;
font-size:20px;
font-weight:400;
margin-bottom:92px;
}
#welcomeUM p{
color:#fff;
font-size:16px;
font-weight:300;
}
#row-4cd702eaf4d14e5491a4c59184950186 {
background:#021327;
}
/**/

/*Looking to Sell*/
#row-c593a2a6dbf7450ca936c60c993f06ac >div >.container {
padding-top:137px;
}
#offerUM p{
    color: #b11e30;
    font-size: 24px;
    font-weight: 600;
}
#offerUM h5 {
    font-size: 52px;
    color: #484848;
    font-weight: 600;
    line-height: 1.2;
}
#offerUM button {
    background: #b11e30;
    border: none;
    color: #fff;
    height: 60px;
    min-width: 214px;
    font-size: 16px;
margin-top:36px;
margin-bottom:100px;
}
#offerUM button:hover{
background:#69111c;
}
/*End of Looking to Sell*/
#row-2fc6eacebbcc452699194f3a42db6557{
margin-bottom:60px;
}
#browseUM  p {
    font-size: 52px;
    color: #484848;
    font-weight: 600;
    line-height: 1.2;
}
#browseUM h5{
    color: #b11e30;
    font-size: 24px;
    font-weight: 600;
}
#browseUM button {
    background: #b11e30;
    border: none;
    color: #fff;
    height: 60px;
    min-width: 214px;
    font-size: 16px;
margin-top:36px;

}
#browseUM button:hover{
background:#69111c;
}
@media (min-width: 992px) {
#row-2fc6eacebbcc452699194f3a42db6557 >div>.container {
    background-image: url(https://automanager.blob.core.windows.net/wmclients/work01/images/porche_um.png);
    height: 500px;
    background-repeat: no-repeat;
    background-position: right;
}
.byePorche{
display:none;
}
}
@media only screen and (max-width: 991px) {
#offerUM button {
margin-bottom:0px;
}
.byePorche{
display:block;
margin-top:120px;
}
#element-5e3af8cff3cd44159d6b6094f2bf58c7 img {
margin-top:113px;
}
}
@media only screen and (max-width: 767px) {
.byePorche{
display:block;
margin-top:40px;
}
#element-5e3af8cff3cd44159d6b6094f2bf58c7 img {
margin-top:0px;
}
}
/*Map and Visit US*/
#visitUM {
padding-left:50px;
}
#visitUM  h5{
    color: #b11e30;
    font-size: 24px;
    font-weight: 600;
margin-bottom:0px;
}
#visitUM h3 {
    font-size: 52px;
    color: #484848;
    font-weight: 600;
    line-height: 1.2;
margin:0px;
}
#visitUM ul li{
    font-size: 18px;
    color: #484848;
margin-bottom:28px;
}
#visitUM ul{
list-style: none;
padding: 0px;
margin-top:44px;
margin-bottom:70px;
}
#visitUM p {
    font-size:18px;
    color: #484848;
    font-weight: 400;
margin-bottom:36px;
}
#visitUM span{
color: #b11e30;
    font-size: 18px;
    font-weight: 400;
}
@media only screen and (max-width: 540px) {
#visitUM {
padding-left:20px;
}
}
/**/
/*Disclaimer area*/

#row-3cc9f3e5dfb1472cad770e941930389f{
background:#021327;
}
#row-3cc9f3e5dfb1472cad770e941930389f > div > .container{
background:#021327;
}
#disclaimerUM{
margin-top: 10px;
margin-bottom: 46px;
}
#disclaimerUM p{
font-size:20px;
font-weight:300;
margin: 0 0 18px;
}
#disclaimerUM p span{
font-weight:700;
}
#disclaimerUM a{
color:#fff;
}
#disclaimerUM a:hover{
color:#ff3838;
}
/*footer*/
.footer-links-heading a{
color:#fff;
}
.footer-link {
color:#b9b9b9;
}
.dealershipinfo-fax a{
color:#fff;
}
.dealershipinfo-email a{
color:#fff;
}
.dealershipinfo-email a:hover {
    color: #1ec9ff;
}
/*new added css table email glitch*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
  background-color:#c51026 !important;
  color:#fff;
}
.accent-color2 {
    color: #69f !important;
}

.template_default_score {
    top: 55px !important;
}
li.menu-heading.dropdown:nth-child(4) ul.dropdown-menu {
 min-width:414px;
}


/*----------------*/


/* ==========================
   VEHICLE TITLE + DETAILS
   ========================== */

#element-vehicle_specifics {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#element-vehicle_specifics
.element-heading-vehiclespecifics {
    display: none !important;
}

#element-vehicle_specifics
.element-container.element-type-vehiclespecifics {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================
   VEHICLE TITLE
   ========================== */

#element-vehicle_specifics
.vehicle-heading {
    width: 100% !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #203467 !important;

    font-family: inherit !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.07 !important;

    text-transform: uppercase !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
}


/* ==========================
   VEHICLE DETAILS LINE
   ========================== */

#element-vehicle_specifics
.specifics-container {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#element-vehicle_specifics
.specifics-container .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#element-vehicle_specifics
.specifics-container .row > div {
    float: none !important;

    width: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #666666 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}


/* Mileage */
#element-vehicle_specifics
.specifics-container .row > div:nth-child(3) {
    order: 1 !important;
}

/* Exterior Color */
#element-vehicle_specifics
.specifics-container .row > div:nth-child(1) {
    order: 2 !important;
}

/* Stock */
#element-vehicle_specifics
.specifics-container .row > div:nth-child(2) {
    order: 3 !important;
}


/* Hide original labels */
#element-vehicle_specifics
.specifics-label {
    display: none !important;
}


/* Hide color swatch */
#element-vehicle_specifics
.specifics-container
.row > div:nth-child(1)
.specifics-value > span {
    display: none !important;
}


/* Detail values */
#element-vehicle_specifics
.specifics-value {
    color: #666666 !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}


/* Mileage suffix */
#element-vehicle_specifics
.specifics-container
.row > div:nth-child(3)
.specifics-value::after {
    content: " mi";
}


/* Color separator */
#element-vehicle_specifics
.specifics-container
.row > div:nth-child(1)::before {
    content: "·";

    margin: 0 7px;

    color: #777777;
}


/* Stock separator */
#element-vehicle_specifics
.specifics-container
.row > div:nth-child(2)::before {
    content: "·";

    margin: 0 7px;

    color: #777777;
}


/* Stock prefix */
#element-vehicle_specifics
.specifics-container
.row > div:nth-child(2)
.specifics-value::before {
    content: "Stock ";
}


/* ==========================
   PRICE SECTION
   ========================== */

#element-price {
    width: 100% !important;

    margin: 17px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#element-price
.element-heading-price {
    display: none !important;
}

#element-price
.element-container.element-type-price {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* Main price wrapper */
#element-price
.element-container.element-type-price
> div:first-of-type {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


/* Price block */
#element-price
.element-container.element-type-price
> div:first-of-type
> div:first-child {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Price label */
#element-price
.internetlabel {
    display: inline-block !important;

    margin: 0 9px 0 0 !important;
    padding: 0 !important;

    color: #666666 !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}


/* Price value */
#element-price
.internetvalue {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #cf1038 !important;

    font-family: inherit !important;
    font-size: 37px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
}


/* CarGurus */
#element-price
.carguru {
    width: 100% !important;

    margin: 10px 0 0 !important;

    text-align: left !important;
}

#element-price
.carguru > br {
    display: none !important;
}


/* Promotional price text */
#element-price
.element-container.element-type-price
> div:first-of-type
> div:last-child {
    width: 100% !important;

    margin: 10px 0 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

#element-price
.element-container.element-type-price
> div:first-of-type
> div:last-child > div {
    margin: 0 !important;
    padding: 0 !important;

    color: #666666 !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
}


/* Empty generated row */
#element-price
.element-container.element-type-price
> div:last-of-type:empty {
    display: none !important;
}


/* ==========================
   CARFAX + WINDOW STICKER
   ========================== */

.page-content-element:has(#element-vehicle_history),
.page-content-element:has(#element-ec8d7252b6e84e65a44bef10a5e1449f) {
    float: left !important;

    width: calc(50% - 6px) !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

.page-content-element:has(#element-vehicle_history) {
    margin-right: 12px !important;
}


/* ==========================
   BADGE CARDS
   ========================== */

#element-vehicle_history,
#element-ec8d7252b6e84e65a44bef10a5e1449f {
    width: 100% !important;
    min-height: 66px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #dedede !important;
    border-radius: 9px !important;

    box-shadow: none !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* Hide empty headings */
#element-vehicle_history .element-heading,
#element-ec8d7252b6e84e65a44bef10a5e1449f .element-heading {
    display: none !important;
}


/* Inner containers */
#element-vehicle_history .element-container,
#element-ec8d7252b6e84e65a44bef10a5e1449f .element-container {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 66px !important;

    margin: 0 !important;
    padding: 8px 10px !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


/* ==========================
   CARFAX BADGE
   ========================== */

#element-vehicle_history .row {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#element-vehicle_history .row > div {
    float: none !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#element-vehicle_history .carfax-snapshot-hover,
#element-vehicle_history .carfax-snapshot-hover > div,
#element-vehicle_history .carfax-snapshot-hover > div > div {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

#element-vehicle_history .carfax-snapshot-hover br {
    display: none !important;
}

#element-vehicle_history .carfax-snapshot-hover a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
}

#element-vehicle_history .carfax-snapshot-hover img {
    display: block !important;

    width: auto !important;
    max-width: 110px !important;
    max-height: 48px !important;

    margin: 0 auto !important;
}


/* ==========================
   WINDOW STICKER BADGE
   ========================== */

#element-ec8d7252b6e84e65a44bef10a5e1449f
.vehicle-customhtml,

#element-ec8d7252b6e84e65a44bef10a5e1449f
.vehicle-customhtml > div,

#element-ec8d7252b6e84e65a44bef10a5e1449f
.vehicle-customhtml a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#element-ec8d7252b6e84e65a44bef10a5e1449f
.vehicle-customhtml img {
    display: block !important;

    width: auto !important;
    max-width: 145px !important;
    max-height: 44px !important;

    margin: 0 auto !important;
}


/* ==========================
   VIN ONLY SECTION
   ========================== */

.vin-only-section {
    clear: both !important;

    width: 100% !important;

    margin: 12px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.vin-only-section
.element-heading-vehiclespecifics {
    display: none !important;
}

.vin-only-section
.element-container.element-type-vehiclespecifics,
.vin-only-section
.specifics-container,
.vin-only-section
.specifics-container .row {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* VIN line */
.vin-only-section
.specifics-container
.row > div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 5px !important;

    float: none !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Hide empty columns */
.vin-only-section
.specifics-container
.row > div:nth-child(2),

.vin-only-section
.specifics-container
.row > div:nth-child(3) {
    display: none !important;
}


/* VIN label */
.vin-only-section
.specifics-label {
    display: inline !important;

    float: none !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #6f6f6f !important;

    font-size: 0 !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

.vin-only-section
.specifics-label::after {
    content: "VIN";

    font-size: 12px !important;
}


/* VIN value */
.vin-only-section
.specifics-value {
    display: inline !important;

    float: none !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #6f6f6f !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}


/* ==========================
   SMALL COLUMN / MOBILE
   ========================== */

@media (max-width: 767px) {

    #element-vehicle_specifics
    .vehicle-heading {
        font-size: 25px !important;
        line-height: 1.08 !important;
    }

    #element-vehicle_specifics
    .specifics-container .row > div,
    #element-vehicle_specifics
    .specifics-value {
        font-size: 13px !important;
    }

    #element-price
    .internetlabel {
        font-size: 15px !important;
    }

    #element-price
    .internetvalue {
        font-size: 34px !important;
    }

    /* Keep badges side-by-side like the reference */
    .page-content-element:has(#element-vehicle_history),
    .page-content-element:has(#element-ec8d7252b6e84e65a44bef10a5e1449f) {
        width: calc(50% - 5px) !important;
    }

    .page-content-element:has(#element-vehicle_history) {
        margin-right: 10px !important;
    }

    #element-vehicle_history .carfax-snapshot-hover img {
        max-width: 100px !important;
    }

    #element-ec8d7252b6e84e65a44bef10a5e1449f
    .vehicle-customhtml img {
        max-width: 135px !important;
    }
}


/* ==========================
   VDP KEY FEATURES
   ========================== */

.element-type-vdpkeyfeatures {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}

.element-type-vdpkeyfeatures
.element-container.element-type-vdpkeyfeatures {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================
   FEATURES GRID
   ========================== */

.element-type-vdpkeyfeatures
.flex-container-features {
    display: grid !important;

    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;

    gap: 12px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    column-count: unset !important;

    box-sizing: border-box !important;
}


/* ==========================
   FEATURE CARD
   ========================== */

.element-type-vdpkeyfeatures
.flex-item-features {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 76px !important;

    margin: 0 !important;
    padding: 14px 16px !important;

    background: #ffffff !important;

    border: 1px solid #e2ded8 !important;
    border-radius: 10px !important;

    box-shadow: none !important;

    white-space: normal !important;
    overflow: visible !important;

    box-sizing: border-box !important;
}


/* ==========================
   HIDE ICONS
   ========================== */

.element-type-vdpkeyfeatures
.flex-item-features > span {
    display: none !important;
}


/* ==========================
   LABEL + VALUE
   ========================== */

.element-type-vdpkeyfeatures
.specifics-label-value {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    min-width: 0 !important;

    white-space: normal !important;
}


/* ==========================
   LABEL
   ========================== */

.element-type-vdpkeyfeatures
.specifics-label {
    display: block !important;

    margin: 0 0 4px !important;
    padding: 0 !important;

    color: #707070 !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    white-space: normal !important;
}


/* ==========================
   VALUE
   ========================== */

.element-type-vdpkeyfeatures
.specifics-value {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #203467 !important;

    font-family: inherit !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
}


/* ==========================
   TABLET
   ========================== */

@media (max-width: 991px) {

    .element-type-vdpkeyfeatures
    .flex-container-features {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}


/* ==========================
   MOBILE
   ========================== */

@media (max-width: 767px) {

    .element-type-vdpkeyfeatures
    .flex-container-features {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }

    .element-type-vdpkeyfeatures
    .flex-item-features {
        min-height: 72px !important;

        padding: 12px 14px !important;
    }

    .element-type-vdpkeyfeatures
    .specifics-label {
        font-size: 12px !important;
    }

    .element-type-vdpkeyfeatures
    .specifics-value {
        font-size: 17px !important;
    }
}


/* ==========================
   SMALL MOBILE
   ========================== */

@media (max-width: 480px) {

    .element-type-vdpkeyfeatures
    .flex-container-features {
        grid-template-columns: 1fr !important;
    }
}


/* ==========================
   COMMON ACCORDION
   ========================== */

.panel-group {
    width: 100% !important;

    margin: 28px 0 24px !important;
    padding: 0 !important;
}


/* ==========================
   ACCORDION CARD
   ========================== */

.panel-group
.panel.panel-default {
    margin: 0 0 10px !important;

    background: transparent !important;

    border: 1px solid #dedbd5 !important;
    border-radius: 9px !important;

    box-shadow: none !important;

    overflow: hidden !important;
}

.panel-group
.panel.panel-default:last-child {
    margin-bottom: 0 !important;
}


/* ==========================
   ACCORDION HEADER
   ========================== */

.panel-group
.panel-heading.panel-heading-toggle {
    margin: 0 !important;
    padding: 0 !important;

    background: #faf9f7 !important;

    border: 0 !important;
    border-radius: 9px !important;
}


/* ==========================
   ACCORDION LINK
   ========================== */

.panel-group
.panel-heading-toggle
.accordion-toggle {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 13px 46px 13px 18px !important;

    background: transparent !important;

    color: #203467 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;
}


/* ==========================
   ACCORDION TITLE
   ========================== */

.panel-group
.accordion-title {
    color: #203467 !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    text-transform: uppercase !important;
    letter-spacing: 0.1px !important;
}


/* ==========================
   CHEVRON
   ========================== */

.panel-group
.accordion-toggle::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    right: 20px !important;

    width: 7px !important;
    height: 7px !important;

    border-right: 2px solid #203467 !important;
    border-bottom: 2px solid #203467 !important;

    transform: translateY(-65%) rotate(45deg) !important;

    transition: transform 0.2s ease !important;
}


/* Open state */
.panel-group
.accordion-toggle:not(.collapsed)::after {
    transform: translateY(-30%) rotate(-135deg) !important;
}


/* ==========================
   ACCORDION BODY
   ========================== */

.panel-group
.panel-collapse {
    background: #ffffff !important;
}

.panel-group
.panel-collapse.in,
.panel-group
.panel-collapse[aria-expanded="true"] {
    border-top: 1px solid #e4e1dc !important;
}


/* ==========================
   MOBILE
   ========================== */

@media (max-width: 767px) {

    .panel-group {
        margin: 22px 0 20px !important;
    }

    .panel-group
    .panel.panel-default {
        margin-bottom: 9px !important;

        border-radius: 8px !important;
    }

    .panel-group
    .panel-heading-toggle
    .accordion-toggle {
        min-height: 46px !important;

        padding: 12px 42px 12px 15px !important;
    }

    .panel-group
    .accordion-title {
        font-size: 15px !important;
    }

    .panel-group
    .accordion-toggle::after {
        right: 16px !important;
    }
}


/* ==========================
   BUYING FROM SECTION
   ========================== */

.buying-from-section {
    width: 100%;
    max-width: 980px;

    margin: 30px auto !important;
    padding: 0 !important;

    box-sizing: border-box;
}


/* ==========================
   TITLE
   ========================== */

.buying-from-section .buying-from-title {
    margin: 0 0 16px !important;
    padding: 0 !important;

    color: #203467 !important;

    font-family: inherit !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
}


/* ==========================
   GRID
   ========================== */

.buying-from-section .buying-from-grid {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================
   CARDS
   ========================== */

.buying-from-section .buying-from-card {
    display: flex !important;
    align-items: center !important;

    min-width: 0 !important;
    min-height: 72px !important;

    margin: 0 !important;
    padding: 13px 14px !important;

    background: #ffffff !important;

    border: 1px solid #e1ded8 !important;
    border-radius: 10px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}

.buying-from-section .buying-from-card p {
    margin: 0 !important;
    padding: 0 !important;

    color: #3f3f3f !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    text-align: left !important;
}


/* ==========================
   ACCENT TEXT
   ========================== */

.buying-from-section .buying-accent-red {
    color: #d20f2f !important;

    font-weight: 800 !important;
}

.buying-from-section .buying-accent-blue {
    color: #203467 !important;

    font-weight: 800 !important;
}


/* ==========================
   TABLET
   ========================== */

@media (max-width: 991px) {

    .buying-from-section {
        margin: 26px auto !important;
    }

    .buying-from-section .buying-from-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* ==========================
   MOBILE
   ========================== */

@media (max-width: 767px) {

    .buying-from-section {
        margin: 22px auto !important;
    }

    .buying-from-section .buying-from-title {
        margin-bottom: 14px !important;

        font-size: 21px !important;
    }

    .buying-from-section .buying-from-grid {
        grid-template-columns: 1fr !important;

        gap: 9px !important;
    }

    .buying-from-section .buying-from-card {
        min-height: 0 !important;

        padding: 12px 14px !important;
    }

    .buying-from-section .buying-from-card p {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }
}

/* ==========================
   VEHICLE LINKS
   ========================== */

.vehicle-links-container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 30px 0 24px !important;
    padding: 0 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* ==========================
   PHOTO NOTE
   ========================== */

.vehicle-links-photo-note {
    flex: 0 0 100% !important;

    width: 100% !important;

    margin: 0 0 22px !important;
    padding: 0 !important;

    color: #666666 !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    text-align: center !important;
}


/* ==========================
   LINK ITEMS
   ========================== */

.vehicle-links-container
.vehicle-link {
    display: block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================
   BUTTON BASE
   ========================== */

.vehicle-links-container
.vehicle-link .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 44px !important;

    margin: 0 !important;
    padding: 11px 16px !important;

    background: #ffffff !important;
    background-image: none !important;

    border: 1px solid #d6d1ca !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    color: #3f3f3f !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    text-shadow: none !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* ==========================
   HIDE ICONS
   ========================== */

.vehicle-links-container
.vehicle-link .btn i {
    display: none !important;
}


/* ==========================
   STANDARD BUTTON HOVER
   ========================== */

.vehicle-links-container
.photos-modal:hover,

.vehicle-links-container
.features:hover {
    background: #f8f7f5 !important;
    background-image: none !important;

    border-color: #bab5ae !important;

    color: #303030 !important;
}


/* ==========================
   CREDIT APPLICATION
   ========================== */

#vehicle-link-creditapp_vehicle_links
a.creditapp.btn-default {
    background: #cf1038 !important;
    background-color: #cf1038 !important;
    background-image: none !important;

    border-color: #cf1038 !important;

    color: #ffffff !important;

    font-weight: 700 !important;

    text-shadow: none !important;
    box-shadow: none !important;
}


/* ==========================
   CREDIT APPLICATION HOVER
   ========================== */

#vehicle-link-creditapp_vehicle_links
a.creditapp.btn-default:hover,

#vehicle-link-creditapp_vehicle_links
a.creditapp.btn-default:focus,

#vehicle-link-creditapp_vehicle_links
a.creditapp.btn-default:active {
    background: #b90e32 !important;
    background-color: #b90e32 !important;
    background-image: none !important;

    border-color: #b90e32 !important;

    color: #ffffff !important;
}


/* ==========================
   MOBILE
   ========================== */

@media (max-width: 767px) {

    .vehicle-links-container {
        gap: 8px !important;

        margin: 24px 0 20px !important;
    }

    .vehicle-links-photo-note {
        margin-bottom: 16px !important;

        font-size: 13px !important;
    }

    .vehicle-links-container
    .vehicle-link {
        width: 100% !important;
    }

    .vehicle-links-container
    .vehicle-link .btn {
        width: 100% !important;

        min-height: 43px !important;

        padding: 11px 14px !important;

        font-size: 14px !important;
    }
}

/* ==========================
   CONTACT INFORMATION
   ========================== */

#element-contact_info {
    width: 100% !important;

    margin: 24px 0 !important;
    padding: 16px 18px !important;

    background: #ffffff !important;

    border: 1px solid #e1ded8 !important;
    border-radius: 9px !important;

    box-shadow: none !important;
    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* ==========================
   REMOVE DEFAULT HEADING DESIGN
   ========================== */

#element-contact_info
.element-heading-contactinfo {
    display: block !important;

    width: 100% !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;

    box-shadow: none !important;

    text-align: left !important;
}


/* Remove theme-generated lines / accents */
#element-contact_info
.element-heading-contactinfo::before,

#element-contact_info
.element-heading-contactinfo::after,

#element-contact_info
.element-heading-contactinfo h4::before,

#element-contact_info
.element-heading-contactinfo h4::after {
    display: none !important;
    content: none !important;
}


/* ==========================
   HEADING
   ========================== */

#element-contact_info
.element-heading-contactinfo h4 {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;

    color: #203467 !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: left !important;
    text-transform: uppercase !important;
}


/* ==========================
   INNER CONTAINER
   ========================== */

#element-contact_info
.element-container.element-type-contactinfo {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


/* ==========================
   CONTACT LINE
   ========================== */

#element-contact_info
.contact-info {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #3f3f3f !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    text-align: left !important;

    box-sizing: border-box !important;
}


/* ==========================
   CONTACT ITEMS
   ========================== */

#element-contact_info
.contact-info > div {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #3f3f3f !important;

    font-size: 15px !important;
    font-weight: 400 !important;
}


/* Separators */
#element-contact_info
.contact-info > div + div::before {
    content: "·";

    margin: 0 6px !important;

    color: #555555 !important;
}


/* ==========================
   LABELS
   ========================== */

#element-contact_info
.contact-info-label {
    margin: 0 4px 0 0 !important;
    padding: 0 !important;

    color: #3f3f3f !important;

    font-size: 15px !important;
    font-weight: 400 !important;
}


/* Hide Name label */
#element-contact_info
.contact-info > div:nth-child(1)
.contact-info-label {
    display: none !important;
}


/* Main Phone → Main */
#element-contact_info
.contact-info > div:nth-child(2)
.contact-info-label {
    font-size: 0 !important;
}

#element-contact_info
.contact-info > div:nth-child(2)
.contact-info-label::after {
    content: "Main";

    font-size: 15px !important;
}


/* Alt. Phone → Alt */
#element-contact_info
.contact-info > div:nth-child(3)
.contact-info-label {
    font-size: 0 !important;
}

#element-contact_info
.contact-info > div:nth-child(3)
.contact-info-label::after {
    content: "Alt";

    font-size: 15px !important;
}


/* Hide Email label */
#element-contact_info
.contact-info > div:nth-child(4)
.contact-info-label {
    display: none !important;
}


/* ==========================
   EMAIL LINK
   ========================== */

#element-contact_info
.contact-info a {
    color: #3f3f3f !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;

    text-decoration: none !important;

    overflow-wrap: anywhere !important;
}

#element-contact_info
.contact-info a:hover {
    color: #203467 !important;

    text-decoration: underline !important;
}


/* ==========================
   MOBILE
   ========================== */

@media (max-width: 767px) {

    #element-contact_info {
        margin: 20px 0 !important;
        padding: 14px 16px !important;
    }

    #element-contact_info
    .element-heading-contactinfo h4 {
        font-size: 15px !important;
    }

    #element-contact_info
    .contact-info,
    #element-contact_info
    .contact-info > div,
    #element-contact_info
    .contact-info-label,
    #element-contact_info
    .contact-info a {
        font-size: 14px !important;
    }

    #element-contact_info
    .contact-info > div:nth-child(2)
    .contact-info-label::after,

    #element-contact_info
    .contact-info > div:nth-child(3)
    .contact-info-label::after {
        font-size: 14px !important;
    }
}

/* ==========================
   MEDIA SECTIONS
   ========================== */

#element-video,
#element-additional_photos {
    width: 100% !important;

    margin: 26px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* ==========================
   REMOVE DEFAULT HEADING DESIGN
   ========================== */

#element-video .element-heading,
#element-additional_photos .element-heading {
    display: block !important;

    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;

    box-shadow: none !important;

    text-align: left !important;
}


/* Remove theme lines / blue accent */
#element-video .element-heading::before,
#element-video .element-heading::after,
#element-video .element-heading h4::before,
#element-video .element-heading h4::after,

#element-additional_photos .element-heading::before,
#element-additional_photos .element-heading::after,
#element-additional_photos .element-heading h4::before,
#element-additional_photos .element-heading h4::after {
    display: none !important;
    content: none !important;
}


/* ==========================
   HEADING TEXT
   ========================== */

#element-video .element-heading h4,
#element-additional_photos .element-heading h4 {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    color: #203467 !important;

    font-family: inherit !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: left !important;
    text-transform: uppercase !important;
}


/* ==========================
   INNER CONTAINERS
   ========================== */

#element-video
.element-container.element-type-video,

#element-additional_photos
.element-container.element-type-additionalphotos {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


/* ==========================
   WALK-AROUND VIDEO
   ========================== */

#element-video #Video {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#element-video
.embed-responsive {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 6px !important;

    overflow: hidden !important;
}

#element-video
.embed-responsive iframe {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* ==========================
   PHOTOS
   ========================== */

#element-additional_photos
.element-container.element-type-additionalphotos
> div {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Each generated photo wrapper */
#element-additional_photos
.element-container.element-type-additionalphotos
> div
> div[style*="width: 100%"] {
    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;
}


/* Vehicle images */
#element-additional_photos img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 6px !important;
}


/* ==========================
   HIDE THUMBNAIL MESSAGE
   ========================== */

#element-additional_photos
.thumbnails-label {
    display: none !important;
}

#element-additional_photos br {
    display: none !important;
}


/* ==========================
   MOBILE
   ========================== */

@media (max-width: 767px) {

    #element-video,
    #element-additional_photos {
        margin-top: 22px !important;
    }

    #element-video .element-heading,
    #element-additional_photos .element-heading {
        margin-bottom: 10px !important;
    }

    #element-video .element-heading h4,
    #element-additional_photos .element-heading h4 {
        font-size: 18px !important;
    }

    #element-additional_photos
    .element-container.element-type-additionalphotos
    > div
    > div[style*="width: 100%"] {
        margin-bottom: 14px !important;
    }
}