/*
* Color Variable Styles
*/

/* Header Background Colour */
.l-header,
.top-bar .main-menu>li .submenu {
  background: #4a4a4a;
}
@media screen and (max-width: 65em) {
  #main-menu {
    background: #4a4a4a;
  }
  
}
@media screen and (max-width: 47.99875em), screen and (min-width: 48em) and (max-width: 74.99875em) {
  .top-bar .main-menu {
    background: #4a4a4a;
  }
}



/* Header Text Colour */
.top-bar .main-menu a,
.social.header i,
.dropdown.menu>li.is-active>a,
.home .top-bar .main-menu>li .submenu a,
.title-bar a, .title-bar a:active, .title-bar a:hover, .title-bar a:focus,
.block-phone-numbers__desktop .header-phone,
.block-phone-numbers.header .block-phone-numbers__mobile-button {
  color: #ffffff;
}
.menu-icon::after {
  background: #ffffff;
  box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
}
@media print, screen and (min-width: 75em) {
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #ffffff transparent transparent;
  }
  .top-bar .main-menu > li.is-dropdown-submenu-parent.is-active a:after {
    border-color: transparent transparent #ffffff;
  }
}

/* Home Header Text Colour */
@media screen and (min-width: 48em) {
  .home .dropdown.menu>li.is-active>a,
  .home .top-bar .main-menu a, .home .social.header i, .home .dropdown.menu>li.is-active>a,
  .home .social.header i,
  .home .block-phone-numbers__desktop .header-phone {
    color: #ffffff;
  }
  .home .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #ffffff transparent transparent;
  }
  .home .top-bar .main-menu > li.is-dropdown-submenu-parent.is-active a:after {
    border-color: transparent transparent #ffffff;
  }
  .menu-icon::after {
    background: #ffffff;
    box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
  }
}



/* Primary Colour */
button,
.button,
input[type="submit"],
.button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus,
.fr-view .fr-file,
.front .block-search-block #used-search-block .used-search-block-submit .button,
#saved-vehicles,
.l-node-used-vehicle--latest-vehicles:hover .l-node-used-vehicle--latest-vehicles__main-content,
.awaiting-image,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.node-new-vehicle.view-mode-search-result .field-name-field-sash,
.node-new-vehicle.view-mode-full .field-name-field-sash,
.node-used-vehicle.view-mode-search_result .field-name-more-information .button:hover,
.slick--vehicle-gallery-thumbs .slick-prev:hover,
.slick--vehicle-gallery-thumbs .slick-next:hover,
.button.success, .button.success:hover, button.success, button.success:hover, input[type="submit"].success, input[type="submit"].success:hover,
.node-used-vehicle.view-mode-full .awaiting-image,
.l-node-frontpage--full__banner-outer,
.block-search-block #used-search-block .used-search-block-facets__vehicle-status .form-radios input[type="radio"]:checked+label,
.node-frontpage .finance-block .finance-slider-form .submit-button input[type="submit"],
.node-frontpage .finance-block .finance-slider-form .slider,
.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,
.part-exchange-form-container #partex-tabs .tabs-title span,
.field-name-opening-hours .day.opening-day,
.finance-slider-form .noUi-connect,
.node-used-vehicle.view-mode-full .vehicle-ctas li:first-child .button,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review:after,
.node-used-vehicle.view-mode-search_result .field-name-branch i,
.node-used-vehicle.view-mode-full .field-name-branch i,
.primary-colour-background {
  background-color: #294c30;
}
.financeproposal-calc-wrapper.tablet .finance-calculator,
.financeproposal-calc-wrapper a {
  background-color: #294c30!important;
}
.financeproposal-calc-wrapper .what-is-hp > div,
.additional-style.additional-style-20 .additional-style-inner .additional-style-20__title h2:after {
  color: #294c30!important;
}
.node-used-vehicle.view-mode-full .vehicle-ctas .button {
  color: #294c30;
}
.financeproposal-calc-wrapper .what-is-hp #Layer_1 {
  fill: #294c30!important;
}
.top-bar .main-menu a:before,
.footer-nav li a:before,
a,
.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,
.primary-colour-text  {
  color: #294c30;
}
.l-header__logo,
.node-frontpage .hero-caption,
.l-node-frontpage--full__title,
.additional-style.additional-style-8 .additional-style-inner,
.node-used-vehicle.view-mode-full .vehicle-ctas li:first-child .button,
.node-used-vehicle.view-mode-full .vehicle-ctas .button,
.l-node-used-vehicle--full__other-cta,
.used-vehicles-compare .field-results .details-button a {
  border-color: #294c30;
}



/* Text on Primary Colour */
button,
.button,
input[type="submit"],
.button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus,
.fr-view .fr-file,
.front .block-search-block #used-search-block .used-search-block-submit .button,
#saved-vehicles,
.l-node-used-vehicle--latest-vehicles:hover .field-name-make-model,
.l-node-used-vehicle--latest-vehicles:hover .field-name-field-vehicle-price,
.node-used-vehicle.view-mode-search_result .field-name-field-sash,
.node-used-vehicle.view-mode-full .field-name-field-sash,
.node-new-vehicle.view-mode-search-result .field-name-field-sash,
.node-new-vehicle.view-mode-full .field-name-field-sash,
.node-used-vehicle.view-mode-search_result .field-name-more-information .button:hover,
.slick--vehicle-gallery-thumbs .slick-prev:hover:before,
.slick--vehicle-gallery-thumbs .slick-next:hover:before,
.l-node-frontpage--full__banner .fr-view *:not(.button),
.button.success, .button.success:hover, button.success, button.success:hover, input[type="submit"].success, input[type="submit"].success:hover,
.block-search-block #used-search-block .used-search-block-facets__vehicle-status .form-radios input[type="radio"]:checked+label,
.node-frontpage .finance-block .finance-slider-form .submit-button input[type="submit"],
.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,
.part-exchange-form-container #partex-tabs .tabs-title span,
.field-name-opening-hours .day.opening-day,
.node-used-vehicle.view-mode-full .vehicle-ctas li:first-child .button,
.additional-style.additional-style-23 .additional-style-inner .additional-style-reviews .additional-style-review:after,
.node-used-vehicle.view-mode-search_result .field-name-branch i,
.node-used-vehicle.view-mode-full .field-name-branch i {
  color: #ffffff;
}
.financeproposal-calc-wrapper.tablet .finance-calculator,
.financeproposal-calc-wrapper a {
  color: #ffffff!important;
}
.node-frontpage .finance-block .finance-slider-form .slider::-webkit-slider-thumb,
.node-frontpage .finance-block .finance-slider-form .slider::-webkit-slider-thumb,
.l-node-used-vehicle--full__social--title span,
.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;
}



/* Secondary Colour */
button:hover,
.button:hover,
input[type="submit"]:hover,
.fr-view .fr-file:hover,
button:focus,
.button:focus,
input[type="submit"]:focus,
#saved-vehicles:hover,
.node-used-vehicle.view-mode-search_result .field-name-more-information .button,
.slick--vehicle-gallery-thumbs .slick-prev,
.slick--vehicle-gallery-thumbs .slick-next,
.tabs-title,
.vehicle-running-cost-calcuator,
.l-node-frontpage--full__banner .fr-view .button,
.l-footer__images,
.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: #4a4a4a;
}
a:hover, a:focus {
  color: #4a4a4a;
}



/* Text on Secondary Colour */
button:hover,
.button:hover,
input[type="submit"]:hover,
.fr-view .fr-file:hover,
button:focus,
.button:focus,
input[type="submit"]:focus,
#saved-vehicles:hover,
.node-used-vehicle.view-mode-search_result .field-name-more-information .button,
.slick--vehicle-gallery-thumbs .slick-prev:before,
.slick--vehicle-gallery-thumbs .slick-next:before,
.tabs-title>a,
.vehicle-running-cost-calcuator *,
.vehicle-running-cost-calcuator label,
.vehicle-running-cost-calcuator ::placeholder,
.vehicle-running-cost-calcuator input[type="number"],
.l-node-frontpage--full__banner .fr-view .button,
.sticky-mobile-cta a {
  color: #ffffff;
}
.vehicle-running-cost-calcuator input[type="number"] {
  border-color: #ffffff;
}


/* Tertiary Colour */
.l-node-used-vehicle--latest-vehicles__main-content,
.l-featured__outer,
.l-node-page--full__formrow--outer,
/* .new-vehicle .l-node-page--full__formrow--inner, */
.l-node-used-vehicle--full__tabscontent-outer,
.tabs-title>a:focus,
.tabs-title>a[aria-selected='true'],
.tabs-title>a:hover,
.l-node-used-vehicle--full__partex .part-exchange-form {
  background: #d8d8d8;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select {
  border-color: #d8d8d8;
}
@media screen and (max-width: 47.99875em) {
  .l-node-frontpage--full__search {
    background-color: #d8d8d8;
  }
}


/* Text on Tertiary Colour */
.l-node-used-vehicle--latest-vehicles .field-name-make-model,
.l-node-used-vehicle--latest-vehicles .field-name-field-vehicle-price,
.l-featured select,
.l-node-page--full__formrow input[type="text"],
.l-node-page--full__formrow input[type="email"],
.l-node-page--full__formrow select,
.l-node-page--full__formrow textarea,
.l-node-page--full__formrow ::placeholder,
.l-node-page--full__formrow label,
.l-node-page--full__formrow h2,
.l-node-page--full__formrow h3,
.tabs-title>a:focus, .tabs-title>a[aria-selected='true'],
.tabs-title>a:hover,
.l-node-used-vehicle--full__tabscontent *:not(button),
.l-node-used-vehicle--full__tabscontent ::placeholder,
.part-exchange-form-container label,
.part-exchange-form-container .form-title,
.part-exchange-form-container #partex-tabs .tabs-title a,
.part-exchange-form-container .tabs-content .tabs-panel h2,
.part-exchange-form-container ::placeholder,
.part-exchange-form-container .form-item input:not(#px-reg), 
.part-exchange-form-container .form-item select, 
.part-exchange-form-container .form-item textarea, 
.part-exchange-form-container .form-item .form-radio, 
.part-exchange-form-container .form-item .result,
.part-exchange-form-container .label-above,
.dropzone .dz-message .dz-button,
.not-front .block-search-block #used-search-block .advanced-search-button,
#partExPopup .close-button,
.block-search-block select,
.block-search-block input[type="text"],
.l-featured #fmgauto-finance-plugins--finance-parameters--representative-example {
  color: #4a4b4b;
}
.l-node-used-vehicle--full__tabscontent select,
.l-node-used-vehicle--full__tabscontent input[type="text"],
.l-node-page--full__form input,
.part-exchange-form-container input,
.part-exchange-form-container select,
.part-exchange-form-container .dropzone,
.part-exchange-form-container textarea,
.l-node-used-vehicle--full__partex #vehicle-valuation-form input[type="text"],
.l-node-used-vehicle--full__partex #vehicle-valuation-form input[type="number"],
.l-node-used-vehicle--full__partex #vehicle-valuation-form input[type="email"],
.l-node-used-vehicle--full__partex #vehicle-valuation-form select  {
  border-color: #4a4b4b;
}
.block-search-block select,
.block-search-block input[type="text"],
.l-featured select,
.l-featured input[type="text"],
.block-search-block #used-search-block .used-search-block-facets__vehicle-status .form-radios,
.block-search-block #used-search-block .used-search-block-facets__finance-radio,
.l-node-page--full__formrow input[type="text"],
.l-node-page--full__formrow input[type="email"],
.l-node-page--full__formrow select,
.l-node-page--full__formrow textarea {
  border-color: #4a4b4b;
}
.part-exchange-form-container #partex-tabs:before {
  background-color: #4a4b4b;
}

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


/* Body Text Colour */
body,
label,
.reveal,
.reveal .close-button,
.reveal label,
.reveal h2,
thead,
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select,
::placeholder,
.new-vehicle .contact-form,
.fmgauto-finance-plugins--finance-parameters--representative-example .tabs-content,
.pagination a, .pagination button,
#fmgauto-finance-plugins--finance-parameters--representative-example .tabs .tabs-title a,
.block-phone-numbers__mobile p, .block-phone-numbers__mobile .header-phone .field-name-field-label,
.node-used-vehicle.view-mode-search_result .field-name-save-vehicle .button {
  color: #4a4b4b;
}
.new-vehicle .contact-form input,
.new-vehicle .contact-form textarea,
#fmgauto-finance-plugins--finance-parameters--representative-example .tabs .tabs-title a,
.l-node-used-vehicle--full__form input[type="text"], 
.l-node-used-vehicle--full__form input[type="email"], 
.l-node-used-vehicle--full__form select,
.l-node-used-vehicle--full__form textarea {
  border-color: #4a4b4b;
}
#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='%234a4b4b' 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");
}
#at-fill {
  fill: #4a4b4b;
}

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


/* Footer Background Colour */
.l-footer {
  background-color: #294c30;
}


/* Footer Lower Background Colour */
.l-footer__fourth-outer {
  background-color: #353535;
}


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


/* Footer Title Colour */
.l-footer h2 {
  color: #ffffff;
}