/* VDP Top Panel - Dark Theme Override for Alpha Culture Auto */

text {font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif}
/********** VDP DESIGN *********/
div.vdp-full-container {display:block; max-width:1240px; }
div.vdp-full-inner{padding: 60px 0; display:flex; flex-wrap:wrap; flex-direction:column;}

div.vdp-topper{width:100%;}
div.topper-inner{margin:0;display:flex; flex-direction:column;}
div.block-top-specs {margin-top:auto!important;}
div.breadcrumbs{margin:0; padding-bottom:15px;}
    div.breadcrumbs h3 {font-size:11px; color:#737373!important; font-weight: 400;letter-spacing: 0;}h3.breadcrumbs a {color: #737373!important;font-weight: 400; text-decoration: none;text-transform: uppercase!important}
    h3.breadcrumbs a:hover {color: #d4a853!important;}
    h3.breadcrumbs a::after { content: "/"; padding: 0 8px; } h3.breadcrumbs a.last::after { content: ""; padding: 0 0 0 8px; }
div.vehicle-title{margin:0;} div.vehicle-title h1 {color:#fff!important;}
div.vehicle-title-specs{margin:0; padding-bottom:25px;} div.vehicle-title-specs p {text-transform: capitalize!important; margin-top: 5px; font-size: 15px; color:#a3a3a3!important;}
    div.vehicle-title-specs span.title-specs::before {content: "\2022"; padding: 0 8px;} span.title-specs-first::before {content: ""!important; padding:0!important} div.vehicle-title-specs span.title-specs-stock::before {content: "#";} div.vehicle-title-specs span.title-specs-mileage::after {content: "Mi.";padding: 0;}
	text.vdp-blurb {background:#d4a853!important; color:#000!important; padding: 2px 3px}

div.vdp-row {display:flex; flex-direction:row; margin:0; width:100%;}
div.vdp-column {display:flex; flex-direction:column; margin:0;}
div.vdp-r-1 {display:flex; margin: 0; flex:1;}
div.vdp-r-2 {}
div.vdp-r-3 {}

div.vdp-full-contentiful-load {}
div.outer-main-image-block {}
div.outer-main-data-block {}

div.main-data-block,
div.vehicle-thumbs-block,
div.carstory-block {display:flex;flex-direction:column; margin:30px 0 0 0;padding:15px;box-shadow:rgba(0 0 0 / 30%) 0 0 10px; outline:1px solid #262626!important; background:#171717!important; border-radius:8px;}

div.vdp-r-100 {flex:1;}  div.vdp-r-75 {flex:0 1 75%;}  div.vdp-r-66 {flex:0 1 66.666%;}  div.vdp-r-50 {flex:0 1 50%;}  div.vdp-r-33 {flex:0 1 33.333%;}  div.vdp-r-25 {flex:0 1 25%;}
div.vdp-block {display:flex; margin:0;}
div.vdp-wrapper {display:flex; flex:1; padding:5px; margin:0;}
div.vdp-inner {display:flex; flex:1; flex-wrap: wrap; margin:0; }

div.vdp-block-inner-column {display:flex; flex-direction:column; margin:0; width:100%}
div.vdp-block-inner-row {display:flex; flex-direction:row; margin:0; width:100%;}

div.inner-div {margin:0;padding:5px;}

/********** MAIN IMAGE *********/
div.vdp-main-image {display:block}
div.vdp-main-image-inner {display:inline-block; width:100%; min-width:600px; min-height:400px; margin:0; outline:1px solid #262626!important; background-size:contain; background-position: center center; background-repeat:no-repeat; background-color:#0a0a0a!important; border-radius:8px;}
div.vdp-main-image-inner img#main-image {height:100%; width:100%; display:block; margin:auto}

button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}

.vdp-btn,.vdp-button{border:none;display:inline-block;outline:0;padding:0 12px;font-size:24px;font-weight:800;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.vdp-btn,.vdp-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.vdp-disabled,.vdp-btn:disabled,.vdp-button:disabled{cursor:not-allowed;opacity:0.3}.vdp-disabled *,:disabled *{pointer-events:none}
.vdp-dropdown-hover:hover > .vdp-button:first-child,.vdp-dropdown-click:hover > .vdp-button:first-child{background-color:#262626!important;color:#fff!important}
.vdp-bar-block .vdp-dropdown-hover .vdp-button,.vdp-bar-block .vdp-dropdown-click .vdp-button{width:100%;text-align:left;padding:8px 12px}
.vdp-bar .vdp-button{white-space:normal}

.vdp-content{max-width:980px;margin:auto}.vdp-rest{overflow:hidden}
.vdp-container {padding:0.01em 16px}

.vdp-responsive {overflow-x:auto}
.vdp-display-left {position:absolute;top:48%;left:-2%;}
.vdp-display-right {position:absolute;top:48%;right:-2%;}
.vdp-button {border-radius: 100px;padding:10px 20px;}
.vdp-black,.vdp-hover-black:hover {color:#fff!important; background-color:rgba(0 0 0 / 90%)!important;}
.vdp-button:hover {color:#fff!important;background-color:rgba(212 168 83 / 80%)!important}
.vdp-display-container {position:relative}
.vdp-display-container:hover .vdp-display-hover {display:block}

a.view-images-block {display: flex; flex: 1;}
div.view-images-block{width: 100%;margin: 5px 0 0 0;background: #d4a853!important; outline:0px solid #262626!important;border-radius: 3px; text-align: center;display: flex}
div.view-images-block p {padding: 8px 0; margin: auto; line-height: 100%; text-decoration: none; font-family: 'Roboto';font-size: 14px; letter-spacing: 0.02em; color: #000!important; font-weight: 600}

div.block-image {}
div.block-image-extras {display:flex;margin: 0;}
div.block-image-extras-wrapper {display:flex;flex: 1;}


/********** PRICING BLOCK **********/
div.pricing-block-vdp { display:flex; flex-wrap:wrap; flex:1; flex-direction:column; margin:auto 0 15px 0; width:100%;font-size:11px; color:#a3a3a3!important; }
	div.p1-block-vdp {margin:0; font-weight:700;display:flex; flex-direction:column; }
	text.p1text-vdp {font-weight:400; letter-spacing:.03em; color:#a3a3a3!important;} text.p1price-vdp { font-size:30px; color:#d4a853!important; }
	div.p2-block-vdp {margin:0; font-weight:400; color:#737373!important; font-size: 14px; }
	text.p2text-vdp:before {padding-left:3px;  } text.p2price-vdp {  }
	div.p3-block-vdp {margin:0; font-weight:400; color:#737373!important; font-size: 14px; }
	text.p3text-vdp:before {padding-left:3px;  } text.p3price-vdp {  }
div.block-price-wrapper {padding:0px;margin:0;}
div.block-price {display:flex;width:100%;margin:0;}

/********** TOP SPECS BLOCK **********/
div.top-specs-block {display:flex; margin:0; width:100%; background:#0a0a0a!important; border-radius:8px;}
div.top-specs-wrapper {padding:10px; margin:0; display:flex;}
div.top-specs-inner {display:flex; flex-wrap:wrap;}
div.top-specs-group {display:flex;flex:1; min-width:200px;padding:10px 0;}
div.tsg-icon {display:flex;width:45px;height:45px;margin:0;background-size:contain;background-position:center;background-repeat:no-repeat; filter: brightness(0) invert(1);}
div.tsg-text {margin:0;padding-left:10px;display:flex;flex-direction:column;justify-content:center;}
	text.tsg-label{font-size:10px;font-weight:400;letter-spacing:0; color:#737373!important;}
	text.tsg-data{font-size:15px; font-family: Roboto; letter-spacing:-.02em; font-weight:600; margin:0; color:#fff!important;}

	div.tsg-icon-bodystyle {background-image:url('/web/responsive/vdp/spec-bodystyle.png')}
	text.tsg-label-bodystyle:after {content:"BODY STYLE"}
	div.tsg-icon-color {background-image:url('/web/responsive/vdp/spec-color.png')}
	text.tsg-label-color:after {content:"COLOR"}
	div.tsg-icon-drivetrain {background-image:url('/web/responsive/vdp/spec-drivetrain.png')}
	text.tsg-label-drivetrain:after {content:"DRIVETRAIN"}
	div.tsg-icon-engine {background-image:url('/web/responsive/vdp/spec-engine.png')}
	text.tsg-label-engine:after {content:"ENGINE DESC"}
	div.tsg-icon-typeoffuel {background-image:url('/web/responsive/vdp/spec-typeoffuel.png')}
	text.tsg-label-typeoffuel:after {content:"TYPE OF FUEL"}
	div.tsg-icon-mpg {background-image:url('/web/responsive/vdp/spec-mpg.png')}
	text.tsg-label-mpg:after {content:"FUEL ECONOMY"}

div.block-message-seller {padding:25px 0 0 0;}

/********** MOBILE **********/

@media (max-width:1024px){
div.vdp-full-inner {padding: 50px 20px}
div.vdp-full-contentiful-load {flex-direction: column;}
div.vdp-r-1-maindata {flex-direction: column}
div.vdp-r-100 {flex:1;}  div.vdp-r-75 {flex:0 1 75%;}  div.vdp-r-66 {flex:1;}  div.vdp-r-50 {flex:0 1 50%;}  div.vdp-r-33 {flex:1;}  div.vdp-r-25 {flex:0 1 25%;}
div.topper-inner {padding: 5px;} div.breadcrumbs,div.vehicle-title,div.vehicle-title-specs {text-align: center;padding-bottom: 10px}
div.vehicle-title h1 {font-size:28px; }
div.main-image-block {margin: auto; justify-content: center} div.vdp-main-image-inner img#main-image {max-width: 768px;}
ul.Options {display: inline-block!important;} li.Options {width:50%!important}
}
@media (max-width:768px){
div.vdp-full-inner {padding: 30px 10px;}
div.vdp-inner {flex-direction: column}
div.vdp-r-1 {flex:1; flex-wrap: wrap; flex-direction: column;}
div.vdp-r-100 {flex:1;}  div.vdp-r-75 {flex:1;}  div.vdp-r-66 {flex:1;}  div.vdp-r-50 {flex:1;}  div.vdp-r-33 {flex:1;}  div.vdp-r-25 {flex:1;}
div.vdp-main-image-inner {min-height: 277px;min-width: 370px; }
div.block-image-extras-wrapper {width:100%;} div.view-images-block p {font-size: 18px; font-weight: 700; padding: 12px 0;text-decoration: none;}
div.web-int-group {flex-direction: column;}
}
@media (max-width:600px){
.vdp-dropdown-hover.vdp-mobile,.vdp-dropdown-hover.vdp-mobile .vdp-btn,.vdp-dropdown-hover.vdp-mobile .vdp-button,.vdp-dropdown-click.vdp-mobile,.vdp-dropdown-click.vdp-mobile .vdp-btn,.vdp-dropdown-click.vdp-mobile .vdp-button{width:100%}
div.top-specs-group {}
a.call-to-action-href {flex:1 1 100%}
}
@media (max-width:480px){
div.vdp-full-inner {padding: 15px 10px;}
div.top-specs-group {min-width: auto;flex: 1 1 50%;}
text.vdp-blurb::before {content: "\A"} text.vdp-blurb{padding: 2px 0;}
div.vdp-main-image-inner {min-height: 225px;min-width: 300px; }
div.vehicle-title h1 {font-size:18.5px; }
div.breadcrumbs h3 {font-size: 9.5px}
div.vehicle-title-specs p {margin-top:0px;}
div.vehicle-title-specs {padding-bottom: 4px}
text.p1price-vdp {font-size: 24px; line-height: 90%; margin-top:5px; }

}