.homeHeader{
    background-image: url(http://www.ccfb.biz/wp-content/uploads/2016/11/Eagle_GT_Coupe_STU_028.jpg);
    background-position: center center;
    background-attachment: scroll;
    min-height: 400px;
    background-size: cover;;
}
.homeHeader.specialists>.container>h4{
    font-size:1em;
}
/* Display-order dropdown, stacked under the search box and sized to match it
   (the widget is 235px wide). Kept above the unclosed @media (max-width:575px)
   further down this file, or it would be nested inside it and only apply on
   mobile. Typography copies .widget-title: 16px, normal weight, white. */
.specialists-sort {
    width: 235px;
    margin: 10px 0 0;
}
.specialists-sort label {
    display: block;
    margin: 0 0 5px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
}
/* Match the dark "Search" box: black fill, white 1px border, white text and
   a white caret (Bootstrap's default caret is dark and vanishes on black). */
.specialists-sort .custom-select {
    width: 100%;
    height: 47px; /* same rendered height as the Search box */
    padding: 15px 34px 15px 10px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    background-color: #010101;
    border: 1px solid #fff;
    border-radius: .25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 6l5 5 5-5'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.specialists-sort .custom-select:focus {
    border-color: #fff;
    box-shadow: none;
    outline: 0;
}
/* the popup list itself (dark UAs render this; harmless elsewhere) */
.specialists-sort .custom-select option {
    background-color: #010101;
    color: #fff;
}
/* The browser paints the active row of an open <select> with the system
   accent colour (blue on Windows). Forcing the option's own background with
   an inset shadow overrides it in Chrome/Edge, so the list stays on-brand. */
.specialists-sort .custom-select option:checked,
.specialists-sort .custom-select option:hover,
.specialists-sort .custom-select option:focus {
    background: #ad181a;
    color: #fff;
    box-shadow: 0 0 10px 100px #ad181a inset;
}
/* The shared footer template sets `.widget-title { border-bottom: unset
   !important }`, which drops the bottom edge of the Search box. Restore it
   here only, scoped to this page so other pages keep the footer's rule. */
.homeHeader.specialists .head-toolkits #tdp_car_search-3 .widget-title {
    border-bottom: 1px solid #fff !important;
}
.dealer-search-results .stm-single-dealer .dealer-info {
}
.dealer-search-results .stm-single-dealer {
    border-top: 1px solid white;
    border-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.specialist .dealer-search-results .stm-single-dealer {
    border-bottom: 1px solid white;
    border-top: 0;
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 1.2em;
}

.dealer-search-results .stm-single-dealer>div {
}
.dealer-search-results .stm-single-dealer .image {
}
.dealer-search-results .stm-single-dealer .image a {
    display: block;
    min-height: 42px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.dealer-search-results
{
    font-size: 0.9em;
    margin-bottom: 40px;
    width: 100%;
}
.dealer-search-results .dealer-single-divider {
    border-bottom: 1px solid #d5d9e0;
}
.dealer-single-divider>td{
    padding: 5px;
}
.title {
    font-size: 20px;
}
.image>a>.img-responsive{
    width: 240px;
    height: auto;
    object-fit: contain;
}
/* Company listing cards only: halve logo width (240px -> 120px).
   Scoped via .col-md-3 so the single-specialist page logo is unaffected. */
.dealer-search-results .stm-single-dealer .image.col-md-3>a>.img-responsive {
    width: 120px;
    max-width: 100%;
    display: block; /* drops the inline baseline gap under the logo */
}
/* Frame hugs the logo instead of stretching the full column width.
   The shared .image a rule is display:block, so it filled the column. */
.dealer-search-results .stm-single-dealer .image.col-md-3>a {
    display: inline-block;
    min-height: 0;
}
.dealer-search-results .stm-single-dealer .image.col-md-3 {
    text-align: right;
}
/* Desktop only: tighten the horizontal gaps between the row fields.
   The name column was col-md-4 (33.3%) and mostly empty, pushing the phone
   and address far to the right. Narrow it and hand that space to the address
   column, so the logo column - and the logo - stay exactly where they are.
   NOTE: must sit here, ABOVE the unclosed @media (max-width:575px) further
   down this file, otherwise it gets nested inside it and never matches. */
@media (min-width: 992px) {
    .dealer-search-results .stm-single-dealer .dealer-info {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .dealer-search-results .stm-single-dealer .dealer-location {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
.card-title{
    width: 100%!important;
}
.dealer-cars>.inner>a {
    font-size: 20px;
    color: #ad181a;
    font-weight: 700;
    cursor: default;
    text-decoration: none;
    line-height: 1.2;
}
.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-phone .inner .phone {
    float: right;
    display: inline-block;
    padding-left: 10px;
    width: 100%;
}
.stm-single-dealer .dealer-phone {
}
.stm-single-dealer .dealer-phone {
    font-size: 0.8em;
}
.stm-single-dealer .dealer-location {
    white-space: nowrap;
}
.stm-single-dealer .dealer-location .heading-font{
    overflow: hidden;
    text-overflow: ellipsis;
}
.car-icon {
    height: 24px;
    width: 27px;
}
.dealer-labels {
    display: inline-block;
    float: left;
    text-align: center;
    width: 100%;
    color: #fff;
}
.dealer-labels.heading-font {
    white-space: nowrap;
}
.dealer-cars-count {
    font-size:0.8em;
}
.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-location .map_link {
    position: absolute;
    text-decoration: none;
    color: #ad181a;
    right: 13px;
    margin-top: -9px;
    z-index: 5;
}
.dealer-location{
	display:flex

}
.dealer-location-label>.inner>.heading-font{
    display: inline-block;
    font-size:0.9em;
}
.fa-map-marker-alt {
    display: inline-block;
    float: left;
	margin-top:-3px
    font-size: 24px;
    color: #dd2525;
}
.phone>span>a{
    color:#fff;
    cursor: pointer;
    text-decoration: none;
}
.dealer-info>.title>.h4{
    color:#fff;
    text-decoration: none;
}
.dealer-info>.title>.h5{
    font-size:0.75em;
}
.specialist .dealer-info>.title>.h5{
    font-size:0.9em;
}
.inner>.fa-phone{
    display: inline-block;
    float: left;
    margin-top: 0;
    margin-right: -25px;
    margin-left: -15px;
    font-size: 18px;
    color: #fff;
}
.stm-show-number{
    cursor: pointer;
    width: 100px;
    padding-left: 10px;
}
#sidebar .stm-show-number{
    width: auto;
    min-width: 100px;
}
@media (max-width: 575px) {
    .dealer-search-results .stm-single-dealer .image {
        padding: 10px 15px;
    }
    .dealer-search-results .stm-single-dealer .image a,
    .dealer-search-results .stm-single-dealer .image img {
        /*width: 100%;*/
    }
    .dealer-search-results .stm-single-dealer .col-xs-12 {
        width: 100%;
    }
    .dealer-search-results .stm-single-dealer .col-xs-6 {
        width: 50%;
    }
    .dealer-search-results .stm-single-dealer .col-xs-8 {
        width: 67%;
    }
    .dealer-search-results .stm-single-dealer .dealer-info>div {
        padding-left: 0px;
        font-size: 1.6em;
    }
    .dealer-search-results .stm-single-dealer .col-xs-2 {
        width:16.67%;
    }
    .dealer-search-results .stm-single-dealer .col-xs-3 {
        width:25%;
    }
    .dealer-search-results .stm-single-dealer .col-xs-4 {
        width:33.33%;
    }
    .dealer-search-results .stm-single-dealer .col-xs-5 {
        width:41.67%;
    }
    .dealer-search-results .stm-single-dealer .dealer-location .inner {
    flex-direction: column!important;
    }
    .dealer-search-results .stm-single-dealer .dealer-location .inner img {
        width: 33px!important;
    }
@media (max-width: 311px) {
    .specialists .dealer-search-results .stm-single-dealer .col-xs-2 {
        padding-left: 50px;
        width: 30%;
    }
    .specialists .dealer-search-results .stm-single-dealer .col-xs-4 {
        padding-left: 50px;
        width: 50%;
    }
}
@media (min-width: 312px) and (max-width: 383px) {
    .dealer-search-results .stm-single-dealer .dealer-cars {
        width: 50%;
    }
}
@media (max-width: 383px) {
    .dealer-search-results .stm-single-dealer .dealer-location {
        width: 100%;
    }
    .dealer-search-results .stm-single-dealer .dealer-location .heading-font {
        width: 200px;
    }
}
@media (min-width: 384px) and (max-width: 459px) {
    .dealer-search-results .stm-single-dealer .dealer-phone {
        padding-left: 50px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .dealer-search-results .stm-single-dealer .col-sm-4 {
        padding-bottom: 10px;
    }
    .dealer-search-results .stm-single-dealer .image {
        padding-left: 10px;
    }
    .dealer-search-results .stm-single-dealer .dealer-cars {
        position: relative;
    }
    .dealer-search-results .stm-single-dealer .dealer-cars .inner {
        position: absolute;
        top: 25px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .dealer-search-results .stm-single-dealer .image {
        width: 130px;
        padding-left: 15px;
    }
}
@media (max-width: 575px), (min-width: 768px) and (max-width: 991px) {
    .dealer-search-results .stm-single-dealer .dealer-cars .dealer-cars-count {
        display: none;
    }
}

/* Mobile fix: long addresses overflowed into the logo column.
   The town / postcode lines carry inline white-space:nowrap and the .inner
   wrapper is width:fit-content, so the text could not shrink inside the
   41.67% column and spilled over the logo. Allow it to wrap instead. */
@media (max-width: 575px) {
    .dealer-search-results .stm-single-dealer .dealer-location .inner {
        width: auto !important;
    }
    .dealer-search-results .stm-single-dealer .dealer-location .heading-font {
        overflow: visible;
        text-overflow: clip;
    }
    .dealer-search-results .stm-single-dealer .dealer-location .heading-font > div {
        white-space: normal !important;
    }
}

/* Mobile alignment: phone number flush left (an existing 384-459px rule
   indented it by 50px), logo frame flush right. */
@media (max-width: 575px) {
    .dealer-search-results .stm-single-dealer .dealer-phone {
        padding-left: 15px;
    }
    .dealer-search-results .stm-single-dealer .image.col-md-3 {
        text-align: right;
    }
}