body {
    background:             #F5F6F7;
}
h1 {
    --f:                    2rem;
    font-size:              var(--f);
}
h2, h3, h4, h5 {
    margin:                 0;
    padding:                0;
}
a {
    cursor:                 pointer;
}

.btn {
    font-size:              20px;
    line-height:            calc(var(--ingham-button-height) - 8px);
    min-height:             calc(var(--ingham-button-height) - 8px);
    width:                  100%;
    margin:                 0;
    display:                flex;
    justify-content:        center;
    align-items:            center;
    column-gap:             1rem;
}
    .btn:not(.alt) {
        font-size:          21px;
    }
    .btn:not(.black):not(.alt):not(.sold) {
        background:         var(--ingham-btn-color);
        border-color:       var(--ingham-btn-border-color);
    }
    .btn:not(.black):not(.alt):not(.sold):hover {
        background:         var(--ingham-btn-border-color);
    }
    .btn i {
        margin:             0;
    }
.btn.alt {
    border-color:           #343346;
    background:             white;
    color:                  #343346;
    font-family:            var(--ingham-font-family-body);
}
.btn.sold {
    background:             #567702;
    border-color:           #445E02;
    column-gap:             1.25rem;
}
    .btn.sold:hover {
        background:         #4D6B02;
    }
.btnselect {
    position:               relative;
    background:             white;
    margin:                 0;
    border-radius:          15px 3px 15px 3px;
}
    .btnselect:hover {
        background:         #f4f4f4;
    }
    .btnselect > select {
        z-index:            2;
        position:           relative;
        cursor:             pointer;
        background:         none;
        -webkit-appearance: none;
        appearance:         none;
        -moz-appearance:    none;
    }
/*select:focus-visible {
    outline-color:          #aaa;
}*/


/*  RangeSlider */
.slider .rangeSlider {
    --range:                var(--ingham-btn-color);
    --range-slider:         #bbb;
    --range-inactive:       var(--handle-focus);

    --float:                var(--handle-focus);
    --float-inactive:       var(--handle-focus);
    --float-text:           var(--ingham-text-color);

    --pip:                  #aaa;
    --pip-text:             #aaa;
    --pip-active:           var(--ingham-btn-color);
    --pip-active-text:      var(--ingham-text-color);

    --handle-border:        var(--handle);

    margin-top:             2.25rem;
    height:                 4px;
}
    .slider .rangeSlider .rangeHandle {
        --handle:           var(--ingham-btn-border-color);
        --handle-focus:     var(--handle);
        --handle-inactive:  var(--handle);
        --handle-border:    var(--handle);

        top:                0.125rem;
    }
    .slider .rangeSlider .rangeNub {
        opacity:            0.5;
    }
        .slider .rangeSlider.focus .rangeNub,
        .slider .rangeSlider:hover .rangeNub {
            opacity:        0.75;
        }
        .slider .rangeSlider .rangeHandle.active .rangeNub {
            opacity:        1;
        }
    .slider .rangeSlider .rangeFloat {
        font-size:          var(--ingham-font-size);
        opacity:            1;
        color:              white;
        background:         var(--ingham-btn-color);
        top:               -0.325rem;
    }
        .slider .rangeSlider.focus .rangeFloat {
            opacity:        1;
            background:     var(--ingham-btn-color);
            color:          white;
        }
        .slider .rangeSlider .rangeHandle.active .rangeFloat,
        .slider .rangeSlider.hoverable .rangeHandle:hover .rangeFloat {
            top:           -0.325rem;
        }

    .slider .rangeHandle {
        width:              15px;
        height:             15px;
        top:                0px;
    }
    .slider .rangeHandle .rangeNub {
        opacity:            1;
    }

    .slider .rangeSlider .pip {
        height:             4px;
        font-weight:        200;
    }
    .slider .rangeSlider .pip.selected .pipVal {
        font-weight:        300;
    }
    .slider .rangeSlider .pip .pipVal {
        display:            none;
        font-size:          13px;
        top:                8px;
    }
    .slider .rangeSlider .pip:nth-child(5n+1) {
        height:             8px;
    }
    .slider .rangeSlider .pip:nth-child(5n+1).selected {
        height:             12px;
    }
    .slider .rangeSlider .pip:nth-child(5n+1).selected .pipVal {
        top:                12px;
    }
    .slider .rangeSlider .pip:nth-child(5n+1) .pipVal {
        display:            block;
    }
    .slider .rangeSlider .rangeBar {
        height:             4px;
        background:         var(--ingham-btn-color);
    }
    .slider .rangePips .pip,
    .slider .rangePips .pipVal {
        transition:         all 0.66s ease-out;
    }
    .slider .rangePips .pip.selected,
    .slider .rangePips .pip.selected .pipVal {
        transition:         none;
    }
    .slider .range .rangePips .pip.selected,
    .slider .range .rangePips .pip.selected .pipVal {
        transition:         all 0.15s ease;
    }


/*
LISTS
*/
#ArchiveVehicles .vc {
    padding:                1.5rem 1rem 2rem;
    display:                grid;
    row-gap:                1.5rem;
    grid-template-columns:  1fr;
    grid-template-rows:     repeat(3, min-content);
}
    .vc .box {
        grid-column:        1;
    }
    .vc > .box.heading {
        grid-row:           1;
    }
    .vc > .box.toolbar {
        grid-row:           2;
    }
    .vc > .box.vehicles {
        grid-row:           3;
        display:            flex;
        row-gap:            1rem;
        flex-wrap:          wrap;
    }
        .vc > .box.vehicles.empty {
            padding-top:    1rem;
            display:        block !important;
            max-width:      var(--ingham-content-container);
            margin:         0 auto;
            text-align:     center;
        }
            .vc > .box.vehicles.empty > h2 {
                line-height:    2.25rem;
            }
            .vc > .box.vehicles.empty .btn {
                display:        inline-block;
                width:          auto;
                padding:        0.75rem var(--px);
                margin-top:     1.4rem;
                margin-bottom:  1rem;
                line-height:    1.6rem;
                border-color:   var(--ingham-border-color);
            }
            .vc > .box.vehicles.empty .btn + .btn {
                margin-left:    1rem;
            }
            .vc > .box.vehicles.empty .similar {
                margin-top:     2rem;
                text-align:     left;
            }
                .vc > .box.vehicles.empty .similar h3 {
                    margin-bottom: 0.5rem;
                }
        .vc .vehicle {
            display:        grid;
            align-content:  space-between;
            grid-template-columns:  1fr;
            grid-template-rows:     1fr min-content;
        }
        .vc .vehicle .box.details {
            display:        grid;
            row-gap:        var(--vrg);
            grid-template-columns:  1fr;
            grid-template-rows:     1fr repeat(4, min-content);
        }
            .vc .vehicle .box.title {
                grid-row:   1;
            }
            .vc .vehicle .box.prices {
                grid-row:   2;
            }
            .vc .vehicle .box.specs {
                grid-row:   3;
            }
            .vc .vehicle .box.location {
                grid-row:   4;
            }
            .vc .vehicle .box.buttons {
                grid-row:   5;
            }

/*
HEADING
*/
.vc > .box.heading {
    display:                flex;
    flex-direction:         column;
    justify-content:        space-between;
    flex-wrap:              wrap;
    row-gap:                1rem;
}
.vc h1 {
    margin:                 0;
    padding:                0;
}
.vc > .box.heading > p {
    max-width:              none;
    margin:                 0;
    padding:                0;
}


/*
VEHICLES
*/
.vc .vehicle {
    --vcg:                  0.625rem;
    --vrg:                  1rem;
    --srg:                  0.5rem;
    --special-color:        #E63946;
    flex-basis:             100%;
    color:                  var(--ingham-text-color);
    background-color:       white;
    box-shadow:             0px 1px 4px rgba(0,0,0,0.15);
    border-radius:          var(--ingham-border-radius-top-left) var(--ingham-border-radius-top-right) var(--ingham-border-radius-bottom-right) var(--ingham-border-radius-bottom-left);
}
    .vc .vehicle.theme_red {
        --special-color:    var(--ingham-btn-color);
    }

/*
IMAGES box
*/
.vc .vehicle .box.images {
    /*display: flex;
    align-items: stretch;
    align-content: stretch;
    justify-content: stretch;
    justify-items: stretch;*/
    display:                flex;
    justify-content:        center;
    align-items:            start;
    position:               relative;
}
.vc .vehicle .box.images a {
    display:                none;
    position:               relative;
    justify-content:        center;
    align-items:            start;
    /*min-width: 100%;
    min-height: 100%;*/
}
    /*   Disabled Zoom with  aa */
    .vc .vehicle .box.images aa::before {
        position:           absolute;
        color:              #fff;
        height:             100%;
        width:              100%;
        align-items:        center;
        justify-content:    center;
        font-size:          1.5em;
        content:            '\f00e';
        font-family:        var(--fa-family);
        font-weight:        300;
        font-style:         normal;
        font-variant:       normal;
        text-rendering:     auto;
        line-height:        1;
        -moz-osx-font-smoothing:    grayscale;
        -webkit-font-smoothing:     antialiased;

        display:            flex;
        padding:            0.625rem;
        -webkit-transform:  scaleX(-1);
        transform:          scaleX(-1); /* Horizontally FLIPPED */
        justify-content:    end;        /* FLIPPED */
        align-items:        end;
    }
    .vc .vehicle .box.images aa:hover::before {
        display:            flex;
        background:         #34334675;
        border-top-right-radius:    var(--ingham-border-radius-top-left);    /* FLIPPED */
        border-top-left-radius:     var(--ingham-border-radius-top-right);   /* FLIPPED */
        border-bottom-right-radius: var(--ingham-border-radius-bottom-left); /* FLIPPED */
        border-bottom-left-radius:  9px;                                     /* FLIPPED */
    }
        .vc .vehicle .box.images aa:first-child:hover::before {
            font-size:      3em;
            /*align-items:    center;
            justify-content:center;*/
        }
.vc .vehicle .box.images .mobile {
    display:                block;
}
.vc .vehicle .box.images .badges {
    --p:                    0.75rem;
    display:                flex;
    flex-wrap:              wrap;
    justify-content:        left;
    align-items:            flex-end;
    position:               absolute;
    left:                   var(--p);
    right:                  var(--p);
    bottom:                 var(--p);
    column-gap:             0.5rem;
}
    .vc .vehicle .box.images .badge {
        background:         rgba(var(--ingham-btn-color-rgb, 52, 51, 70), 0.7);
        color:              var(--ingham-primary-text-color);
        font-size:          14px;
        font-weight:        100;
        letter-spacing:     normal;
        padding:            0.5rem 0.65rem;
        line-height:        1;
        border-radius:      9px var(--ingham-border-radius-top-right) 9px var(--ingham-border-radius-bottom-left);
        display:            flex;
        white-space:        nowrap;
    }
    .vc .vehicle .box.images .badge.special {
        background:         var(--special-color);
    }
.vc .vehicle .box.images .image {
    border-radius:          var(--ingham-border-radius-top-left) var(--ingham-border-radius-top-right) 0 0;
    display:                flex;      /* MEDIUM is default for Mobile and Widescreen */
    /*padding-top:            63%;
    background-size:        cover;
    min-width:              100%;
    min-height:             100%;*/
    max-width:              100%;
    max-height:             100%;
    width:                  100%;
}

@media only screen and (min-width: 851px) {
    .vc .vehicle .box.images .mobile {
        display:            none;
    }
    .vc .vehicle .box.images .desktop {
        display:            flex;
        width:              100%;
    }
    .vc .vehicle .box.images .image {
        border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
        border-bottom-right-radius: 9px;
    }
}

/*
DETAILS box
*/
.vc .vehicle .box.details {
    padding:                0.75rem;
}


/*
TITLE box
*/
.vc .vehicle .box.title {

}
    .vc .vehicle .box.title > *:first-child {
        --f:                1.375rem;
        --lh:               0px;
        font-size:          var(--f);
        line-height:        calc(var(--f) + var(--lh));
        letter-spacing:    -0.05rem;
        margin-top:        -1px;
    }
        .vc .vehicle .box.title:hover *:first-child {
            text-decoration: underline;
        }
    .vc .vehicle .box.title h2 + p {
        --f:                1rem;
        font-size:          var(--f);
        line-height:        var(--f);
        max-height:         calc(var(--f) + calc(var(--vrg) / 2));
        padding:            0;
        opacity:            0.8;
        font-weight:        400;
        margin-top:         0.5rem;
    }

/*
PRICES box
*/
.vc .vehicle .box.prices {
    --cg:                   1rem;
    --cgdiff:               0px;
    --rg:                   7px;
    --f-small:              14px;
    --f-large:              28px;
    --lh-small:             calc(var(--f-small) - 4px);
    --lh-large:             calc(var(--f-large) - 4px);
    display:                grid;
    align-content:          end;
    justify-content:        left;
    column-gap:             calc(var(--cg) + var(--cgdiff));
    row-gap:                var(--rg);
    grid-template-columns:  auto 1px auto;
    grid-template-rows:     var(--lh-small) var(--lh-large);
}
    .vc .vehicle .box.prices.single {
        grid-template-columns: auto;
        row-gap:            0;
        min-height:         48px;
    }
    .vc .vehicle .box.prices.long {
        --cgdiff:          -0.125rem;
        --f-large:          24px;
        /* padding:            0.375rem 0 0.125rem 0; */
    }
.vc .vehicle .box.prices .price {
    display:                grid;
    justify-content:        flex-start;
    align-content:          end;
    text-align:             right;
    row-gap:                var(--rg);
}
    .vc .vehicle .box.prices .price h3 {
        grid-column:        1;
        display:            flex;
        align-self:         baseline;
        margin:             0;
        font-size:          var(--f-large);
        line-height:        var(--lh-large);
        gap:                1px;
    }
        .vc .vehicle .box.prices.sale .rrp h3 {
            color:          var(--special-color);
        }
        .vc .vehicle.theme_red .box.prices.sale .rrp h3 {
            color:          var(--ingham-primary-color);
        }
        .vc .vehicle .box.prices .price h3 .dollar {
            --dollar-size:  13px;
            font-size:      var(--dollar-size);
            line-height:    calc(var(--dollar-size) - 2px);
            align-self:     flex-start;
            padding-top:    1px;
        }
    .vc .vehicle .box.prices .price div:first-child {
        opacity:            0.8;
        white-space:        nowrap;
        display:            flex;
        justify-content:    left;
        gap:                0.25rem;
        align-content:      end;
        align-items:        end;
    }
    .vc .vehicle .box.prices .price div:last-child {
        opacity:            0.8;
        align-self:         end;
        letter-spacing:     normal;
    }
        .vc .vehicle .box.prices .price:not(.special) div:last-child {
            grid-column:    2;
            grid-row:       2;
            line-height:    16px;
        }
.vc .vehicle .box.prices .special {
    grid-row:               1;
    grid-column:            1;
    font-size:              var(--f-small);
    line-height:            var(--lh-small);
    padding:                0;
    align-items:            end;
    gap:                    0.25rem;
    white-space:            nowrap;
    grid-template-columns:  repeat(3, min-content);
}
    .vc .vehicle .box.prices .special div {
        align-self:         end;
        opacity:            0.7;
        font-size:          var(--f-small);
        line-height:        calc(var(--lh-small) - 1px);
        letter-spacing:     normal;
    }
    .vc .vehicle .box.prices .special > span {
        --f:                15px;
        display:            flex;
        opacity:            0.7;
        font-weight:        500;
        font-family:        var(--ingham-font-family-heading);
        font-size:          var(--f);
        line-height:        var(--lh-small);
        gap:                1px;
    }
    .vc .vehicle .box.prices .special .dollar {
        font-size:          11px;
        line-height:        var(--lh-small);
    }
.vc .vehicle .box.prices .rrp {
    grid-row:               2;
}
    .vc .vehicle .box.prices.single .rrp {
        grid-row:           1;
    }
.vc .vehicle .box.prices .vr {
    grid-row:               1 / span 2;
    grid-column:            2;

    background:             grey;
    height:                 100%;
}
.vc .vehicle .box.prices .weekly {
    grid-row:               1 / span 2;
    grid-column:            3;
    grid-template-columns:  repeat(2, min-content);
    column-gap:             5px;
}
    .vc .vehicle .box.prices.single .weekly {
        grid-column:        1;
    }
    .vc .vehicle .box.prices .weekly div:first-child {
        font-size:          var(--f-small);
        line-height:        calc(var(--lh-small) - 1px);
    }


/*
SPECS box
*/
.vc .vehicle .box.specs {
    --drg:                  0.25rem;
    --df:                   var(--ingham-font-size);
    --dlh:                 -1px;
    display:                flex;
    flex-wrap:              wrap;
    justify-content:        space-between;
    column-gap:             var(--vcg);
    row-gap:                var(--srg);
}
    .vc .vehicle .box.specs .d {
        flex-basis:         calc(50% - (var(--vcg) / 2));

        display:            flex;
        flex-direction:     column;
        row-gap:            var(--drg);
    }
        .vc .vehicle .box.specs:not(.location) .d:nth-child(odd) {
            flex-basis:     calc(50% - (var(--vcg) / 2));
            max-width:      calc(50% - (var(--vcg) / 2));
        }
    .vc .vehicle .box.specs .d .name {
        display:            none;
        font-weight:        600;
    }
    .vc .vehicle .box.specs .d .name,
    .vc .vehicle .box.specs .d .value {
        font-size:          var(--df);
        line-height:        calc(var(--df) + var(--dlh));
        white-space:        nowrap;
    }
    .vc .vehicle .box.specs .dd {
        display:            none;
    }
        .vc .vehicle .box.specs .fuel .value {
            display:        flex;
            column-gap:     0.5rem;
            align-items:    baseline;
            white-space:    nowrap;
        }
        .vc .vehicle .box.specs .fuel span:not(:first-child) {
            opacity:        0.8;
        }
        .vc .vehicle .box.specs .fuel span span {
            display:        none;
        }


/*
LOCATION box
*/
.vc .vehicle .box.location {
    margin-top:             calc(-1 * calc(var(--vrg) + calc(var(--df) + var(--dlh))));
    margin-left:            calc(50% + (var(--vcg) / 2));
}
    .vc .vehicle .box.location .d {
        flex-basis:         100%;
    }
    .vc .vehicle .box.location .d .value {
        white-space:        nowrap;
    }
        .vc .vehicle.group1 .box.location .d .value,
        .vc .vehicle.group2 .box.location .d .value {
            color:          var(--ingham-btn-color);
            font-weight:    600;
        }
        .vc .vehicle.group1 .box.location .d .value svg,
        .vc .vehicle.group2 .box.location .d .value svg {
            color:          var(--ingham-btn-color);
            margin-right:   0.125rem;
        }

/*
BUTTONS box
*/
.vc .vehicle .box.buttons {
    margin-top:            -1rem;
    display:                grid;
    column-gap:             var(--vcg);
  /*grid-template-columns:  repeat(2, calc(50% - calc(var(--vcg) / 2)));*/
    grid-template-columns:  1fr 1fr;
}
    .vc .vehicle .box.buttons .btn {
        --f:                16px;
        --h:                calc(var(--ingham-button-height) - 1rem - 8px);
        font-size:          var(--f);
        width:              100%;
        margin:             0;
        padding:            0;
        column-gap:         0.5rem;
        line-height:        var(--h);
        min-height:         var(--h);
        font-family:        var(--ingham-font-family-body);
        font-weight:        400;
        border-top-left-radius:     9px;
        border-bottom-right-radius: 9px;
    }
        .vc .vehicle .box.buttons .btn span span {
            display:        none;
        }

/*
DYNAMIC CONTENT
*/
.vc .box.vehicles .vehicle.dynamic {
    background:             none;
    box-shadow:             none;
    grid-template-rows:     max-content;
    grid-template-columns:  1fr;
    align-items:            center;
    /* order: 0; */
}
        .vc .inghamdriven-dynamic img {
            border-radius:  15px 3px 9px 3px;
            max-height:     440px;
            border:         1px solid #fff;
        }
    .vc .vehicle.dynamic > img {
        display:            none;
        max-width:          16rem;
        margin:             0 auto;
    }


/*
NEW MODELS Advert
*/
.vc .vehicle.newModel {

grid-template-rows: min-content 1fr;
}
    .vc .vehicle.newModel .box.images {
        padding:            0.75rem;
        align-items:        center;
    }
    .vc .vehicle.newModel .box.images .badge {
        font-size:          1.375rem;
        padding:            0.25rem;
        top:                0.5rem;
        left:               0.5rem;
        bottom:             auto;
        right:              auto;
        background:         none;
        color:              var(--ingham-btn-color);
    }
    .vc .vehicle.newModel .box.details {
        align-content:      space-between;
        grid-template-rows: min-content 1fr min-content;
    }
    .vc .vehicle.newModel:hover .title h3 {
        text-decoration:    underline;
    }
    .vc .vehicle.newModel:hover .btn.alt {
        background:         #f4f4f4;
    }
    .vc .vehicle.newModel .box.prices {
        --f-small:          17px;
        --lh-small:         calc(var(--f-small) - 2px);
        grid-template-rows: var(--lh-small) var(--lh-large) 13px;
        row-gap:            var(--rg);
        min-height:         auto;
    }
        .vc .vehicle.newModel .box.prices.single.weekly {
            grid-template-rows: var(--lh-small) var(--lh-large);
        }
        .vc .vehicle.newModel .box.prices.single .rrp {
            grid-row:       2;
        }
        .vc .vehicle.newModel .box.prices .driveaway {
            grid-row:       3;
            display:        flex;
            /* margin-top:     2px; */
        }
            .vc .vehicle.newModel .box.prices.single .driveaway {
                grid-row:   3;
            }
    .vc .vehicle.newModel .box.buttons {
        grid-row:           3;
        margin:             0;
        grid-template-columns: 1fr;
    }

/*
FILTERS
*/
.vc > .box.toolbar {
    --g:                    1rem;
    --p:                    0.75rem;
    display:                grid;
    row-gap:                0.75rem;
    column-gap:             var(--g);
    grid-template-columns:  1fr 1fr;
    grid-template-rows:     2rem min-content;

    /*display:                flex;
    justify-content:        space-between;
    line-height:            1.625rem;
    padding-bottom:         0.75rem;
    border-bottom:          1px solid var(--ingham-border-color);*/
}
.vc > .toolbar .inghamdriven-forms-container {
    padding:                0;
    margin:                 0;
}
.vc > .toolbar .btn {
    --h:                    calc(3.125rem - 8px);
    line-height:            calc(var(--h) + 1px);
    justify-content:        space-between;
    padding:                0 1rem;
    font-size:              1.0625rem;
    font-weight:            600;
    border-color:           var(--ingham-border-color);
    column-gap:             0.75rem;
}
    .vc > .toolbar .icon:last-child {
        font-size:          1.25rem;
        display:            flex;
        align-items:        center;
        padding-right:      var(--p);
        justify-content:    right;
        position:           absolute;
        left:               0;
        top:                0;
        right:              0;
        bottom:             0;
        text-align:         right;
        z-index:            1;
    }
    .vc > .toolbar a svg {
        font-size:          1.25rem;
    }
.vc > .toolbar > .total {
    grid-column:            1 / span 2;
    font-weight:            600;
    border-bottom:          1px solid var(--ingham-border-color);
}
.vc > .toolbar > .view {
    display:                none;
    font-size:              1.125rem;
    text-align:             right;
    border-bottom:          1px solid var(--ingham-border-color);
}
    .vc > .toolbar .view a {
        display:            inline-flex;
        color:              var(--ingham-anchor-color);
        position:           relative;
        outline-color:      var(--ingham-primary-color);
    }
        .vc > .toolbar .view a:hover {
            color:          var(--ingham-btn-color);
        }
        .vc > .toolbar .view a svg {
            margin:         0.25rem 0.875rem;
        }
        .vc > .toolbar .view a:first-child svg {
            margin-left:    0.5rem;
        }
        .vc > .toolbar .view a:last-child svg {
            margin-right:   0;
        }
    .vc > .toolbar .view a:not(:last-child) {
        border-right:       2px solid var(--ingham-border-color);
    }
    .vc > .toolbar .view a.active {
        color:              var(--ingham-text-color);
    }
    .vc > .toolbar .view .d {
        display:            none;
    }
.vc > .toolbar > .keywords {
    grid-column:            1 / span 2;
    grid-row:               2;
}
    .vc > .toolbar > .keywords,
    .vc > .toolbar > .keywords > div {
        display:            flex;
    }
    .vc > .toolbar > .keywords > div {
        flex-grow:          1;
        background:         white;
        border:             none;
        border-radius:      9px 3px 9px 3px;
        padding:            0;
        position:           relative;
    }
    .vc > .toolbar > .keywords input {
        background:         none !important;
        z-index:            2;
        display:            block;
        border:             none;
        height:             3em;
        padding:            0 1em 0 2.625rem;
        width:              100%;
        font-family:        var(--ingham-font-family-body);
        font-size:          1rem;
        border-radius:      9px 3px 9px 3px;
        outline-color:      var(--ingham-primary-color);
        background-clip:            text !important;
        -webkit-background-clip:    text !important;
    }
        .vc > .toolbar > .keywords input:hover:not(:focus) {
            outline:        1px solid var(--ingham-border-color);
        }
    .vc > .toolbar > .keywords input.submit {
        --h:                1rem;
        background:         var(--ingham-btn-color) !important;
        margin:             0.375rem;
        height:             auto;
        min-height:         auto;
        flex-grow:          0;
        flex-shrink:        1;
        width:              auto;
        padding-left:       1rem;
    }
    .vc > .toolbar > .keywords .icon {
        justify-content:    left;
        padding:            0 0 0 var(--p);
        opacity:            0.66;
    }
        .vc > .toolbar > .keywords > div:hover .icon,
        .vc > .toolbar > .keywords input:focus + .icon {
            opacity:        1;
        }
.vc > .toolbar > .nearby {
    z-index:                0;
    grid-column:            1 / span 2;
    grid-row:               3;
    height:                 3rem;
    background:             white;
    border:                 none;
    padding:                0;
    justify-content:        space-between;
}
    .vc > .toolbar > .nearby,
    .vc > .toolbar > .nearby a {
        display:            flex;
    }
    .vc > .toolbar > .nearby,
    .vc > .toolbar > .nearby select {
        border-radius:      9px 3px 9px 3px;
    }
    .vc > .toolbar > .nearby a {
        align-items:        center;
        outline-color:      var(--ingham-primary-color);
    }
        .vc > .toolbar > .nearby a:hover:not(:focus) {
            outline:        1px solid var(--ingham-border-color);
        }
    .vc > .toolbar > .nearby .toggle {
        --o:                0px;
        z-index:            3;
        margin:             var(--o);
        background:         white;
        flex-shrink:        0;
        padding:            0 calc(0.75rem - var(--o));
        column-gap:         0.5rem;
        position:           relative;
        border-radius:      9px 0 0 3px;
        border-right:       1px solid transparent;
    }
        .vc > .toolbar > .nearby.loading .toggle {
            flex-grow:      1;
            border-radius:  9px 3px 3px 3px;
        }
        .vc > .toolbar > .nearby .toggle:focus {
            --o:            1px;
            outline:        2px solid var(--ingham-primary-color);
        }
        .vc > .toolbar > .nearby > select:hover:not(:focus) + .toggle:not(:focus) {
            --o:           -1px;
            border-right:   1px solid var(--ingham-border-color);
        }
        .vc > .toolbar > .nearby > select:focus + .toggle {
            --o:            1px;
        }
            .vc > .toolbar > .nearby > select:focus + .toggle:hover:not(:focus) {
                --o:        2px;
            }
        .vc > .toolbar > .nearby .toggle > svg:first-child,
        .vc > .toolbar > .nearby.loading .toggle > svg:first-child,
        .vc > .toolbar > .nearby.found.off .toggle > svg:first-child {
            opacity:        0.66;
        }
            .vc > .toolbar > .nearby.found .toggle > svg:first-child {
                opacity:    1;
            }
            .vc > .toolbar > .nearby .toggle.fav > .pin,
            .vc > .toolbar > .nearby .toggle.geo > .heart {
                display:    none;
            }
            .vc > .toolbar > .nearby .toggle > .heart {
                font-size:  1.375rem;
            }
        .vc > .toolbar > .nearby .toggle > span {
            font-size:      1rem;
            display:        flex;
        }
        .vc > .toolbar > .nearby .toggle .d {
            display:        none;
        }
            .vc > .toolbar > .nearby .toggle .p {
                padding-right:  0.25rem;
            }
        .vc > .toolbar > .nearby .toggle > span span,
        .vc > .toolbar > .nearby.loading .toggle > span span,
        .vc > .toolbar > .nearby.found.off .toggle > span span {
            opacity:        0.66;
        }
            .vc > .toolbar > .nearby.found .toggle > span span {
                opacity:    1;
            }
        .vc > .toolbar > .nearby .toggle > span ~ svg {
            display:        none;
            margin-top:     1px;
            margin-left:    0.125rem;
            font-size:      1.625rem;
        }
            .vc > .toolbar > .nearby .toggle > span + svg {
                color:      #567702;
            }
            .vc > .toolbar > .nearby .toggle:not(:hover):not(:focus) > svg:last-child,
            .vc > .toolbar > .nearby.loading .toggle > svg:last-child {
                opacity:    0.66;
            }
            .vc > .toolbar > .nearby.found .toggle > span + svg,
            .vc > .toolbar > .nearby.found.off:not(.loading) .toggle > svg:last-child {
                display:    block;
            }
            .vc > .toolbar > .nearby.found.off .toggle > span + svg {
                display:    none;
            }
        .vc > .toolbar > .nearby .toggle .spinner {
            margin-right:   0.5rem;
            display:        none;
        }
            .vc > .toolbar > .nearby.loading .toggle .spinner {
                display:    block;
            }
        .vc > .toolbar > .nearby.disabled .toggle:hover {
            cursor:         default;
            outline:        none;
            border:         none;
        }
            .vc > .toolbar > .nearby.disabled .toggle > span ~ svg {
                display:    none !important;
            }
    .vc > .toolbar > .nearby > select {
        border:             none;
        color:              transparent;
        outline-color:      var(--ingham-primary-color);
        padding:            0 5rem 0 1rem;
        font-size:          1rem;
        position:           absolute;
        right:              0;
        left:               0;
        top:                0;
        bottom:             0;
    }
        .vc > .toolbar > .nearby.loading > select {
            display:        none;
        }
        .vc > .toolbar > .nearby > select:hover:not(:focus) {
            outline:        1px solid var(--ingham-border-color);
        }
        .vc > .toolbar > .nearby > select optgroup {
            font-style:     italic;
            font-weight:    300;
            color:          #666;
        }
        .vc > .toolbar > .nearby > select option {
            font-style:     normal;
            color:          var(--ingham-text-color);
        }
        .vc > .toolbar > .nearby select .r {
            font-weight:    600;
        }
    .vc > .toolbar > .nearby > .expand {
        z-index:            1;
        left:               auto;
        font-size:          1rem;
        padding-right:      1rem;
        column-gap:         0.625rem;
    }
        .vc > .toolbar > .nearby.loading > .expand {
            display:        none;
        }
        .vc > .toolbar > .nearby > .expand > svg:first-child {
            font-size:      1.125rem;
        }
        .vc > .toolbar > .nearby > .expand > svg:last-child {
            font-size:      1rem;
        }
            .vc > .toolbar > .nearby > select:focus ~ .expand > svg:last-child,
            .vc > .toolbar > .nearby > select:hover ~ .expand > svg:last-child {
                color:      var(--ingham-btn-color);
            }
        .vc > .toolbar > .nearby > .expand > span,
        .vc > .toolbar > .nearby > .expand > svg:first-child,
        .vc > .toolbar > .nearby > .expand > svg + svg {
            display:        none;
            opacity:        0.66;
        }
            .vc > .toolbar > .nearby > select:focus ~ .expand > span,
            .vc > .toolbar > .nearby > select:hover ~ .expand > span,
            .vc > .toolbar > .nearby > select:focus ~ .expand > svg:first-child,
            .vc > .toolbar > .nearby > select:hover ~ .expand > svg:first-child {
                display:    block;
            }
    .vc > .toolbar > .nearby.nomatch {
        justify-content:    flex-start;
    }
        .vc > .toolbar > .nearby.nomatch > .expand > svg:first-child {
            font-size:      1.25rem;
        }
        .vc > .toolbar > .nearby.nomatch .toggle {
            display:        none;
        }
        .vc > .toolbar > .nearby.nomatch > .expand {
            column-gap:     0.5rem;
            padding-left:   0.75rem;
            justify-content: space-between;
            left:           0;
        }
            .vc > .toolbar > .nearby.nomatch > .expand > span,
            .vc > .toolbar > .nearby.nomatch > .expand > svg:first-child {
                display:    block !important;
            }
            .vc > .toolbar > .nearby.nomatch > .expand > span {
                flex-grow:  1;
                text-align: left;
            }
.vc > .toolbar > .openFilters {
    grid-row:               4;
    outline-color:          var(--ingham-primary-color);
}
    .vc > .toolbar .btn.openFilters:not(:hover) {
        background:         white;
    }
.vc > .toolbar > .sort {
    grid-column:            2;
    grid-row:               4;

    --p:                    1rem;
    position:               relative;
    background:             white;
    border-radius:          15px 3px 15px 3px;
    margin:                 0;
}
    .vc > .toolbar .sort:hover {
        background:         #f4f4f4;
    }
    .vc > .toolbar .sort select {
        text-align:         left;
        background:         none;
        outline-color:      var(--ingham-primary-color);
    }
.vc > .toolbar .searchall {
    position:               relative;
}
    .vc > .toolbar .searchall select {
        background:         none;
        font-weight:        normal;
    }
    .vc > .toolbar .searchall optgroup,
    .vc > .toolbar .searchall option {
        text-align:         left;
    }
    .vc > .toolbar .searchall select > option:first-child {
        text-align:         center;
    }
    .vc > .toolbar .searchall .icon {
        font-size:          1rem;
    }
.vc > .toolbar > .group,
.vc > .toolbar > .searchall {
    display:                none;
}
.vc > .toolbar > .pills {
    display:                none;
    grid-column:            1 / span 2;
    grid-row:               5;
    flex-wrap:              wrap;
    gap:                    0.5rem;
    padding-top:            0.25rem;
}
    .vc > .toolbar > .pills.show {
        display:            flex;
    }
    .vc > .toolbar .pills a {
        --h:                1rem;
        display:            flex;
        align-items:        center;
        column-gap:         0.325rem;
        padding:            0.375rem 0.75rem;
        width:              auto;
        min-height:         auto;
        border-width:       1px;
        font-weight:        normal;
        font-family:        var(--ingham-font-family-body);
        flex-shrink:        0;
        border-color:       #e4e4e4;
        background:         #f4f4f4;
    }
        .vc > .toolbar .pills a:hover {
            border-color:   var(--ingham-border-color);
        }
            .vc > .toolbar .pills a.pill:hover {
                text-decoration: line-through;
            }
        .vc > .toolbar .pills a.regions,
        .vc > .toolbar .pills a.locations {
            color:          var(--ingham-btn-color);
            font-weight:    600;
        }
        .vc > .toolbar .pills a * {
            display:        inline-block;
            line-height:    15px;
        }
        .vc > .toolbar .pills span {

        }
            .vc > .toolbar .pills span:not(:first-child)::before {
                /*content:    ' or ';*/
            }
        .vc > .toolbar .pills svg {
            font-size:      1em;
            color:          #a4a4a4;
            margin-left:    0.25rem;
        }
            .vc > .toolbar .pills a:hover svg {
                color:      inherit;
            }
            .vc > .toolbar .pills svg.pin {
                color:      var(--ingham-btn-color);
                margin:     0;
            }
        .vc > .toolbar .pills a.clear {
            border-width:   2px;
        }
        .vc > .toolbar .pills a.previous {
            border-width:   2px;
            column-gap:     0.375rem;
            padding:        0.675rem 0.675rem 0.675rem 0.5rem;
        }
            .vc > .toolbar .pills .previous svg {
                color:      var(--ingham-anchor-color);
            }
.vc > .toolbar .filters {
    display:                none;
    background:             #F5F6F7;
    position:               fixed;
    z-index:                999999999999999;
    top:                    0;
    left:                   0;
    bottom:                 0;
    right:                  0;

  /*display:                grid;*/
    row-gap:                var(--g);
    max-width:              none;
    border-radius:          0;

    padding:                0;
    margin:                 0;
}
    .vc > .toolbar .popup .header {
        display:            flex;
        font-size:          1.125rem;
        line-height:        1rem;
        justify-content:    space-between;
        align-items:        center;
        border-bottom:      1px solid var(--ingham-border-color);
    }
        .vc > .toolbar .popup .header h4 {
            padding-left:   18px;
        }
        .vc > .toolbar .popup .header a {
            padding:        var(--p);
            display:        flex;
            align-items:    center;
            gap:            0.175rem;
        }
            .vc > .toolbar .popup .header .clear span {
                font-size:  1rem;
            }
            .vc > .toolbar .popup .header .clear svg {
                font-size:  1.625rem;
            }
    .vc > .toolbar .popup .footer {
        position:           absolute;
        bottom:             0;
        left:               0;
        right:              0;
        padding:            var(--p);
        border-top:         1px solid var(--ingham-border-color);
        display:            flex;
        gap:                0.75rem;
    }
        .vc > .toolbar .popup .footer > * {
            flex-grow:      1;
            margin:         0;
        }
        .vc > .toolbar .popup .footer .btn {
            --h:            3.125rem;
            height:         3.25rem;
            max-width:      none;
            justify-content: center;
        }
        .vc > .toolbar .popup .footer .btn.alt {
            outline-color:  var(--ingham-primary-color)
        }

    .vc > .toolbar .popup .frame {
        height:             100%;
        padding-bottom:     120px;
    }
    .vc > .toolbar .popup .list {
        overflow-y:         auto;
        height:             100%;
        padding:            0.75rem var(--p) 0.375rem;
        -webkit-overflow-scrolling: touch;

        display:            grid;
        grid-template-rows: repeat(10, min-content);
    }
        .vc > .toolbar .popup .list::-webkit-scrollbar {
            height:                 9px;
            width:                  9px;
        }
        .vc > .toolbar .popup .list::-webkit-scrollbar-track {
            background-color:       rgba(var(--ingham-btn-color-rgb), 0.1);
            -moz-border-radius:     9px 3px 9px 3px;
            -webkit-border-radius:  9px 3px 9px 3px;
            border-radius:          9px 3px 9px 3px;
        }
        .vc > .toolbar .popup .list::-webkit-scrollbar-thumb {
            background-color:       var(--ingham-btn-color);
            background-color:       rgba(var(--ingham-btn-color-rgb), 0.3);
            -moz-border-radius:     9px 3px 9px 3px;
            -webkit-border-radius:  9px 3px 9px 3px;
            border-radius:          9px 3px 9px 3px;
        }
    .vc > .toolbar .popup .list > div:not(:first-child):not(.clear) {

    }
    .vc > .toolbar .popup .filter {
        padding:            0;
        margin-bottom:      0.325rem;

        -webkit-user-select:none;
        -ms-user-select:    none;
        user-select:        none;
    }
    .vc > .toolbar .popup .filter > a {
        display:            flex;
        align-items:        center;
        justify-content:    space-between;
        padding:            var(--p) 0.875rem var(--p) var(--p);
        font-weight:        600;
        border:             1px solid #ddd;
        background:         #fff;
        color:              #444;
        border-radius:      9px 3px 9px 3px;
    }
        .vc > .toolbar .popup .filter > a.d {
            display:        none;
        }
        .vc > .toolbar .popup .filter > a:hover,
        .vc > .toolbar .popup .filter > a.opened {
            background:     linear-gradient(180deg, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 100%);
            border-color:   var(--ingham-border-color);
            color:          #000;
        }
        .vc > .toolbar .popup .filter > a .v {
            flex-grow:      1;
            font-weight:    600;
            white-space:    nowrap;
            overflow:       hidden;
            text-overflow:  ellipsis;
        }
        .vc > .toolbar .popup .filter > a .v + span {
            font-weight:    600;
        }
        .vc > .toolbar .popup .filter > a span:first-child,
        .vc > .toolbar .popup .filter > a .v + span,
        .vc > .toolbar .popup .filter > a.opened .v {
            display:        none;
        }
        .vc > .toolbar .popup .filter > a span.v,
        .vc > .toolbar .popup .filter > a.opened span + span {
            display:        block;
        }
        .vc > .toolbar .popup .filter > a svg {
            font-size:      1rem;
            flex-shrink:    0;
        }
            .vc > .toolbar .popup .filter > a:hover svg,
            .vc > .toolbar .popup .filter > a.opened svg {
                color:      var(--ingham-btn-color);
            }
        .vc > .toolbar .popup .filter > a.opened {
            border-bottom:  0;
            border-radius:  9px 3px 0 0;
        }
        .vc > .toolbar .popup .filter > a svg.opened,
        .vc > .toolbar .popup .filter > a.opened svg.closed {
            display:        none;
        }
        .vc > .toolbar .popup .filter > a.opened svg.opened {
            display:        block;
        }
    .vc > .toolbar .popup .filter > div {
        padding-bottom:     var(--p);
        padding-left:       var(--p);
        padding-right:      var(--p);
        border-left:        1px solid transparent;
        border-right:       1px solid transparent;
        position:           relative;
    }
    .vc > .toolbar .popup .filter > a:not(.opened):not(.d) + * {
        display:            none;
    }
        .vc > .toolbar .popup .filter > a.opened + * {
            display:        block;
        }
        .vc > .toolbar .popup .filter > a.opened:not(.d) + * {
            padding-top:    0.25rem;
            border-left:    1px solid var(--ingham-border-color);
            border-right:   1px solid var(--ingham-border-color);
            border-bottom:  1px solid var(--ingham-border-color);
            border-radius:  0 0 9px 3px;
        }
        .vc > .toolbar .popup .filter > a.opened + .flex {
            display:        flex;
            align-items:    center;
        }
        .vc > .toolbar .popup .filter > a.opened + .grid {
            display:        grid;
            row-gap:        0.5rem;
        }

    /*  FILTER Select */
    .vc > .toolbar .filters .filter.select {
        display:            flex;
    }
        .vc > .toolbar .filters .filter.select .icon {
            font-size:          1rem;
            padding-right:      0.625rem;
        }
            .vc > .toolbar .filters .filter.select:hover .icon,
            .vc > .toolbar .filters .filter.select:focus .icon {
                color:          var(--ingham-btn-color);
            }
        .vc > .toolbar .filters .filter.select > a + * {
            display:            flex;
            flex-grow:          2;
            position:           relative;
            background:         white;
            color:              var(--ingham-text-color);
            border-color:       transparent;
            border-radius:      9px 3px 9px 3px;
            margin:             0 var(--p) var(--p);
            padding:            0;
        }
            .vc > .toolbar .filters .filter.select > a + *:hover:not(:focus) {
                outline:        1px solid var(--ingham-border-color);
            }
        .vc > .toolbar .filters .filter.select select {
            z-index:            2;
            color:              var(--ingham-text-color);
            background:         none;
            padding:            0 1rem;
            border-radius:      9px 3px 9px 3px;
            outline-color:      var(--ingham-primary-color);
            -webkit-appearance: none;
            appearance:         none;
            -moz-appearance:    none;
        }
            .vc > .toolbar .filters .filter.select > a + *:hover select {
                cursor:         pointer;
            }
            .vc > .toolbar .filters .filter.select select.v {
                font-weight:    600;
            }
    /*  FILTER Dropdowns */
    .vc > .toolbar .filters .filter.d2 .grid {
        justify-content:    space-evenly;
    }
    /*  FILTER Stock Type */
    .vc > .toolbar .filters .filter.types {
        grid-row:           1;
    }
    .vc > .toolbar .filter.drop > a.label + .filter-types {
        display:            grid;
        row-gap:            0.375rem;
        justify-content:    space-evenly;
    }
        .vc > .toolbar .filters .filter-types .checkbox-choice {
            gap:            0.25em;
            margin:         0;
        }
            .vc > .toolbar .filters .filter-types .checkbox-choice.sub {
                padding-left: 2rem;
            }
        .vc > .toolbar .filters .filter-types input[type=checkbox] {
            --d:            0.8em;
        }

    /*  FILTER Budget */
    .vc > .toolbar .filters .budget div span {
        font-size:          1rem;
    }
    .vc > .toolbar .filters .budget > label input {
        display:            none;
    }
    .vc > .toolbar .filters .budget > label {
        display:            flex;
        justify-content:    center;
        margin-bottom:      1.25rem;
    }
    .vc > .toolbar .filters .budget .switch {
        background:         #e4e4e4;
        display:            flex;
        border-radius:      9px 3px 9px 3px;
    }
        .vc > .toolbar .filters .switch .option {
            padding:        0.5rem 1.5rem;
            border-radius:  9px 3px 9px 3px;
            color:          #555;
        }
        .vc > .toolbar .filters .switch .option:hover {
            cursor:         pointer;
            color:          var(--ingham-btn-color);
        }
        .vc > .toolbar .filters .budget input:not(:checked) + .switch > :first-child,
        .vc > .toolbar .filters .budget input:checked + .switch > :last-child {
            background:     var(--ingham-btn-color);
            color:          white;
            font-weight:    normal;

            -moz-box-shadow:    0 1px 4px .5px rgba(var(--ingham-btn-color-rgb),.25);
            -webkit-box-shadow: 0 1px 4px 0.5px rgba(var(--ingham-btn-color-rgb),.25);
            box-shadow:         0 1px 4px 0.5px rgba(var(--ingham-btn-color-rgb),.25);
        }
    .vc > .toolbar .filters .budget .tab {
        display:            none;
    }
        .vc > .toolbar .filters .budget .tab.open,
        .vc > .toolbar .filters .budget .tab.default {
            display:        flex;
        }
        .vc > .toolbar .filters .budget .tab select.v,
        .vc > .toolbar .filters .budget .tab select.v option:checked {
            font-weight:    600;
        }
        .vc > .toolbar .filters .budget .tab span {
            padding:        0 0.5rem;
        }
    .vc > .toolbar .filters .budget > .sale {
        margin-top:         0.75rem;
        justify-content:    center;
    }

    /*  FILTER Fuel Type */
    .vc > .toolbar .filters .filter .fuel-types {
        row-gap:            0.375rem;
        column-gap:         6%;
        justify-content:    space-between;
        padding-top:        0.25rem;

        grid-template-columns: auto max-content;
    }
        .vc > .toolbar .filters .fuel-types .checkbox-choice {
            gap:            0.25em;
            margin:         0;
            grid-column:    1;
        }
            .vc > .toolbar .filters .fuel-types .checkbox-choice:not(.diesel):not(.petrol) {
                grid-column:2;
            }
            .vc > .toolbar .filters .fuel-types .checkbox-choice.electric,
            .vc > .toolbar .filters .fuel-types .checkbox-choice.electricev {
                grid-row:   1;
            }
            .vc > .toolbar .filters .fuel-types .checkbox-choice.hybrid {
                grid-row:   2;
            }
            .vc > .toolbar .filters .fuel-types .checkbox-choice.pluginhybrid {
                grid-row:   3;
            }
            .vc > .toolbar .filters .fuel-types .checkbox-choice.alternative {
                grid-row:   4;
            }
        .vc > .toolbar .filters .fuel-types input[type=checkbox] {
            --d:            0.8em;
        }

    /*  FILTER Regions & Locations */
    .vc > .toolbar .filters .filter .regions {
        padding-top:        0.25rem;
    }
        .vc > .toolbar .filters .filter.region .checkbox-choice {
            --mt:           0;
            gap:            0.25em;
        }
        .vc > .toolbar .filters .filter.region input[type=checkbox] {
            --d:            0.8em;
        }
    .vc > .toolbar .filters .filter .rParent {
        display:            grid;
        gap:                0;
        align-items:        center;
        margin-right:      -0.5rem;
        grid-template-columns: 2em 1fr 2rem;
    }
        .vc > .toolbar .popup .filter .rParent > .toggle {
            display:        flex;
            padding:        0.5rem 0.25rem 0.5rem 0.5rem;
            padding:        0.125rem 0.5rem 0.125rem 0.5rem;
            font-size:      0.875rem;
            border-radius:  9px 3px 9px 3px;
        }
            .vc > .toolbar .popup .filter .rParent > .toggle:hover,
            .vc > .toolbar .popup .filter .rParent.opened > .toggle {
                background: white;
            }
        .vc > .toolbar .popup .filter .rParent > .toggle svg.opened,
        .vc > .toolbar .popup .filter .rParent.opened > .toggle svg.closed {
            display:        none;
        }
        .vc > .toolbar .popup .filter .rParent.opened > .toggle svg.opened {
            display:        block;
        }
    .vc > .toolbar .filters .filter .locations {
        display:            none;
        margin-top:        -0.25rem;
        padding:            0.25rem 0 0.125rem 1.5rem;
    }
        .vc > .toolbar .popup .filter .rParent.opened + .locations {
            display:        grid;
            gap:            0;
            row-gap:        0.5rem;
            grid-template-columns: 1fr;
        }

.vc > .bottombar {
    display:                grid;
    grid-template-columns:  auto;
    gap:                    1rem;
    align-items:            center;
}
    .vc > .bottombar .nationwide {}
        .vc > .bottombar .nationwide .btn {
            --h:            calc(3.125rem - 8px);
            line-height:    calc(var(--h) + 1px);
            padding:        0 1rem;
            font-size:      1.0625rem;
            font-weight:    600;
            border-color:   var(--ingham-border-color);
            outline-color:  var(--ingham-primary-color);
        }
        .vc > .bottombar .searchall {
            display:        flex;
        }
        .vc > .bottombar .searchall select {
            background:     none;
        }
        .vc > .bottombar .searchall select optgroup {
            text-align:     left;
        }
        .vc > .bottombar .searchall select optgroup option {
            padding:        0;
        }
        .vc > .bottombar .searchall .icon {
            font-size:      1rem;
            display:        flex;
            align-items:    center;
            padding-right:  0.75rem;
            justify-content: right;
            position:       absolute;
            left:           0;
            top:            0;
            right:          0;
            bottom:         0;
            text-align:     right;
            z-index:        1;
        }
    .vc > .bottombar .pagination {
        display:            flex;
        flex-direction:     column;
        row-gap:            0.5rem;
    }
    .vc > .bottombar .results {
        display:            flex;
        gap:                0.375rem;
        justify-content:    center;
        text-align:         center;
        border-bottom:      1px solid var(--ingham-border-color);
        padding-bottom:     0.75rem;
    }
    .vc > .bottombar .buttons {
        display:            grid;
        grid-template-columns: minmax(2.5rem, max-content) 1fr minmax(2.5rem, max-content);
        justify-content:    space-between;
        align-items:        center;
        gap:                0.875rem;
    }
    .vc > .bottombar .pg {
        min-height:         auto;
        border:             1px solid #ddd;
        padding:            0.75rem 0.75rem;
        flex-grow:          0;
        flex-basis:         min-content;
        outline-color:      var(--ingham-primary-color);
    }
        .vc > .bottombar .pg:hover {
            background:     linear-gradient(180deg, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 100%);
            border-color:   var(--ingham-border-color);
        }
        .vc > .bottombar .pg svg {
            font-size:      0.875rem;
        }
        .vc > .bottombar .pg.next {
            grid-column:    3;
        }
    .vc > .bottombar .summary {
        grid-column:        2;
        display:            flex;
        gap:                0.375rem;
        flex-grow:          1;
        justify-content:    center;
    }
        .vc > .bottombar .summary span:first-child,
        .vc > .bottombar .summary span:last-child {
            font-weight:    500;
        }

/* ENQUIRY FORM */
.popup.form .inghamdriven-form-elements {
    padding:                0;
    max-width:              none;
    margin:                 0;
}
    .popup.form.enquiry h2 {
        margin-bottom:      1rem;
        font-size:          2.2em;
    }
/* REGISTER INTEREST FORM */
.popup.form.register .items {
    display:                flex;
    flex-wrap:              wrap;
    column-gap:             1.5rem;
    row-gap:                0.5rem;
}
    .popup.form.register .item {
        display:            flex;
        gap:                0.325rem;
    }
        .popup.form.register .item span + span {
            font-weight:    600;
        }





/*




    ~~~~~~~~~~~~~~~~~~
    RESPONSIVE CSS
    ~~~~~~~~~~~~~~~~~~




*/

/*
CONTENT
                                                */
/*  CONTENT - NAV for Desktop expands @ 801px     */
    @media only screen and (min-width: 801px) {

        #ArchiveVehicles .vc {
            padding-top:        2rem;
        }
        .vc > .box.vehicles {
            margin-top:         0.5rem;
        }
    }
/*  CONTENT - Side Padding @ 1501px  */
    @media only screen and (min-width: 1501px) {

        #ArchiveVehicles .vc {
            padding:            2rem;
            row-gap:            1.75rem;
            max-width:          1935px;
            margin:             0 auto;
        }
        .vc > .box.vehicles {
        }
        .vc > .box.toolbar {
            row-gap:            0.875rem;
        }
    }

/*
TILE:   1 Column @  350px
                                                */
/*  VEHICLE - After 10px, show 'ea' in Year     */
    @media only screen and (min-width: 361px)  and (max-width: 700px) {

        .vc .vehicle .box.specs .fuel span span {
            display:            inline;
        }
    }
/*  VEHICLE - After 50px,  increase Font Sizes   */
    @media only screen and (min-width: 401px)  and (max-width: 700px),
           only screen and (min-width: 751px)  and (max-width: 850px) {

        .vc .vehicle {
            --vcg:              1rem;
        }
        .vc .vehicle .box.images .badges {
            --p:                1rem;
        }
        .vc .vehicle .box.title > *:first-child {
            --f:                1.5rem;
        }
            .vc .vehicle .box.title h2 + p {
                --f:            1.125rem;
            }
        .vc .vehicle .box.details {
            padding:            1rem;
        }
        .vc .vehicle .box.prices {
            --cg:               1.25rem;
            --f-large:          30px;
        }
            .vc .vehicle .box.prices.long {
                --cgdiff:      -0.25rem;
                --f-large:      28px;
            }
        .vc .vehicle .box.specs {
            --df:               1rem;
            --dlh:              0px;
        }
        .vc .vehicle .box.buttons .btn {
            --f:                17px;
            /* --h:                calc(var(--ingham-button-height) - 1rem - 0.5rem); */
        }
    }
/*  VEHICLE - After 150px, center align + further increase Font Sizes  */
    @media only screen and (min-width: 501px)  and (max-width: 700px) {

        .vc .vehicle {
            --srg:              0.75rem;
        }
        .vc .vehicle .box.title > *:first-child {
            --f:                1.75rem;
        }
        .vc .vehicle .box.prices {
            --cg:               1.5rem;
            --f-large:          32px;
            justify-content:    center;
        }
            .vc .vehicle .box.prices.long {
                --f-large:      30px;
            }
            .vc .vehicle .box.prices .special,
            .vc .vehicle .box.prices .rrp {
                justify-content: center;
            }
        .vc .vehicle .box.details {
            justify-self:       center;
            min-width:          76%;
        }
        .vc .vehicle .box.title {
            text-align:         center;
        }
        .vc .vehicle .box.specs .d {
            align-items:        center;
        }
    }
/*  VEHICLE - After 250px, space Pricing more  */
    @media only screen and (min-width: 601px) and (max-width: 700px) {

        .vc .vehicle .box.prices {
            --cg:               1.8rem;
        }
    }
/*
TILE:   2 Columns @ 701px
                                        */
    @media only screen and (min-width: 701px) {

        .vc > .box.vehicles {
            gap:                1.25rem;
        }
        .vc .vehicle {
            --w:                calc(50% - 0.625rem);
            min-width:          var(--w);
            flex-basis:         var(--w);
        }

        .vc .vehicle.newModel .box.title {
            min-height: 49px;
        }
        .vc .vehicle.newModel .box.prices {
            /* min-height:         calc(48px + 44px + var(--vrg)); */
            align-content:      start;
        }

        .vc .box.vehicles .vehicle.dynamic.dealer {
            background-color:   white;
            box-shadow:         0px 1px 4px rgba(0,0,0,0.15);
            grid-template-rows: max-content 1fr;
        }
        .vc .inghamdriven-dynamic img {
            max-height:         none;
            border:             none;
        }
        .vc .vehicle.dynamic > img {
            display:            block;
        }
    }
/*  VEHICLE - After 10px, show 'ea' in Year     */
    @media only screen and (min-width: 711px)  and (max-width: 1050px),
           only screen and (min-width: 1061px) and (max-width: 1600px),
           only screen and (min-width: 1611px) {

        .vc *:not(.list) .vehicle .box.specs .fuel span span {
            display:            inline;
        }
    }
/*  VEHICLE - After 50px,  increase Font Sizes   */
    @media only screen and (min-width: 851px)  and (max-width: 1050px),
           only screen and (min-width: 1101px) and (max-width: 1600px),
           only screen and (min-width: 1651px) { /*and (max-width: 1950px),
           only screen and (min-width: 2001px) and (max-width: 2300px),
           only screen and (min-width: 2351px) and (max-width: 2700px),
           only screen and (min-width: 2751px) {*/

        .vc *:not(.list) .vehicle {
            --vcg:              1rem;
        }
        .vc *:not(.list) .vehicle .box.title > *:first-child {
            --f:                1.5rem;
        }
            .vc *:not(.list) .vehicle .box.title h2 + p {
                --f:            1.125rem;
            }
        .vc *:not(.list) .vehicle .box.details {
            padding:            1rem;
        }
        .vc *:not(.list) .vehicle .box.prices {
            --cg:               1.25rem;
            --f-large:          30px;
        }
            .vc *:not(.list) .vehicle .box.prices.long {
                --f-large:      28px;
            }
            .vc *:not(.list) .vehicle .box.prices .price div:first-child {
                /* --f:            13px; */
            }
            .vc *:not(.list) .vehicle .box.prices .weekly div:last-child {
                /* --f:            var(--ingham-font-size); */
            }
        .vc *:not(.list) .vehicle .box.specs {
            --df:               1rem;
            --dlh:              0px;
        }
        .vc *:not(.list) .vehicle .box.buttons .btn {
            --f:                17px;
            /* --h:                calc(var(--ingham-button-height) - 1rem - 0.5rem); */
        }
    }
/*  VEHICLE - After 150px, center Title, Prices & Specs  */
    @media only screen and (min-width: 851px)  and (max-width: 1050px),
           only screen and (min-width: 1201px) and (max-width: 1600px),
           only screen and (min-width: 1751px) { /*and (max-width: 1950px),
           only screen and (min-width: 2101px) and (max-width: 2300px),
           only screen and (min-width: 2451px) and (max-width: 2700px),
           only screen and (min-width: 2851px) {*/

        .vc *:not(.list) .vehicle .box.details {
            justify-self:       center;
            min-width:          76%;
        }
        .vc *:not(.list) .vehicle .box.title {
            text-align:         center;
        }
        .vc *:not(.list) .vehicle .box.prices {
            justify-content:    center;
        }
        .vc *:not(.list) .vehicle .box.specs .d {
            align-items:        center;
        }

        .vc *:not(.list) .vehicle {
            --srg:              0.75rem;
        }
        .vc *:not(.list) .vehicle .box.title > *:first-child {
            --f:                1.75rem;
        }


        .vc *:not(.list) .vehicle .box.prices {
            --cg:               1.5rem;
            --f-large:          32px;
        }
            .vc *:not(.list) .vehicle .box.prices.long {
                --f-large:      30px;
            }
            .vc *:not(.list) .vehicle .box.prices .special,
            .vc *:not(.list) .vehicle .box.prices .rrp {
                justify-content: center;
            }
    }
/*  VEHICLE - After 250px, space Pricing more  */
    @media only screen and (min-width: 951px)  and (max-width: 1050px),
           only screen and (min-width: 1301px) and (max-width: 1600px),
           only screen and (min-width: 1851px) { /*and (max-width: 1950px),
           only screen and (min-width: 2201px) and (max-width: 2300px),
           only screen and (min-width: 2551px) and (max-width: 2700px),
           only screen and (min-width: 2951px) {*/

        .vc *:not(.list) .vehicle .box.prices {
            --cg:               1.8rem;
        }
    }

/*
TOOLBAR:                            */
/*  GEO - Shift up to 2col @ 501px  */
    @media only screen and (min-width: 501px) {
        .vc > .toolbar > .keywords {
            grid-column:        1;
        }
            .vc.d > .toolbar > .keywords {
                grid-column:    1 / span 2;
            }
        .vc > .toolbar > .nearby {
            grid-column:        2;
            grid-row:           2;
            height:             auto;
        }
            .vc > .toolbar > .nearby > select:focus ~ .expand > span,
            .vc > .toolbar > .nearby > select:hover ~ .expand > span {
                display:        none;
            }
        .vc > .toolbar > .openFilters {
            grid-row:           3;
        }
        .vc > .toolbar > .sort {
            grid-row:           3;
        }
        .vc > .toolbar > .pills {
            grid-row:           4;
        }

        .vc > .bottombar .pagination {
            display:            grid;
            grid-template-columns: minmax(10px, 1fr) minmax(10px, max-content);
            column-gap:         1rem;
        }
            .vc > .bottombar .results {
                grid-row:       1;
                grid-column:    1;
                align-items:    flex-end;
                justify-content: left;
            }
            .vc > .bottombar .buttons {
                grid-column:    2;
                justify-self:   right;
                display:        flex;
            }

    }
/*  GEO - Show More @ 701px  */
    @media only screen and (min-width: 701px) {
        .vc > .toolbar > .nearby > select:focus ~ .toggle .p,
        .vc > .toolbar > .nearby > select:hover ~ .toggle .p {
            display:            none;
        }
            .vc > .toolbar > .nearby > select:focus ~ .expand > span,
            .vc > .toolbar > .nearby > select:hover ~ .expand > span {
                display:        block;
            }
        .vc > .bottombar {
            grid-template-columns: repeat(2, minmax(10px, 1fr));
        }
            .vc > .bottombar .nationwide {
                grid-column:    1;
                grid-row:       1;
            }
            .vc > .bottombar .pagination {
                grid-column:    2;
                justify-content: flex-end;
                grid-template-columns: max-content max-content;
            }
            .vc > .bottombar .results {
                justify-self:   right;
                padding:        0;
                border:         0;
                align-items:    center;
            }
                .vc > .bottombar .results.sep {
                    padding-right:  1rem;
                    align-self:     center;
                    border-right:   1px solid var(--ingham-border-color);
                }
    }
/*  ENABLED @ 851px  */
    @media only screen and (min-width: 851px) {

        h1 {
            --f:                2.5rem;
        }
        .vc > .box.heading {
            flex-wrap:          nowrap;
        }
        .vc > .box.toolbar {
            --cols:             5;
            --rows:             4;
            --sortW:            9.4rem;
          /*--1w:               min-content;*/
            --1w:               9.5rem;
            --5w:               var(--sortW);
            --gg:               0.375rem;
            row-gap:            0.75rem;
            column-gap:         0.5rem;
            grid-template-rows:     43px repeat(calc(var(--rows) - 1), min-content);
            grid-template-columns:  var(--1w) var(--1w) auto repeat(calc(var(--cols) - 4), min-content) var(--5w);
        }
            .vc.subsite > .box.toolbar {
              /*grid-template-columns: var(--1w) auto min-content var(--sortW) var(--5w);*/
                /*grid-template-columns: var(--1w) var(--1w) auto min-content var(--5w);*/
            }
            .vc.b > .box.toolbar {
                --5w:           10.4rem;
            }
            .vc.d > .box.toolbar {
                --5w:           11.7rem;
            }
        .vc > .toolbar > .keywords,
        .vc.d > .toolbar > .keywords {
            grid-column:        1;
            grid-row:           1;
        }
        .vc > .toolbar > .filters {
            display:            block;
            grid-column:        1 / span var(--cols);
            grid-row:           1 / span calc(var(--rows) - 1);
        }
        .vc > .toolbar > .nearby {
            grid-column:        1 / span 2;
            grid-row:           var(--rows);
        }
        .vc > .toolbar > .total,
        .vc.subsite > .toolbar > .total {
            grid-column:        calc(var(--cols) - 2);
            grid-row:           var(--rows);
        }
        .vc > .toolbar > .view,
        .vc.subsite > .toolbar > .view {
            grid-column:        calc(var(--cols) - 1);
            grid-row:           var(--rows);
            display:            flex;
        }
        .vc > .toolbar > .sort,
        .vc.subsite > .toolbar > .sort {
            grid-column:        var(--cols);
            grid-row:           var(--rows);
        }
        .vc > .toolbar > .group {
            grid-column:        var(--cols);
            grid-row:           var(--rows);

            --h:                calc(3.125rem - 10px);
            min-height:         auto;
            font-weight:        normal;
            border-radius:      9px 3px 15px 3px;
        }
            .vc.subsite > .toolbar > .group {
              /*display:        block;*/
                display:        none;
            }
        .vc > .toolbar > .searchall {
            grid-column:        var(--cols);
            grid-row:           2;
            --h:                calc(3.125rem - 10px);
            min-height:         auto;
            font-weight:        normal;
            border-radius:      9px 3px 15px 3px;
        }
            .vc.subsite > .toolbar > .searchall {
              /*display:        block;*/
                display:        none;
            }
        .vc > .toolbar > .pills {
            grid-column:        1 / span var(--cols);
            grid-row:           calc(var(--rows) + 1);
        }

        .vc > .toolbar > .openFilters {
            display:            none;
        }
        .vc > .toolbar .searchall select > option:first-child {
            text-align:         left;
        }
        .vc > .toolbar .btn {
            font-size:          1rem;
        }
            .vc > .toolbar .btn svg {
                font-size:      1.125rem;
                margin-right:  -1px;
            }
        .vc > .toolbar .popup {
            background:         none;
            position:           relative;
            z-index:            1;
            display:            grid !important;
            justify-content:    stretch;
            column-gap:         0.5rem;
            row-gap:            var(--gg);
            grid-template-rows: repeat(calc(var(--rows) - 1), minmax(10px, 1fr));
            grid-template-columns: auto var(--5w);
        }
            .vc > .toolbar .popup .header {
                display:        none;
            }
            .vc > .toolbar .popup .frame {
                grid-row:       1 / span calc(var(--rows) - 1);
                height:         auto;
                padding:        0;
            }
            .vc > .toolbar .popup .footer {
                grid-row:       1 / span calc(var(--rows) - 1);
                grid-column:    2;
                row-gap:        var(--gg);
                position:       relative;
                border:         none;
                padding:        0;
                display:        grid;
                grid-template-rows: repeat(calc(var(--rows) - 1), minmax(10px, 1fr));
            }
                .vc > .toolbar .popup .footer > * {
                    display:    flex;
                    flex-grow:  1;
                }
                .vc > .toolbar .popup .footer .btn {
                    --h:        auto;
                    height:     auto;
                    border-radius: 9px 3px 9px 3px;
                    font-weight: normal;
                }
                    .vc.subsite > .toolbar .popup .footer > *:last-child {
                      /*display: none;*/
                        display: flex;
                    }
        .vc > .toolbar > .filters .list {
            display:            grid;
            padding:            0;
            column-gap:         0.5rem;
            row-gap:            var(--gg);
            overflow:           initial;
           -webkit-overflow-scrolling: initial;
            grid-template-rows:     repeat(calc(var(--rows) - 1), min-content);
            grid-template-columns:  var(--1w) var(--1w) repeat(calc(var(--cols) - 3), minmax(10px, 1fr));
        }
        .vc > .toolbar .filters .filter {
            margin:             0;
            position:           relative;
            flex-grow:          1;
        }
            .vc > .toolbar .filters .filter.m {
                grid-row:       2;
            }
            .vc > .toolbar .filters .filter.m3 {
                grid-row:       calc(var(--rows) - 1);
            }
        .vc > .toolbar .filters .filter > a {
            column-gap:         0.375rem;
            font-weight:        normal;
            font-size:          1rem;
            color:              var(--ingham-text-color);
            padding:            var(--p) calc(0.75rem - 1px) var(--p) 1rem;  /* -1px for the Arrows to line up */
            border-radius:      9px 3px 9px 3px;
            border:             none;
        }
            .vc > .toolbar .filters .filter > a:hover:not(.opened) {
                background:     white;
                outline:        1px solid var(--ingham-border-color);
            }
            .vc > .toolbar .filters .filter > a.d {
                display:        flex;
                padding-right:  0.625rem;
            }
            .vc > .toolbar .popup .filter > a.opened {
                z-index:        2;
                position:       relative;
                outline:        2px solid var(--ingham-primary-color);
                border-radius:  9px 3px 3px 3px;
                background:     white;
            }
            .vc > .toolbar .popup .filter > a span:first-child,
            .vc > .toolbar .popup .filter > a .v + span,
            .vc > .toolbar .popup .filter > a.opened .v {
                display:        none;
            }
            .vc > .toolbar .popup .filter > a span.v,
            .vc > .toolbar .popup .filter > a.opened span + span {
                display:        block;
            }
            .vc > .toolbar .popup .filter > a svg {
                /*font-size:      1rem;*/
            }
            .vc > .toolbar .popup .filter > a.opened svg.closed {
                display:        block;
            }
            .vc > .toolbar .popup .filter > a.opened svg.opened {
                display:        none;
            }
        .vc > .toolbar .filters .filter > div {
            padding:            0;
        }
        .vc > .toolbar > .keywords input {
            height:             auto;
        }
            .vc > .toolbar > .keywords input.submit {
                display:        none;
            }
        .vc > .toolbar .filters .filter.types {
            grid-column:        2;
            grid-row:           auto;
            /* flex-grow: 2; */
        }
        .vc > .toolbar .filters .filter.select {
            /*display:            flex;*/
        }
            .vc > .toolbar .filters .filter.select > a {
                display:        none;
            }
                .vc > .toolbar .filters .filter.select > a + * {
                    margin:     0;
                }
                .vc > .toolbar .filters .filter.select select {
                    height:     auto;
                }

            .vc > .toolbar .filters .filter.drop > a:not(.opened) + .input-item {
                display:        none;
            }
            .vc > .toolbar .filters .filter.drop > a.opened + * {
                z-index:        11;
                left:          -2px;
                font-size:      1rem;
                min-width:      100%;
                position:       absolute;
                background:     linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 33%), #F5F6F7; /* linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%), #F5F6F7; */
                padding:        0.75rem;
                row-gap:        0.5rem;
                column-gap:     0.875rem;
                margin-top:     0.375rem;
                border:         1px solid var(--ingham-border-color);
                border-radius:  9px 3px 15px 3px;
                box-shadow:     rgba(255, 255, 255, 0.5) 0px 0px 10px,
                                rgba(255, 255, 255, 0.5) 0px 0px 50px,
                                rgba(255, 255, 255, 0.5) 0px 0px 100px;
                justify-content: space-between;
                grid-template-columns: max-content max-content;
            }
                .vc > .toolbar .filters .filter.drop:last-child > a.opened + * {
                }
                .vc > .toolbar .filters .filter.d1 > a.opened + * {
                    padding-right: 0.25rem;
                    grid-template-columns: 1fr;
                }
                .vc > .toolbar .filters .filter.types > a.opened + * {
                    padding-right: 1rem;
                }
                .vc > .toolbar .filters .filter.budget > a.opened + *,
                .vc > .toolbar .filters .filter.year > a.opened + *,
                .vc > .toolbar .filters .filter.mileage > a.opened + * {
                    min-width:  16.6rem;
                }
                .vc > .toolbar .filters .filter.mileage > a.opened + * {
                    right:     -2px;
                    left:       auto;
                }
            .vc > .toolbar .filters .filter.drop .checkbox-choice {
                font-size:      1rem;
                grid-template-columns: 2em max-content;
            }
                .vc > .toolbar .filters .filter.drop .regions > .checkbox-choice {
                    --mt:       0;
                }
            .vc > .toolbar .filters .filter.body-type {
                flex-shrink:    0;
                grid-row:       calc(var(--rows) - 2);
            }
            .vc > .toolbar .filters .budget > .sale {
                justify-content: space-between;
            }
            .vc > .toolbar .filters .budget > label {
                margin-bottom:  0.5rem;
            }
            .vc > .toolbar .filters .filter.drop .rParent {
                margin:         0;
                grid-template-columns: 2em 1fr 2rem;
            }
                .vc > .toolbar .filters .filter .rParent > span {
                    padding-right: 0.5rem;
                }
                .vc > .toolbar .filters .filter .rParent > .toggle {
                    padding:    0.325rem 0.5rem 0.25rem 0.5rem;
                }
                .vc > .toolbar .filters .filter .rParent > .toggle svg {
                    font-size:  1rem;
                }
                .vc > .toolbar .filters .filter .locations {
                    padding-top:    0.25rem;
                    padding-bottom: 0.125rem;
                    padding-right:  0.5rem;
                }
        .vc > .toolbar > .nearby > .expand {
            padding-right:      calc(0.75rem - 1px);
        }
        .vc > .toolbar > .view {
            border:             none;
            align-items:        center;
            justify-content:    right;
        }
            .vc > .toolbar .view .list {
                padding-right:  7px;
            }
        .vc > .toolbar > .total {
            border:             none;
            display:            flex;
            align-items:        center;
            font-size:          1rem;
            font-weight:        normal;
            gap:                0.325rem;
            justify-self:       right;
        }
        .vc > .toolbar .btnselect select {
            border-width:       1px;
            font-weight:        normal;
            min-height:         auto;
            border-color:       #ddd;
            border-radius:      9px 3px 15px 3px;
        }
            .vc > .toolbar .btnselect:hover {
                /*background:     linear-gradient(180deg, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 100%);*/
            }
            .vc > .toolbar .btnselect:hover select {
                border-color:   var(--ingham-border-color);
            }
        .vc > .toolbar > .sort {
            /* justify-self:       right; */
            /* max-width:          6rem; */
        }
            .vc.subsite > .toolbar > .sort,
            .vc.subsite > .toolbar .sort select {
                border-radius:  9px 3px 9px 3px;
            }
            .vc > .toolbar .sort .icon {
                padding-right:  0.75rem;
                font-size:      1.125rem;
            }
        .vc > .toolbar > .pills {

        }
            .vc > .toolbar .pills a {
                padding:        0.5rem 0.625rem;
            }
            .vc > .toolbar .pills a.previous {
                column-gap:     0.5rem;
                padding:        0.625rem 0.675rem 0.625rem 0.5rem;
            }
        .vc > .bottombar {
            grid-template-columns: repeat(3, minmax(10px, 1fr));
        }
        .vc > .bottombar .results {
            font-size:          1rem;
        }
        .vc > .bottombar .nationwide {
            grid-column:        2;
        }
            .vc > .bottombar .nationwide .btn {
                font-weight:    normal;
                height:         auto;
                min-height:     var(--h);
                border-radius:  9px 3px 9px 3px;
            }
        .vc > .bottombar .pagination {
            grid-column:        3;
            gap:                1rem;
        }
            .vc > .bottombar .summary {
                font-size:      1rem;
                gap:            0.5rem;
            }
            .vc > .bottombar .pg {
                padding:        0.65rem 0.75rem;
            }
            .vc > .bottombar .pg.back {
                border-bottom-right-radius: 9px;
            }
            .vc > .bottombar .pg.next {
                border-top-left-radius: 9px;
            }
            .vc > .bottombar .pg svg {
                font-size:      1rem;
            }

        .vc .vehicles:not(.tile) .vehicle.dynamic.dealer {
            background:         none;
            box-shadow:         none;
        }
            .vc .vehicles:not(.tile) .vehicle.dynamic > div {
                display:        flex;
            }
                .vc .vehicles:not(.tile) .vehicle.dynamic img {
                    border:     1px solid #fff;
                }
            .vc .vehicles:not(.tile) .vehicle.dynamic > img {
                display:        none;
            }

    }
/*  NATIONWIDE - Keep button up @ 951px  */
    @media only screen and (min-width: 951px) {

        .vc > .box.toolbar {
            --cols:             6;
            --rows:             3;
            --1w:               10.3rem;
        }
        .vc.subsite > .box.toolbar {
        /*  pre nationwide dropdown
            --5w:               16.2rem;
            --6w:               10.4rem;*/
            --5w:               17.5rem;
            --6w:               11.7rem;
        }
            .vc.subsite > .box.toolbar {
                /*grid-template-columns: var(--1w) var(--1w) auto min-content var(--6w);*/
                grid-template-columns: var(--1w) var(--1w) auto repeat(calc(var(--cols) - 4), min-content) var(--6w);
            }
            .vc.subsite > .toolbar .popup {
                grid-template-columns: auto var(--6w);
            }
            .vc > .toolbar .filters .filter.mileage > a.opened + * {
                left:          -2px;
                right:          auto;
            }
            .vc > .toolbar .filters .filter.region > a.opened + * {
                right:         -2px;
                left:           auto;
            }
            .vc > .toolbar .filters .filter.body-type {
                grid-column:    5;
            }
        .vc > .toolbar .popup .footer {
            column-gap:         0.5rem;
            grid-template-columns: min-content var(--6w);
        }
            .vc.subsite > .toolbar .popup .footer {
                grid-template-columns: auto;
            }
        .vc > .toolbar .popup .footer > *:last-child,
        .vc.subsite > .toolbar .popup .footer > *:last-child {
            display:            flex;
        }
        .vc.subsite > .toolbar > .group,
        .vc.subsite > .toolbar > .searchall {
            display:            none;
        }
        /*.vc.subsite > .toolbar > .total {
            grid-column:        3;
        }*/
        /*.vc.subsite > .toolbar > .view {
            grid-column:        4;
        }*/
        .vc.subsite > .toolbar > .sort {
            /*grid-column:        5;*/
        }
            .vc.subsite > .toolbar > .sort,
            .vc.subsite > .toolbar .sort select {
                border-radius:  9px 3px 15px 3px;
            }
        .vc > .toolbar > .nearby.found .toggle .p {
            display:            block;
        }
    }
/*
TOOLBAR: 5 col Filters @ 1051px
                                    */
    /*@media only screen and (min-width: 1051px) {

        .vc:not(.subsite) > .toolbar > .filters .list {
            grid-template-columns: var(--1w) var(--1w) repeat(3, auto);
        }
            .vc:not(.subsite) > .toolbar .filters .filter.m.body-type {
                display:        flex;
                grid-column:    5;
            }
            .vc:not(.subsite) > .toolbar .filters .filter.m3 {
                grid-row:       calc(var(--rows) - 1);
            }
        .vc:not(.subsite) > .toolbar .popup .footer {
            grid-template-rows: 1fr 1fr;
        }
    }*/
/*  SUBSITE - After 100px, Subsite 5 col Filters  */
  /*@media only screen and (min-width: 1151px) {*/
    @media only screen and (min-width: 1051px) {

        .vc > .box.toolbar {
            --cols:             6;
        }
        .vc > .toolbar > .filters .list {
            /*grid-template-columns: var(--1w) var(--1w) repeat(3, minmax(10px, 1fr));*/
        }
            .vc > .toolbar .filters .filter.m3 {
                /*grid-row:       calc(var(--rows) - 1);*/
            }
        .vc > .toolbar .popup .footer {
            /*grid-template-rows: 1fr 1fr;*/
        }
    }
/*
TOOLBAR: 10 col Filters @ 1401px
                                    */
    @media only screen and (min-width: 1401px) {

        .vc > .heading,
        .vc > .toolbar,
        .vc > .bottombar {
            max-width:          var(--ingham-content-container);
            margin:             0 auto;
            width:              100%;
        }
    }

/*
TILE:   3 Columns @ 1051px
                            */
    @media only screen and (min-width: 1051px) {

        .vc *:not(.list) .vehicle {
            --w:                calc(33.33% - 0.875rem);
        }
        .vc .vehicles:not(.list) .vehicle.dynamic {
            order:              0;
        }
        .vc *:not(.list) .vehicle:nth-child(-n+6) {
            order:             -1;
        }
    }
/*
TILE:   4 Columns @ 1601px
                            */
    @media only screen and (min-width: 1601px) {

        .vc *:not(.list) .vehicle {
            --w:                calc(25% - 1rem);
        }
        .vc *:not(.list) .vehicle:nth-child(-n+8) {
            order:             -1;
        }
    }
/*
TILE:   5 Columns @ 1951px
                            */
    /*@media only screen and (min-width: 1951px) {

        .vc *:not(.list) .vehicle {
            --w:                calc(20% - 1rem);
        }
        .vc *:not(.list) .vehicle:nth-child(-n+10) {
            order:             -1;
        }
    }*/
/*
TILE:   6 Columns @ 2301px
                            */
    /*@media only screen and (min-width: 2301px) {

        .vc *:not(.list) .vehicle {
            --w:                calc(16.66% - 1.0375rem);
        }
        .vc *:not(.list) .vehicle:nth-child(-n+12) {
            order:             -1;
        }
    }*/
/*
TILE:   7 Columns @ 2701px
                            */
    /*@media only screen and (min-width: 2701px) {

        .vc *:not(.list) .vehicle {
            --w:                calc(14.28% - 1.075rem);
        }
        .vc *:not(.list) .vehicle:nth-child(-n+14) {
            order:             -1;
        }
    }*/

/*
LIST:   1 Column @  851px
                            */
    @media only screen and (min-width: 851px) {

        .vc > .box.vehicles:not(.tile) {
            display:            grid;
            justify-content:    stretch;
            grid-template-columns:  1fr;
        }
        .vc *:not(.tile) .vehicle {
            --cw:               20rem;
            --vrg:              0.5rem;
            align-content:      inherit;
            grid-template-rows: auto;
          /*grid-template-columns:  var(--cw) calc(100% - var(--cw));*/
            grid-template-columns:  var(--cw) 1fr;
        }
        .vc *:not(.tile) .vehicle .box.images {
            /*display:            flex;*/
        }
            .vc *:not(.tile) .vehicle .box.images a {
                /*min-width:      100%;*/
            }
            .vc *:not(.tile) .vehicle .box.images .badge {
                /*bottom:         1rem;
                right:          0.6rem;*/
            }
            .vc *:not(.tile) .vehicle .box.images .image {
                /* min-height:     100%; */
                /* min-width:      100%; */
                padding:        0;
            }
        .vc *:not(.tile) .vehicle .box.details {
            --cw:               8rem;
            --cg:               2rem;
            --fcol:             10rem;
            grid-row:           1;
            grid-column:        2;
            column-gap:         var(--cg);
            padding:            1.5rem 1rem 1rem 2.125rem;
            grid-template-rows:     min-content auto min-content;
          /*grid-template-columns:  calc(100% - var(--cw) - var(--cg)) var(--cw);*/
            grid-template-columns:  1fr var(--cw);
        }
        .vc *:not(.tile) .vehicle .box.title > *:first-child {
            --f:                1.7rem;
        }
            .vc *:not(.tile) .vehicle .box.title h2 + p {
                --f:            1.125rem;
            }

        .vc *:not(.tile) .vehicle .box.prices {
            grid-row:           1 / span 2;
            grid-column:        2;
            align-content:      flex-start;
            row-gap:            0.5rem;

            grid-template-rows:     repeat(2, min-content);
            grid-template-columns:  min-content;
        }
            .vc *:not(.tile) .vehicle .box.prices.long {
                padding:        0;
            }
            .vc *:not(.tile) .vehicle .box.prices .vr {
                display:        none;
            }
            .vc *:not(.tile) .vehicle .box.prices .price {
                justify-content:    left;
            }
                .vc *:not(.tile) .vehicle .box.prices .price h3 {
                    grid-row:       1;
                    grid-column:    2;
                    align-self:     baseline;
                }
                .vc *:not(.tile) .vehicle .box.large .price h3 {
                    --f:            1.625rem;
                    --lh:          -3px;
                }
                .vc *:not(.tile) .vehicle .box.prices .price h3 .dollar {
                    padding-top:    0;
                }
            .vc *:not(.tile) .vehicle .box.prices .rrp {
                grid-row:       1;
                grid-column:    1;
            }
            .vc *:not(.tile) .vehicle .box.prices .weekly {
                grid-row:       2;
                grid-column:    1;
                column-gap:     0.25rem;
                grid-template-rows: min-content;
            }
                .vc *:not(.tile) .vehicle .box.prices .price.weekly h3 {
                    --f-large:      18px;
                    line-height:    20px;
                    /* align-items:    flex-end; */
                    font-weight:    normal;
                    font-family:    var(--ingham-font-family-body);
                    opacity:        0.8;
                }
                .vc *:not(.tile) .vehicle .box.prices .weekly h3 .dollar {
                    /* padding-top: 1px; */
                    line-height:    normal;
                    font-size:      13px;
                }
                .vc *:not(.tile) .vehicle .box.prices .weekly div:first-child,
                .vc *:not(.tile) .vehicle .box.prices .weekly div:last-child {
                    align-self:     flex-end;
                }
                .vc *:not(.tile) .vehicle .box.prices .weekly div:last-child {
                    grid-row:       1;
                    grid-column:    3;
                    line-height:    16px;;
                }
            .vc *:not(.tile) .vehicle .box.prices .special {
                grid-row:       3;
                grid-column:    1;
                padding-top:    0.75rem;
                display:        flex;
                grid-template-columns: 1fr;
            }
                .vc *:not(.tile) .vehicle .box.prices .special div {
                    display:    none;
                }
                .vc *:not(.tile) .vehicle .box.prices .special > span {
                    --f:        1.5rem;
                    font-style: normal;
                    opacity:    0.5;
                    text-decoration: line-through;
                }
                    .vc *:not(.tile) .vehicle .box.large .special > span {
                        --f:    1.375rem;
                    }
        .vc *:not(.tile) .vehicle .box.specs {
            grid-row:           2;
            grid-column:        1;
            align-self:         start;
            padding-top:        0.125rem;
            display:            grid;
            max-width:          20rem;
            justify-content:    space-between;
            grid-template-columns:  1fr 1fr;
            grid-template-rows:     min-content min-content;
        }
            .vc *:not(.tile) .vehicle .box.specs:not(.location) {
                align-self:     center;
            }
            .vc *:not(.tile) .vehicle .box.specs .dd {
                display:        flex;
            }
            .vc *:not(.tile) .vehicle .box.specs .type {
                grid-column:    2;
                grid-row:       1;
            }
            .vc *:not(.tile) .vehicle .box.specs .fuel {
                grid-column:    2;
                grid-row:       2;
            }
            .vc *:not(.tile) .vehicle .box.specs .d .name {
                display:        block;
            }
        .vc *:not(.tile) .vehicle .box.buttons {
            grid-row:           3;
            grid-column:        1;
            margin:             0;
            margin-top:         calc(var(--srg) - var(--vrg));
            grid-template-columns: max-content max-content;
        }
            .vc *:not(.tile) .vehicle .box.buttons .btn {
                --f:            1rem;
                --h:            calc(var(--ingham-button-height) - 1rem - 0.8rem);
                padding:        0 1.5rem;
            }
                .vc *:not(.tile) .vehicle .box.buttons .btn span span {
                    display:    inline;
                }
        .vc *:not(.tile) .vehicle .box.location {
            grid-row:           3;
            grid-column:        2;
            margin:             0;
            padding-top:        0;
            grid-template-rows:     min-content;
            grid-template-columns:  min-content;
            margin-top: calc(var(--srg) - var(--vrg));
        }

        .vc *:not(.tile) .vehicle.newModel .box.images {
            align-items:        center;
        }
        .vc *:not(.tile) .vehicle.newModel .box.details {
            --cw:               calc(8rem + 36px);
            grid-template-rows: max-content max-content;
        }
        .vc *:not(.tile) .vehicle.newModel .box.prices {
            padding-bottom:     0;
            grid-template-rows: repeat(3, min-content);
            grid-template-columns: 1fr;
        }
            .vc *:not(.tile) .vehicle.newModel .box.prices .price div:first-child {
                font-size:      0.875rem;
            }
            .vc *:not(.tile) .vehicle.newModel .box.prices .rrp {
                column-gap:     0.25rem;
            }
            .vc *:not(.tile) .vehicle.newModel .box.prices .driveaway {
                grid-row:       3;
                padding-left:   36px;
                margin-top:     0;
            }
                .vc *:not(.tile) .vehicle.newModel .prices.single .driveaway {
                    grid-row:   2;
                }
            .vc *:not(.tile) .vehicle.newModel .box.prices .weekly {
                grid-row:       2;
            }
                .vc *:not(.tile) .vehicle.newModel .prices.single .weekly {
                    grid-row:   1;
                }
        .vc *:not(.tile) .vehicle.newModel .box.buttons {
            grid-row:           2;
            grid-column:        1;
        }
            .vc *:not(.tile) .vehicle.newModel .box.buttons .btn {
                padding:        0 0.875rem;
            }

        .vc *:not(.tile) .dynamic {
            align-items:        center;
            background:         none;
            box-shadow:         none;
        }
        .vc *:not(.tile) .dynamic a.mobile {
            display:            none;
        }
        .vc *:not(.tile) .dynamic a.desktop {
            display:            block;
        }
        .vc *:not(.tile) .dynamic img {
            max-height:         239px;
        }
    }
/*  VEHICLE - After 10px, show 'ea' in Year     */
    @media only screen and (min-width: 861px)  and (max-width: 1750px),
           only screen and (min-width: 1761px) {

        .vc *:not(.tile) .vehicle .box.specs .fuel span span {
            display:            inline;
        }
    }
/*  LIST:   SUBTITLE - Up to 150px, Increase line height  */
    @media only screen and (min-width: 851px)  and (max-width: 1000px),
           only screen and (min-width: 1751px) and (max-width: 1900px) {/*,
           only screen and (min-width: 2401px) and (max-width: 2550px) {*/

        .vc *:not(.tile) .vehicle .box.title h2 + p {
            max-height:         calc(var(--f) + var(--vrg));
        }
    }
/*  LIST:   SPECS - Increase font size to IMG default (15-16px)  */
    @media only screen and (min-width: 851px) and (max-width: 1750px) {

        .vc *:not(.tile) .vehicle .box.specs {
            --df:               var(--ingham-font-size);
        }
    }
/*  LIST:   VEHICLE - After 150px/200px, Increase everything  */
    @media only screen and (min-width: 1001px) and (max-width: 1750px) { /*and (max-width: 2450px),
           only screen and (min-width: 2951px) {*/

        .vc *:not(.tile) .vehicle {
            --cw:               24rem;
            --vcg:              1.5rem;
            --vrg:              0.875rem;
            --srg:              1rem;
        }
        .vc *:not(.tile) .vehicle .box.details {
            --cw:               9rem;
            --cg:               3rem;
            padding:            1.75rem 1rem 1.5rem 2.125rem;
        }
        .vc *:not(.tile) .vehicle .box.specs {
            --df:               calc(var(--ingham-font-size) + 1px);
            --drg:              0.375rem;
            padding-top:        0;
        }
        .vc *:not(.tile) .vehicle .box.buttons .btn {
            --f:                18px;
            --h:                calc(var(--ingham-button-height) - 1rem - 0.5rem);
            padding:            0 1.25rem;
        }
        .vc *:not(.tile) .vehicle .box.title > *:first-child {
            --f:                1.875rem;
        }
        .vc *:not(.tile) .vehicle .box.title h2 + p {
            --f:                1.25rem;
            margin-top:         0.5rem;
            max-height:         none;
        }
        .vc *:not(.tile) .vehicle .box.prices {
            row-gap:            0.625rem;
            --f-large:          30px;
        }
            .vc *:not(.tile) .vehicle .box.prices.long {
                --f-large:      28px;
            }

        .vc *:not(.tile) .vehicle .box.prices .price h3 {
            align-self:         baseline;
        }
            .vc *:not(.tile) .vehicle .box.prices .special {
                padding-top:    0.375rem;
            }
            .vc *:not(.tile) .vehicle .box.prices .price.weekly {
                margin-top:     -1px;
            }
            .vc *:not(.tile) .vehicle .box.prices .price.weekly h3 {
                --f-large:      20px;
            }

        .vc *:not(.tile) .dynamic img {
            max-height:         287px;
        }
    }
/*  LIST:   DETAILS - After 265px/615px, Increase padding  */
    @media only screen and (min-width: 1165px) and (max-width: 1750px) { /*,
           only screen and (min-width: 2015px) and (max-width: 2450px),
           only screen and (min-width: 3111px) {*/

        .vc *:not(.tile) .vehicle .box.details {
            padding:            1.75rem 1.75rem 1.5rem 3rem;
        }
    }
/*  LIST:   VEHICLE - After 450px/800px, Further increase everything  */
    @media only screen and (min-width: 1301px) and (max-width: 1750px) { /*,
           only screen and (min-width: 2201px) and (max-width: 2450px),
           only screen and (min-width: 3251px) {*/

        .vc *:not(.tile) .vehicle {
            --vrg:              1.25rem;
        }
        .vc *:not(.tile) .vehicle .box.details {
            --cw:               10rem;
        }
        .vc *:not(.tile) .vehicle .box.title > *:first-child {
            --f:                2rem;
        }
        .vc *:not(.tile) .vehicle .box.title h2 + p {
            --f:                1.3125rem;
        }
        .vc *:not(.tile) .vehicle .box.specs:not(.location) {
            align-self:         center;
        }
        .vc *:not(.tile) .vehicle .box.specs .d .name,
        .vc *:not(.tile) .vehicle .box.specs .d .value {
            --df:               1.125rem;
        }
        .vc *:not(.tile) .vehicle .box.prices {
            --f-small:          16px;
            --f-large:          32px;
        }
        .vc *:not(.tile) .vehicle .box.specs .fuel span:not(:first-child) {
            --f:                1rem;
        }
            .vc *:not(.tile) .vehicle .box.prices .special {
                padding-top:    0.75rem;
            }
    }
/*
LIST:   2 Columns @ 1751px (1651px + 4rem~)
                                            */
    @media only screen and (min-width: 1751px) {

        .vc > .box.vehicles:not(.tile) {
            grid-template-columns: 1fr 1fr;
        }
        .vc .vehicles:not(.tile) .vehicle.dynamic {
            order:              0;
        }
        .vc *:not(.tile) .vehicle:nth-child(-n+8) {
            order:             -1;
        }
    }
/*  LIST:   SPECS - Up to 200px/500px, Reset font size to Small/15px  */
    @media only screen and (min-width: 1751px) and (max-width: 1950px) { /*,
           only screen and (min-width: 2451px) and (max-width: 2950px) {*/

        .vc *:not(.tile) .vehicle .box.specs {
            --df:               15px;
        }
    }
/*  LIST:   SPECS - After 200px/500px, up to 450px/800px, Reset font size to Normal/16px  */
    @media only screen and (min-width: 1951px) { /*and (max-width: 2200px) { /*,
           only screen and (min-width: 3001px) and (max-width: 3150px) {*/

        .vc *:not(.tile) .vehicle .box.specs {
            --df:               1rem;
        }
    }
/*  LIST:   VEHICLE - After 150px/200px, Increase everything  */
    @media only screen and (min-width: 1951px) { /*and (max-width: 2450px),
           only screen and (min-width: 2951px) {*/

        .vc *:not(.tile) .vehicle {
            --cw:               24rem;
            --vcg:              1.5rem;
            --vrg:              0.875rem;
            --srg:              1rem;
        }
        .vc *:not(.tile) .vehicle .box.details {
            --cw:               9rem;
            --cg:               3rem;
            padding:            1.75rem 1rem 1.5rem 2.125rem;
        }

        .vc *:not(.tile) .dynamic img {
            max-height:         287px;
        }
    }
/*  LIST:   VEHICLE - After 350px/700px, Increase Row gap & padding  */
    /*@media only screen and (min-width: 2101px) and (max-width: 2200px),
           only screen and (min-width: 3201px) {

        .vc *:not(.tile) .vehicle {
            --vrg:              1.5rem;
        }
        .vc *:not(.tile) .vehicle .box.prices .special {
            padding-top:        0.875rem;
        }
    }*/
/*  LIST:   VEHICLE - After 450px/800px, Increase fonts  */
    /*@media only screen and (min-width: 2201px) and (max-width: 2200px),
           only screen and (min-width: 3301px) {

        .vc *:not(.tile) .vehicle .box.title > *:first-child,
        .vc *:not(.tile) .vehicle .box.prices .price h3 {
            --f:                2rem;
        }
        .vc *:not(.tile) .vehicle .box.title h2 + p,
        .vc *:not(.tile) .vehicle .box.prices .price.weekly h3 {
            --f:                1.325rem;
        }
        .vc *:not(.tile) .vehicle .box.prices .weekly div:first-child,
        .vc *:not(.tile) .vehicle .box.prices .weekly div:last-child,
        .vc *:not(.tile) .vehicle .box.specs .fuel span:not(:first-child) {
            --f:                1rem;
        }
    }*/
/*
LIST:   3 Columns @ 2401px
                            */
    /*@media only screen and (min-width: 2451px) {

        .vc > .box.vehicles:not(.tile) {
            grid-template-columns: 1fr 1fr 1fr;
        }
        .vc *:not(.tile) .vehicle:nth-child(-n+15) {
            order:             -1;
        }
    }*/