/*
* Color Variable Styles
*/

/* Header Background Colour */
.l-header,
.l-header__search .search-wrap,
.l-header__nav .menu-wrap,
.drilldown .is-drilldown-submenu.is-active {
  background: #141414;
}


/* Header Text Colour */
.l-header__search .search-open i,
.l-header__nav .menu-open i,
.top-bar .main-menu a,
.l-header .block-search-block #used-search-block .used-search-block-heading .used-search-block-title h2,
.l-header .block-search-block #used-search-block .used-search-block-facets__finance-radio:before,
.l-header .block-search-block #used-search-block select,
.l-header .block-search-block #used-search-block select:hover,
.l-header .block-search-block #used-search-block .used-search-block-submit .button,
.l-header .block-search-block #used-search-block .used-search-block-facets__vehicle-status .form-radios label,
.l-header .block-search-block #used-search-block label,
.l-header__search .search-open span,
.l-header__nav .menu-open span {
  color: #ffffff;
}


/* Primary Colour */
button,
.button,
input[type="submit"],
button:hover,
.button:hover,
input[type="submit"]:hover,
button:focus,
.button:focus,
input[type="submit"]:focus,
#saved-vehicles,
#saved-vehicles:hover,
.block-promotional-block .field-name-title:after,
.block-social-icon .field-name-content:after,
.node-frontpage .field-name-title__frontpage h1:after,
.vehicle-makes li a:hover:after,
.l-title-inner h1:after,
.l-title-inner h2:after,
.vehicle-details .l-title-inner h2:after,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.node-new-vehicle.view-mode-search-result .field-name-field-sash,
.node-new-vehicle.view-mode-full .field-name-field-sash,
.node-used-vehicle.view-mode-full h3:not(.accordion):after,
.node-used-vehicle.view-mode-full h2:after,
.block-promotional-block.view-mode-sidebar .field-name-title:after,
.node-frontpage .hero-caption h2:after,
.l-node-frontpage--full__info-outer,
.node-frontpage .finance-block .finance-slider-form .submit-button input[type="submit"],
.node-frontpage .finance-block .finance-slider-form .slider,
.node-branch .field-name-opening-hours .opening-day,
.node-used-vehicle.view-mode-search_result .footer-button .button:hover,
.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,
.node-used-vehicle.view-mode-full .finance-details-cta .finance-cta .button,
.finance-slider-form .noUi-connect,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review:after,
.button.frame:hover,
.node-used-vehicle.view-mode-full .vehicle-ctas .button:hover,
.reviews-slider,
.vehicle-results .block-search-block #used-search-block .used-search-block-submit .button,
.new-vehicle-results .block-search-block #used-search-block .used-search-block-submit .button,
.web-section-gallery .block-search-block #used-search-block .used-search-block-submit .button,
.branch-section-gallery .block-search-block #used-search-block .used-search-block-submit .button,
.node-used-vehicle.view-mode-full .vehicle-ctas .enquiry .button,
.node-used-vehicle.view-mode-search_result .field-name-branch i,
.node-used-vehicle.view-mode-full .field-name-branch i,
.l-footer__third .field-name-opening-hours .day.opening-day,
.primary-colour-background,
.l-booking-tool--outer.half-width .l-booking-tool--inner,
#contactPopup h2:after {
  background-color: #af0911;
}
.top-bar .main-menu a:hover,
.block-search-block #used-search-block .used-search-block-submit .button:hover,
.node-frontpage .front-buttons .button.white:hover,
.reviews-slider .node-testimonial:after,
.block-social-icon:hover .field-name-icon,
.block-social-icon:hover .field-name-title,
.block-social-icon:hover .field-name-content,
.l-footer__title h2,
.node-used-vehicle.view-mode-search_result .footer-button:not(.field-name-more-information) .button:hover,
.block-search-block #used-search-block .used-search-block-expand .advanced-search-button:hover,
.node-used-vehicle.view-mode-search_result .field-name-fmg-quoteware-api-payment,
.node-used-vehicle.view-mode-full .field-name-fmg-quoteware-api-payment,
.node-used-vehicle.view-mode-search_result .footer-button:not(.field-name-more-information) .button,
.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,
.button.frame,
.node-used-vehicle.view-mode-full .vehicle-ctas .button,
.node-used-vehicle.view-mode-search_result .field-name-fmg-quoteware-api-payment .monthlyPaymentAmount,
.additional-style.additional-style-20 .additional-style-inner .additional-style-20__title h2:after,
.l-node-used-vehicle--latest-vehicles .field-name-make-model,
.primary-colour-text {
  color: #af0911;
}
.l-header,
.l-header .block-search-block #used-search-block select,
button,
.button,
input[type="submit"],
.l-footer__fourth,
.l-node-used-vehicle--search-result,
.l-node-used-vehicle--sold-gallery,
.node-used-vehicle.view-mode-search_result .footer-button .button,
.node-used-vehicle.view-mode-full .finance-details-cta .finance-cta .button,
.additional-style.additional-style-8 .additional-style-inner,
.used-vehicles-compare .field-results .details-button a,
.button.frame,
.node-used-vehicle.view-mode-full .vehicle-ctas .button,
.l-footer__lower {
  border-color: #af0911;
}
@media screen and (max-width: 47.99875em) {
  .l-block-promotional-block--default,
  .block-social-icon,
  .l-block-promotional-block--sidebar,
  .block-phone-numbers .header-phone {
      border-color: #af0911;
  }
  .block-phone-numbers .header-phone {
    background: #af0911;
  }
}


/* Text on Primary Colour */
button,
.button,
input[type="submit"],
button:hover,
.button:hover,
input[type="submit"]:hover,
button:focus,
.button:focus,
input[type="submit"]:focus,
#saved-vehicles,
#saved-vehicles:hover,
.button.success, .button.success:hover, button.success, button.success:hover, input[type="submit"].success, input[type="submit"].success:hover,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.node-new-vehicle.view-mode-search-result .field-name-field-sash,
.node-new-vehicle.view-mode-full .field-name-field-sash,
.node-frontpage .info-text,
.node-frontpage .finance-block .finance-slider-form .submit-button input[type="submit"],
.node-branch .field-name-opening-hours .opening-day,
.node-used-vehicle.view-mode-search_result .footer-button .button:hover,
.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,
.node-used-vehicle.view-mode-full .finance-details-cta .finance-cta .button,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review:after,
.button.frame:hover,
.node-used-vehicle.view-mode-full .vehicle-ctas .button:hover,
.reviews-slider h3,
.reviews-slider,
.reviews-slider .slick--testimonial-ticker .slick-prev::before, 
.reviews-slider .slick--testimonial-ticker .slick-next::before,
.vehicle-results .block-search-block #used-search-block .used-search-block-submit .button,
.new-vehicle-results .block-search-block #used-search-block .used-search-block-submit .button,
.web-section-gallery .block-search-block #used-search-block .used-search-block-submit .button,
.branch-section-gallery .block-search-block #used-search-block .used-search-block-submit .button,
.node-used-vehicle.view-mode-full .vehicle-ctas .enquiry .button,
.node-used-vehicle.view-mode-search_result .field-name-branch i,
.node-used-vehicle.view-mode-full .field-name-branch i,
.l-footer__third .field-name-opening-hours .day.opening-day,
.l-booking-tool--outer.half-width .contact-form.service-booking-form .button, 
.l-booking-tool--outer.half-width .contact-form.service-booking-form button {
  color: #ffffff;
}
.node-frontpage .finance-block .finance-slider-form .slider::-webkit-slider-thumb,
.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;
}
.l-booking-tool--outer.half-width .contact-form.service-booking-form .button, 
.l-booking-tool--outer.half-width .contact-form.service-booking-form button {
  border-color: #ffffff;
}


/* Secondary Colour */
.block-promotional-block.view-mode-sidebar,
.l-node-used-vehicle--full__tabscontent-outer,
.tabs-title>a:focus, .tabs-title>a[aria-selected='true'],
.tabs-title>a:hover,
.node-frontpage .front-buttons .button:hover,
.part-exchange-form-container #partex-tabs .tabs-title span,
.part-exchange-form-container #partex-tabs:before,
.sticky-mobile-cta.tab-text-and-icon .sticky-mobile-cta-tab, 
.sticky-mobile-cta.tab-icon-only .sticky-mobile-cta-tab,
.sticky-mobile-cta.bar-text-and-icon, .sticky-mobile-cta.bar-icon-only {
  background-color: #141414;
}
@media screen and (max-width: 47.99875em) {
  .l-block-promotional-block--default,
  .block-social-icon {
      background-color: #141414;
  }
}
.node-frontpage .front-buttons .button:hover {
  border-color: #141414;
}

.slick .slick-prev::before,
.slick .slick-next::before {
  color: #141414;
}


/* Alternate Secondary Colour */
.tabs-title {
  background-color: #141414;
}



/* Text on Secondary Colour */
.l-node-used-vehicle--full__tabscontent *,
.tabs-title>a,
.tabs-title>a:hover,
.tabs-title>a:focus, .tabs-title>a[aria-selected='true'],
.block-promotional-block.view-mode-sidebar .field-name-title,
.block-promotional-block.view-mode-sidebar .field-name-content p,
.block-promotional-block.view-mode-sidebar button.white,
.node-frontpage .front-buttons .button:hover,
.sticky-mobile-cta a {
  color: #ffffff;
}
@media screen and (max-width: 47.99875em) {
  .block-promotional-block .field-name-title,
  .block-social-icon .field-name-title {
    color: #ffffff;
  }
}
.block-promotional-block.view-mode-sidebar button.white {
  border-color: #ffffff;
}


/* Tertiary Colour */
.l-footer__images--outer,
.l-node-used-vehicle--search {
  background: #e4e4e4;
}
@media screen and (min-width: 48em) {
  .facebook .block-social-icon {
      background: #e4e4e4;
  }
}


/* Text on Tertiary Colour */
@media screen and (min-width: 48em) {
  .facebook .block-social-icon {
      color: #141414;
  }
}
/* Body Background Colour */
body,
#testDriveModal {
  background-color: #ffffff;
}
/* .node-frontpage .l-node-frontpage--full__body .fr-view.more-hidden:before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
} */


/* Alternate Body Background Colour */
/* .l-node-used-vehicle--compare-vehicle__wrap,
.l-node-used-vehicle--search-result__wrap, .l-node-used-vehicle--sold-gallery__wrap,
.l-node-used-vehicle--full__wrap,
.pagination a:hover, .pagination button:hover {
  background-color: #f6f6f6;
} */
.node-used-vehicle.view-mode-search_result .specs-list li .spec {
  border-color: #f6f6f6;
}

/* Text on Alternate Body Background Colour 
.node-used-vehicle.view-mode-search_result .field-name-title h3,
.node-used-vehicle.view-mode-search_result .specs-list li .label-inline,
.l-node-used-vehicle--search-result__additional,
.node-used-vehicle.view-mode-full .specs-list li .label-inline,
.node-used-vehicle.view-mode-search_result .field-name-fmg-quoteware-api-payment .label-inline,
.node-used-vehicle.view-mode-full .field-name-fmg-quoteware-api-payment .label-inline,
.node-used-vehicle.view-mode-search_result .specs-list li .field-value,
.node-used-vehicle.view-mode-full .specs-list li .field-value {
  color: #141414;
}*/


/* Body Text Colour */
body,
label,
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,
.new-vehicle .contact-form,
.reviews-slider .node-testimonial:before,
.pagination a, .pagination button,
.reviews-slider .node-testimonial .field-name-title h3,
.part-exchange-form-container .tabs-content,
#testDriveModal .close-button,
.vehicle-results .block-search-block #used-search-block .used-search-block-expand .advanced-search-button,
.new-vehicle-results .block-search-block #used-search-block .used-search-block-expand .advanced-search-button,
.web-section-gallery .block-search-block #used-search-block .used-search-block-expand .advanced-search-button,
.branch-section-gallery .block-search-block #used-search-block .used-search-block-expand .advanced-search-button,
.fmgauto-finance-plugins--finance-parameters--representative-example .tabs-content,
.node-used-vehicle.view-mode-search_result .field-name-title h3,
.node-used-vehicle.view-mode-search_result .specs-list li .label-inline,
.l-node-used-vehicle--search-result__additional,
.node-used-vehicle.view-mode-full .specs-list li .label-inline,
.node-used-vehicle.view-mode-search_result .field-name-fmg-quoteware-api-payment .label-inline,
.node-used-vehicle.view-mode-full .field-name-fmg-quoteware-api-payment .label-inline,
.node-used-vehicle.view-mode-search_result .specs-list li .field-value,
.node-used-vehicle.view-mode-full .specs-list li .field-value,
.node-used-vehicle.view-mode-search_result .field-name-save-vehicle .button,
.slick--logo-search .slick-prev::before, 
.slick--logo-search .slick-next::before,
.slick--body-search .slick-prev::before, 
.slick--body-search .slick-next::before {
  color: #141414;
}
.new-vehicle .contact-form input,
.new-vehicle .contact-form textarea,
#fmgauto-finance-plugins--finance-parameters--representative-example .tabs .tabs-title a {
  border-color: #141414;
}
#testDriveModal input[type="date"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='141' height='146'%3E%3Cpath id='calendarIcon' fill='%23141414' d='M13.3,126.4V37.4c0-2.4,.9-4.5,2.6-6.3c1.7-1.8,3.8-2.6 6.2-2.6h8.8v-6.7c0-3.1,1.1-5.7,3.2-7.9c2.2-2.2,4.7-3.3,7.8-3.3h4.4c3,0 5.6,1.1,7.8,3.3c2.2,2.2,3.2,4.8,3.2,7.9v6.7h26.4v-6.7c0-3.1,1.1-5.7 3.2-7.9c2.2-2.2,4.7-3.3,7.8-3.3h4.4c3,0,5.6,1.1,7.8,3.3c2.2,2.2,3.2 4.8,3.2,7.9v6.7h8.8c2.4,0,4.4,.9,6.2,2.6c1.7,1.8,2.6,3.8,2.6,6.3v88.9c0 2.4-.9,4.5-2.6,6.3c-1.7,1.8-3.8,2.6-6.2,2.6H22.1c-2.4,0-4.4-.9-6.2-2.6C14.2,130.8 13.3,128.8,13.3,126.4z M22.1,126.4h96.8V55.2H22.1V126.4z M39.7,41.9c0,.6,.2,1.2 .6,1.6c.4,.4,.9,.6,1.6,.6h4.4c.6,0,1.2-.2,1.6-.6c.4-.4 .6-.9,.6-1.6v-20c0-.6-.2-1.2-.6-1.6c-.4-.4-.9-.6-1.6-.6h-4.4c-.6,0-1.2,.2-1.6 .6c-.4,.4-.6,1-.6,1.6V41.9z M92.5,41.9c0,.6,.2,1.2,.6,1.6c.4,.4,.9,.6 1.6,.6h4.4c.6,0,1.2-.2,1.6-.6c.4-.4 .6-.9,.6-1.6v-20c0-.6-.2-1.2-.6-1.6c-.4-.4-.9-.6-1.6-.6h-4.4c-.6 0-1.2,.2-1.6,.6c-.4,.4-.6,1-.6,1.6V41.9z'/%3E%3C/svg%3E");
}
#at-fill {
  fill: #141414;
}

/* Title Text Colour */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #141414;
}

/* Input Border Colour */
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,
#fmgauto-finance-plugins--finance-parameters--representative-example {
  border-color: #eeeeee;
}


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

/* Footer Text Colour */
.l-footer,
.l-footer p,
.l-footer a,
.l-footer h3,
.node-branch.footer-address,
.vehicle-makes li a {
  color: #cccccc;
}