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

:root {

  /* Override default boilerplate fonts */
  --ss-custom-font-family--body: 'Franklin Gothic', Arial, sans-serif;
  --ss-custom-font-family--display: 'Franklin Gothic', Arial, sans-serif;
  --ss-custom-font-family--mono: 'Franklin Gothic', Arial, sans-serif;

  /* Brand Colours */
  --ss-custom-color-primary--dark: #001A2C; /* Darker Navy */
  --ss-custom-color-primary: #002C43; /* Deep Navy */
  --ss-custom-color-primary--light: #004B70; /* Lighter Navy */
  --ss-custom-color-secondary--dark: #5C101C; /* Darker Red */
  --ss-custom-color-secondary: #A11C2E; /* Bold Red */
  --ss-custom-color-secondary--light: #C42E41; /* Lighter Red */

  /* Backgrounds */
  --ss-custom-background-color: #F4F4F4; /* Light Grey Background */
  --ss-custom-background-color-dark: #002C43; /* Navy for Dark Mode */
  --ss-custom-background-color-light: #ffffff; /* White */

  /* Text Colours */
  --ss-custom-text-color: #002C43; /* Navy for body text */
  --ss-custom-text-color-light: #ffffff; /* White for dark mode */
  --ss-custom-text-color-secondary: #A11C2E; /* Red for emphasis */

  /* Headings */

  --ss-custom-h1-text-color: #002C43; /* Deep Navy for better contrast */
  --ss-custom-h1-font-size: 2.5rem; /* 40px */
  --ss-custom-h1-font-weight: 900;
  --ss-custom-h1-line-height: 1.2;
  --ss-custom-h1-margin-bottom: 16px;



  --ss-custom-h2-text-color: #A11C2E; /* Red for contrast */
  --ss-custom-h2-font-size: 2rem; /* 32px */
  --ss-custom-h2-font-weight: 800;
  --ss-custom-h2-line-height: 1.3;


  --ss-custom-h3-text-color: #002C43;
  --ss-custom-h3-font-size: 1.75rem; /* 28px */
  --ss-custom-h3-font-weight: 800;
  --ss-custom-h4-text-color: #A11C2E;
  --ss-custom-h5-text-color: #5C101C;
  --ss-custom-h6-text-color: #002C43;

  /* Body Text */
  --ss-custom-body-font-size: 1rem; /* 16px */
  --ss-custom-body-font-weight: 400;
  --ss-custom-body-line-height: 1.6;

  /* Buttons */
  --ss-custom-button-background-color: #A11C2E;
  --ss-custom-button-background-color--hover: #5C101C;
  --ss-custom-button-text-color: #ffffff;
  --ss-custom-button-border-radius: 6px;
  --ss-custom-button-padding: 12px 24px;
  --ss-custom-button-font-size: 1rem;
  --ss-custom-button-font-weight: 700;

  /* Radio Buttons */
  --ss-custom-radio-button-background-color: transparent;
  --ss-custom-radio-button-background-color--hover: #E5E5E5;
  --ss-custom-radio-button-border: 2px solid var(--ss-custom-color-primary);
  --ss-custom-radio-button-border--hover: 2px solid var(--ss-custom-color-secondary);
  --ss-custom-radio-button-text-color: #002C43;
  --ss-custom-radio-button-text-color--hover: #A11C2E;

  /* Cards */
  --ss-custom-card-background-color: #ffffff;
  --ss-custom-card-border-color: #A11C2E;
  --ss-custom-card-border-radius: 10px;
  --ss-custom-card-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --ss-custom-card-padding: 20px;

  /* Tabs */
.tab {
  background-color: #ffffff; /* Default white background */
  color: var(--ss-custom-text-color);
  padding: 10px 20px;
  border: 1px solid var(--ss-custom-color-primary);
  cursor: pointer;
}

.tab:hover,
.tab:focus {
  background-color: var(--ss-custom-color-primary--light); /* Lighter navy on hover */
  color: #ffffff; /* White text on hover for contrast */
}

.tab.active {
  background-color: var(--ss-custom-color-secondary); /* Active tab uses bold red */
  color: #ffffff;
}


/* Isolate the widget */
.widget-container .elfsight-app-0a59a562-8339-4471-aca1-da1ef027231c {
    all: initial;
}


}