/*
 * 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");

/* Custom fonts here */

:root {
 /* Brand colors */
  --ss-custom-color-primary--dark: #9C9C9C;
  --ss-custom-color-primary: #1B3F8A;
  --ss-custom-color-primary--light: #9C9C9C;
  --ss-custom-color-secondary--dark: #1B3F8A;
  --ss-custom-color-secondary: #9C9C9C;
  --ss-custom-color-secondary--light: #1B3F8A;
  
  

/* Stubs */
  --ss-custom-stub-number-color: #959595;
  --ss-custom-stub-number-background-color--active: #1B3F8A;
  --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: #9C9C9C;
  --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: #1B3F8A;
  --ss-custom-h1-font-size: 22px;
  --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: 18px;
  --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 !important;
  --ss-custom-h5-font-size: 1.0rem;
  --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: #000000;
--ss-custom-radio-button-text-transform: var(--ss-custom-button-text-transform);



/* 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;  

}

/* VALI test bold */
.is-frontend #pages label.radio, .is-frontend #pages_postquote label.radio {
font-weight: bold !important;

}

header {
    box-sizing: border-box;
    width: 100%;
    padding: 30px calc((100% - 1200px) / 2);
    min-height: 450px;
    background: url(https://hairandbeauty.schemeserve.com/documents_formal/ACCOUNT_ID_45706/USEFULDOCUMENT_ID_1803_banner%20hb%205.jpg) center center no-repeat;
    background-size: cover;
}

header .bb-header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

header .logo {
    max-width: 200px;
    -webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  margin:0!important;
}

header .logo img {
   display: none ! important;
}

header .navigation ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-blank {
    list-style: none;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

header .navigation li {
    margin-right: 50px;
    position: relative;
}

header.overlay a {
    color: #fff;
  text-decoration:none;
}

header a {
    font-size: 15px;
    font-weight: 500;
}