/* Header */
.page-header.responsive-centered-nav {min-height: 145px; background: #1767BC;}
.page-header.responsive-centered-nav .header-contact {background: rgba(0,0,0,.15);}
.page-header.responsive-centered-nav .header-contact .links-locale .widget-heading {display: none;}

.page-header.responsive-centered-nav .header-navigation .header-default,
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav,
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar,
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a {height: 112px;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .dropdown-menu {top: 114px;}
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open .caret:before {top: 90px;}

/* Header Social */
.page-header.responsive-centered-nav .header-default .social-links a {color: #fff;}

/* Contact */
.page-header.responsive-centered-nav .header-contact .vcard .tels .tel,
.page-header.responsive-centered-nav .header-contact .vcard .tels .tel.phone1,
.page-header.responsive-centered-nav .header-contact .vcard .adr a {font-weight: 100;}

.page-header.responsive-centered-nav .header-contact .links-locale a,
.page-header.responsive-centered-nav .header-contact .vcard .tels .tel span,
.page-header.responsive-centered-nav .header-contact .vcard .adr a {font-size: 12px;}

/* Dealership Name && Tagline */
.page-header.responsive-centered-nav .header-navigation .header-default .vcard {padding-left: 10px; display: flex; flex-direction: column; height: 100%; justify-content: center;}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard .fn {flex-grow: 1; display: flex; align-items: center;}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard.with-tagline .fn {align-items: flex-end; overflow: hidden;}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 span {font-weight: 600; font-size: 22px; letter-spacing: 1px;}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard .tagline-container {flex-grow: 1;}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard .tagline-container img {display: inline-block; margin-right: 10px; max-width: 50px;}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard .tagline-container .tagline {display: inline-block; color: #fff; font-size: 11px; position: static; margin: 0; font-weight: 700;}
@media screen and (max-width: 1540px) {
    .page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 span {font-size: 18px;}
    .page-header.responsive-centered-nav .header-navigation .header-default .vcard .tagline-container img {display: none;}
}
@media screen and (max-width: 1350px) {
    .page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 span {font-size: 16px;}
    .page-header.responsive-centered-nav .header-navigation .header-default .vcard .tagline-container img {display: none;}
}

/* With franchise logo */
.page-header.responsive-centered-nav .header-navigation .header-default .header-logo {position: relative !important; left: 0 !important; top: 0 !important; z-index: 10;}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard.with-tagline.header-logo-enabled {position: absolute; margin-left: 120px; z-index: 8; width: calc(100% - 120px);}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard.with-tagline.header-logo-enabled .fn {align-items: flex-start;}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard.with-tagline.header-logo-enabled .fn a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard.with-tagline.header-logo-enabled .tagline-container {display: flex; align-items: flex-end;}

/* Nav */
.page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 a,
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a,
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a:hover,
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open > a {color: #fff;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a {text-transform: uppercase; font-size: 14px;}

/* MyCars */
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu > a:before,
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu > a .label,
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu > a .count:before {color: #fff;}
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .popup {top: 114px;}
.ddc-site .noShrink .mycars-default .menu.selected > a {background-color: transparent; box-shadow: none; position: relative;}
.ddc-site .noShrink .mycars-default .menu.selected > a:after {position: absolute; bottom: -45px; left: 50%; content: ' '; z-index: 2; display: block; width: 0; height: 0; border: 13px solid transparent; border-bottom-color: #EFEFEF; transform: rotate(0deg);}

/* Blurbs (what makes us different) */
.index-blurb-wrapper .ws-content-cta .cta-foreground {flex-grow: 1 !important; max-height: 85px;}
.index-blurb-wrapper .ws-content-cta .cta-content h2 {flex-grow: 0;}
.index-blurb-wrapper .ws-content-cta .cta-content p {flex-grow: 1;}

/* Model Selector */
.model-selector-responsive .nav-pills li {float: none; display: inline-block;}

/* Reviews */
.index-reviews-wrapper .section-right {min-width: 700px;}

/* Hours */
.index-seo-row-hours-section .ws-hours {min-width: 300px;}

/* Footer */
.ddc-footer {background-color: #E4E5E6;}
.ddc-footer .third-party-service-footer {width: auto !important; max-width: 1600px; min-width: 960px; background: transparent url(/sites/s/sonicautomotiveprofile/themes/v1/assets/sonic-tagline.png) no-repeat 150px 50% / 274px auto;}
.ddc-footer a.credit {top: 38px;}
.ddc-footer a.ad-choices {top: 70px; right: 100px;}
.ddc-footer .navigation-default {width: auto;}
.ddc-footer .navigation-default ul li > a {padding-top: 40px; font-size: 14px;}
@media screen and (max-width: 1400px) { .ddc-footer .navigation-default ul li > a {padding: 40px 10px 32px;} }

/* Grid VLP */
/* Grid VLP - prev/next arrows */
.grid-listing .item .slick-slider .slick-prev {left: -15px; z-index: 999;}
.grid-listing .item .slick-slider .slick-next {right: -15px; z-index: 999;}

/* Grid VLP - Vehicles - Flexbox Alignment */
.normal-grid {display: flex; flex-wrap: wrap;}
.normal-grid .item {border: 1px solid rgba(0,0,0,.2); padding: 0; background-color: #fff;}
.normal-grid .item .item-make > .image-wrap {padding: 0; flex-grow: 1}
.normal-grid .item .item-make > * {padding: 0 10px}
.normal-grid .item .item-make {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.normal-grid .item .item-make .gv-description {padding: 2px 20px 0 0; margin: 0 10px; border-top: 0; max-height: 23px; font-size: 13px;}
.normal-grid .item .item-make .gv-description > span {color: #555;}
.normal-grid .item .item-make .gv-description label {font-weight: normal;}
.normal-grid .item .item-make .gv-pricing .main-price-wrap {width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding: 10px 0;}
.normal-grid .item .item-make .gv-pricing .main-price-wrap > .finalPrice {display: flex; align-items: center;}
.normal-grid .item .item-make .gv-pricing .main-price-wrap > .finalPrice > .label {width: auto; margin-right: 2%; font-weight: 800; color: #555; white-space: normal; line-height: 1;}
.normal-grid .item .item-make .gv-pricing .main-price-wrap > .finalPrice > .value {width: auto; font-weight: 900; margin-right: 2%;}
.normal-grid .item .item-make .gv-pricing .main-price-wrap .eprice-button {justify-content: flex-end;}
.normal-grid .item .item-make .gv-pricing .main-price-wrap .eprice-button a,
.normal-grid .item .item-make .gv-pricing .main-price-wrap .instantEPriceButton a {margin: 0; font-size: 12px; font-weight: bold; min-width: 100%; padding: 10px;}
.normal-grid .item .item-make .gv-pricing .main-price-wrap > div.eprice-button,
.normal-grid .item .item-make .gv-pricing .main-price-wrap > div.instant-eprice-button { width: 100%; margin-top: 5px }
.normal-grid .item .item-make .gv-pricing .main-price-wrap > div.finalPrice { width: 100%; }
.normal-grid .item .item-make .gv-pricing .main-price-wrap > div.finalPrice .label, 
.normal-grid .item .item-make .gv-pricing .main-price-wrap > div.finalPrice .value { max-width: unset; }
.normal-grid .item .item-make .gv-pricing .main-price-wrap > div.finalPrice, 
.normal-grid .item .item-make .gv-pricing .detailed-pricing .list-unstyled > li > span { display: flex; flex-direction: row; justify-content: space-between; }

/* Grid VLP - MyCars spacing & alignment */
.grid-listing .mycars-compare-wrap {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10px !important; border-top: 0;}
.grid-listing .mycars-compare-wrap > div {padding: 0; width: auto; display: flex; align-items: center;}
.grid-listing .mycars-compare-wrap .mycars-vlp {display: flex; margin: 0;}
.grid-listing .mycars-compare-wrap .mycars-vlp > div {width: auto;}
.grid-listing .mycars-compare-wrap .mycars-vlp .ddc-span6 {padding: 0;}
.grid-listing .mycars-compare-wrap .mycars-vlp .ddc-span6 + .ddc-span6 {padding-left: 10px;}
.grid-listing .mycars-compare-wrap .item-compare .checkbox {float: none;}
.grid-listing .mycars-compare-wrap .item-compare .compare-id {line-height: 1;}
.grid-listing .mycars-compare-wrap .item-compare {font-size: 12px; padding: 0;}
.grid-listing .mycars-compare-wrap .item-compare .form-group label {font-weight: 400;}

/* Grid VLP - Facets */
.grid-facetbrowse .vertical {padding: 10px 20px}
.grid-facetbrowse .vertical .panel {padding: 10px 5px; border: 0;}
.grid-facetbrowse .vertical .panel + .panel {border-top: 1px solid #e3e3e3; margin: 0;}
.grid-facetbrowse .vertical .panel-heading a[aria-selected='true'] {color: #000;}
.grid-facetbrowse .vertical label {font-weight: 400; color: #555; font-size: 13px;}
.grid-facetbrowse .vertical .panel-heading .ddc-icon {color: #1E69B9; background: transparent; box-shadow: 0 0 0px 1px #1E69B9; font-size: 1.5rem;}
.grid-facetbrowse .vertical label span.checked {font-weight: bold;}
.grid-facetbrowse .vertical .list-group-item.disabled {background-color: transparent;}

/* Grid VLP - Prev/Next buttons at the bottom */
.vlp .pagination a[rel='prev'] .ddc-icon,
.vlp .pagination a[rel='next'] .ddc-icon {display: inline-block;}
.grid-listing .pagination .next-btn .ddc-icon {font-size: 16px; padding-right: 4px; padding-top: 10px;}
.grid-listing .pagination .prev-btn .ddc-icon {font-size: 16px; padding-left: 10px; padding-top: 10px;}

/* MyCars Register & Login Page - widget centering */
.alias-login-default .container.main .ddc-span5,
.alias-login-register .container.main .ddc-span5 {float: none;}

/* IE Fixes (https://github.com/philipwalton/flexbugs/issues/104) */
.page-header.responsive-centered-nav .header-navigation .header-default .vcard {width: 100%;} /* Dealership name section overlapping navigation */
.index [data-name="index-seo-wrapper"] .flex-grow-1 {min-width: 1px;} /* Index SEO area - content going through container and images not scaling properly */
.index [data-name="index-seo-wrapper"] .flex-grow-1 .content-default {width: 100%;}

/* Slideshow Default - Centering Slides */
.slideshow-default img {margin: 0 auto;}

/* VDP - Badge Alignment (06608165) */
.inventory-detail-callout ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.inventory-detail-callout ul li {margin: 0;}

/* VDP - Spacing Out Stacked Links */
.vdp .links-list[data-widget-id="links2"] li + li a {margin-top: 5px;}

/* Hours Widget - "See all department hours" container leak fix */
.page-bd .hours-default .view-link {float: none !important;}