/*
* Color Variable Styles
*/


/* Header Background Colour */
.l-header,
.top-bar, .top-bar ul,
.top-bar .main-menu,
.title-bar,
.top-bar .main-menu > li a.active:not(.has-form) > a:not(.button), 
.menu > .active > a,
.top-bar .main-menu > li > a:hover,
.main-menu > li.is-active > a,
.top-bar .main-menu > li.is-active > a {
  background-color: #000000;
}



/* Header Text Colour */
.l-header,
.l-header .social i,
.top-bar .main-menu a,
.title-bar .menu-icon,
.block-phone-numbers__mobile-button,
.light-background .block-phone-numbers__mobile-button {
  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:hover, .button:focus, .button:active, button:hover, button:focus, button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active,
.slick .slick-dots li.slick-active button:before,
.node-frontpage #home-tabs .tabs-title.is-active a,
.l-node-frontpage--full__tabs--inner:before, .l-node-frontpage--full__tabs--inner:after,
.l-node-frontpage--full__tabs--inner .tabs:before, .l-node-frontpage--full__tabs--inner .tabs:after,
.l-node-frontpage--full__search-logos--title .search-logo-radio .form-radios input[type="radio"]:checked + label,
.node-frontpage .read-more-button:hover, .node-frontpage .read-more-button:focus, .node-frontpage .read-more-button:active, .node-frontpage .read-less-button:hover, .node-frontpage .read-less-button:focus, .node-frontpage .read-less-button:active,
.not-front .l-main .l-sidebar .accordion .accordion-item.is-active .accordion-title,
.view-fmgauto-search-page .layout-options .layout-option.selected, .view-fmgauto-search-page .layout-options .layout-option:hover,
#saved-vehicles,
.l-node-page--full__contact--address,
.l-node-used-vehicle--compare-vehicle__monthly-payment--inner, .l-node-used-vehicle--search-result__monthly-payment--inner, .l-node-used-vehicle--sold-gallery__monthly-payment--inner,
.primary-colour-background,
.finance-slider-form .noUi-connect,
.finance-slider-form .noUi-handle, 
.finance-slider-form .noUi-horizontal .noUi-handle,
.part-exchange-form-container #partex-tabs .tabs-title span.active-tab,
.used-vehicles-compare .field-results .details-button a,
.block-search-block #used-search-block .used-search-block-facets__finance-radio .form-radios input[type="radio"]:checked + label,
.l-node-used-vehicle--latest-vehicles__monthly-price--inner,
.slick--vehicle-gallery-thumbs .slick-prev:before, .slick--vehicle-gallery-thumbs .slick-next:before,
.l-node-used-vehicle--full__blocks--finance .button, .l-node-used-vehicle--full__blocks--partex .button,
.vehicle-valuation-form .form-buttons .form-item-button .button {
  background-color: #b99235;
}
.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 .slick--home-slider .slick-slide .slide-image-wrap:before,
.slick .slick-dots li button:before,
.node-frontpage .tabs-content .tabs-content-wrap, 
.node-frontpage .tabs-content .block-search-block #used-search-block.search-multiveh-finance .used-search-block-facets, 
.node-frontpage .tabs-content .service-booking-form .form-row:first-child,
.node-frontpage .service-booking-form input[type="text"],  
.node-frontpage .service-booking-form input[type="number"],
.l-node-used-vehicle--latest-vehicles__photo,
.l-node-used-vehicle--latest-vehicles__price--inner,
.l-node-used-vehicle--latest-vehicles:before,
.l-node-frontpage--full__search-logos--title .search-logo-radio,
.l-node-frontpage--full__search-logos .tab .slick-list:before,
.l-node-frontpage--full__search-logos .tab .slick-list:after,
.l-node-frontpage--full__search-logos--outer,
.node-frontpage .read-more-button, .node-frontpage .read-less-button,
.l-footer__branch select,
.node-branch.hours .tabs .tabs-title > a:focus, .node-branch.hours .tabs .tabs-title > a[aria-selected='true'],
.node-branch.hours .field-name-opening-hours .day.opening-day .day-wrap,
.view-fmgauto-search-page .layout-options .layout-option,
.l-node-used-vehicle--compare-vehicle__photo-inner, 
.l-node-used-vehicle--search-result__photo-inner, 
.l-node-used-vehicle--sold-gallery__photo-inner,
.l-node-used-vehicle--compare-vehicle__price--inner, 
.l-node-used-vehicle--search-result__price--inner, 
.l-node-used-vehicle--sold-gallery__price--inner,
.l-node-used-vehicle--compare-vehicle:before, 
.l-node-used-vehicle--search-result:before, 
.l-node-used-vehicle--sold-gallery:before,
.l-node-used-vehicle--full__price--inner,
.l-node-used-vehicle--full__monthly-payment--inner,
.slick .slick-prev::before, .slick .slick-next::before,
.slick--vehicle-gallery-main .slick-slide img,
.slick--vehicle-gallery-thumbs .slick-slide img,
.l-page-title__title h1,
.l-node-page--full__contact--branches select,
.l-node-page--full__contact--form .l-node-page--full__form,
.l-node-page--full__contact--directions-inner,
.l-node-page--full__contact--directions-dropdown select,
.node-frontpage .node-testimonial.view-mode-teaser .testimonial-wrap .testimonial-body,
.l-node-frontpage--full__reviews--outer,
.l-node-frontpage--full__block-large .block-inner,
#fmgauto-finance-plugins--finance-parameters--representative-example,
.l-node-page--full__contact--map #mapContact,
.l-node-used-vehicle--full__blocks--finance-inner, .l-node-used-vehicle--full__blocks--partex-inner,
.front .block-search-block #used-search-block .used-search-block-facets,
.finance-slider-form .noUi-target,
.top-bar .main-menu > li .submenu,
.used-vehicles-compare .field-results .details-button a,
.block-search-block #used-search-block .used-search-block-facets__finance-radio .form-radios,
.node-used-vehicle.view-mode-full .accordion .accordion-item .accordion-title,
.node-used-vehicle.view-mode-full .accordion .accordion-item .accordion-title:hover, 
.node-used-vehicle.view-mode-full .accordion .accordion-item .accordion-title:focus,
.l-node-used-vehicle--full__finance--outer {
  border-color: #b99235;
}
.l-header__contact-details span,
.l-header .social i:hover,
.l-node-frontpage--full__slideshow .slick--home-slider .slick-slide h3,
.node-frontpage .tabs-content .tabs-content-wrap span, 
.node-frontpage .tabs-content .block-search-block #used-search-block.search-multiveh-finance .used-search-block-facets span, 
.node-frontpage .tabs-content .service-booking-form .form-row:first-child span,
.l-node-used-vehicle--latest-vehicles .field-name-branch i,
.slick .slick-prev::before, .slick .slick-next::before,
.l-footer h4,
.l-footer__branch select,
.l-footer__contact .block-phone-numbers.footer span,
.node-branch.hours .tabs .tabs-title > a:focus, .node-branch.hours .tabs .tabs-title > a[aria-selected='true'],
.node-branch.hours .field-name-opening-hours .day.opening-day .day-wrap,
.social.footer i:hover,
.view-fmgauto-search-page .layout-options .layout-option,
.node-used-vehicle.view-mode-search_result .field-name-branch i,
.breadcrumbs li,
.node-used-vehicle.view-mode-full .field-name-branch i,
.node-used-vehicle.view-mode-full .field-name-fmg-quoteware-api-payment,
.node-used-vehicle.view-mode-full h3,
.contact-form h2 strong, .vehicle-enquiry-form h2 strong,
.l-node-page--full__contact--branches select,
.node-branch.hours .phone-title,
.l-node-page--full__contact--directions-dropdown select,
.used-vehicles-compare .field-results .details-button a,
.used-vehicles-compare .field-results .remove-button a,
.l-node-frontpage--full__reviews--text .fr-view h3,
.node-frontpage .node-testimonial.view-mode-teaser .testimonial-wrap .testimonial-stars i,
.l-node-frontpage--full__block-large p,
#fmgauto-finance-plugins--finance-parameters--representative-example .accordion .accordion-item .accordion-title,
.block-promotional-block.default .field-name-content,
.additional-style.additional-style-20 .additional-style-inner .additional-style-20__title h2:after,
.primary-colour-text,
.top-bar .main-menu > li .submenu a span:before,
.l-node-used-vehicle--full__call,
.block-phone-numbers .header-phone__label,
.block-search-block #used-search-block .used-search-block-expand .button:hover,
.node-used-vehicle.view-mode-full .accordion .accordion-item .accordion-title,
.node-used-vehicle.view-mode-full .accordion .accordion-item .accordion-title:hover, 
.node-used-vehicle.view-mode-full .accordion .accordion-item .accordion-title:focus,
.light-background input[type="submit"],
.l-node-page--full__contact--dropdown h4 {
  color: #b99235;
}
@media screen and (min-width: 75em) {
  .top-bar .main-menu > li.active > a, .top-bar .main-menu > li.is-active > a, .top-bar .main-menu > li > a:hover {
    color: #b99235;
  }
  .top-bar .main-menu > li a:before {
    background-color: #b99235;
  }
}

.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 {
  color: #b99235;
}

.additional-style.additional-style-8 .additional-style-inner {
  border-color: #b99235;
}
@media screen and (min-width: 48em) {
  .l-node-frontpage--full__content--outer {
    background: linear-gradient(to right, #b9923560 0%, #b99235 50%, #0D0D0D 50%);
  }
  .light-background .l-node-frontpage--full__content--outer {
    background: linear-gradient(to right, #b9923560 0%, #b99235 50%, #ffffff 50%);
  }
}
@media screen and (max-width: 47.99875em) {
  .l-node-frontpage--full__title {
    background-color: #b99235;
  }
}



/* 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:hover, .button:focus, .button:active, button:hover, button:focus, button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active,
.node-frontpage #home-tabs .tabs-title.is-active a,
.l-node-frontpage--full__search-logos--title .search-logo-radio .form-radios input[type="radio"]:checked + label,
.node-frontpage .field-name-title--frontpage h1,
.node-frontpage .read-more-button:hover, .node-frontpage .read-more-button:focus, .node-frontpage .read-more-button:active, .node-frontpage .read-less-button:hover, .node-frontpage .read-less-button:focus, .node-frontpage .read-less-button:active,
.not-front .l-main .l-sidebar .accordion .accordion-item.is-active .accordion-title,
.view-fmgauto-search-page .layout-options .layout-option.selected, .view-fmgauto-search-page .layout-options .layout-option:hover,
#saved-vehicles,
.l-node-page--full__contact--address,
.node-used-vehicle.view-mode-search_result .field-name-fmg-quoteware-api-payment,
.part-exchange-form-container #partex-tabs .tabs-title span.active-tab,
.used-vehicles-compare .field-results .details-button a,
.block-search-block #used-search-block .used-search-block-facets__finance-radio .form-radios input[type="radio"]:checked + label,
.slick--vehicle-gallery-thumbs .slick-prev:before, .slick--vehicle-gallery-thumbs .slick-next:before,
.l-node-used-vehicle--full__blocks--finance .button, .l-node-used-vehicle--full__blocks--partex .button,
.light-background .button:hover,
.light-background button:hover,
.light-background input[type="submit"]:hover,
.light-background .node-frontpage #home-tabs .tabs-title.is-active a {
  color: #101010;
}
.l-node-used-vehicle--latest-vehicles .field-name-field-vehicle-monthly-price {
  color: #101010 !important;
}


/* Footer Background Colour */
.l-footer__main {
  background-color: #090909;
}


/* Footer Text Colour */
.l-footer,
.l-footer__main,
.l-footer a, .l-footer p,
.l-footer .node-branch.hours .field-name-opening-hours .day-wrap,
.social.footer i {
  color: #ffffff;
}
.l-footer .node-branch.hours .field-name-opening-hours .day-wrap {
  border-color: #ffffff;
}