/*
 * NOTICE - PLEASE READ BELOW
 * ############################################################################
 *
 * THIS SITE USES A NEW GLOBAL CSS/JAVASCRIPT RESET AND CUSTOMISATION SYSTEM
 * PLEASE SPEAK TO A WUNDERWRITER BEFORE MAKING ANY CHANGES
 */

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

/* Custom fonts here */

:root {
/* Brand colors */
  --ss-custom-color-primary--dark: #000000;
  --ss-custom-color-primary: #DA291C;
  --ss-custom-color-primary--light: #000000;
  --ss-custom-color-secondary--dark: #DA291C;
  --ss-custom-color-secondary: #000000;
  --ss-custom-color-secondary--light: #DA291C;

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


/* Stubs */
  --ss-custom-stub-number-color: #959595;
  --ss-custom-stub-number-background-color--active: #DA291C;
  --ss-custom-stub-number-bottom-border-color: #959595;
  --ss-custom-stub-number-left-border-color: #959595;
  --ss-custom-stub-number-right-border-color: #959595;
  --ss-custom-stub-number-top-border-color: #959595;
  --ss-custom-stub-number-opacity: 1;
  --ss-custom-stub-number-text-color: #000000;
  --ss-custom-stub-page-color: #959595;
  --ss-custom-stub-page-color--active: #white;

  /* Headings */
  --ss-custom-h1-font-family: var(--ss-custom-font-family--display);
  --ss-custom-h1-text-color: #DA291C;
  --ss-custom-h1-font-size: 55px;
  --ss-custom-h1-font-weight: 700;
  --ss-custom-h1-line-height: 1.13;
  --ss-custom-h1-margin-bottom: 16px;
  --ss-custom-h1-color: #000;
  --ss-custom-h2-font-family: var(--ss-custom-font-family--display);
  --ss-custom-h2-text-color: #000000;
  --ss-custom-h2-font-size: 40px;
  --ss-custom-h2-font-weight: 600;
  --ss-custom-h2-line-height: 11;
  --ss-custom-h3-font-family: var(--ss-custom-font-family--display);
  --ss-custom-h3-text-color: #000000;
  --ss-custom-h4-font-family: var(--ss-custom-font-family--display);
  --ss-custom-h4-text-color: #000000;
  --ss-custom-h5-font-family: var(--ss-custom-font-family--display);
  --ss-custom-h5-text-color: #000000;
  --ss-custom-h6-font-family: var(--ss-custom-font-family--display);
  --ss-custom-h6-text-color: #000000;

/* Radio button */
--ss-custom-radio-button-background-color: transparent;
--ss-custom-radio-button-background-color--hover: #f5f5f5;
--ss-custom-radio-button-background-color--focus: #f5f5f5;
--ss-custom-radio-button-background-color--active: var(--ss-custom-color-primary);
--ss-custom-radio-button-border: 2px solid var(--ss-custom-color-primary--light);
--ss-custom-radio-button-border--hover: 2px solid var(--ss-custom-color-primary);
--ss-custom-radio-button-border--focus: 2px solid var(--ss-custom-color-primary);
--ss-custom-radio-button-border--active: 2px solid var(--ss-custom-color-primary);
--ss-custom-radio-button-border-radius: var(--ss-custom-border-radius);
--ss-custom-radio-button-font-family: var(--ss-custom-body-font-family);
--ss-custom-radio-button-font-size: var(--ss-custom-body-font-size);
--ss-custom-radio-button-height: var(--ss-custom-button-height);
--ss-custom-radio-button-padding: var(--ss-custom-button-padding);
--ss-custom-radio-button-text-color: #000000;
--ss-custom-radio-button-text-color--hover: var(--ss-custom-color-primary);
--ss-custom-radio-button-text-color--focus: var(--ss-custom-color-primary);
--ss-custom-radio-button-text-color--active: #ffffff;
--ss-custom-radio-button-text-transform: var(--ss-custom-button-text-transform);

/* Accordion */
details {
  font-size: 14px;
  text-color: : #000000;
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
}

summary {
  font-size: 14px;
  text-color: : #bbbbbb;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}


/* Card */
--ss-custom-card-background-color: #ffffff;
--ss-custom-card-border-color: #dddddd;
--ss-custom-card-border-radius: var(--ss-custom-border-radius);
--ss-custom-card-box-shadow: var(--ss-custom-box-shadow);
--ss-custom-card-padding: 20px;

/* HIDE table column */
.public #FDClaimTable_Template #HeaderRow > th:nth-child(5) {display:none;}
.public #FDClaimTable_Template tr > td:nth-child(5){display:none;}
.public #FDClaimTable_Template #HeaderRow > th:nth-child(6) {display:none;}
.public #FDClaimTable_Template tr > td:nth-child(6){display:none;}
.public #GlampingAccomodation_Template #HeaderRow > th:nth-child(8) {display:none;}
.public #GlampingAccomodation_Template tr > td:nth-child(8){display:none;}
.public #GlampingAccomodation_Template #HeaderRow > th:nth-child(9) {display:none;}
.public #GlampingAccomodation_Template tr > td:nth-child(9){display:none;}


}


/* Custom Plans */

.is-frontend div[id*="question_LevelOfCover"] .admdropdown,{
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}

.is-frontend .js-custom-plans {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.is-frontend .js-custom-plans__plan {
  background: var(--ss-custom-card-background-color);
  border: 1px solid var(--ss-custom-card-border-color);
  border-radius: var(--ss-custom-card-border-radius);
  margin-bottom: var(--ss-custom-spacing);
  padding: var(--ss-custom-spacing--sm);
  width: 100%;
}

.is-frontend .js-custom-plans__plan h3 {
  color: var(--ss-custom-color-primary) !important;
  margin-bottom: var(--ss-custom-spacing--sm) !important;
}

.is-frontend .js-custom-plans__plan .js-custom-plans__feature {
  margin-bottom: var(--ss-custom-spacing--sm);
}

.is-frontend .js-custom-plans__plan .js-custom-plans__actions {
  display: flex;
  justify-content: center;
}

.is-frontend .js-custom-plans__plan .js-custom-plans__button {
  appearance: none !important;
  align-items: center !important;
  background-color: #fff !important;
  border: 1px solid var(--ss-custom-color-primary) !important;
  border-radius: var(--ss-custom-button-border-radius) !important;
  color: var(--ss-custom-color-primary) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-family: var(--ss-custom-button-font-family) !important;
  font-size: var(--ss-custom-button-font-size) !important;
  font-weight: var(--ss-custom-button-font-weight) !important;
  height: var(--ss-custom-button-height) !important;
  justify-content: center !important;
  margin: 0 auto !important;
  padding: 0 var(--ss-custom-spacing--lg) !important;
  text-decoration: none !important;
  text-transform: var(--ss-custom-button-text-transform) !important;
  width: auto !important;
}

.is-frontend .js-custom-plans__plan .js-custom-plans__button:hover,
.is-frontend .js-custom-plans__plan .js-custom-plans__button:focus {
  background-color: var(
    --ss-custom-button-secondary-background-color
  ) !important;
}

.is-frontend
  .js-custom-plans__plan
  .js-custom-plans__button.js-custom-plans__button--selected {
  background-color: var(--ss-custom-color-primary) !important;
  color: #fff !important;
}

.is-frontend .js-custom-plans__plan .js-custom-plans__button span {
  display: none;
}

.is-frontend
  .js-custom-plans__plan
  .js-custom-plans__button.js-custom-plans__button--selected
  span {
  display: inline;
}

@media (min-width: 768px) {
  .is-frontend .js-custom-plans {
    flex-direction: row;
    gap: 1rem;
    margin-bottom: var(--ss-custom-spacing);
  }

  .is-frontend .js-custom-plans__plan {
    box-shadow: var(--ss-custom-card-box-shadow);
    margin-bottom: 0;
    width: 33%;
  }

  .is-frontend .js-custom-plans__button {
    min-width: 150px;
  }
}