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

:root {
  /* Brand colors */
  --ss-custom-color-primary--dark: hsla(222, 98%, 16%, 1);
  --ss-custom-color-primary: #1D428A;
  --ss-custom-color-primary--light: hsla(222, 98%, 26%, 1);
  --ss-custom-color-secondary--dark: hsla(27, 9%, 39%, 1);
  --ss-custom-color-secondary: hsla(27, 9%, 44%, 1);
  --ss-custom-color-secondary--light: hsla(27, 9%, 49%, 1);
  --ss-custom-color-green: hsla(128, 52%, 47%, 1);
  --ss-custom-color-orange: hsla(36, 85%, 44%, 1);
  --ss-custom-color-red: hsla(0, 72%, 51%, 1);

  /* Font family */
  --ss-custom-font-family--body: "Monsterrat", "Lucida Grande", "Segoe UI", Arial,
    Helvetica, sans-serif;
  --ss-custom-font-family--display: "Monsterrat", "Lucida Grande", "Segoe UI", Arial,
    Helvetica, sans-serif;
  --ss-custom-font-family--mono: "Courier New", Courier, monospace;

  /* Body */
  --ss-custom-body-background-color: #fafafa;
  --ss-custom-body-text-color: hsla(0, 0%, 20%, 1);

  /* Headings */
  --ss-custom-h1-font-weight: 400;
  --ss-custom-h1-text-color: var(--ss-custom-color-primary);
  --ss-custom-h2-font-weight: 400;
  --ss-custom-h2-text-color: var(--ss-custom-color-primary);
  --ss-custom-h3-font-weight: 400;
  --ss-custom-h3-text-color: var(--ss-custom-color-primary);
  --ss-custom-h4-font-weight: 400;
  --ss-custom-h4-text-color: var(--ss-custom-color-primary);
  --ss-custom-h5-font-weight: 400;
  --ss-custom-h5-text-color: var(--ss-custom-color-primary);
  --ss-custom-h6-font-weight: 400;
  --ss-custom-h6-text-color: var(--ss-custom-color-primary);

  /* Input (used for Select and Textarea too) */
  --ss-custom-input-background-color: #fbfbfb;
  --ss-custom-input-background-color--hover: #fbfbfb;
  --ss-custom-input-background-color--focus: #fbfbfb;
  --ss-custom-input-border: 1px solid hsla(0, 0%, 83%, 1);
  --ss-custom-input-border--hover: 1px solid hsla(0, 0%, 83%, 1);
  --ss-custom-input-border--focus: 1px solid var(--ss-custom-color-primary);
  --ss-custom-input-height: 46px;

  /* Buttons */
  --ss-custom-button-font-weight: 700;
  --ss-custom-button-height: 46px;
  --ss-custom-button-padding: 0 calc(var(--ss-custom-spacing) * 2);
  --ss-custom-button-text-transform: normal;

  /* Buttons: Secondary */
  --ss-custom-button-secondary-background-color: transparent;
  --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: 1px solid var(--ss-custom-color-primary);
  --ss-custom-button-secondary-border--hover: 1px solid
    var(--ss-custom-color-primary);
  --ss-custom-button-secondary-border--focus: 1px solid
    var(--ss-custom-color-primary);
  --ss-custom-button-secondary-text-color: var(--ss-custom-color-primary);
  --ss-custom-button-secondary-text-color--hover: #ffffff;
  --ss-custom-button-secondary-text-color--focus: #ffffff;

  /* Enhanced checkbox */
  --ss-custom-checkbox-enhanced-border: 1px solid
    var(--ss-custom-body-text-color);
  --ss-custom-checkbox-enhanced-background--active: var(
    --ss-custom-color-secondary
  );

  /* Enhanced radio */
  --ss-custom-radio-enhanced-border: 1px solid var(--ss-custom-body-text-color);
  --ss-custom-radio-enhanced-background--active: var(
    --ss-custom-color-secondary
  );

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

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

  /* Card */
  --ss-custom-card-border-color: hsla(0, 0%, 90%, 1);

  /* Stub numbers */
  --ss-custom-stub-number-background-color: hsla(0, 0%, 98%, 1);
  --ss-custom-stub-number-background-color--active: var(
    --ss-custom-color-primary
  );
  --ss-custom-stub-number-border: 1px solid var(--ss-custom-color-secondary);
  --ss-custom-stub-number-border--active: 1px solid
    var(--ss-custom-color-primary);
  --ss-custom-stub-number-dimensions: 25px;
  --ss-custom-stub-number-opacity: 1;
  --ss-custom-stub-number-opacity--active: 1;
  --ss-custom-stub-number-text-color: var(--ss-custom-color-secondary);
  --ss-custom-stub-number-text-color--active: #ffffff;

  /* Help tooltips */
  --ss-custom-help-tooltip-arrow-color: transparent;
  --ss-custom-help-tooltip-background-color: hsl(207.7, 65%, 92.2%);
  --ss-custom-help-tooltip-border: 0;
  --ss-custom-help-tooltip-box-shadow: none;
  --ss-custom-help-tooltip-text-color: var(--ss-custom-color-primary);

  /* Footer */
  --ss-custom-footer-background-color: var(--ss-custom-color-secondary);
}

/* Nav
.is-frontend nav {
  background: var(--ss-custom-color-secondary) !important;
}

.is-frontend nav ul li a {
  background-color: var(--ss-custom-color-secondary) !important;
}

.is-frontend nav ul li a:hover,
.is-frontend nav ul li a:focus {
  background-color: var(--ss-custom-color-secondary--light) !important;
}

.is-frontend nav ul li a.selected {
  background-color: var(--ss-custom-body-background-color) !important;
  color: var(--ss-custom-color-secondary) !important;
}

/* Get Quote: Titles */
.is-frontend #ctl00_MainContent_PageTitle,
.is-frontend #ctl00_MainContent_lblSchemeName {
  display: none !important;
}

/* Get Quote: Questions */
.is-frontend .question .text {
  color: var(--ss-custom-color-primary) !important;
}

/* Question: Checkbox */
.is-frontend
  .question.CheckBox.is-enhanced
  input[type="checkbox"]:checked
  + label::before {
  box-shadow: inset 0 0 0 2px var(--ss-custom-checkbox-enhanced-background);
}

.is-frontend
  .question.CheckBox.is-enhanced
  input[type="checkbox"]
  + label::before {
  top: 1px;
}

/* Question: Radio */
.is-frontend .question.Radio.is-enhanced label.is-checked::before {
  box-shadow: inset 0 0 0 2px var(--ss-custom-radio-enhanced-background);
}

.is-frontend .question.Radio.is-enhanced input[type="radio"] + label::before {
  top: 1px;
}

/* Buttons */
.is-frontend header .login a {
  background-color: var(--ss-custom-button-primary-background-color) !important;
  border: 0 !important;
  color: var(--ss-custom-button-primary-text-color) !important;
}

.is-frontend header .login a:hover {
  background-color: var(
    --ss-custom-button-primary-background-color--hover
  ) !important;
  border: 0 !important;
  color: var(--ss-custom-button-primary-text-color) !important;
}

.is-frontend header .login a:focus {
  background-color: var(
    --ss-custom-button-primary-background-color--focus
  ) !important;
  border: 0 !important;
  color: var(--ss-custom-button-primary-text-color) !important;
}
 */
/* Footer */
.is-frontend footer .right a {
  padding: 0 !important;
}

/* Table description to hide a row */
.public #PropertyDamageItems_Template #HeaderRow > th:nth-child(3) {display:none;}
.public #PropertyDamageItems_Template tr > td:nth-child(3){display:none;}

.full-bg {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 3rem 1rem;
    box-sizing: border-box;
}
.alternative-bg {
    background-color: #f5f5f5; 
    border-bottom: 1px solid #ccc;
}


.container {
  width: 90%;
  margin: 0 auto;
}

.row {
  position: relative;
  width: 100%;
}

.row [class^="col"] {
  float: left;
  margin: 8px 2%;
  min-height: 2px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%;
}

.col-1-sm {
  width: 4.33%;
}

.col-2-sm {
  width: 12.66%;
}

.col-3-sm {
  width: 21%;
}

.col-4-sm {
  width: 29.33%;
}

.col-5-sm {
  width: 37.66%;
}

.col-6-sm {
  width: 46%;
}

.col-7-sm {
  width: 54.33%;
}

.col-8-sm {
  width: 62.66%;
}

.col-9-sm {
  width: 71%;
}

.col-10-sm {
  width: 79.33%;
}

.col-11-sm {
  width: 87.66%;
}

.col-12-sm {
  width: 96%;
}

.row::after {
	content: "";
	display: table;
	clear: both;
}

.hidden-sm {
  display: none;
}

@media only screen and (min-width: 540px) {
  .container {
    width: 80%;
  }
}

@media only screen and (min-width: 720px) {
  .col-1 {
    width: 4.33%;
  }

  .col-2 {
    width: 12.66%;
  }

  .col-3 {
    width: 21%;
  }

  .col-4 {
    width: 29.33%;
  }

  .col-5 {
    width: 37.66%;
  }

  .col-6 {
    width: 46%;
  }

  .col-7 {
    width: 54.33%;
  }

  .col-8 {
    width: 62.66%;
  }

  .col-9 {
    width: 71%;
  }

  .col-10 {
    width: 79.33%;
  }

  .col-11 {
    width: 87.66%;
  }

  .col-12 {
    width: 96%;
  }

  .hidden-sm {
    display: block;
  }
}

@media only screen and (min-width: 960px) {
  .container {
    width: 75%;
    max-width: 960px;
  }
}