/*
* Color Variable Styles
*/

/* Body Background Colour */
body,
.reveal,
.top-bar .main-menu.accordion-menu .submenu,
.not-front .l-main .l-sidebar .tabs {
  background-color: #ffffff;
}
@media screen and (max-width: 47.99875em), screen and (min-width: 48em) and (max-width: 74.99875em) {
  .top-bar {
    background-color: #ffffff;
  }
}
.social.header li,
.l-header .header-hours,
.l-header .header-phone {
  border-color: #ffffff;
}
.node-frontpage .field-name-body--frontpage .fr-view.more-hidden:before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
}


/* Body Text Colour */
body,
label,
.title-bar .menu-icon,
.menu .active > a,
.l-header .menu-contact .header-hours, 
.l-header .menu-contact .header-phone,
.l-header .menu-contact .social.header > li i,
.slick--home-slider .slide-caption,
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select, ::placeholder,
.dropdown.menu > li.is-active > a,
.top-bar .main-menu.accordion-menu .submenu,
.reveal .close-button,
.not-front .l-main .l-sidebar .tabs .tabs-title a {
  color: #000000;
}
.title-bar .menu-icon:after {
  background: #000000;
}
.title-bar .menu-icon:after {
  box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
}
.accordion-menu > li a,
.accordion-menu > li .submenu-wrap,
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select,
.layout-options .layout-option {
  border-color: #000000;
}
/* .node-frontpage .node-testimonial.view-mode-teaser .testimonial-icon #quoteFill, .node-frontpage .node-testimonial.view-mode-teaser .testimonial-icon .quoteFill {
  fill: #000000;
} */
@media print, screen and (min-width: 75em) {
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #000000 transparent transparent;
  }
}



/* Header Background Colour */
.l-header__contact-details {
  background-color: #000000;
}



/* Header Text Colour */
.l-header__contact-details,
.social.header li i,
.l-header .block-compare-vehicles.compare-count,
.l-header .header-hours,
.l-header .header-phone {
  color: #ffffff;
}



/* Primary Colour */
.additional-style.additional-style-2,
.additional-style.additional-style-3 .additional-style-inner .additional-style-text:after,
.additional-style.additional-style-6 .additional-style-inner .additional-style-review-icon:after,
.additional-style.additional-style-7,
.additional-style.additional-style-7 .additional-style-inner .additional-style-review-icon img,
.additional-style.additional-style-18 .additional-style-inner .additional-style-reviews .additional-style-review .additional-style-review-icon:after,
.additional-style .additional-style-cargurus-top, 
.additional-style .additional-style-cargurus-bottom,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review:after,
.button, button, input[type="submit"], [type='submit'],
.button:hover, button:hover, input[type="submit"]:hover, [type='submit']:hover,
.button:focus, .button:active, button:focus, button:active, input[type="submit"]:focus, input[type="submit"]:active, [type="submit"]:focus, [type="submit"]:active,
button:disabled, button[disabled], .button:disabled, .button[disabled],
.l-header .menu-contact__contact a,
.slick--latest-vehicles-slider-home .slick-next:before, 
.slick--similar-vehicles-slider .slick-next:before,
.slick--latest-vehicles-slider-home .slick-prev:before, 
.slick--similar-vehicles-slider .slick-prev:before,
.finance-slider-form .noUi-connect,
.finance-slider-form .noUi-handle, .finance-slider-form .noUi-horizontal .noUi-handle,
.block-promotional-block .field-name-title i,
.block-search-block #used-search-block .used-search-block-submit .button,
.l-block-promotional-block--default__image:after,
.primary-colour-background,
.header-reveal .field-name-opening-hours .day.opening-day,
.l-node-used-vehicle--latest-vehicles .field-name-sash,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.node-branch .field-name-opening-hours .day.opening-day,
.not-front .l-main .l-sidebar .tabs .tabs-title.is-active a {
  background-color: #dc2626;
}
.additional-style.additional-style-2 .button,
.additional-style.additional-style-7 .button,
.additional-style.additional-style-11 .additional-style-inner h3,
.additional-style .additional-style-cargurus-bottom .button,
.used-vehicles-compare .field-results .details-button a,
.used-vehicles-compare .field-results .remove-button a,
.additional-style.additional-style-20 .additional-style-inner .additional-style-20__title h2:after,
.primary-colour-text,
.node-branch .field-name-icon,
.node-branch.hours .tabs .tabs-title > a:focus, 
.node-branch.hours .tabs .tabs-title > a[aria-selected='true'],
.l-footer a:hover,
.node-frontpage .field-name-body--frontpage .fr-view .read-more-link {
  color: #dc2626;
}
.additional-style.additional-style-8 .additional-style-inner,
.used-vehicles-compare .field-results .details-button a,
.node-branch.hours .tabs .tabs-title > a:focus, 
.node-branch.hours .tabs .tabs-title > a[aria-selected='true'] {
  border-color: #dc2626;
}
@media screen and (max-width: 47.9988em) {
  #saved-vehicles {
    background-color: #dc2626;
  }
}





/* Text on Primary Colour */

.additional-style.additional-style-2 h2,
.additional-style.additional-style-2 p,
.additional-style.additional-style-7 h2,
.additional-style.additional-style-7 p,
.additional-style .additional-style-cargurus-top p, 
.additional-style .additional-style-cargurus-bottom h3,
.additional-style .additional-style-cargurus-bottom p,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review:after,
.button, button, input[type="submit"], [type='submit'],
.button:hover, button:hover, input[type="submit"]:hover, [type='submit']:hover,
.button:focus, .button:active, button:focus, button:active, input[type="submit"]:focus, input[type="submit"]:active, [type="submit"]:focus, [type="submit"]:active,
button:disabled, button[disabled], .button:disabled, .button[disabled],
.l-header .menu-contact__contact a,
.block-promotional-block .field-name-title i,
.block-search-block #used-search-block .used-search-block-submit .button,
.header-reveal .field-name-opening-hours .day.opening-day,
.l-node-used-vehicle--latest-vehicles .field-name-sash,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.node-branch .field-name-opening-hours .day.opening-day,
.not-front .l-main .l-sidebar .tabs .tabs-title.is-active a  {
  color: #ffffff;
}
.additional-style.additional-style-2 .button,
.additional-style.additional-style-7 .button,
.additional-style.additional-style-7 .additional-style-inner .additional-style-review-icon:after,
.additional-style .additional-style-cargurus-bottom .button {
  background-color: #ffffff;
}
@media screen and (max-width: 47.9988em) {
  #saved-vehicles {
    color: #ffffff;
  }
}


/* Secondary Colour */
.l-node-frontpage--full__search,
.l-node-frontpage--full__search-logos--outer,
.l-node-frontpage--full__block-large,
.l-page-header__title--inner,
.l-node-frontpage--full__reviews:before,
.l-node-used-vehicle--full__blocks--finance {
  background-color: #000000;
}
.front .block-search-block #used-search-block .used-search-block-submit .button,
.finance-slider-form .submit-button input[type="submit"],
.l-node-frontpage--full__block-large button, .l-node-frontpage--full__block-large .contact-form input[type="submit"],
.l-node-used-vehicle--full__blocks--finance .button {
  color: #000000;
}



/* Text on Secondary Colour */
.front .block-search-block #used-search-block select, 
.front .block-search-block #used-search-block input[type="text"],
.l-node-frontpage--full__finance--title h2, 
.l-node-frontpage--full__finance--title .fr-view p,
.finance-slider-form label,
.l-node-frontpage--full__search-logos h3,
.block-logo-search li span, .block-body-type-search li span,
.slick--logo-search .slick-prev:before, .slick--logo-search .slick-next:before, 
.slick--body-search .slick-prev:before, .slick--body-search .slick-next:before,
.l-node-frontpage--full__block-large h2, .l-node-frontpage--full__block-large p,
.l-node-frontpage--full__block-large .fake-input, .l-node-frontpage--full__block-large .contact-form input[type="text"], .l-node-frontpage--full__block-large .contact-form input[type="number"], .l-node-frontpage--full__block-large .contact-form ::placeholder,
.l-page-header__title--inner h1, .l-page-header__title--inner p,
.l-node-frontpage--full__reviews--title h2, .l-node-frontpage--full__reviews--title p,
.finance-slider-form p,
.l-node-frontpage--full__rep-example .fmgauto-finance-plugins--finance-parameters--representative-example,
.front .block-search-block #used-search-block .advanced-search-button,
.l-node-used-vehicle--full__blocks--finance h3, .l-node-used-vehicle--full__blocks--finance p {
  color: #ffffff;
}
.front .block-search-block #used-search-block select, 
.front .block-search-block #used-search-block input[type="text"],
.block-logo-search li, .block-body-type-search li,
.l-node-frontpage--full__block-large .fake-input, .l-node-frontpage--full__block-large .contact-form input[type="text"], .l-node-frontpage--full__block-large .contact-form input[type="number"], .l-node-frontpage--full__block-large .contact-form ::placeholder {
  border-color: #ffffff;
}
.front .block-search-block #used-search-block .used-search-block-submit .button,
.finance-slider-form .submit-button input[type="submit"],
.l-node-frontpage--full__search-logos h3:before,
.l-node-frontpage--full__block-large button, .l-node-frontpage--full__block-large .contact-form input[type="submit"],
.l-node-used-vehicle--full__blocks--finance .button {
  background-color: #ffffff;
}



/* Tertiary Colour */
.node-used-vehicle.view-mode-full #vehicle-info-tabs,
.vehicle-running-cost-calcuator,
.contact-form form, .vehicle-enquiry-form form {
  background-color: #737373;
}


/* Text on Tertiary Colour */

.node-used-vehicle.view-mode-full #vehicle-info-tabs .tabs-title a,
.vehicle-running-cost-calcuator,
.vehicle-running-cost-calcuator label,
.vehicle-running-cost-calcuator input[type="number"],
.vehicle-running-cost-calcuator ::placeholder,
.contact-form form label, .vehicle-enquiry-form form label {
  color: #ffffff;
}
.vehicle-running-cost-calcuator input[type="number"] {
  border-color: #ffffff;
}



/* Alternate Background Colour */
.not-front .l-main .l-sidebar__inner,
.l-listings-page__header, 
.l-listings-page__sort, 
.l-listings-page__rep,
.l-node-used-vehicle--full__gallery-wrap,
.l-node-used-vehicle--full__right--inner,
.l-node-used-vehicle--full__blocks--partex,
.node-used-vehicle.view-mode-full #vehicle-info-tabs-content,
.node-used-vehicle.view-mode-full #vehicle-info-tabs .tabs-title.is-active a {
  background-color: #e5e5e5;
}



/* Text on Alternate Background Colour */
.l-listings-page__header, 
.l-listings-page__sort, 
.l-listings-page__rep,
.l-listings-page__sort select,
.block-search-block #used-search-block select, 
.block-search-block #used-search-block input[type="text"],
.node-used-vehicle.view-mode-full #vehicle-info-tabs .tabs-title.is-active a,
.l-node-used-vehicle--full__gallery-wrap,
.l-node-used-vehicle--full__right--inner,
.l-node-used-vehicle--full__blocks--partex,
.l-node-used-vehicle--full__blocks--partex ::placeholder,
.l-node-used-vehicle--full__blocks--partex input[type="text"],
.node-used-vehicle.view-mode-full .tabs-content {
  color: #000000;
}
.l-listings-page__sort select,
.block-search-block #used-search-block select, 
.block-search-block #used-search-block input[type="text"],
.l-node-used-vehicle--full__title-wrap,
.l-node-used-vehicle--full__price, 
.l-node-used-vehicle--full__cta,
.l-node-used-vehicle--full__blocks--partex input[type="text"],
.node-used-vehicle.view-mode-full .specs-list li .spec {
  border-color: #000000;
}



/* Footer Background Colour */
.l-footer {
  background-color: #737373;
}


/* Footer Text Colour */
.l-footer,
.l-footer a, .l-footer p, .l-footer h3,
.l-footer .node-branch.hours .tabs .tabs-title > a, 
.l-footer .node-branch.hours .tabs .tabs-title > a[aria-selected='true'], 
.l-footer .tabs-content {
  color: #ffffff;
}
.l-footer__top,
.l-footer__lower,
.l-footer .node-branch.hours .tabs .tabs-title > a, 
.l-footer .node-branch.hours .tabs .tabs-title > a[aria-selected='true'] {
  border-color: #ffffff;
}