/*
* Color Variable Styles
*/

/* Body Background Colour */
body,
.reveal,
.l-footer__top,
.l-footer__bottom {
  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 60%, #ffffff 100%);
}


/* Body Text Colour */
body,
form label,
.tabs-content,
.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,
.l-footer .l-footer__bottom, .l-footer .l-footer__bottom a, .l-footer .l-footer__bottom p,
.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: #000000;
}
.part-exchange-form-container #partex-tabs .tabs-title:after {
  background-color: #000000;
}
.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: #000000;
}
@media screen and (min-width: 48em) {
  .node-used-vehicle.view-mode-full #vehicle-tabs {
    border-color: #000000;
  }
}
#at-fill {
  fill: #000000;
}



/* Header Background Colour */
.l-header,
.l-title__outer.curve .l-title__title {
  background-color: #ffffff;
}
.not-front .social.header i {
  color: #ffffff;
}
@media screen and (min-width: 48em) {
  .l-title__outer.curve:before {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 48em) {
  .social.header i {
    background-color: #ffffff;
  }
  .front .social.header i {
    color: #ffffff;
  }
}


/* Header Text Colour */
.not-front .l-header,
.title-bar .menu-icon.active:after,
.title-bar-title {
  color: #000000;
}
.not-front .social.header i,
.not-front .block-phone-numbers__desktop > div:before,
.not-front .block-phone-numbers .header-phone__phone:before {
  background-color: #000000;
}
.menu-icon::after {
  background: #000000;
  box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
}
@media screen and (max-width: 48em) {
  .l-header,
  .top-bar .main-menu a,
  .top-bar .main-menu li.is-active a {
    color: #000000;
  }
  .social.header i {
    background-color: #000000;
  }
}


/* Primary Colour */
.button, button, input[type="submit"],
.button:hover, button:hover, input[type="submit"]:hover,
.button:focus, button:focus, input[type="submit"]:focus,
button:disabled, button[disabled], .button:disabled, .button[disabled],
.block-search-block #used-search-block .used-search-block-submit .button:hover,
#saved-vehicles,
.finance-slider-form .noUi-connect,
.part-exchange-form-container #partex-tabs .tabs-title.is-active:after,
.l-title__outer.rectangle .l-title__title,
.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,
.l-node-frontpage--full__hero.style-1 .l-node-frontpage--full__slideshow .slick-slide.slick-active:after,
.block-search-block #used-search-block .used-search-block-submit .button,
#return-to-top,
.l-block-promotional-block--default.home .l-block-promotional-block--default__icon, 
.l-block-promotional-block--sidebar.home .l-block-promotional-block--sidebar__icon,
.block-promotional-block:hover .read-more,
.block-promotional-block.home:hover .read-more,
.node-frontpage .field-name-body--frontpage .fr-view .read-more-link,
.node-frontpage .field-name-body--frontpage .fr-view .read-more-link:hover, .node-frontpage .field-name-body--frontpage .fr-view .read-more-link:focus, .node-frontpage .field-name-body--frontpage .fr-view .read-more-link:active,
.l-title__outer.full-image,
.l-title__outer,
.node-branch.view-mode-contact_page .section-title i,
.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: #262164;
}
.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,
.block-promotional-block.icons .field-name-icon,
.l-footer__brands h4 span,
.l-node-frontpage--full__images--title h1 .main-title,
.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: #262164;
}
.block-logo-search-wrap .block-logo-search li > div:hover, 
.block-logo-search-wrap .block-body-type-search li > div:hover,
.node-used-vehicle.view-mode-full .specs-list li .spec:before,
.node-used-vehicle.view-mode-search_result .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 .contact-form,
.additional-style.additional-style-8 .additional-style-inner,
.l-header,
.used-vehicles-compare .field-results .details-button a {
  border-color: #262164;
}
.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: #262164;
}
@media screen and (min-width: 48em) {
  .front .l-header,
  .l-node-frontpage--full__hero {
      background: linear-gradient(90deg, transparent 50%, #262164 50%);
  }
  .front .social.header i {
    color: #262164;
  }
}


/* Text on Primary Colour */
.button, button, input[type="submit"],
button:disabled, button[disabled], .button:disabled, .button[disabled],
#saved-vehicles,
.l-title h1,
.l-title .breadcrumbs a,
.l-title .l-breadcrumb .breadcrumbs li:not(:last-child)::after,
.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,
.slick--home-slider .slick-dots li.slick-active button:before,
.l-node-frontpage--full__slideshow .slick-dots li button:before,
.block-search-block #used-search-block .used-search-block-submit .button,
#return-to-top,
.l-block-promotional-block--default.home .l-block-promotional-block--default__icon, 
.l-block-promotional-block--sidebar.home .l-block-promotional-block--sidebar__icon,
.block-promotional-block:hover .read-more,
.node-frontpage .field-name-body--frontpage .fr-view .read-more-link,
.node-branch.view-mode-contact_page .section-title i,
.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 {
  background-color: #ffffff;
}

.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: #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;
}
@media screen and (min-width: 48em) {
  .l-title__outer.curve .breadcrumbs a,
  .l-title__outer.curve .breadcrumbs li:not(:last-child)::after,
  .front .l-header,
  .front .title-bar-title {
    color: #ffffff;
  }
  .front .social.header i {
    background-color: #ffffff;
  }
  .front .menu-icon::after {
    background:  #ffffff;
    box-shadow: 0 7px 0  #ffffff, 0 14px 0  #ffffff;
  }
}


/* Secondary Colour */
.block-promotional-block .read-more,
.l-block-promotional-block--default.icons .l-block-promotional-block--default__heading {
  background-color: #f4f4f4;
}



/* Text on Secondary Colour */
.block-promotional-block .read-more,
.l-node-frontpage--full__promotional-blocks-icons h4,
.block-promotional-block.icons .field-name-title {
  color: #000000;
}



/* Footer Background Colour */
.l-footer,
.l-footer__brands--title-inner {
  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,
.l-footer__brands--title-inner {
  color: #ffffff;
}
.social.footer i {
  background: #ffffff;
}