/*
 * 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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
  /* Brand colors */
  --ss-custom-color-primary--dark: #003293;
  --ss-custom-color-primary: #024bac;
  --ss-custom-color-primary--light: #1c65c6;
  --ss-custom-color-secondary--dark: #003293;
  --ss-custom-color-secondary: #024bac;
  --ss-custom-color-secondary--light: #1c65c6;

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

  /* Body */
  --ss-custom-body-background-color: #f5f5f5;
  --ss-custom-body-text-color: #1c1a1a;

  /* 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 #dddddd;
  --ss-custom-input-height: 46px;
  --ss-custom-input-text-color: #1c1a1a;
  --ss-custom-input-text-color--hover: #1c1a1a;
  --ss-custom-input-text-color--focus: #1c1a1a;

  /* Select */
  --ss-custom-select-icon-top: 10px;

  /* 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 #dddddd;
  --ss-custom-textarea-text-color: #1c1a1a;
  --ss-custom-textarea-text-color--hover: #1c1a1a;
  --ss-custom-textarea-text-color--focus: #1c1a1a;

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

  /* Buttons: Secondary */
  --ss-custom-button-secondary-background-color: #ffffff;
  --ss-custom-button-secondary-background-color--hover: var(
    --ss-custom-color-primary
  );
  --ss-custom-button-secondary-background-color--focus: var(
    --ss-custom-color-primary
  );
  --ss-custom-button-secondary-border: 2px solid var(--ss-custom-color-primary);
  --ss-custom-button-secondary-border--hover: 2px solid
    var(--ss-custom-color-primary);
  --ss-custom-button-secondary-border--focus: 2px solid
    var(--ss-custom-color-primary);
  --ss-custom-button-secondary-text-color: var(--ss-custom-color-primary);

  /* Border radius */
  --ss-custom-border-radius: 8px;

  /* Card */
  --ss-custom-card-background-color: #ffffff;
  --ss-custom-card-border-color: #ffffff;
  --ss-custom-card-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15);
  --ss-custom-card-text-color: var(--ss-custom-body-text-color);

  /* Enhanced checkboxes */
  --ss-custom-checkbox-enhanced-border: 1px solid #666666;
  --ss-custom-checkbox-enhanced-size: 20px;

  /* Enhanced radios */
  --ss-custom-radio-enhanced-border: 1px solid #666666;
  --ss-custom-radio-enhanced-size: 20px;

  /* Stubs */
  --ss-custom-stub-number-background-color: transparent;
  --ss-custom-stub-number-background-color--active: #62c7e3;
  --ss-custom-stub-number-border: 1px solid #ffffff;
  --ss-custom-stub-number-border--active: 1px solid #62c7e3;
  --ss-custom-stub-number-opacity: 1;
  --ss-custom-stub-number-text-color: #ffffff;

  /* Footer */
  --ss-custom-footer-background-color: rgba(13, 11, 11, 0.94);
  --ss-custom-footer-link-color: #ffffff;
  --ss-custom-footer-link-color--hover: rgb(55, 179, 233);
  --ss-custom-footer-link-color--focus: rgb(55, 179, 233);
  --ss-custom-footer-text-color: #ffffff;
}

/* Get Quote: Stubs */
.is-frontend #page-stubs-wrapper {
  display: none !important;
}

@media (min-width: 768px) {
  .is-frontend #page-stubs-wrapper {
    border: 0 !important;
    display: block !important;
  }

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

  .is-frontend #page_stubs .stub:hover,
  .is-frontend #page_stubs_postquote .stub:hover {
    background-color: 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: #ffffff !important;
  }

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

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

/* Get Quote: Pages */
.is-frontend #pages .page.selected_page,
.is-frontend #pages_postquote .page.selected_page {
  border-radius: var(--ss-custom-border-radius) !important;
  box-shadow: var(--ss-custom-card-box-shadow) !important;
}

/* Get Quote: Questions */
.is-frontend .question {
  margin-bottom: var(--ss-custom-spacing--xl) !important;
}

.is-frontend .question .text {
  font-weight: 600 !important;
  margin: 0 0 var(--ss-custom-spacing--sm) 0 !important;
}

/* Question: Small Title and Title */
.is-frontend .question.SmallTitle h5,
.is-frontend .question.SmallTitle h5 b,
.is-frontend .question.Title h3 {
  color: var(--ss-custom-card-text-color) !important;
  font-size: var(--ss-custom-font-size) !important;
  font-weight: 600 !important;
  margin: 0 0 var(--ss-custom-spacing--sm) 0 !important;
  padding: 0 50px 0 0 !important;
}

.is-frontend .question.SmallTitle li,
.is-frontend .question.Title li {
  margin-left: var(--ss-custom-spacing);
}

/* Custom radio selector */
.is-frontend .radio-button-custom-group {
  display: flex;
  flex-direction: column;
}

.is-frontend .radio-button-custom__container {
  background-color: var(--ss-custom-card-background-color);
  border-radius: var(--ss-custom-card-border-radius);
  box-shadow: var(--ss-custom-card-box-shadow);
  padding: var(--ss-custom-spacing);
}

.is-frontend .radio-button-custom__container:first-child {
  margin-bottom: var(--ss-custom-spacing);
}

.is-frontend .radio-button-custom__head {
  align-items: center;
  display: flex;
  margin-bottom: var(--ss-custom-spacing--xs);
}

.is-frontend .radio-button-custom__icon {
  margin-right: var(--ss-custom-spacing--xs);
}

.is-frontend .radio-button-custom__icon svg {
  height: 16px;
  width: 16px;
}

.is-frontend .radio-button-custom__title {
  font-weight: 500;
}

.is-frontend .radio-button-custom__text {
  margin-bottom: var(--ss-custom-spacing--sm);
}

.is-frontend .radio-button-custom__button {
  appearance: none !important;
  align-items: center !important;
  background-color: var(--ss-custom-radio-button-background-color) !important;
  border: var(--ss-custom-radio-button-border) !important;
  border-radius: var(--ss-custom-radio-button-border-radius) !important;
  color: var(--ss-custom-radio-button-text-color) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-family: var(--ss-custom-radio-button-font-family) !important;
  font-size: var(--ss-custom-radio-button-font-size) !important;
  font-weight: 500 !important;
  height: var(--ss-custom-radio-button-height) !important;
  margin: 0 !important;
  padding: var(--ss-custom-radio-button-padding) !important;
  text-decoration: none !important;
  text-transform: var(--ss-custom-radio-button-text-transform) !important;
  width: auto !important;
}

.is-frontend .radio-button-custom__button:hover {
  background-color: var(
    --ss-custom-radio-button-background-color--hover
  ) !important;
  border: var(--ss-custom-radio-button-border--hover) !important;
  color: var(--ss-custom-radio-button-text-color--hover) !important;
}

.is-frontend .radio-button-custom__button.is-checked {
  background-color: var(
    --ss-custom-radio-button-background-color--active
  ) !important;
  border: var(--ss-custom-radio-button-border--active) !important;
  color: var(--ss-custom-radio-button-text-color--active) !important;
}

@media (min-width: 768px) {
  .is-frontend .radio-button-custom-group {
    flex-direction: row;
  }

  .is-frontend .radio-button-custom__container:first-child {
    margin-bottom: 0;
    margin-right: var(--ss-custom-spacing);
  }

  .is-frontend .radio-button-custom__head {
    margin-bottom: var(--ss-custom-spacing--sm);
  }

  .is-frontend .radio-button-custom__icon {
    margin-right: var(--ss-custom-spacing--sm);
  }

  .is-frontend .radio-button-custom__icon svg {
    height: 22px;
    width: 22px;
  }

  .is-frontend .radio-button-custom__text {
    margin-bottom: var(--ss-custom-spacing);
  }
}

/* Custom page titles/headers */
.is-frontend #ctl00_MainContent_PageTitle {
  margin-bottom: var(--ss-custom-spacing) !important;
}

.is-frontend #ctl00_MainContent_lblSchemeName {
  display: none !important;
}

/* Footer */
.is-frontend footer {
  background-image: linear-gradient(
    rgba(13, 11, 11, 0.94),
    rgba(13, 11, 11, 0.94)
  );
  background-size: auto;
  background-position: 50% 50%;
  background-attachment: scroll;
  background-repeat: no-repeat;
}

.is-frontend footer .custom-footer {
  margin: 0 auto;
  max-width: 1200px;
  padding: var(--ss-custom-spacing--sm);
  width: 100%;
}

.is-frontend footer .custom-footer .custom-footer__columns {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--ss-custom-spacing);
}

.is-frontend footer .custom-footer .custom-footer__columns h5 {
  color: rgb(47, 138, 228) !important;
}

.is-frontend footer .custom-footer .custom-footer__contact,
.is-frontend footer .custom-footer .custom-footer__trades,
.is-frontend footer .custom-footer .custom-footer__socials {
  margin-bottom: var(--ss-custom-spacing);
  width: 100%;
}

.is-frontend footer .custom-footer .custom-footer__social-icons {
  display: flex;
  flex-direction: row;
}

.is-frontend footer .custom-footer .custom-footer__social-icons a {
  height: 30px;
  margin-right: var(--ss-custom-spacing--sm);
  width: 30px;
}

.is-frontend footer .custom-footer .custom-footer__social-icons a svg {
  fill: #ffffff;
  height: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .is-frontend footer .custom-footer {
    padding: var(--ss-custom-spacing);
  }

  .is-frontend footer .custom-footer .custom-footer__columns {
    flex-direction: row;
    margin-bottom: 0;
  }

  .is-frontend footer .custom-footer .custom-footer__contact,
  .is-frontend footer .custom-footer .custom-footer__trades,
  .is-frontend footer .custom-footer .custom-footer__socials {
    margin-bottom: var(--ss-custom-spacing);
  }

  .is-frontend footer .custom-footer .custom-footer__contact {
    width: 40%;
  }

  .is-frontend footer .custom-footer .custom-footer__trades {
    width: 35%;
  }

  .is-frontend footer .custom-footer .custom-footer__socials {
    width: 25%;
  }

  .is-frontend footer .custom-footer .custom-footer__legal {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .is-frontend footer .custom-footer {
    padding: var(--ss-custom-spacing--lg);
  }
}