/* Enthusiast Edge - Custom styling for TRP link lists */
.trp-link-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.trp-link-list li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; }

/* ddcmjaggers | 05359340 - Migrated from previous live site */
/* e-tron page*/
.adops-audi-etron {background-color:#FFF}
.adops-audi-etron .flush-bottom {margin-bottom:0;}
.adops-audi-etron .clearFix {clear:both;}
.adops-audi-etron h3.adops-heading {margin: 0 auto; color: #FFFFFF; width:100%; text-align: center; font-size:36px;}
.adops-audi-etron h3.formHeader {margin: 0 0 4% auto; color: #FFF; width:100%; text-align: center; font-size:36px;}
.adops-audi-etron p.heading-text {font-weight:400; margin: 0 auto; color: #FFFFFF; width:64%; text-align: center; font-size:16px; margin-top:30px;}
.adops-audi-etron .image-disclaimer {width:100%; text-align:center; color:#FFF; font-weight: 200; font-size: 10px;}
.index4 .hero-image-overlay .ddc-content { top: 0; }
.media-gallery-toolbar {top:20px; bottom:unset !important; left:unset !important; right:270px;}
/**************************************************************************/
/* Header & Navigation Styles */
/**************************************************************************/
.adops-audi-etron .etron-page-header {width:100%; height:460px; background-size: cover; background-repeat: no-repeat; float:left;
    background-image: url(/sites/a/audiprofile/components/adops_audi_2018_etron/images/header_hero.jpg);
}
.adops-audi-etron .hero-badge {width:60%; margin: 14% auto 1%;}
.adops-audi-etron .hero-cta-button {display:block; width:18%; height: auto; padding:15px 10px; margin:3% auto 0; color:#000; background-color:#FFFFFF; font-size: 16px;text-align: center; text-decoration: none;}
.adops-audi-etron .hero-cta-button:hover {color:#FFF; background-color:#333}
.adops-audi-etron .navigation-unit {width:100%; height:75px; color:#000; background-color:#EFEFEF; border-bottom:1px solid #999; position: -webkit-sticky; position: sticky; z-index:2}
.adops-audi-etron ul.nav-list {list-style: none; margin-top:17px; height:40px; width:100%; float:left; margin-bottom:0px; padding:0px; display:flex; align-items: center}
.adops-audi-etron li.nav-item {float:left; width:150px;}
.adops-audi-etron li.nav-item a.text-link {color:#000; text-decoration: none; width:100%; text-align: center; font-size:14px; display:inline-block; cursor:pointer;}
.adops-audi-etron li.nav-item a.text-link:hover {color:#CC0033;}
.adops-audi-etron li.nav-item:last-child {margin-left: 5%}
.adops-audi-etron li.nav-item:last-child a {font-size:14px; background-color: #000; padding: 15px 15px; color:#FFF; text-decoration:none;}
.adops-audi-etron li.nav-item:last-child a:hover {color:#FFF; background-color:#666}
.adops-audi-etron .nav-logo {width:80px; margin: 0 auto;}
/**************************************************************************/
/* Overview Section Styles */
/**************************************************************************/
.adops-audi-etron #overview-section-1 {width:100%; height:756px; padding-top:4%; background-size: cover; background-repeat: no-repeat; float:left;
    background-image: url(/sites/a/audiprofile/components/adops_audi_2018_etron/images/overview_bg_1.jpg);
}
.adops-audi-etron #overview-section-2 {width:100%; padding-top:55%; background-size: cover; background-repeat: no-repeat; float:left;
    background-image: url(/sites/a/audiprofile/components/adops_audi_2018_etron/images/overview_bg_2.jpg);
}
.adops-audi-etron #overview-section-3 {width:100%; height:auto; padding:4%; background-color:#FFF}
.adops-audi-etron #overview-section-4 {width:100%; padding-top:64%; background-size: cover; background-repeat: no-repeat; float:left;
    background-image: url(/sites/a/audiprofile/components/adops_audi_2018_etron/images/overview_bg_3.jpg);
}
.adops-audi-etron ul.highlight-list {list-style: none; margin-top:315px; height:215px; width:100%; padding:0 4%; float:left; margin-bottom:0px; display:flex; align-items: center}
.adops-audi-etron li.highlight-item {float:left; width:25%};
.adops-audi-etron li.highlight-divider {border-right: 1px solid #FFF; height:215px;} 
.adops-audi-etron .highlight-icon img  {margin:0 auto 15px; height:50px;}
.adops-audi-etron .highlight-text {padding:0 10%; text-align: center; color:#FFF; font-size:13px; font-weight:800;}
.adops-audi-etron #overview-section-1 .image-disclaimer {margin-top:10px;}
.adops-audi-etron .red {background-color:#BB0A30;}
.adops-audi-etron .black {background-color:#000000;}
.adops-audi-etron .gray {background-color:#4C4C4C;}
.adops-audi-etron .overview-content-block {height:375px; margin-bottom:5%;}
.adops-audi-etron .overview-content-image {width:53%; height:375px; float:left;}
.adops-audi-etron .overview-content-text {height:100%; width:47%; padding:20px; float:left;}
.adops-audi-etron .overview-content-head { font-weight:800; color:#FFF; font-size:18px; margin-bottom:10px;}
.adops-audi-etron .overview-content-body {color:#FFF; font-size:12px; line-height:21px; font-weight:200;}
.adops-audi-etron .overview-content-block.flush-bottom {margin-bottom:0;}
/**************************************************************************/
/* Charging Section Styles */
/**************************************************************************/
.adops-audi-etron #charging-section-1 {padding:4% 4% 0 4%; height:auto; background-color:#FFF}
.adops-audi-etron #charging-section-1 h3.adops-heading {color:#000; margin-bottom:5%;}
.adops-audi-etron .charging-content-text {width:48%; margin-right:4%; float:left; font-weight:200;}
.adops-audi-etron .charging-content-stats {width:48%; float:left; padding:0;}
.adops-audi-etron ul.stats-list {list-style: none; height:135px; width:100%; float:left; margin-bottom:8%; padding:0px; margin-left:10%; display:flex; align-items: center}
.adops-audi-etron li.stat-item {float:left; width:30%;}
.adops-audi-etron .stat-icon img  {margin:0 0 25px 0; height:65px;}
.adops-audi-etron .stat-text {padding:0; text-align: left; color:#000; font-size:16px; font-weight:800;}
.adops-audi-etron .stat-text span.detail {font-size:13px; font-weight:200;}
.adops-audi-etron .section-expand-ui {width:100%;}
.adops-audi-etron .expand-btn {width:45px; height:45px; color:#FFF; background-color:#000; margin:0 auto 10px; border-radius:50%; cursor: pointer;}
.adops-audi-etron .expand-btn span {width: 100%; text-align: center; display: block; font-size: 30px; line-height: 42px;}
.adops-audi-etron .expand-text {width:100%; color: #000; font-style:14px; text-align:center;}
.adops-audi-etron .charging-expandable {width: 100%; overflow:hidden; height:auto;}
.adops-audi-etron .charging-expand-content {padding:4%; width:100%; height:auto;}
.adops-audi-etron .charging-expand-col {width:44.9%; float:left;}
.adops-audi-etron .charging-expand-divide {margin:0 5%; box-sizing:border-box; height:632px; border-right:1px solid #000; float: left}
.adops-audi-etron .charging-expand-cell {margin:0; height:235px;}
.adops-audi-etron .charging-expand-cell.top {border-bottom:1px solid #000; margin-bottom:10%; margin-top:65px;}
.adops-audi-etron .charging-cell-icon {height:74px; margin:20px auto;}
.adops-audi-etron .charging-cell-text {font-weight:200; color:#000; padding:0 20%; text-align:center; line-height:18px}
.adops-audi-etron .charging-cell-text .title {font-weight:600;}
.adops-audi-etron .charging-cell-text .disc-text {font-size: 10px;}
.adops-audi-etron #charging-section-3 {}
/**************************************************************************/
/* Design Section Styles */
/**************************************************************************/
.adops-audi-etron .design-section {padding:4%;}
.adops-audi-etron .design-section h3.adops-heading {color:#000;}
.adops-audi-etron .design-section p.heading-text {font-weight:200; color:#000; margin-bottom:2%; width:70%;}
.adops-audi-etron .design-tile {float:left; height:245px; border:2px solid #FFF; box-sizing:border-box; overflow:hidden; position:relative; z-index:1, margin }
.adops-audi-etron .text-tile {padding:4%; color:#FFF; font-size:21px; line-height:30px;}
.adops-audi-etron .design-tiles {margin:5% 0%;}
.adops-audi-etron .design-tiles .tile-1-3 {width:33.3%;}
.adops-audi-etron .design-tiles .tile-2-3 {width:66.6%;}
.adops-audi-etron .slider {background-color: rgba(0, 0, 0, 0.8); color:#FFF; padding:8px; font-weight:400; text-align:center; width:100%; position: absolute; bottom:0px; z-index:1; margin-bottom:0px;}
/**************************************************************************/
/* Connect Section Styles */
/**************************************************************************/
.adops-audi-etron .connect-section {width:100%;}
.adops-audi-etron #connect-section-1 {width:100%; padding-top:54%; background-size: cover; background-repeat: no-repeat; float:left;
    background-image: url(/sites/a/audiprofile/components/adops_audi_2018_etron/images/connectivity_bg_1.jpg);
}
.adops-audi-etron #connect-section-3 {width:100%; padding-top:55%; background-size: cover; background-repeat: no-repeat; float:left;
    background-image: url(/sites/a/audiprofile/components/adops_audi_2018_etron/images/connectivity_bg_2.jpg);
}
.adops-audi-etron #connect-section-2 {padding:4%; width:100%; height:auto; background-color:#000;}
.adops-audi-etron .connect-content {width:100%; height:auto; margin-top:4%;}
.adops-audi-etron .connect-content-col {float: left; width:48%; margin-right:4%;}
.adops-audi-etron .connect-content-col.flush-right {margin-right:0;}
.adops-audi-etron .connect-content-title { font-weight:800; font-size:18px; color:#FFFFFF; margin:30px 0 20px 0;}
.adops-audi-etron .connect-content-copy {color:#FFFFFF; font-size: 13px; line-height: 28px; font-weight:200;}
/**************************************************************************/
/* Learn Section Styles */
/**************************************************************************/
.adops-audi-etron .learn-section {padding:4%;}
.adops-audi-etron .learn-table {padding:0 10%; margin:4% 0;}
.adops-audi-etron .learn-expand {height:auto; overflow: hidden;}
.adops-audi-etron .learn-section h3.adops-heading {color:#000;}
.adops-audi-etron .learn-section p.heading-text {color:#000;}
.adops-audi-etron .lt-item-question {padding:0 15px; background-color:#F2F2F2; height:40px; margin-bottom:6px; font-weight:200;}
.adops-audi-etron .question-copy {color:#000; line-height: 40px; font-size:14px; font-weight:200;}
.adops-audi-etron .question-toggle { width:40px; height:auto; float:right; line-height:40px; font-size:20px; text-align:right;}
.adops-audi-etron .lt-answer {overflow:hidden; height:auto;}
.adops-audi-etron span.answer-copy {padding:10px 15px 20px 15px; display:block; height:auto; font-size:14px; font-weight:200;}
.adops-audi-etron #learn-section-2 {width:100%; padding-top:55%; background-size: cover; background-repeat: no-repeat; float:left;
    background-image: url(/sites/a/audiprofile/components/adops_audi_2018_etron/images/learn_bg_2.jpg);
}
/**************************************************************************/
/* Form Styles */
/**************************************************************************/
.adops-audi-etron .ddc-content {margin-bottom:0px;}
.adops-audi-etron .bottomForm input {background-color: #000; border: none; border: 1px solid #FFF; color: #FFF;}
.adops-audi-etron .bottomForm select {background-color: #000; outline: 1px solid #fff; color: #FFF; -moz-appearance:none}
.adops-audi-etron .bottomForm textarea {background-color: #000; border: none; border: 1px solid #fff; color: #FFF; padding:8px 12px; }
.adops-audi-etron h3.formHeader {padding:4% 0 0; margin:0; background-color:#000;}
.adops-audi-etron .form-group label {text-align:left; display: block; float:none; color:#FFF;}
.adops-audi-etron fieldset .form-group .ddc-span4 {width:100%; padding-left:0px; padding-right:0px;}
.adops-audi-etron fieldset .form-group .ddc-span8 {width:100%; padding-left:0px; padding-right:0px;}
.adops-audi-etron .bottomForm fieldset {margin-left:0px; margin-bottom:0px;}
.adops-audi-etron .bottomForm {width:960px; margin-left:-10px; padding:4%; background-color:#000; height:420px}
.adops-audi-etron .bottomForm .form-horizontal .form-group {float:left; margin:0 0 15px; width:100%;}
.adops-audi-etron .bottomForm .form-horizontal .form-group:nth-child(2) {width:49%; margin-right:2%;}
.adops-audi-etron .bottomForm .form-horizontal .form-group:nth-child(3) {width:49%;}
.adops-audi-etron .bottomForm .form-horizontal .form-group:nth-child(4) {width:32%; margin-right:2%;}
.adops-audi-etron .bottomForm .form-horizontal .form-group:nth-child(5) {width:32%; margin-right:2%;}
.adops-audi-etron .bottomForm .form-horizontal .form-group:nth-child(6) {width:32%;}
.adops-audi-etron .bottomForm .btn-primary { font-weight: 400; font-size:16px; float:none !important; display:block; width:14%; height: auto; padding:15px 10px; margin:0 auto; color:#000; background-color:#FFFFFF; font-size: 16px;text-align: center; text-decoration: none;}
.adops-audi-etron .bottomForm .btn-primary:hover {color:#FFF; background-color:#333}
.adops-audi-etron .bottomForm .ddc-offset4 {margin-left:0;}
.adops-audi-etron .bottomForm .ddc-span8 {width:100%; clear:both; font-weight: 400;}
.adops_audi_a7 h3.formHeader {margin:60px 0 20px;}
/**************************************************************************/
/* CUSTOM MODAL Styles */
/**************************************************************************/
.adops-audi-etron .discBtn {cursor: pointer; text-decoration: underline;}
.adops-audi-etron .discBtn:hover {color:#CC0033;}
/* The Modal (background) */
.adops-audi-etron .adOpsModal {
    font-weight: 200;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0; top: 0; width: 100%; height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);
}
/* Modal Content/Box */
.adops-audi-etron .adops-modal-content {
    background-color: #fefefe; margin: 25% auto; padding: 10px 20px; border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
    max-height: 500px; /* Could be more or less, depending on screen size */
    overflow: auto; /* Enable scroll if needed */
}
.adops-audi-etron .adops-modal-content p {margin-top:20px;}
.adops-audi-etron .adops-modal-content b {font-size:14px;}
/* The Close Button */
.adops-audi-etron .close {color: #aaa; float: right; font-size: 28px; font-weight: bold;}
.adops-audi-etron .close:hover,
.adops-audi-etron .close:focus {color: black; text-decoration: none; cursor: pointer;}

/* 07540062 wabbey */
.inventory-featured-default .pricing .price {display: inline-block; width: 53%; }
.inventory-featured-default .pricing { width: 100%; }

/* Enthusiast Edge - Force credit card iframe to be centered */
.alias-sitebuilder-autonation-credit-card-1 div.container.main {max-width: 1300px!important; width: 100%!important;}

/* Enthusiast Edge - Make homepage facet search heading white */ 
.index .inventory-search-facet-browse h3.h1.ddc-heading-2.widget-heading {color: #fff;}

/* Enthusiast Edge - Make homepage faceted alternate search heading white */
[data-widget-name=ws-facet-browse] .widget-heading { color: #fff; }

/* Enthusiast Edge - Remove white space below homepage hero image */
.model-selector-responsive {margin-top: -100px;}

/* ddcrandyh CC05114548 */
:is(.srp,.vdp) .inv-type-new.pricing-detail .salePrice .price-value { color: #0DA20D }