/*
 * NOTICE - PLEASE READ BELOW
 * ############################################################################
 *
 * THIS SITE USES A NEW GLOBAL CUSTOM CSS/JAVASCRIPT RESET
 * PLEASE SPEAK TO A FRONTEND ENGINEER BEFORE MAKING ANY EDITS
 */

/* Imports */
@import url("https://schemeservefrontenduk.z33.web.core.windows.net/boilerplate/live/ss-custom.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
  /* Brand colors */
  --ss-custom-color-primary--dark: #D3D3D3;
  --ss-custom-color-primary: #1E7DA0;
  --ss-custom-color-primary--light: #red;
  --ss-custom-color-secondary--dark: ##63a2c6;
  --ss-custom-color-secondary: #010a14;
  --ss-custom-color-secondary--light: #63a2c6;
  --ss-custom-color-tertiary--dark: #035681;
  --ss-custom-color-tertiary: #010a14;
  --ss-custom-color-tertiary--light: #1a3e64;

  /* Font family */
  --ss-custom-font-family--body: "Open Sans", sans-serif;
  --ss-custom-font-family--display: "Open Sans", sans-serif;

  /* Body */
  --ss-custom-body-background-color: #F1F8F5;
  --ss-custom-body-text-color: #173630;

/* Box shadow */
--ss-custom-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15);


  /* Headings */
  --ss-custom-h1-font-weight: 700;
  --ss-custom-h1-text-color: #e98946;
  --ss-custom-h2-font-weight: 700;
  --ss-custom-h2-text-color: #e98946;
  --ss-custom-h3-font-weight: 700;
  --ss-custom-h3-text-color: #173630;
  --ss-custom-h4-font-weight: 700;
  --ss-custom-h4-text-color: #173630;
  --ss-custom-h5-font-weight: 700;
  --ss-custom-h5-text-color: #173630;
  --ss-custom-h6-font-weight: 700;
  --ss-custom-h6-text-color: #173630;

  /* Links */
  --ss-custom-link-color: var(--ss-custom-color-tertiary);

  /* Input and Select */
  --ss-custom-input-background-color: #f6f6f6;
  --ss-custom-input-background-color--hover: #f6f6f6;
  --ss-custom-input-background-color--focus: #f6f6f6;
  --ss-custom-input-background-color--error: #f6f6f6;
  --ss-custom-input-border: 1px solid #eeeeee;
  --ss-custom-input-border--hover: 1px solid #eeeeee;
  --ss-custom-input-height: 46px;

  /* Prefix */
  --ss-custom-prefix-divider-color: #eeeeee;
  --ss-custom-prefix-divider-height: calc(100% - 23px);

  /* Textarea */
  --ss-custom-textarea-background-color: #f6f6f6;
  --ss-custom-textarea-background-color--hover: #f6f6f6;
  --ss-custom-textarea-background-color--focus: #f6f6f6;
  --ss-custom-textarea-background-color--error: #f6f6f6;
  --ss-custom-textarea-border: 1px solid #eeeeee;
  --ss-custom-textarea-border--hover: 1px solid #eeeeee;

  /* Buttons */
  --ss-custom-button-font-weight: 700;
  --ss-custom-button-height: 46px;

  /* Buttons: Primary */
  --ss-custom-button-primary-background-color: #e98946;
  --ss-custom-button-primary-background-color--hover: #bf6221;
  --ss-custom-button-primary-background-color--focus: #bf6221;
  --ss-custom-button-border-radius: 20px;

  /* Buttons: Secondary */
  --ss-custom-button-secondary-background-color: var(--ss-custom-color-primary);
  --ss-custom-button-secondary-background-color--hover: #01567f;
  --ss-custom-button-secondary-background-color--focus: var(--ss-custom-color-primary--light);

  /* Enhanced checkboxes */
  --ss-custom-checkbox-enhanced-border: 1px solid #434343;
  --ss-custom-checkbox-enhanced-background--active: var(
    --ss-custom-color-secondary
  );
  --ss-custom-checkbox-enhanced-size: 20px!important;

  /* Enhanced radios */
  --ss-custom-radio-enhanced-border: 1px solid #434343;
  --ss-custom-radio-enhanced-background--active: var(
    --ss-custom-color-secondary
  );
  --ss-custom-radio-enhanced-size: 20px;

  /* Card */
  --ss-custom-card-text-color: #00244a;

  /* Stubs */
  --ss-custom-stub-number-background-color--active: var(--ss-custom-color-secondary);
  --ss-custom-stub-number-background-color--hover: red;
  --ss-custom-stub-number-opacity: 1;
  --ss-custom-stub-number-text-color: #434343;

  /* Footer */
  --ss-custom-footer-background-color: #01567f;

  --ss-custom-help-tooltip-text-color: #000000;
  
}

.is-frontend.is-frontend .question .text .help_text {
    background-color: white !important;
  }


/* Forms */
.is-frontend .char_label {
  font-weight: 700 !important;
}

/* Radios */
.is-frontend #pages .question.Radio.is-enhanced label.radio,
.is-frontend #pages .question.YesNo.is-enhanced label.radio,
.is-frontend #pages_postquote .question.Radio.is-enhanced label.radio,
.is-frontend #pages_postquote .question.YesNo.is-enhanced label.radio {
  margin: var(--ss-custom-spacing--xs) 0 !important;
  width: 100% !important;
}

/* Nav */
.is-frontend nav ul li a.selected {
  font-weight: 700 !important;
}

/* Get Quote: Stubs */
.is-frontend #page_stubs .stub.selected_stub .inner,
.is-frontend #page_stubs_postquote .stub.selected_stub .inner {
  font-weight: 700 !important;
}

@media (min-width: 768px) {
  .is-frontend #page-stubs-wrapper {
    border: 1px solid var(--ss-custom-color-primary--dark) !important;
  }

  .is-frontend #page_stubs .stub,
  .is-frontend #page_stubs_postquote .stub {
    background-color: var(--ss-custom-color-primary) !important;
    border-bottom: 1px solid var(--ss-custom-color-primary--dark) !important;
  }

  .is-frontend #page_stubs .stub .inner,
  .is-frontend #page_stubs_postquote .stub .inner {
    color: #ffffff !important;
  }

  .is-frontend #page_stubs .stub:hover .inner,
  .is-frontend #page_stubs_postquote .stub:hover .inner {
    color: var(--ss-custom-color-secondary) !important;
  }

  .is-frontend #page_stubs .stub.selected_stub .inner,
  .is-frontend #page_stubs_postquote .stub.selected_stub .inner {
    color: var(--ss-custom-color-secondary) !important;
  }
}

/* Get Quote: Questions */
.is-frontend .question .text {
  font-weight: 700 !important;
}

/* Question: MultiPage */
.is-frontend .question.MultiPage > .text h3 {
  font-weight: 700 !important;
}

.is-frontend .question.MultiPage ul.multi-page-options li {
  font-weight: 700 !important;
}

.is-frontend .question.MultiPage ul.multi-page-options li a {
  font-weight: 700 !important;
}

.is-frontend .question.MultiPage .multipagecontroller .AddRow {
  font-weight: 700 !important;
}

/* Question: Radio/YesNo */
.is-frontend .question.Radio.is-radio-button input + button,
.is-frontend .question.YesNo.is-radio-button input + button {
  font-weight: 700 !important;
}

/* Question: TableControl */
.is-frontend .question.TableControl .TableControl thead th {
  font-weight: 700 !important;
}

/* Question: PlantContractStart */
.is-frontend #question_PlantContractStart .text .info_text br {
  display: none;
}

/* Contact */
.is-frontend .contactus-ui #fields label {
  font-weight: 700 !important;


.helplinenumber {
    color: #00CC66;
}

.is-frontend header {
    align-items: start!important;
}


/*Nav bar*/
body.public nav {
    background: #173630 !important;
}

.is-frontend nav ul li a {
    background-color: #173630 !important;
    color: #00cc66 !important;
    font-weight:500!important;
}



/*Stubs*/
.is-frontend #page_stubs .stub .stub-number, .is-frontend #page_stubs_postquote .stub .stub-number {
    background-color: #173630;
    border: solid 1px #fffbff;
    color: #ffffff;
   font-weight:600;
}

.is-frontend #page_stubs .stub, .is-frontend #page_stubs_postquote .stuFb {
        background-color: #173630 !important;
        border-bottom: 1px solid #435954 !important;
    }

.is-frontend #page_stubs .stub.selected_stub .inner, .is-frontend #page_stubs_postquote .stub.selected_stub .inner {
        color: #00cc66 !important;
    }

.is-frontend #page_stubs .stub.selected_stub .inner .stub-number, .is-frontend #page_stubs_postquote .stub.selected_stub .inner .stub-number {
    background-color: #00cc66;
}


/*Scheme list*/
.QuickQuoteSchemesList li a, .QuickQuoteSchemesList li a:hover {
    font-weight: 700;
    text-decoration:none!important;
}


/*Footer*/
.footertext { 
    color: #00cc66;
} 


/*Question text*/
.is-frontend .question .text {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #173630 !important;
}


/*Page padding*/

.is-frontend .getquote-ui {
   padding-top: 80px !important;
}


/*Helptip*/
.is-frontend .question .text .help_text {
    background-color: #1E7DA0!important;
    border: none !important;
}


/* Buttons*/
.is-frontend input[type="button"], .is-frontend input[type="submit"], .is-frontend header .login a, .is-frontend .question.DownloadDocument a, .is-frontend a.Back {
    border-radius: 50px!important;
}

.summary-buttons-wrapper input[type="button"] {
    background-color: #e553db!important;
}

.summary-buttons-wrapper input[type="button"]:hover {
    background-color: #B220A8!important;
}

.is-frontend #PostcodeLookup input[type="button"] {
   background-color: #268e66!important;
   &:hover {background-color: #01567f!important;}
}


    .is-frontend #page_stubs .stub .inner:hover, .is-frontend #page_stubs_postquote .stub .inner:hover {
        color: #1E7DA0 !important;
    }

.is-frontend #page_stubs .stub.selected_stub .inner:hover, .is-frontend #page_stubs_postquote .stub.selected_stub .inner:hover {
    color: #00cc66 !important;
}

.is-frontend #page_stubs .stub .inner, .is-frontend #page_stubs_postquote .stub .inner {
    color: #fff!important;
}

/*Mobile Tweaks*/
@media (max-width: 768px) {
.is-frontend header {
    background-color: #173630 !important;
    height: 100px;
    background-image: none;
}

.is-frontend .getquote-ui {
    padding-top: 40px !important;
}

.is-frontend footer {
    padding: 10px;
}
}

 .is-frontend .question.DownloadDocument a{
    background-color:var(
    --ss-custom-button-secondary-background-color
  ) !important;
}

.is-frontend .question.DownloadDocument a:hover{
     background-color: var(--ss-custom-button-secondary-background-color--hover) !important;
}