/*
* Color Variable Styles
*/

/* Header Background Colour */
.l-header,
.main-menu.drilldown,
.main-menu .submenu {
  background: #333333;
}
.l-header.stickytop {
  background: #333333B3;
}
@media screen and (min-width: 65em) {
  .front .l-header:not(.stickytop) {
    background: linear-gradient(#333333, transparent);
  }
}




/* Header Text Colour */
.top-bar .main-menu a,
.title-bar-title {
  color: #ffffff;
}
.menu-icon::after {
  background: #ffffff;
  box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
}
@media screen and (min-width: 65em) {
  .top-bar .main-menu>li a:before {
    background: #ffffff;
  }
}


/* Primary Colour */
button,
.button,
input[type="submit"],
button:hover,
.button:hover,
input[type="submit"]:hover,
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus,
#saved-vehicles,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.node-used-vehicle.view-mode-full .compare-button,
.l-block-promotional-block--default:hover,
.block-promotional-block.sidebar:hover,
.node-used-vehicle.view-mode-search_result .field-name-field-field-vehicle-photos,
.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,
.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,
.block-search-block #used-search-block .used-search-block-facets__vehicle-status .form-radios input[type="radio"]:checked+label,
.finance-slider-form .noUi-connect,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review:after,
.node-used-vehicle .field-name-branch i,
.primary-colour-background,
.l-booking-tool--outer.half-width .l-booking-tool--inner {
  background-color: #0046c8;
}
.node-used-vehicle.view-mode-search_result .field-name-field-vehicle-price,
.node-used-vehicle.view-mode-search_result .field-name-admin-fee,
.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,
.node-used-vehicle .field-name-fmg-quoteware-api-payment .monthlyPaymentAmount,
.additional-style.additional-style-20 .additional-style-inner .additional-style-20__title h2:after,
.primary-colour-text {
  color: #0046c8;
}
.l-node-used-vehicle--search,
.additional-style.additional-style-8 .additional-style-inner,
.used-vehicles-compare .field-results .details-button a {
  border-color: #0046c8;
}


/* Text on Primary Colour */
button,
.button,
input[type="submit"],
button:hover,
.button:hover,
input[type="submit"]:hover,
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus,
#saved-vehicles,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.node-used-vehicle.view-mode-full .compare-button,
.l-block-promotional-block--default:hover .field-name-title,
.block-promotional-block.sidebar:hover .field-name-icon,
.block-promotional-block.sidebar:hover .field-name-title,
.block-promotional-block.sidebar:hover .field-name-content,
.node-frontpage .finance-block .finance-slider-form .submit-button input[type="submit"],
.node-branch .field-name-opening-hours .opening-day,
.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,
.block-search-block #used-search-block .used-search-block-facets__vehicle-status .form-radios input[type="radio"]:checked+label,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review:after,
.node-used-vehicle .field-name-branch i,
.contact-form.service-booking-form h2,
.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 */
.tabs-title>a:focus, .tabs-title>a[aria-selected='true'],
.tabs-title>a:hover,
.l-node-frontpage--full__search-outer,
.slick--vehicle-gallery-thumbs .slick-prev, 
.slick--vehicle-gallery-thumbs .slick-next,
.vehicle-running-cost-calcuator,
.contact-form form, 
.vehicle-enquiry-form form,
.node-used-vehicle.view-mode-full .vehicle-ctas .button,
.node-used-vehicle.view-mode-full .compare-button,
.part-exchange-form-container #partex-tabs .tabs-title span,
.part-exchange-form-container #partex-tabs:before,
.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: #eeeeee;
}
.l-node-used-vehicle--compare-vehicle, 
.l-node-used-vehicle--search-result, 
.l-node-used-vehicle--sold-gallery {
  border-color: #eeeeee;
}


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


/* Text on Secondary Colour */
.tabs-title>a,
.tabs-title>a:hover,
.tabs-title>a:focus, .tabs-title>a[aria-selected='true'],
.slick--vehicle-gallery-thumbs .slick-prev:before, 
.slick--vehicle-gallery-thumbs .slick-next:before,
.vehicle-running-cost-calcuator,
.vehicle-running-cost-calcuator label,
.l-node-page--full__formrow--outer h2,
.part-exchange-form-container .form-item label,
.part-exchange-form-container #partex-tabs .tabs-title a,
.block-search-block #used-search-block .used-search-block-expand .button,
.node-used-vehicle.view-mode-full .vehicle-ctas .button,
.node-used-vehicle.view-mode-full .compare-button,
.part-exchange-form-container #partex-tabs .tabs-title span,
.sticky-mobile-cta a {
  color: #000000;
}



/* Body Background Colour */
body,
#testDriveModal {
  background-color: #ffffff;
}

/* Body Text Colour */
body,
label,
.slick--latest-vehicles-slider-home .slick-prev::before, 
.slick--latest-vehicles-slider-home .slick-next::before, 
.slick--latest-vehicles-slider .slick-prev::before, 
.slick--latest-vehicles-slider .slick-next::before,
.pagination a,
#testDriveModal .close-button,
.fmgauto-finance-plugins--finance-parameters--representative-example .tabs-content,
.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: #000000;
}
#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='%23000000' 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");
}
#fmgauto-finance-plugins--finance-parameters--representative-example .tabs .tabs-title a {
  border-color: #000000;
}
#at-fill {
  fill: #000000;
}

/* Alternate Body Background Colour */
.l-node-used-vehicle--compare-vehicle, 
.l-node-used-vehicle--search-result, 
.l-node-used-vehicle--sold-gallery,
.pagination a:hover, .pagination button:hover {
  background-color: #b0b0b0;
}
.node-used-vehicle.view-mode-full .specs-list li .spec {
  border-color: #b0b0b0;
}

/* Text on Alternate Body Background Colour */
.node-used-vehicle.view-mode-search_result .field-name-title h3,
.node-used-vehicle.view-mode-search_result .field-name-fmg-quoteware-api-payment,
.pagination a:hover, .pagination button:hover {
  color: #ffffff;
}



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

/* Footer Background Colour */
.l-footer__first-outer,
.l-footer__fifth {
  background-color: #2a2a2a;
}
.l-footer {
  background-color: #2a2a2aE6;
}

/* Footer Text Colour */
.l-footer,
.l-footer a, 
.l-footer p,
.l-footer h2,
.social.footer i {
  color: #ffffff;
}