/*
* Color Variable Styles
*/

/* Body Background Colour */
body,
.reveal,
.l-node-page--full__contact--directions-inner {
  background-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,
.tabs-content,
.search-pager li a,
.search-filters select,
.social.footer i {
  color: #000000;
}



/* Header Background Colour */
.l-header,
.l-header__contact-details:after,
.top-bar, .top-bar ul,
.title-bar {
  background-color: #000000;
}



/* Header Text Colour */
.l-header,
.top-bar .main-menu a,
.title-bar .menu-icon,
.top-bar .menu-contact,
.top-bar .menu-contact .social.footer i {
  color: #ffffff;
}
.title-bar .menu-icon::after {
  background: #ffffff;
  color: #ffffff;
  box-shadow: 0 7px 0 #ffffff, 0 14px 0 #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"],
.button:hover, button:hover, input[type="submit"]:hover,
.button:focus, button:focus, input[type="submit"]:focus,
button:disabled, button[disabled], .button:disabled, .button[disabled],
.l-node-frontpage--full__hero:before,
.block-search-block #used-search-block .used-search-block-facets__vehicle-type .form-radios input[type="radio"]:checked + label,
.l-node-frontpage--full__search-logos--title .search-logo-radio .form-radios input[type="radio"]:checked + label,
.node-frontpage #home-tabs .tabs-title.is-active,
.slick--latest-vehicles-slider-home .slick-prev::before, 
.slick--latest-vehicles-slider-home .slick-next::before, 
.slick--similar-vehicles-slider .slick-prev::before, 
.slick--similar-vehicles-slider .slick-next::before,
.l-node-used-vehicle--latest-vehicles__monthly-price,
.l-node-used-vehicle--compare-vehicle__monthly-payment, 
.l-node-used-vehicle--search-result__monthly-payment,
.l-node-used-vehicle--sold-gallery__monthly-payment,
.l-node-frontpage--full__search-logos:before,
.block-promotional-block:hover .field-name-title,
.l-node-frontpage--full__reviews--outer:before,
.l-search__tabs .tabs .tabs-title.is-active,
.layout-options .layout-option.selected i,
.node-used-vehicle .field-name-field-sash,
.l-node-used-vehicle--full__enquire a,
.l-node-used-vehicle--full__enquire a:hover, 
.l-node-used-vehicle--full__enquire a:focus, 
.l-node-used-vehicle--full__enquire a:active,
.l-node-used-vehicle--full__form--outer,
.node-used-vehicle.view-mode-full .accordion .accordion-item,
.l-title__outer,
.l-node-page--full__contact,
.l-node-page--full__contact--address,
.l-footer__blocks,
.finance-slider-form .noUi-handle, .finance-slider-form .noUi-horizontal .noUi-handle,
.finance-slider-form .noUi-connect,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.search-pager li.current a, .search-pager li a:hover,
.l-node-used-vehicle--full__blocks--finance .button:hover,
.primary-colour-background,
.rows .l-node-used-vehicle--compare-vehicle:hover .l-node-used-vehicle--compare-vehicle__more-info a, 
.rows .l-node-used-vehicle--search-result:hover .l-node-used-vehicle--search-result__more-info a, 
.rows .l-node-used-vehicle--sold-gallery:hover .l-node-used-vehicle--sold-gallery__more-info a,
.l-node-used-vehicle--latest-vehicles .field-name-sash, 
.l-node-used-vehicle--latest-vehicles .field-name-field-sash {
  background-color: #ec212a;
}
.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,
.l-node-used-vehicle--latest-vehicles .field-name-branch i,
.node-frontpage .field-name-title--frontpage h1,
.node-frontpage .read-more-button, 
.node-frontpage .read-less-button,
.node-used-vehicle.view-mode-search_result .field-name-branch i,
.node-used-vehicle.view-mode-full .field-name-branch i,
.additional-style.additional-style-20 .additional-style-inner .additional-style-20__title h2:after,
.node-used-vehicle.view-mode-full .field-name-fmg-quoteware-api-payment,
.primary-colour-text,
.node-frontpage .field-name-body--frontpage .fr-view .read-more-link,
.vehicle-makes li a:hover:before,
.quick-links li a:hover,
.l-node-used-vehicle--search-result__social .social-share {
  color: #ec212a;
}
@media screen and (min-width: 75em) {
  .top-bar .main-menu > li a:before {
    color: #ec212a;
  }
}
.additional-style.additional-style-8 .additional-style-inner,
.used-vehicles-compare .field-results .details-button a,
.block-search-block #used-search-block .form-radios,
.block-search-block #used-search-block .used-search-block-facets__vehicle-type .form-radios,
.l-node-frontpage--full__search-logos--title .search-logo-radio,
.l-footer__makes {
  border-color: #ec212a;
}
@media screen and (min-width: 48em) {
  .node-frontpage #home-tabs .tabs-title:after,
  .l-search__tabs .tabs .tabs-title:after {
    border-left: 20px solid #ec212a;
  }
  .l-node-frontpage--full__hero.straight .l-node-frontpage--full__slideshow .slide-caption .button {
    background-color: #ec212a;
  }
}
#quoteFill {
  fill: #ec212a;
}
@media screen and (min-width: 75em) {
  .top-bar .main-menu > li ul.submenu {
    border-color: #ec212a;
  }
  .top-bar .main-menu > li ul.submenu a:hover,
  .top-bar .main-menu > li ul.submenu a:hover:before {
      color: #ec212a;
  }
}



/* 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"],
.button:hover, button:hover, input[type="submit"]:hover,
button:disabled, button[disabled], .button:disabled, .button[disabled],
.l-node-frontpage--full__slideshow .slide-caption h2, 
.l-node-frontpage--full__slideshow .slide-caption p,
.block-search-block #used-search-block .form-radios input[type="radio"]:checked + label,
.l-node-frontpage--full__search-logos--title .search-logo-radio .form-radios input[type="radio"]:checked + label,
.node-frontpage #home-tabs .tabs-title.is-active a,
.slick--latest-vehicles-slider-home .slick-prev::before, 
.slick--latest-vehicles-slider-home .slick-next::before, 
.slick--similar-vehicles-slider .slick-prev::before, 
.slick--similar-vehicles-slider .slick-next::before,
.l-node-used-vehicle--latest-vehicles__monthly-price,
.l-node-used-vehicle--compare-vehicle__monthly-payment, 
.l-node-used-vehicle--search-result__monthly-payment,
.l-node-used-vehicle--sold-gallery__monthly-payment,
.block-promotional-block:hover .field-name-title,
.l-search__tabs .tabs .tabs-title.is-active a,
.layout-options .layout-option.selected i,
.node-used-vehicle .field-name-field-sash,
.l-node-used-vehicle--full__enquire a,
.l-node-used-vehicle--full__enquire a:hover, 
.l-node-used-vehicle--full__enquire a:focus, 
.l-node-used-vehicle--full__enquire a:active,
.l-node-used-vehicle--full__dealer-details,
.node-used-vehicle.view-mode-full .accordion .accordion-item .accordion-title,
.l-title h1, .l-title p,
.l-node-page--full__contact--address,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.search-pager li.current a, .search-pager li a:hover,
.l-node-used-vehicle--full__blocks--finance .button:hover,
.rows .l-node-used-vehicle--compare-vehicle:hover .l-node-used-vehicle--compare-vehicle__more-info a, 
.rows .l-node-used-vehicle--search-result:hover .l-node-used-vehicle--search-result__more-info a, 
.rows .l-node-used-vehicle--sold-gallery:hover .l-node-used-vehicle--sold-gallery__more-info a,
.l-node-used-vehicle--latest-vehicles .field-name-sash, 
.l-node-used-vehicle--latest-vehicles .field-name-field-sash,
.block-search-block #used-search-block .used-search-block-facets__vehicle-type .form-radios input[type="radio"]:checked + label {
  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 (min-width: 48em) {
  .l-node-frontpage--full__hero.straight .l-node-frontpage--full__slideshow .slide-caption .button {
    color: #ffffff;
  }
}



/* Secondary Colour */
#headerHours,
.l-node-frontpage--full__slideshow .slide-caption .button,
.l-node-frontpage--full__tabs--wrap,
.l-node-used-vehicle--latest-vehicles__price,
.l-node-used-vehicle--compare-vehicle__price, 
.l-node-used-vehicle--search-result__price,
.l-node-used-vehicle--sold-gallery__price,
.l-node-frontpage--full__search-logos--outer,
.l-search__inner,
.slick--vehicle-gallery-thumbs .slick-prev:before, 
.slick--vehicle-gallery-thumbs .slick-next:before,
.node-used-vehicle.view-mode-full .vehicle-ctas .button,
.l-node-page--full__contact--location,
.l-node-page--full__contact--branches,
.l-node-used-vehicle--full__blocks--finance-inner,
.l-title__image:after,
.l-footer__blocks:before,
.l-node-frontpage--full__rep-example--outer {
  background-color: #1e1e1e;
}
@media screen and (min-width: 75em) {
  .top-bar .main-menu > li ul.submenu {
    background-color: #1e1e1e;
  }
}


/* Text on Secondary Colour */
#headerHours h2, #headerHours .close-button,
.l-node-frontpage--full__slideshow .slide-caption .button,
.l-node-frontpage--full__search--content p,
.l-node-frontpage--full__search--content select,
.l-node-frontpage--full__search--content label,
.block-search-block #used-search-block select,
#used-search-block .form-radios label,
.l-node-used-vehicle--latest-vehicles__price,
.l-node-used-vehicle--compare-vehicle__price, 
.l-node-used-vehicle--search-result__price,
.l-node-used-vehicle--sold-gallery__price,
.l-node-frontpage--full__search-logos--title h2,
.l-node-frontpage--full__search-logos--title .search-logo-radio .form-radios label,
.slick--logo-search .slick-prev:before, .slick--logo-search .slick-next:before, 
.slick--body-search .slick-prev:before, .slick--body-search .slick-next:before,
.slick--logo-search .slick-prev:before, .slick--logo-search .slick-next:before, 
.slick--body-search .slick-prev:before, .slick--body-search .slick-next:before,
.slick--vehicle-gallery-thumbs .slick-prev:before, 
.slick--vehicle-gallery-thumbs .slick-next:before,
.node-used-vehicle.view-mode-full .vehicle-ctas .button,
.l-node-page--full__contact--branches select,
.l-node-page--full__contact--branches .tabs-content,
.node-branch.hours .tabs .tabs-title > a,
.node-branch.hours .tabs .tabs-title > a:focus, 
.node-branch.hours .tabs .tabs-title > a[aria-selected='true'],
.l-node-page--full__contact .node-branch.hours .field-name-opening-hours .day-wrap,
.l-node-used-vehicle--full__blocks--finance h3, .l-node-used-vehicle--full__blocks--finance p,
.l-node-frontpage--full__rep-example--outer,
.finance-search-filters #financeSearchFilters label,
.finance-search-filters #financeSearchFilters select, 
.finance-search-filters #financeSearchFilters input[type="number"],
.l-node-page--full__contact--dropdown label {
  color: #ffffff;
}
.l-node-page--full__contact--branches select,
.l-node-page--full__contact .node-branch.hours .field-name-opening-hours .day-wrap {
  border-color: #ffffff;
}
@media screen and (min-width: 75em) {
  .top-bar .main-menu > li ul.submenu a,
  .top-bar .main-menu > li ul.submenu a:before {
    color: #ffffff;
  }
}



/* Tertiary Colour */
.l-node-frontpage--full__tabs,
.l-node-frontpage--full__reviews--outer,
.l-node-frontpage--full__title:before,
.not-front .l-main .l-breadcrumb,
.l-search__tabs .tabs,
.layout-options .layout-option i,
.l-node-used-vehicle--full__blocks--partex-inner,
.node-used-vehicle.view-mode-full .accordion .accordion-item.is-active,
.contact-form, .vehicle-enquiry-form,
.l-node-page--full__contact--form,
.block-search-block #used-search-block .used-search-block-expand .button,
.finance-slider-form .noUi-target,
.l-footer__images--inner:before,
.l-footer__images:after,
.l-node-used-vehicle--full__blocks--finance .button {
  background-color: #dfdfdf;
}
@media screen and (min-width: 48em) {
  .rows .l-node-used-vehicle--compare-vehicle__more-info a, 
  .rows .l-node-used-vehicle--search-result__more-info a, 
  .rows .l-node-used-vehicle--sold-gallery__more-info a {
    background-color: #dfdfdf;
    color: #1e1e1e;
  }
}


/* Text on Tertiary Colour */
.node-frontpage #home-tabs .tabs-title a,
.l-node-frontpage--full__reviews--text h2, 
.l-node-frontpage--full__reviews--text p,
.breadcrumbs a,
.breadcrumbs,
.breadcrumbs li,
.breadcrumbs li:not(:last-child)::after,
.l-search__tabs .tabs .tabs-title a,
.layout-options .layout-option i,
.l-node-used-vehicle--full__blocks--partex-inner h3,
.l-node-used-vehicle--full__blocks--partex-inner p,
.node-used-vehicle.view-mode-full .accordion .accordion-item.is-active .accordion-title,
.node-used-vehicle.view-mode-full .accordion .accordion-item .accordion-content,
.contact-form h2, .vehicle-enquiry-form h2,
.contact-form label, .vehicle-enquiry-form label,
.block-search-block #used-search-block .used-search-block-expand .button,
.l-node-used-vehicle--full__blocks--finance .button {
  color: #1e1e1e;
}



@media screen and (min-width: 48em) {
  .l-node-frontpage--full__promotional-blocks--outer {
      background-image: linear-gradient(to bottom, #1e1e1e 50%, #dfdfdf 50%);
  }
}


/* Footer Background Colour */
.l-footer__main,
.l-footer__makes {
  background-color: #1e1e1e;
}


/* Footer Text Colour */
.l-footer__main,
.l-footer__main a, .l-footer__main p, .l-footer__main h3,
.l-footer__makes,
.l-footer__makes a, .l-footer__makes p, .l-footer__makes h3,
.l-footer__branch select,
.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,
.node-branch.hours .field-name-opening-hours .day-wrap,
.l-footer .social.footer i,
.l-footer__branch label {
  color: #ffffff;
}
.l-footer__branch select,
.node-branch.hours .field-name-opening-hours .day-wrap {
  border-color: #ffffff;
}