:root {
  /***************************************************
		General High Level Variables
	****************************************************/
  --body-font-family: "Times New Roman", Times, "Liberation Serif", "Georgia", "Nimbus Roman", "serif";
  --title-font-family: "Times New Roman", Times, "Liberation Serif", "Georgia", "Nimbus Roman", "serif";
  --title-font-color: var(--theme-dark-color);
  --title-letter-spacing: -0.02em;
  --large-font-size: 55px;
  --large-line-height: 94px;
  --body-size: 16px;
  --body-line-height: 24px;
  --body-color: var(--theme-dark-color);
  --link-color: var(--theme-dark-color);
  --body-background-color: var(--theme-light-color-secondary);
  --main-nav-bg: var(--theme-dark-color);
  --main-nav-li-bg-active-hover: var(--theme-primary-color);
  --main-nav-li-color: var(--theme-light-color);
  --main-nav-li-color-active-hover: var(--theme-light-color);
  --main-nav-icon-color: var(--theme-primary-color);
  --main-nav-icon-color-active-hover: var(--theme-light-color);
  --max-width-info-nav-logo: 291px;
  --border-radius: 8px;

  /*********************************** 
		Theme Styling -- Colors -- High Level Variables
	************************************/

  --theme-primary-color: #154C82;
  --theme-primary-trans-color: #154C82;
  --theme-primary-highlight-color: #5ED0D4;
  --theme-secondary-color: #F18A4F;
  --theme-hover-color: var(--theme-primary-color);
  --theme-light-color: #FAFAFA;
  --theme-light-trans-color: rgba(250, 250, 250, 0.95);
  --theme-light-color-secondary: #EDF0ED;
  --theme-dark-color: #161D1E;
  --theme-dark-color-trans: rgba(22, 29, 30);
  --theme-grey-color: #BFBFBF;
  --border-color: #BFBFBF;
  --icon-color: var(--theme-light-color);

  /*************************************
		Inconf - Button Styling 
	**************************************/

  --button-bg: var(--theme-light-color);
  --button-txt: var(--theme-primary-color);
  --button-border: var(--theme-light-color);

  --button-hover-bg: var(--theme-primary-color);
  --button-hover-txt: var(--theme-light-color);
  --button-hover-border: var(--theme-light-color);

  --button-focus-txt: var(--theme-primary-color);
  --button-focus-bg: var(--theme-light-color);
  --button-focus-border: var(--theme-primary-color);

  --button-disabled-bg: var(--theme-grey-color);
  --button-disabled-border: var(--theme-grey-color);
  --button-disabled-txt: var(--theme-light-color);

  --button-font-size: 16px;
  --button-border-radius: var(--border-radius, 8px);
  --button-text-transform: uppercase;
  --button-letter-spacing: 1px;

  /*************************************
		Inconf - Badges Styling (Status Badge - formally Live Badge, archive etc)
	**************************************/

  --status-badge-background-color: var(--theme-primary-color);
  --status-badge-text-color: var(--theme-light-color);
  --status-badge-font-family: var(--body-font-family);
  --status-badge-font-weight: 500;
  --status-badge-letter-spacing: 1;
  --status-badge-font-size: 11px;
  --status-badge-border-radius: 50px;

  /*************************************
		Inconf - Heading Styling 
	**************************************/
  --main-heading-font: var(--body-font-family);
  --main-heading-size: 32px;
  --main-heading-weight: 300;
  --main-heading-height: 40px;
  --main-heading-spacing: -0.02em;
  --main-heading-align: left;

  /******************************************
		Inconf - Font Styles.
	*******************************************/
  --inconf-font-main: var(--body-font-family);
  --inconf-font-style: normal;
  --inconf-font-weight-light: 300;
  --inconf-font-weight-medium: 400;
  --inconf-text-align-left: left;
  --inconf-text-align-right: right;
  --inconf-text-align-center: center;
  --inconf-text-colour: var(--body-color);
  --inconf-presenters-text-colour: #161d1e;
  --inconf-link-text-colour: var(--theme-primary-color);

  /************************************
		Global - Inconf Variables
	*************************************/
  --info-nav-bg-color-mob: var(--theme-primary-color);
  --info-nav-bg-color-desk: var(--theme-primary-color);
  --back-arrow-colour: var(--theme-primary-color);
  --inconf-tab-active-colour: var(--theme-primary-color);
  --inconf-tab-inactive-colour: var(--button-hover-color);

  /************************************
		Tablist Container Variables
	*************************************/
  --tablist-container-bg: var(--theme-light-color-secondary);
  --tablist-container-border: none; /* bottom border for tablist */
  --tablist-container-gap: 0.5rem;

  --tablist-single-title-font: var(--main-heading-font);
  --tablist-single-title-size: 24px;
  --tablist-single-title-weight: var(--main-heading-weight);
  --tablist-single-title-color: var(--main-heading-color, var(--theme-dark-color));

  /************************************
		404 Error Page
	*************************************/
  --page-404-background-color: var(--theme-primary-color);
  --page-404-text-color: var(--theme-light-color);
  --page-404-link-color: var(--theme-light-color);
  /**********************************
    Modal Variables
  ***********************************/
  --modal-font: var(--inconf-font-main);
  --modal-weight-400: var(--inconf-font-weight-medium);
  --modal-text-left: var(--inconf-text-align-left);
  --modal-font-24: 24px;
  --modal-font-16: 16px;
  --modal-line-24: 24px;
  --modal-line-36: 36px;
  --modal-space-0: 0em;
  /**********************************
    Desktop Menu Variables
  ***********************************/
  --desktop-menu-slideout-text-color: white;
  --desktop-menu-slideout-icon-color: var(--theme-primary-color);
  --desktop-menu-slideout-text-hover-color: #161d1e;
  --desktop-menu-slideout-icon-hover-color: white;
  --desktop-menu-text-active-color: #161d1e;
  --desktop-menu-icon-active-color: white;
  --desktop-menu-icon-width: 33px;
  --desktop-menu-icon-justify: center;
  /**********************************
    Mobile Menu Variables
  ***********************************/
  --mobile-menu-font: var(--inconf-font-main);
  --mobile-menu-size: 16px;
  --mobile-menu-weight: 400;
  --mobile-menu-height: 24px;
  --mobile-menu-space: 0em;
  --mobile-menu-align: left;

  --mobile-menu-text-color: #252733;
  --mobile-menu-button-color: var(--theme-primary-color);

  --mobile-menu-text-font: var(--inconf-font-main);
  --mobile-menu-text-size: 32px;
  --mobile-menu-text-weight: 300;
  --mobile-menu-text-height: 40px;
  --mobile-menu-text-spacing: -0.02em;
  --mobile-menu-text-align: center;
  --mobile-menu-text-color: var(--theme-primary-color);

  --mobile-menu-item-text-font: var(--inconf-font-main);
  --mobile-menu-item-text-size: 22px;
  --mobile-menu-item-text-weight: 400;
  --mobile-menu-item-text-height: 28px;
  --mobile-menu-item-text-spacing: -0.02em;
  --mobile-menu-item-text-align: center;
  --mobile-menu-item-text-upper: capitalize;
  --mobile-menu-item-text-color: #252733;

  --mobile-menu-item2-text-font: var(--inconf-font-main);
  --mobile-menu-item2-text-size: 22px;
  --mobile-menu-item2-text-weight: 400;
  --mobile-menu-item2-text-height: 28px;
  --mobile-menu-item2-text-spacing: -0.02em;
  --mobile-menu-item2-text-align: center;
  --mobile-menu-item2-text-upper: capitalize;
  --mobile-menu-item2-text-color: #252733;
  /**********************************
    Desktop Nav Menu Variables
  ***********************************/
  --desktop-nav-top-font: var(--inconf-font-main);
  --desktop-nav-top-size: 16px;
  --desktop-nav-top-weight: 400;
  --desktop-nav-top-height: 24px;
  --desktop-nav-top-spacing: 0em;
  --desktop-nav-top-align: right;
  --desktop-nav-top-colour: #252733;

  --desktop-nav-top2-font: var(--inconf-font-main);
  --desktop-nav-top2-size: 16px;
  --desktop-nav-top2-weight: 400;
  --desktop-nav-top2-height: 24px;
  --desktop-nav-top2-spacing: 0em;
  --desktop-nav-top2-align: left;
  --desktop-nav-top2-colour: #252733;

  /**********************************
    Login Page Variables
  ***********************************/
  --login-panel-bg: var(--theme-primary-trans-color);
  --login-panel-border-radius: 6px;
  --login-panel-max-width: 480px;
  --login-panel-padding: 2rem;

  --login-text-color: var(--theme-light-color);
  --login-text-size: 14px;
  --login-link-color: var(--theme-light-color);

  --login-error-bg: #e83b3b;
  --login-error-color: #ffffff;
  --login-error-font-size: 14px;

  --login-maintenance-text-color: #ffffff;
  --login-maintenance-font-size: 18px;
  --login-maintenance-line-height: 1.1;
  --login-maintenance-letter-spacing: 0.4px;

  --login-page-background: url('');
  /* Set via customizer */
  --login-page-background-tablet: url('');
  /* Set via customizer */
  --login-page-background-mobile: url('');
  /* Set via customizer */

  --login-checkbox-icon-size: 16px;
  --login-checkbox-margin: 30px;


}