/*
* Color Variable Styles
*/

/* Body Background Colour */
body,
.reveal {
  background-color: #000;
}
.node-frontpage .field-name-body--frontpage .fr-view.more-hidden:before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000 75%, #000 100%);
}


/* Body Text Colour */
body,
form label,
.block-search-block #used-search-block .used-search-block-expand .advanced-search-button,
.slick .slick-prev::before, .slick .slick-next::before,
.view-fmgauto-search-page .search-filters select,
.pagination a, .pagination button,
.node-used-vehicle.view-mode-full .vehicle-ctas .button.whatsapp,
.tabs-title > a,
.fmgauto-finance-plugins--finance-parameters--representative-example .tabs-content,
.vehicle-results .finance-adjust-button button, 
.sold-gallery .finance-adjust-button button,
.reveal .close-button,
.block-phone-numbers__mobile p, .block-phone-numbers__mobile .header-phone .field-name-field-label {
  color: #fff;
}
.slick .slick-dots li button:before,
.part-exchange-form-container #partex-tabs .tabs-title:after {
  background-color: #fff;
}
.view-fmgauto-search-page .search-filters select,
.node-used-vehicle.view-mode-full .vehicle-ctas .button.whatsapp,
#fmgauto-finance-plugins--finance-parameters--representative-example .tabs .tabs-title a,
.vehicle-results .finance-adjust-button button, 
.sold-gallery .finance-adjust-button button {
  border-color: #fff;
}
@media screen and (min-width: 48em) {
  .node-used-vehicle.view-mode-full #vehicle-tabs {
    border-color: #fff;
  }
}
#at-fill {
  fill: #fff;
}



/* Header Background Colour */
.l-header,
.top-bar .main-menu > li .submenu,
.not-front .top-bar,
.l-title__outer.curve .l-title__title {
  background-color: <no value>;
}
.not-front .social.header i {
  color: <no value>;
}
@media screen and (max-width: 48em) {
  .top-bar {
    background-color: <no value>;
  }
}
@media screen and (min-width: 48em) {
  .l-title__outer.curve:before {
    background-color: <no value>;
  }
}


/* Header Text Colour */
.not-front .l-header,
.not-front .top-bar .main-menu a,
.not-front .top-bar .main-menu li.is-active a,
.title-bar .menu-icon.active:after,
.top-bar .main-menu > li .submenu a,
.l-title__outer.curve .l-title__title h1 {
  color: <no value>;
}
.not-front .social.header i,
.not-front .block-phone-numbers__desktop > div:before,
.not-front .block-phone-numbers .header-phone__phone:before {
  background-color: <no value>;
}
.not-front .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
  border-color: <no value> transparent transparent;
}
.not-front .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent.is-active > a::after {
  border-color: transparent transparent <no value>;
}
.menu-icon::after {
  background: <no value>;
  box-shadow: 0 7px 0 <no value>, 0 14px 0 <no value>;
}
@media screen and (max-width: 48em) {
  .l-header,
  .top-bar .main-menu a,
  .top-bar .main-menu li.is-active a {
    color: <no value>;
  }
}


/* Primary Colour */
.button, button, input[type="submit"],
button:disabled, button[disabled], .button:disabled, .button[disabled],
.fr-view .fr-file,
.finance-slider-form .noUi-connect,
.slick .slick-dots li.slick-active button:before,
.part-exchange-form-container #partex-tabs .tabs-title.is-active:after,
.l-title__outer.rectangle .l-title__title,
.block-promotional-block.sidebar .field-name-icon,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.l-node-used-vehicle--latest-vehicles .field-name-field-sash,
.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,
.top-bar .main-menu > li > a:before,
.block-search-block #used-search-block .used-search-block-facets__finance-radio .form-radios input[type="radio"]:checked + label,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review:after,
.primary-colour-background,
.l-booking-tool--outer.half-width .l-booking-tool--inner {
  background-color: #84CC16;
}
.node-frontpage .field-name-title--frontpage h1,
.node-frontpage .field-name-body--frontpage .fr-view .read-more-link,
.pagination a:hover, .pagination button:hover,
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'], .tabs-title > a:hover,
.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,
.node-branch.view-mode-contact_page .section-title:before,
.l-footer__brands h4 span,
.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 {
  color: #84CC16;
}
.block-logo-search-wrap .block-logo-search li a:hover, 
.block-logo-search-wrap .block-body-type-search li a:hover,
.node-used-vehicle.view-mode-full .specs-list li .spec:before,
.l-node-used-vehicle--full__cta,
.node-used-vehicle.view-mode-full #vehicle-tabs .tabs-title.is-active,
.part-exchange-form-container,
.contact-form,
.reveal .vehicle-enquiry-form,
.contact-page .l-contact__directions .field-name-get-directions,
.additional-style.additional-style-8 .additional-style-inner,
.used-vehicles-compare .field-results .details-button a {
  border-color: #84CC16;
}
.button:hover, .button:focus, .button:active, button:hover, button:focus, button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active,
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus,
.l-title__outer.rectangle .l-title__title:before {
  background-color: #84CC16;
}




/* Text on Primary Colour */
.button, button, input[type="submit"],
button:disabled, button[disabled], .button:disabled, .button[disabled],
.l-title__title h1,
.fr-view .fr-file,
.block-promotional-block.sidebar .field-name-icon,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.l-node-used-vehicle--latest-vehicles .field-name-field-sash,
.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__finance-radio .form-radios input[type="radio"]:checked + label,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review:after,
.l-title__outer.full-image .breadcrumbs a, .l-title__outer.full-image .breadcrumbs li:after,
.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: <no value>;
}
.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: <no value>;
}

.button:hover, .button:focus, .button:active, button:hover, button:focus, button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active,
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  color: <no value>;
}
.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: <no value>;
}

@media screen and (min-width: 48em) {
  .l-title__outer.curve .breadcrumbs a,
  .l-title__outer.curve .breadcrumbs li:not(:last-child)::after {
    color: <no value>;
  }
}



/* Footer Background Colour */
.l-footer {
  background-color: <no value>;
}


/* Footer Text Colour */
.l-footer,
.l-footer a, .l-footer p,
.l-footer__left .node-branch.footer-address, .l-footer__left .node-branch.legalities {
  color: <no value>;
}