:root, ::marker, ::before, ::after {
    --ingham-button-height: 4rem;
    --fa-family:            'Font Awesome 6 Pro';
}

body {
    background:             white;
}

h1 {
    --f:                    2.75rem;
    --lh:                  -0.1rem;
    font-size:              var(--f);
    line-height:            calc(var(--f) + var(--lh));
    margin:                 0;
    padding:                0;
}
h1 + p {
    font-size:              1.3rem;
    padding:                0;
}
h2 {
    margin:                 0 0 1rem;
    padding:                0;
}

.btn {
    --g:                    1rem;
    --f:                    1.125rem;
    --lh:                  -0.5rem;
    font-size:              var(--f);
    line-height:            calc(var(--ingham-button-height) + var(--lh));
    min-height:             calc(var(--ingham-button-height) + var(--lh));
    width:                  100%;
    margin:                 0;
    display:                flex;
    justify-content:        center;
    align-items:            center;
    column-gap:             var(--g);
}
    .btn:not(.alt) {
        --f:                21px;
        font-weight:        500;
    }
    .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;
    color:                  #343346;
    font-family:            var(--ingham-font-family-body);
}


.single-vehicle .vc {
    display:                grid;
    gap:                    1.5rem;
    padding:                1rem;
}


.single-vehicle .breadcrumbs {
    padding:                15px 1rem 0;
    list-style:             none;
    opacity:                0.6;
}
    .single-vehicle .breadcrumbs li {
        display:            inline;
        font-size:          14px;
        margin:             0;
    }
    .single-vehicle .breadcrumbs li:not(:first-child) {
        margin-left:        0.3rem;
    }
    .single-vehicle .breadcrumbs li+li:before {                   /* Add a slash symbol (/) before/behind each list item */
        color:              var(--ingham-text-color);
        content:            "/\00a0";
    }
    .single-vehicle .breadcrumbs li a {                           /* Add a color to all links inside the list */
        color:              var(--ingham-text-color);
        text-decoration:    none;
    }
    .single-vehicle .breadcrumbs li a:hover {                     /* Add a color on mouse-over */
        text-decoration:    underline;
    }
    .single-vehicle .breadcrumbs li:not(:first-child) a {                           /* Add a color to all links inside the list */
        margin-left:        0.3rem;
    }


.vc .box.title {
    text-align:             center;
}
    .vc .box.title h1 span:first-child {
        margin-right:       0.325rem;
    }
    .vc .box.title h1 span + span {
        background:         #f4f4f4;
        border-radius:      9px 3px 9px 3px;
        font-family:        var(--ingham-font-family-body);
        font-size:          1rem;
        font-weight:        normal;
        line-height:        normal;
        padding:            0.325rem 0.625rem;
        vertical-align:     middle;
        white-space:        nowrap;
    }


/* IMAGES box */
.vc .box.images {
    display:                grid;
    align-items:            start;
    align-content:          start;
    gap:                    0.5rem;
    grid-template-columns:  repeat(6, minmax(10px, 1fr));
}
.vc .box.images > a {
    position:               relative;
    display:                inline-block;
}
    .vc .box.images > a:first-child {
        display:            inline-block;
        grid-row:           1;
        grid-column:        1 / span 6;
    }
    .vc .box.images > a:nth-of-type(1n+8) {
        display:            none;
    }
    .vc .box.images > a::before {
        position:           absolute;
        color:              #fff;
        display:            none;
        height:             100%;
        width:              100%;
        align-items:        center;
        justify-content:    center;
        font-size:          2.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;
    }
    .vc .box.images > a:first-child::before {
        display:            flex;
        padding:            1rem;
        align-items:        end;
        justify-content:    end;
    }
    .vc .box.images > a:hover::before {
        display:            flex;
        background:         #34334675;
        border-top-left-radius:     var(--ingham-border-radius-top-left);
        border-top-right-radius:    var(--ingham-border-radius-top-right);
        border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
        border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
    }
        .vc .box.images > a:first-child:hover::before {
            display:        flex;
            font-size:      9em;
        }
.vc .box.images img {
    width:                  calc(100%);
    display:                block;

    border-top-left-radius:     var(--ingham-border-radius-top-left);
    border-top-right-radius:    var(--ingham-border-radius-top-right);
    border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
    border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
}
.vc .box.images .more {
    display:                flex;
    align-items:            center;
    justify-content:        center;
    position:               absolute;
    width:                  100%;
    height:                 100%;
    top:                    0px;
    left:                   0px;
    background:             #34334675;
    color:                  #fff;
    font-size:              2rem;

    border-top-left-radius:     var(--ingham-border-radius-top-left);
    border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
    border-top-right-radius:    var(--ingham-border-radius-top-right);
    border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
}
    .vc .box.images > a:hover .more {
        display:            none;
    }


/* PRICES box */
.vc .box.prices {
    justify-self:           center;
    display:                grid;
    grid-template-columns:  0.5fr 1px 0.5fr;
    row-gap:                13px;
    align-content:          end;
    justify-content:        center;
    column-gap:             1.25rem;
}
.vc .box.prices .price {
    display:                grid;
    grid-template-columns:  auto;
    justify-content:        right;
    align-content:          start;
    text-align:             right;
    row-gap:                9px;
}
    .vc .box.prices .price div {
        padding-right:      2px;
    }
        .vc .box.prices .price div:first-child {
            opacity:            0.7;
            font-size:          14px;
            white-space:        nowrap;
            display:            flex;
            justify-content:    right;
            gap:                0.25rem;
            align-content:      end;
            align-items:        end;
            padding-bottom:     4px;
        }
            .vc .box.prices.special .rrp div:first-child {
                padding:        0;
            }
            .vc .box.prices.special .rrp div:first-child > span {
                display:        flex;
                color:          #F21B07;
                font-style:     italic;
                font-weight:    600;
                font-size:      21px;
                line-height:    1;
                align-items:    flex-start;
                column-gap:     1px;
            }
            .vc .box.prices.special .rrp div:first-child .dollar {
                font-size:      11px;
                line-height:    11px;
                padding-top:    2px;
            }
            .vc .box.prices.special .rrp div:first-child .dollar + span {
                text-decoration:line-through;
            }
            .vc .box.prices.special .weekly div:first-child {
                padding-top:    4px;
                padding-bottom: 0;
            }
        .vc .box.prices .price div:last-child {
            font-size:      15px;
            font-weight:    600;
        }
        .vc .box.prices .weekly div:last-child {
            font-size:      19px;
            margin-top:    -3px;
            white-space:    nowrap;
        }
    .vc .box.prices .price h2 {
        --f:                2.75rem;
        --dollar-size:      14px;
        --lh:              -12px;
        display:            flex;
        align-items:        flex-start;
        justify-content:    flex-end;
        margin:             0;
        line-height:        calc(var(--f) + var(--lh));
        font-size:          var(--f);
        color:              var(--ingham-primary-color);
        column-gap:         1px;
    }
        .vc .box.prices.large .price h2 {
            --f:            2.5rem;
        }
        .vc .box.prices .price h2 .dollar {
            font-size:      var(--dollar-size);
            line-height:    var(--dollar-size);
        }
.vc .box.prices .vr {
    background:             grey;
    height:                 100%;
}
.vc .box.prices .clean {
    --f:                    14px;
    grid-column:            1 / span 3;

    font-size:              calc(var(--f));
    padding:                10px 1rem;
    color:                  #666;
    text-align:             center;
    line-height:            1.125rem;

    background:             #f4f4f4;
    border-radius:          0px;
    border-top-left-radius:     var(--ingham-border-radius-top-left);
    border-bottom-right-radius: var(--ingham-border-radius-top-left);
}
    .vc .box.prices .clean.rebate {
        --f:                15px;
    }
    .vc .box.prices .clean.mobile-only .grey-box {
        margin-top:         0;
    }
    .vc .box.prices .clean .icon {
        font-size:          1.125rem;
        color:              #8EC291;
        position:           relative;
        left:              -0.4rem;
        top:                0.1rem;
    }
        .vc .box.prices .clean .icon.fa-minus-circle {
            color:          #F86A42;
        }
    .vc .box.prices .clean a {
        text-decoration:    underline;
    }


/* BUTTONS box */
.vc .box.buttons {
    display:                grid;
    gap:                    0.75rem;
    align-items:            start;
    align-self:             start;
}
    .vc .buttons.hold {
        grid-template-columns:  auto auto;
    }
    .vc .box.buttons .btn {
        --g:                0.5rem;
        --f:                1.125rem;
        --lh:              -0.75rem;
        --px:               0;
        width:              100%;
        margin:             0;
    }
        .vc .box.buttons .btn.alt {
            --f:            19px;
        }
        .vc .box.buttons .finance + .btn.similar {
            grid-column:    1 / span 2;
            grid-row:       2;
        }
        .vc .box.buttons .tradein {
            grid-column:    1 / span 2;
            grid-row:       3;
        }
        .vc .box.buttons .btn.hold {
            grid-column:    1 / span 2;
            grid-row:       4;
        }
        .vc .box.buttons .btn.sold {
            --g:            1.25rem;
            --px:           0.5rem;
            background:     #567702;
            border-color:   #445E02;
        }
            .vc .box.buttons .btn.sold:hover {
                background: #4D6B02;
            }
        .vc .box.buttons .btn span {
            font-weight:        normal;
            font-size:          1rem;
            line-height:        normal;
            font-family:        var(--ingham-font-family-body);
            text-decoration:    underline;
        }
        .vc .box.buttons .btn i {
            margin-top:         1px;
        }


/* SOLD box */
.vc .box.sold {
    background-color:       rgba(0, 255, 0, 0.2);
    border:                 1px solid green;
    color:                  green;
    line-height:            3rem;
    text-align:             center;
    border-top-left-radius:     var(--ingham-border-radius-top-left);
    border-top-right-radius:    var(--ingham-border-radius-top-right);
    border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
    border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
}


/* DETAILS box */
.vc .box.details {
    padding:                1.25rem 1.5rem;
    border:                 1px solid silver;
    position:               relative;
    border-radius:          0px;
    border-top-left-radius:     var(--ingham-border-radius-top-left);
    border-bottom-right-radius: var(--ingham-border-radius-top-left);
}
    .vc .box.details .s {
        display:            flex;
        flex-wrap:          wrap;
    }
        .vc .box.details .s.yard {
            /* align-items:    center; */
        }
    .vc .box.details .d {
        flex-basis:         100%;
    }
        .vc .box.details .d .name {
            font-weight:    600;
            padding-bottom: 0.125rem;
            flex-basis:     calc(50% - 0.5rem);
            font-size:      calc(var(--ingham-font-size) + 1px);
            text-align:     right;
        }
        .vc .box.details .d .icon {
            font-size:      0.8rem;
            vertical-align: super;
        }
        .vc .box.details .d .value {
            font-size:      calc(var(--ingham-font-size) + 1px);
        }
        .vc .box.details .economy .value + .value + .value {
            font-size:      14px;
        }
        .vc .box.details .badge .value {
            --f:            0.5rem;     /* control the folded part*/
            --p:            0.5rem;     /* Y padding */
            --r:            1rem;       /* control the ribbon shape */
            --t:            0.6rem;     /* the top offset */
            display:        flex;
            gap:            0.625rem;
            align-items:    center;
            position:       absolute;
            inset:          var(--t) auto auto calc(-1*var(--f));
            padding:        var(--p) 0.75rem calc(var(--f) + var(--p)) 2rem;
            clip-path:      polygon(
                                0 0,
                                100% 0,
                                100% calc(100% - var(--f)),
                                var(--f) calc(100% - var(--f)),
                                var(--f) 100%,
                                0 calc(100% - var(--f))
                            );
            background:     #f4f4f4;
            color:          #666;
            box-shadow:     0 calc(-1*var(--f) - 1px) 0 inset darkgrey;
            border-right:   1px solid #e4e4e4;
            border-top-left-radius:     9px;
            border-top-right-radius:    var(--ingham-border-radius-top-right);
        }
            .vc .box.details .badge a.value i {
                color:      darkgrey;
            }
            .vc .box.details .badge a.value:hover {
                text-decoration: underline;
            }
        .vc .box.details .yard a:hover {
            text-decoration: underline;
        }
        .vc .box.details .dealerships img {
            display:        block;
            max-width:      100%;
            max-height:     39px;
        }

    .vc .box.details .sep {
        border-top:         1px solid silver;
        margin:             1rem 0;
        flex-basis:         100%;
    }



/* FINANCE box */
.vc .box.finance .ifc-container {
    margin:                 0;
    padding:                1.5rem;
    max-width:              none;
}
.vc .box.finance .ifc-row:last-child {
    padding-bottom:         0;
}
.vc .box.finance .btn {
    display:                flex;
}


/* CAMPAIGNS box */
.vc .box.campaigns {}


/* USPs */
.vc .box.usps {
    padding-bottom:         0.5rem;
}
.vc .box.usps h2 {
    font-size:              1.4em;
}

/* UPS YARD box */
.vc .box.yard {
    display:                none;
}
.vc .box.yard ul {
    gap:                    0.5rem;
}
    .vc .box.yard li {
        background:         #f4f4f4;
        padding:            0.5rem 0.75rem;
        border-radius:      5px;
    }

/* UPS VEHICLE box */
.vc .box.vehicle {
}
.vc .box.vehicle ul {
    gap:                    0.5rem 1rem;
}
    .vc .box.vehicle li {
        width:              calc(50% - 0.5rem);
    }


/* DESCRIPTION box */
.vc .box.desc {}
.vc .box.desc h2 {
    font-size:              1.4em;
}
.vc .box.desc .text {
    line-height:            1.5rem;
}
    .vc .box.desc.truncate .text {
        max-height:         27.5em;
        overflow:           hidden;
        text-overflow:      ellipsis;
        position:           relative;
    }
    .vc .box.desc.truncate .text::before {
        content:            '';
        width:              100%;
        height:             5%;
        position:           absolute;
        left:               0;
        bottom:             0;
        background:         linear-gradient(#0000 0px, #fff);
    }
.vc .box.desc .links {
    grid-row:               2;
    grid-column:            2;
    text-align:             right;
}
    .vc .box.desc .links a {
        cursor:             pointer;
        text-decoration:    underline;
        margin-right:       1rem;
        position:           relative;
    }
        .vc .box.desc.truncate .links .less,
        .vc .box.desc:not(.truncate) .links .more {
            display:        none;
        }
    .vc .box.desc .links i {
        position:           absolute;
        right:             -1rem;
    }


/* ENQUIRY box */
.popup.form h2 {
    font-size:              2.2em;
}
    .popup.form h3 {
        font-size:          1.2rem;
    }
    .popup.form h4 {
        font-size:          1rem;
        padding:            0;
    }
    .popup.form p {
        padding-left:       0;
        padding-right:      0;
    }
    .popup.form .details .locations {
        margin-top:         0.5rem;
    }
    .popup.form .inghamdriven-form-elements {
        padding:            0;
        max-width:          none;
        margin:             0;
        min-height:         200px;
    }
         .popup.form form > .input-item:first-child {
            width:          100%;
            display:        flex;
        }
        .popup.form form > .input-item:nth-child(4) {
            width:          100%;
        }



/* WIDGETS */
.widgets,
.sold .widgets {
    padding-top:            1.5rem;
}
    .widgets .widget {
        width:              100%;
        padding:            1.5rem;
    }
        .widgets .widget.grey {
            background:     #f4f4f4;
            padding-top:    2rem;
        }
        .widgets .widget.grey:not(:first-child) {
            margin-top:     2rem;
        }
    .widgets h3 {
        margin-bottom:      1rem;
        padding:            0;
    }


.widgets .widget.dealers {
  /*padding-left: 2.5rem;*/
    margin-top:             2rem;
    padding-top:            2rem;
}
.widget.dealers .cc {
    padding:                0;
    margin:                 0 auto;
    display:                flex;
    padding-left:           1rem;
    flex-wrap:              wrap;
    justify-content:        space-between;
    row-gap:                2rem;
}
    .widget.dealers .heading {
        align-self:             flex-start;
        flex:                   0 0 100%;
        display:                flex;
        margin:                -4rem 0 0 -1.5rem;
        border-top-left-radius:     var(--ingham-border-radius-top-left);
        border-top-right-radius:    var(--ingham-border-radius-top-right);
        border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
        border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
    }
    .widget.dealers h3 {
        background:             var(--ingham-primary-color);
        color:                  var(--ingham-primary-text-color);
        min-height:             var(--ingham-button-height);
        line-height:            normal;
        padding:                1rem 1.5rem;
        margin:                 0;
        border-top-left-radius:     var(--ingham-border-radius-top-left);
        border-top-right-radius:    var(--ingham-border-radius-top-right);
        border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
        border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
    }
    .widget.dealers .usps {
        font-weight:        600;
        padding-left:       1.4rem;
    }
    .widget.dealers h4 {
        margin-bottom:      0.5rem;
        padding:            0;
    }
        .widget.dealers p + h4 {
            margin-top:     1.6rem;
        }
    .widget.dealers .cc > div > *:not(:first-child) {
        margin-top:         1.5rem;
    }
    .widget.dealers .dealer p {
        line-height:        1.6em;
        padding:            0;
    }
    .widget.dealers .staff .contact {
        display:            flex;
        flex-wrap:          wrap;
        gap:                1rem;
    }
    .widget.dealers .staff img {
        height:             100px;
        border-radius:      50%;
        display:            block;
    }
    .widget.dealers .staff p {
        line-height:        24px;
        padding:            0;
    }


.widgets .widget.disclaimer {
}
    .widget.disclaimer p {
        font-size:          14.4px;
        opacity:            0.5;
        line-height:        1.4em;
        margin-bottom:      0.5rem;
        padding:            0;
    }



/*  ~~~~~~~~~~~~~~~~~~
    RESPONSIVE CSS
~~~~~~~~~~~~~~~~~~  */
/*  GRID @ 800px    */
@media only screen and (min-width: 801px) {
    .single-vehicle .vc {
        padding:                0 1.5rem;
        grid-template-columns:  calc(100% - 1.5rem - 340px) 340px;
    }
    /* LEFT col */
        .vc .box.title {
            grid-column:    1;
            grid-row:       1;
        }
            .sold .box.title {
                grid-column: 1 /3;
            }
        .vc .box.images {
            grid-column:    1;
            grid-row:       2 / span 2;
        }
        .vc .box.usps.yard {
            grid-column:    1;
            grid-row:       4;
        }
        .vc .box.usps.vehicle {
            grid-column:    1;
            grid-row:       4;
        }
        .vc .box.desc {
            grid-column:    1;
            grid-row:       5 / span 8;
        }
    /* RIGHT col */
        .vc .box.prices {
            grid-column:    2;
            grid-row:       1;
        }
        .vc .box.buttons {
            grid-column:    2;
            grid-row:       2;
        }
        .vc .box.details {
            grid-column:    2;
            grid-row:       3 / 3;
        }
        .vc .box.finance {
            grid-column:    2;
            grid-row:       4 / span 7;
        }
        .vc .box.campaigns {
            grid-column:    2;
            grid-row:       11;
        }
}

/*  DESIGN  */
@media only screen and (min-width: 301px) {
    .vc .box.buttons .btn.sold {
        --px:               0.75rem;
    }
}
@media only screen and (min-width: 401px) {
    .vc .box.prices {
        column-gap:         2rem;
        justify-self:       stretch;
    }
        .vc .box.prices .clean.rebate {
            --f:            1rem;
        }
    .vc .box.buttons .btn {
        --g:                0.75rem;
        --f:                1.25rem;
        --lh:              -0.5rem;
        --px:               0.5rem;
    }
}
@media only screen and (min-width: 451px) {
    h1 {
        --f:                3.2rem;
    }
    .vc .box.prices .price h2 {
        --f:                2.8rem;
        --lh:              -10px;
    }
    .vc .box.buttons {
        grid-template-columns:  1fr 1fr;
    }
        .vc .box.buttons .btn.similar {
            --f:            1rem;
        }
        .vc .box.buttons .btn.sold {
            --g:            0.5rem;
            --px:           0.5rem;
        }
            .vc .box.buttons .sold span {
                font-size:  13px;
            }
}
@media only screen and (min-width: 501px) {
    .vc .box.buttons .btn.sold {
        --px:               0.75rem;
    }
        .vc .box.buttons .sold span {
            font-size:          0.875rem;
        }
}
@media only screen and (max-width: 600px) {
    .vc .box.prices .price:not(:first-child) {
        justify-content:    left;
    }
    .vc .box.badged {
        padding-top:        3.5rem;
    }
    .vc .box.details .d {
        column-gap:         1rem;
    }
        .vc .box.details .d:not(:last-child):not(.type) {
            margin-bottom:  7px;
        }
        .vc .box.details .d .value {
            flex-basis:     calc(50% - 0.5rem);
        }
        .vc .box.details .d .value + .value {
            padding-left:   calc(50% + 0.5rem);
        }
        .vc .box.details .dealerships {
            margin:         0 25%;
        }
        .vc .box.details .dealerships img {
            margin:         0 auto;
        }
}
@media only screen and (min-width: 601px) {
    .vc .box.prices {
        grid-template-columns:  auto 1px auto;
    }
        .vc .box.prices .price {
            justify-content:    center;
        }
    .vc .box.buttons .btn.similar {
        --f:                19px;
    }
    .vc .box.buttons .sold span {
        font-size:          1rem;
    }
    .vc .box.details .d {
        flex-basis:         calc(50% - 0.5rem);
    }
        .vc .box.details .d:nth-child(even) {
            margin-left:    1rem;
        }
        .vc .box.details .d:not(:last-child):not(:nth-last-child(2)) {
            margin-bottom:  7px;
        }
        .vc .box.details .d .name {
            flex-basis:     7rem;
            text-align:     left;
        }
    .vc .box.vehicle ul {
        gap:                0.5rem 0;
    }
        .vc .box.vehicle li {
            width:          calc(100% / 3);
        }
    .popup.form form > div:not(:first-child) {
        padding-top:        1.5rem;
    }
        .popup.form form > .input-item:first-child input {
            width:          calc(50% - 1rem);
        }
        .popup.form form > .input-item:first-child input[type=text] + input[type=text] {
            margin-left:    1.5rem;
        }
        .popup.form form > .email,
        .popup.form form > .tel,
        .popup.form form > .datetime-local input {
            width:          calc(50% - 1rem);
        }

}
@media only screen and (min-width: 601px) and (max-width: 800px) {
    .vc .box.details .d .value + .value {
        padding-left:       7rem;
    }
}
@media only screen and (max-width: 800px) {
    .vc .box.details .s {
        justify-content:    space-between;
    }
    .vc .box.details .d {
        display:            flex;
        justify-content:    space-evenly;
    }
        .vc .box.details .d.economy {
            flex-wrap:      wrap;
        }
        .vc .box.details .d .value {
            flex-grow:      1;
        }
        .vc .box.details .d .value + .value {
            flex-basis:     100%;
        }
    .vc .box.vehicle h2 {
        padding:            0 0.5rem;
    }
        .vc .box.vehicle ul {
            padding:        0 1.5rem;
        }
    .vc .box.desc h2 {
        padding:            0 0.5rem;
    }
        .vc .box.desc > *:not(h2) {
            padding:        0 1.5rem;
        }
    .vc .box.finance {
        padding-top:        0.5rem;
    }

    .widget.dealers .cc {
        flex-wrap:          wrap;
        justify-content:    space-between;
        row-gap:            2rem;
    }
}
@media only screen and (min-width: 801px) {
    .vc .box.title {
        padding-top:        1.5rem;
        text-align:         left;
    }
    .vc .box.prices {
        column-gap:         0.5rem;
        justify-content:    stretch;
    }
    .vc .box.buttons {
        grid-template-columns: auto auto;
    }
        .sold .vc .box.buttons {
            grid-template-columns: auto;
        }
    .vc .box.details {
        margin-top:        -0.25rem;
    }
    .vc .box.images > a:first-child::before {
        display:            none;
    }
        .vc .box.images > a:first-child:hover::before {
            align-items:    center;
            justify-content: center;
        }
    .vc .box.details .badge .value {
        --t:                0.8rem;
        max-width:          10.6rem;
    }
        .vc .box.details .badge a.value i {
            margin-top:     2px;
        }
    .popup.form form > .input-item:first-child input[type=text] + input[type=text] {
        margin-left:        2rem;
    }

    .widgets {
        margin-top:         4rem;
    }
        .widget.dealers .heading {
            margin-left:   -2rem;
        }
        .widget.dealers h3 {
            padding:        1rem 2rem;
        }
        .widget.dealers .cc {
            padding-left:   2rem;
        }
        .widget.dealers .staff .contact {
            flex-wrap:      nowrap;
        }
            .widget.dealers .staff .contact .info {
                overflow:   hidden;
            }
        .widgets .widget.similar {
            padding-top:    1.5rem;
        }
        .widgets.disclaimer {
            padding:        1.5rem 0;
        }

}
@media only screen and (min-width: 801px) and (max-width: 860px) {
    .vc .box.images {
        grid-template-columns:  repeat(2, minmax(10px, 1fr));
    }
        .vc .box.images > a:first-child {
            grid-column:    1 / span 2;
        }
}
@media only screen and (min-width: 801px) and (max-width: 960px) {
    .vc .box.images {
        gap:                0.75rem;
        align-content:      start;
    }
    .vc .box.vehicle,
    .vc .box.desc {
        padding-right:      1rem;
    }
        .vc .box.vehicle h2,
        .vc .box.desc h2 {
            margin-bottom:  0.5rem;
        }
        .vc .box.vehicle ul,
        .vc .box.desc .text {
            padding-left:   1rem;
        }

    .widget.dealers .cc {
        display:                grid;
        row-gap:                2rem;
        grid-template-columns:  calc(100% - 340px) 340px;
    }
        .widget.dealers .staff {
            grid-column:    1 / span 2;
            display:        flex;
            flex-wrap:      wrap;
        }
        .widget.dealers .cc .staff .contact {
            margin-top:     0;
        }
            .widget.dealers .cc .staff .contact:not(:nth-child(1)):not(:nth-child(2)) {
                margin-top: 1.5rem;
            }
            .widget.dealers .staff .contact:nth-child(odd) {
                width:      calc(100% - 340px);
            }
            .widget.dealers .staff .contact:nth-child(even) {
                width:      340px;
            }
    .widget.disclaimer {
        padding:            1.5rem;
    }
}
@media only screen and (min-width: 801px) and (max-width: 1164px) {
    .single-vehicle .breadcrumbs {
        padding-left:       1.5rem;
        padding-right:      1.5rem;
    }
    .single-vehicle .vc {
        grid-template-rows: auto auto 1fr;
    }
    .vc .buttons.hold {
        grid-template-columns: auto auto;
    }
    .vc .box.details {
        display:            grid;
        grid-template-rows: auto min-content max-content;
    }
}
@media only screen and (min-width: 861px) and (max-width: 960px) {
    .vc .box.images {
        grid-template-columns:  repeat(3, minmax(10px, 1fr));
    }
        .vc .box.images > a:first-child {
            grid-column:    1 / span 3;
        }
}
@media only screen and (min-width: 961px) {
    .vc .box.vehicle {
        display:            flex;
        gap:                1%;
        align-items:        baseline;
    }
        .vc .box.vehicle h2 {
            width:          20%;
            padding:        0;
        }
        .vc .box.vehicle ul {
            width:          76%;
        }
    .vc .box.desc {
        display:            grid;
        column-gap:         1%;
        row-gap:            0.5rem;
        align-items:        baseline;
        align-content:      start;
        grid-template-columns:  20% 76%;
    }

    .widget.dealers .cc > *:not(:first-child) {
        width:              33%;
        flex-grow:          1;
    }

}
@media only screen and (min-width: 961px) and (max-width: 1164px) {
    .single-vehicle > .cc {
        max-width:          none;
    }
    .vc .box.details {
        grid-row:           3 / 5;
    }
    .vc .box.finance {
        grid-row:           5 / span 5;
    }
    .vc .box.campaigns {
        grid-row:           10;
    }

    .widget.dealers .cc > *:not(:first-child) {
        width:              auto;
    }
        .widget.dealers .staff {
            max-width:      340px;
        }
}
@media only screen and (max-width: 1164px) {
    .vc .box.finance h2 {
        font-size:          28px;
    }
}
@media only screen and (min-width: 1165px) {
    .single-vehicle .breadcrumbs {
        padding-left:       0;
        padding-right:      0;
    }
    .single-vehicle .vc {
        padding:            0;
        gap:                2rem;
        grid-template-columns:  670px calc(100% - 2rem - 670px);
    }
        .single-vehicle.sold .vc {
            row-gap:        1.5rem;
        }
    .vc .box.buttons {
        grid-template-columns: 1fr 1fr;
    }
    .vc .box.finance .ifc-container {
        padding:            2rem;
    }

    .widgets .widget {
        padding-left:       0;
        padding-right:      0;
    }
}
@media only screen and (min-width: 1165px) and (max-width: 1400px) {
    .vc .box.details .d .name {
        font-size:          var(--ingham-font-size);
    }
    .vc .box.details .badge .value {
        --p:                0.3rem;
        font-size:          var(--ingham-font-size);
    }
}
@media only screen and (max-width: 1400px) {
    .vc .box.finance .ifc-per-payment-heading {
        font-size:          19px;
    }
}
@media only screen and (min-width: 1401px) {
    .single-vehicle .vc {
        grid-template-columns:  860px calc(100% - 2rem - 860px);
    }
    .vc .box.prices {
        grid-template-columns:  0.5fr 1px 0.5fr;
        column-gap:         2rem;
        justify-self:       left;
    }
        .vc .box.prices .price div:last-child {
            white-space:    nowrap;
        }
    .vc .box.buttons {
        gap:                0.875rem;
    }
        .vc .box.buttons .btn.enquiry {
            grid-column:    1 / span 2;
        }
        .vc .box.buttons.hold .finance + .btn.similar {
            grid-column:    2;
        }
        .vc .box.buttons .tradein {
            grid-column:    2;
        }
        .vc .box.buttons .btn.hold {
            grid-column:    1;
            grid-row:       2;
        }
        .sold .vc .box.buttons {
            grid-template-columns: auto auto;
        }
    .vc .box.details {
        padding:            2rem;
        margin-top:        -1.5rem;
    }
        .sold .vc .box.details {
            padding:        1.5rem 2rem;
            margin-top:     0;
        }
        .vc .box.details .d:not(:last-child):not(:nth-last-child(2)) {
            margin-bottom:  1rem;
        }
        .vc .box.details .d .name {
            padding-bottom: 0.25rem;
        }
        .vc .box.details .economy .value:last-child {
            font-size:      15px;
        }
        .vc .box.details .badge .value {
            --t:            1.55rem;     /* the top offset */
            max-width:      12rem;
            padding-left:   calc(2rem + var(--p));
        }
        .vc .box.details .sep {
            margin:         1.5rem 0;
        }
        .vc .box.details .dealerships img {
            max-height:     48px;
        }

    .widget.dealers p + h4 {
        margin-top:         1.5rem;
    }
        .widget.dealers .dealer p {
            line-height:    1.7em;
        }
        .widget.dealers .staff p {
            line-height:    25px;
        }
}