/*
* Color Variable Styles
*/

/* Body Background Colour */
body,
.reveal,
.l-footer__top {
  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,
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,
.reveal .close-button,
.block-phone-numbers__mobile p, .block-phone-numbers__mobile .header-phone .field-name-field-label,
.fmgauto-finance-plugins--finance-parameters--representative-example .tabs-content,
.vehicle-results .finance-adjust-button button, .sold-gallery .finance-adjust-button button, .web-section-gallery .finance-adjust-button button, .branch-gallery .finance-adjust-button button {
  color: #000000;
}
/* .slick .slick-dots li button:before,
.part-exchange-form-container #partex-tabs .tabs-title:after {
  background-color: <no value>;
}
.view-fmgauto-search-page .search-filters select,
.node-used-vehicle.view-mode-full .vehicle-ctas .button.whatsapp {
  border-color: <no value>;
}
@media screen and (min-width: 48em) {
  .node-used-vehicle.view-mode-full #vehicle-tabs {
    border-color: <no value>;
  }
} */
#fmgauto-finance-plugins--finance-parameters--representative-example .tabs .tabs-title a,
.vehicle-results .finance-adjust-button button, .sold-gallery .finance-adjust-button button, .web-section-gallery .finance-adjust-button button, .branch-gallery .finance-adjust-button button,
.node-used-vehicle.view-mode-full .vehicle-ctas .button.whatsapp:before {
  border-color: #000000;
}
#at-fill {
  fill: #000000;
}


/* Header Background Colour */
@media screen and (max-width: 48em) {
  .l-header {
    background-color: #000000;
  }
}

@media screen and (min-width: 48em) {
  .l-header__top,
  .l-header__top:before {
    background-color: #000000;
  }
}



/* Header Text Colour */
.l-header__top,
.l-header__top .button,
.block-phone-numbers.header .block-phone-numbers__desktop > div:after {
  color: #ffffff;
}
@media screen and (max-width: 47.99875em) {
  .title-bar .menu-icon::after {
    background: #ffffff !important;
    color: #ffffff !important;
    box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff !important;
  }
}


/* Primary Colour */
.button, button, input[type="submit"],
.button:before, button:before, input[type="submit"]:before,
button:disabled, button[disabled], .button:disabled, .button[disabled],
.fr-view .fr-file,
.field-name-get-directions .directions__submit button:before,
#part-exchange .button:before,
#saved-vehicles,
.block-search-block #used-search-block .used-search-block-submit .button,
.block-search-block #used-search-block .used-search-block-submit .button:hover,
.block-search-block #used-search-block .used-search-block-submit:before,
.finance-slider-form .noUi-connect,
.part-exchange-form-container #partex-tabs .tabs-title.is-active:after,
.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,
.view-fmgauto-search-page .node-used-vehicle.view-mode-search_result .field-name-field-sash:before,
.node-used-vehicle.view-mode-full .field-name-field-sash:before,
.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-logo-search-wrap .block-logo-search-title:before,
.block-logo-search-wrap .block-logo-search-title:after,
.l-node-frontpage--full__contact--inner:after,
.l-block-promotional-block--default:after, 
.l-block-promotional-block--sidebar:after,
.l-node-used-vehicle--latest-vehicles__monthly-price-wrap,
.l-node-used-vehicle--latest-vehicles__monthly-price-wrap:before,
.view-fmgauto-search-page:not(.list) .l-node-used-vehicle--search-result__monthly-payment-wrap,
.view-fmgauto-search-page:not(.list) .l-node-used-vehicle--search-result__monthly-payment-wrap:before,
.l-node-used-vehicle--latest-vehicles__button button:hover,
.view-fmgauto-search-page:not(.list) .l-node-used-vehicle--search-result__more-info .button-style:hover .button,
.view-fmgauto-search-page:not(.list) .l-node-used-vehicle--search-result__more-info .button-style:hover:before,
.finance-search-filters #financeSearchFilters .search-filters__submit:before,
.l-title__outer,
.enquiry-form .form-submit:before,
.node-used-vehicle.view-mode-full .vehicle-ctas .button:before,
.node-branch .field-name-opening-hours .day.opening-day,
.with-image .l-breadcrumb__inner,
.with-image .l-breadcrumb__inner:before,
.with-image .l-breadcrumb__inner:after,
.top-bar .main-menu > li > a span:before,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review:after,
.l-booking-tool--outer.half-width .l-booking-tool--inner  {
  background-color: #343a40;
}
.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-frontpage .field-name-mini-title--frontpage h1,
.l-node-frontpage--full__contact h3 i,
.social.home i,
.l-footer__brands h4 span,
.node-frontpage .field-name-body--frontpage .fr-view .read-more-link,
.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,
.primary-colour-background {
  color: #343a40;
}

.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,
.block-logo-search-wrap .block-logo-search li a:hover:before, 
.block-logo-search-wrap .block-body-type-search li a:hover:before,
.additional-style.additional-style-8 .additional-style-inner,
.node-used-vehicle.view-mode-full .specs-list li .spec:before,
.used-vehicles-compare .field-results .details-button a {
  border-color: #343a40;
} 
/*
.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,
.contact-page .l-contact__directions .field-name-get-directions,
*/
@media screen and (min-width: 48em) {
  .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,
  .view-fmgauto-search-page.list .node-used-vehicle.view-mode-search_result .button-style .button,
  .view-fmgauto-search-page.list .node-used-vehicle.view-mode-search_result .button-style:before,
  .view-fmgauto-search-page.list .node-used-vehicle.view-mode-search_result .button-style .button:hover, 
  .view-fmgauto-search-page.list .node-used-vehicle.view-mode-search_result .button-style .button:focus, 
  .view-fmgauto-search-page.list .node-used-vehicle.view-mode-search_result .button-style .button:active {
    background-color: #343a40;
  }
} 

/* Text on Primary Colour */
.button, button, input[type="submit"],
button:disabled, button[disabled], .button:disabled, .button[disabled],
.fr-view .fr-file,
#saved-vehicles,
#part-exchange .button:before,
.block-search-block #used-search-block .used-search-block-submit .button,
.block-search-block #used-search-block .used-search-block-submit .button:hover,
.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-logo-search-wrap .block-logo-search-title h3,
.l-node-frontpage--full__contact--inner,
.l-node-used-vehicle--latest-vehicles__monthly-price-wrap,
.l-node-used-vehicle--latest-vehicles__button button:hover,
.view-fmgauto-search-page:not(.list) .l-node-used-vehicle--search-result__more-info .button-style:hover .button,
.view-fmgauto-search-page:not(.list) .field-name-fmg-quoteware-api-payment .label-inline,
.l-title__outer,
.l-title__outer .breadcrumbs,
.enquiry-form .form-submit,
.node-branch .field-name-opening-hours .day.opening-day,
.with-image .l-breadcrumb .breadcrumbs a,
.with-image .l-breadcrumb .breadcrumbs,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review: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: #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,
.social.home i {
  background-color: #ffffff;
}
@media screen and (min-width: 48em) {
  .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.curve .breadcrumbs a,
  .l-title__outer .breadcrumbs li:not(:last-child)::after,
  .view-fmgauto-search-page.list .node-used-vehicle.view-mode-search_result .button-style .button,
  .view-fmgauto-search-page.list .node-used-vehicle.view-mode-search_result .button-style .button:hover, 
  .view-fmgauto-search-page.list .node-used-vehicle.view-mode-search_result .button-style .button:focus, 
  .view-fmgauto-search-page.list .node-used-vehicle.view-mode-search_result .button-style .button:active {
    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 */
.l-header__left:before,
.l-header__left:after,
.l-node-used-vehicle--latest-vehicles__price-wrap,
.view-fmgauto-search-page:not(.list) .l-node-used-vehicle--search-result__price-wrap {
  background-color: #000000;
}


/* Text on Secondary Colour */
.l-node-used-vehicle--latest-vehicles .field-name-field-vehicle-price,
.view-fmgauto-search-page:not(.list) .node-used-vehicle.view-mode-search_result .field-name-field-vehicle-price,
.node-used-vehicle.view-mode-search_result .field-name-admin-fee {
  color: #ffffff;
}


/* Tertiary Colour */
.l-node-branch--contact-page__block--icon,
.l-node-branch--contact-page__block--icon:after,
.node-branch.view-mode-contact_page #contact-hours-tabs .tabs-title.is-active,
.vehicle-running-cost-calcuator {
  background-color: #f4f4f4;
}
.l-node-branch--contact-page__block,
.l-node-branch--contact-page__opening-hours {
  border-color: #f4f4f4;
}


/* Text on Tertiary Colour */
.l-node-branch--contact-page__block--icon,
.node-branch.view-mode-contact_page #contact-hours-tabs .tabs-title.is-active a,
.vehicle-running-cost-calcuator,
.vehicle-running-cost-calcuator label {
  color: #000000;
}


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

/* 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: #ffffff;
}
.social.footer i {
  background-color: #ffffff;
}