/*
 * 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 */
@font-face {
  font-family: 'Franklin Gothic';
  src: url('https://schemeservelive.blob.core.windows.net/medialib/images/user/account_id_45157/tmfmu%20font/franklingothic-book.woff2') format('woff2'),
       url('https://schemeservelive.blob.core.windows.net/medialib/images/user/account_id_45157/tmfmu%20font/franklingothic-book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Apply globally */
body, input, select, textarea, button {
  font-family: 'Franklin Gothic', Arial, sans-serif !important;
}

:root {
 /* Brand colors */
  --ss-custom-color-primary--dark: #287A85;
  --ss-custom-color-primary: #46BA8B;
  --ss-custom-color-primary--light: #287A85;
  --ss-custom-color-secondary--dark: #195470;
  --ss-custom-color-secondary: #0F2547;
  --ss-custom-color-secondary--light: #195470;
  
  

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

  /* Headings */
  --ss-custom-h1-font-family: var(--ss-custom-font-family--display);
  --ss-custom-h1-text-color: #46BA8B;
  --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: #0F2547;
  --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: #0F2547;
  --ss-custom-h4-font-family: var(--ss-custom-font-family--display);
  --ss-custom-h4-text-color: #0F2547;
  --ss-custom-h5-font-family: var(--ss-custom-font-family--display);
  --ss-custom-h5-text-color: #0F2547;
  --ss-custom-h5-font-size: 1.0rem;
  --ss-custom-h6-font-family: var(--ss-custom-font-family--display);
  --ss-custom-h6-text-color: #0F2547;

/* 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-secondary);
--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);



/* 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;  
}