/*
Theme Import & Include
-----------------------
Assigned to it's own :root element to avoid sass nesting issues
*/
@import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Lato:wght@400;700&display=swap';
:root {
  --theme-variant: dark;
  /* Common base colours to only be used in this file */
  --base-primary: #78b940;
  --base-color-white: #fff;
  --base-color-black: #000;
  --base-color-red: #fe0039;
  --base-color-green: #1c7c54;
  --base-color-blue: #1b1db7;
  --base-color-grey-1: #4d4d4d;
  --base-color-grey-2: #f2f2f2;
  --base-selected-background: #d3d3f8;
  --base-primary-alpha-100: #78b940;
  --base-primary-alpha-92: #78b940;
  --site-color-primary: var(--base-primary);
  --site-color-primary-highlight: var(--base-primary);
  --site-color-primary-contrast: var(--base-color-white);
  --site-color-error-color: var(--base-color-red);
  --site-color-error-color-light: #fce8e8;
  --site-color-overlay: var(--site-color-primary);
  --site-color-overlay-transparent: var(--site-color-primary);
  --site-color-body-copy: var(--base-color-grey-1);
  --site-color-title: var(--site-color-primary);
  --site-color-text-link: var(--base-color-grey-1);
  --site-color-text-link-hover: var(--base-color-grey-1);
  --site-color-text-link-focus: var(--base-color-grey-1);
  --site-color-text-dark-bg: var(--base-color-white);
  --site-color-placeholder-text: #4a4a4a60;
  --site-color-page-header: var(--base-color-white);
  --site-color-footer: var(--base-color-grey-1);
  --site-color-email-header: var(--site-color-primary);
  --mint-header-text-color: var(--base-color-grey-1);
  --site-color-background-fill: var(--base-color-grey-2);
  --site-color-enquiry-background-fill: var(--base-color-grey-2);
  --site-color-results-background-fill: var(--base-color-grey-2);
  --site-color-cell-background: var(--base-color-grey-2);
  --site-color-card-background: var(--base-color-white);
  --site-color-overlay-background: var(--site-color-primary);
  --site-color-overlay-background-92: var(--site-color-primary);
  --site-color-cta: var(--site-color-primary);
  --site-color-cta-focus: var(--site-color-primary-highlight);
  --site-color-cta-hover: var(--site-color-primary-highlight);
  --site-color-cta-dark-bg: var(--base-color-white);
  --site-color-secondary-cta-border: var(--base-color-white);
  --site-color-secondary-cta-link: var(--base-color-white);
  --site-color-secondary-cta-icon: var(--base-color-white);
  --site-color-secondary-cta-focus: var(--site-color-primary-highlight);
  --site-color-secondary-cta-hover: var(--site-color-primary-highlight);
  --site-color-extras-added: var(--base-color-green);
  --site-color-extras-included: var(--site-color-primary);
  --site-color-extras-unavailable: var(--base-color-red);
  --site-color-input-background: var(--base-color-white);
  --site-color-input-focus: var(--site-color-primary);
  --site-color-input-hover: var(--site-color-primary);
  --site-color-input-selected: var(--base-color-white);
  --site-color-input-icon: var(--base-color-grey-1);
  --site-color-input-icon-bg: #e4f1f5;
  --site-color-selected-background: #e5e3ef;
  --site-color-selected-border: var(--site-color-primary);
  --site-color-unselected-border: var(--site-color-primary);
  --site-color-cashback: var(--base-primary-decal);
  --site-color-primary-decal: var(--base-primary-decal);
  --site-color-secondary-decal: var(--site-color-primary);
  --site-color-scroll-bar: var(--site-color-primary);
  --site-color-keyline: #cedae4;
  --site-color-keyline-dark-bg: var(--base-color-white);
  /* -----------------------
  /* Site component specific colour/style variables
  /* ----------------------- */
  --site-filters-title-color: var(--site-color-title);
  --site-filters-background-color: var(--base-color-white);
  --site-filters-prompt-text-colour: var(--base-color-grey-1);
  --site-filters-btn-icon-color: var(--site-color-primary);
  --site-filters-btn-border-color: var(--site-color-primary);
  --site-filters-btn-border-color-hover: var(--site-color-primary);
  --site-filters-btn-border-color-focus: var(--site-color-primary);
  --site-filters-btn-outline-color: var(--site-color-primary);
  --site-filters-btn-outline-color-hover: var(--site-color-primary);
  --site-result-card-border-radius: 16px;
  /* -----------------------
  /* Mint Component Styling Variables
  /* ----------------------- */
  --mint-header-partnered-logo-height: 40px;
  --mint-header-logo-height: 40px;
  --mint-footer-logo-height: 30px;
  --mint-header-border-color: var(--site-color-keyline);
  --mint-footer-text-hover-color: var(--base-color-white);
  --mint-icon-color-border: var(--site-color-input-icon-bg);
  --mint-icon-color-hover: var(--site-color-input-icon);
  --mint-icon-color-background-hover: var(--site-color-input-icon-bg);
  --mint-icon-btn-color-hover: var(--site-color-primary);
  --mint-icon-btn-color-background-hover: var(--site-color-input-icon-bg);
  --mint-notice-border-radius: 5px;
  --mint-notice-color-primary-title: var(--site-color-title);
  --mint-transition-progress-color: var(--site-color-body-copy);
  --mint-transition-progress-text-color: var(--site-color-body-copy);
  --mint-checkbox-border-radius: 5px;
  --mint-checkbox-border-width: 2px;
  --mint-checkbox-text-color-active: var(--base-color-white);
  --mint-checkbox-background-active: var(--site-color-primary);
  --mint-checkbox-text-color-hover: var(--base-color-white);
  --mint-checkbox-background-hover: var(--site-color-primary);
  --mint-checkbox-border-active: var(--site-color-primary);
  --mint-checkbox-tick-box-background-color: var(--base-color-white);
  --mint-checkbox-tick-box-background-color-active: var(--base-color-white);
  --mint-checkbox-tick-box-border: var(--site-color-primary);
  --mint-checkbox-tick-box-border-active: var(--site-color-primary);
  --mint-checkbox-tick-color: var(--site-color-primary);
  --mint-insurance-extras-optional-color: var(--base-color-grey-1);
  --mint-radio-btn-background-active: var(--base-primary);
  --mint-radio-btn-border: #e4f1f5;
  --mint-radio-btn-border-focus: var(--base-primary);
  --mint-radio-btn-border-active: var(--base-primary);
  --mint-radio-btn-border-hover: var(--base-primary);
  --mint-radio-btn-text-color: var(--site-color-body-copy);
  --mint-radio-btn-text-color-hover: var(--site-color-body-copy);
  --mint-radio-btn-text-color-active: var(--site-color-primary-contrast);
  --mint-quote-expiry-green: var(--base-color-green);
  --mint-quote-expiry-amber: #f7aa00;
  --mint-quote-expiry-red: var(--base-color-red);
}
:root .mint-shortlist-checkbox {
  --mint-checkbox-text-color-active: var(--site-color-body-copy);
  --mint-checkbox-background-hover: var(--base-color-white);
}
:root .mint-button--primary:not(.mint-button--inverse) {
  --mint-btn-border-color: var(--site-color-primary);
  --mint-btn-background-color: var(--site-color-primary);
  --mint-btn-text-color: var(--base-color-white);
}
:root .mint-button--inverse {
  --mint-btn-border-color: var(--base-color-white);
  --mint-btn-background-color: var(--base-color-white);
  --mint-btn-text-color: var(--site-color-body-copy);
}
:root .mint-button--secondary:not(.mint-button--inverse) {
  --mint-btn-text-color: var(--site-color-body-copy);
  --mint-btn-border-color: var(--site-color-body-copy);
}

:root {
  --dialogue-b2b-color-link: var(--site-color-body-copy);
  --dialogue-b2b-color-progress-indicator: var(--site-color-primary);
  --dialogue-b2b-color-progress-background: linear-gradient(var(--base-color-white), var(--base-color-white));
}

.enquiry-view__nqa .mint-progress .mint-progress__track {
  background-color: var(--site-color-enquiry-background-fill) !important;
}
.enquiry-view__nqa .mint-select {
  padding: 0.875rem;
}
.enquiry-view__nqa .mint-select--is-selected select {
  color: var(--site-color-body-copy);
}
.enquiry-view__nqa .mint-checkbox-group label.mint-checkbox--checked {
  background-color: var(--site-color-primary);
}
.enquiry-view__nqa .mint-checkbox-group label.mint-checkbox--checked .mint-checkbox__text {
  color: var(--site-color-primary-contrast);
}
.enquiry-view__nqa .mint-checkbox-group label.mint-checkbox--checked .mint-checkbox__indicator {
  color: var(--site-color-primary);
}
.enquiry-view__nqa .mint-radio--is-selected {
  color: var(--site-color-primary-contrast);
  background-color: var(--site-color-primary);
}
.enquiry-view__nqa .mint-radio--is-selected:hover {
  background-color: var(--site-color-primary);
  color: var(--site-color-primary-contrast);
}

/*# sourceMappingURL=paybyphone.css.map */