:root {
   /* MEF Theme */
   /* – Colors */
   --base-01: #ffffff;           /* Base color of page, used for blank backgrounds */
   --base-02: #F7FBFE;           /* Base color, a darker tone of --base-01 */
   --base-03: #EEF6FD;           /* Base color, a darker tone of --base-02 */
   --base-04: #DAE7F3;           /* Base color, a darker tone of --base-03 */
   --base-05: #C9D9EA;           /* Base color, a darker tone of --base-04 */
   --base-content: #333333;      /* Foreground content color to use on base color (This foreground tone meets WCAG 2.1 AA Contrast Guidelines of all base background tones) */
   --base-emphasis: #212121;     /* Foreground content color to bring emphasis, for example on Heading Tags (This foreground tone meets WCAG 2.1 AA Contrast Guidelines of all base background tones)*/
   --base-mute: #666F81;        /* Foreground content color to reduce empasis  (This foreground tone meets WCAG 2.1 AA Contrast Guidelines of all base background tones) */
   --dark-01: #212121;           /* Base color of page, used for dark backgrounds */
   --dark-content: #fff;         /* Foreground content color on dark background tones*/
   --dark-focus: #FF9223;        /* Dark content colour when focused */
   --primary: #336699;           /* Primary brand color for links, buttons, etc. */
   --primary-focus: #204e7c;     /* Primary color when focused. A darker tone of primary */
   --primary-content: #ffffff;   /* Foreground content color to use on primary color. A readable tone of primary */
   --secondary: #9D2305;         /* Secondary brand color for links, buttons, etc. */
   --secondary-focus: #7A3326;   /* Secondary color when focused. A darker tone of secondary */
   --secondary-content: #ffffff; /* Foreground content color to use on secondary color. A readable tone of secondary */
   --tertiary: #FF9223;          /* Tertiary brand color for links, buttons, etc. */
   --tertiary-focus: #B57637;    /* Tertiary color when focused. A darker tone of tertiary */
   --tertiary-content: #333333;  /* Foreground content color to use on tertiary color. A readable tone of tertiary */
   --quaternary: #464D59;        /* Quaternary brand color for links, buttons, etc. */
   --quaternary-focus: #333333;  /* Quaternary color when focused. A darker tone of quaternary */
   --quaternary-content: #ffffff;/* Foreground content color to use on quaternary color. A readable tone of quaternary */
   --border-neutral: #CDD0D1;             /* A neutral border tone*/
   --border-primary: #B6CADF;    /* Primary border tone */
   --border-base: #DFE2E6;       /* A muted border tone */
   --info: var(--primary);
   --info-content: ;
   --success: #008744;
   --success-content: #ffffff;
   --warning: var(--tertiary);
   --warning-content: #333333;
   --error: #B22305;
   --error-content: #333333;
   
   /* – Typography */
   --heading-font: var(--paragraph-font);
   --paragraph-font: "open-sans", sans-serif, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 
   /* – Logos */
   --nav-logo: url("https://cadmoremediastorage.blob.core.windows.net/b630d368-8a16-4e65-8537-2ab61d609eb6/ApplicationContent/mef-logo-450x48.jpg?sv=2018-03-28&sr=c&sig=dmxe95BNu5FwdhrilCNbIXpufgCl9reA0ahr50g4ZmM%3D&st=2025-06-30T05%3A37%3A55Z&se=2025-06-30T09%3A42%3A55Z&sp=r");            /* Organization's logo as it would appear in the header navigation */
   --footer-logo: url("https://cadmoremediastorage.blob.core.windows.net/b630d368-8a16-4e65-8537-2ab61d609eb6/ApplicationContent/mef-logo-inverted-450x48.png?sv=2018-03-28&sr=c&sig=dmxe95BNu5FwdhrilCNbIXpufgCl9reA0ahr50g4ZmM%3D&st=2025-06-30T05%3A37%3A55Z&se=2025-06-30T09%3A42%3A55Z&sp=r");   /* Organization's logo as it would appear in the footer */
 
   /* Backgrounds */
   --nav-background: var(--base-01);
   --banner-background-url: url("https://cadmoremediastorage.blob.core.windows.net/b630d368-8a16-4e65-8537-2ab61d609eb6/ApplicationContent/background-gradient-1920x1120.jpg?sv=2018-03-28&sr=c&sig=dmxe95BNu5FwdhrilCNbIXpufgCl9reA0ahr50g4ZmM%3D&st=2025-06-30T05%3A37%3A55Z&se=2025-06-30T09%3A42%3A55Z&sp=r");
   --media-padding-background-gradient: linear-gradient(135deg, rgba(51,102,153,0.33) 0%, rgba(16,122,224,0.33) 100%);
   --media-padding-background-gradient-hover: linear-gradient(135deg, rgba(51,102,153,0.25) 0%, rgba(16,122,224,0.25) 100%);
 }
 /* Body Background Options - Alternating Background Sections */
 
 main>section:nth-of-type(odd):not(.img-bg) {
   background: var(--base-03);
 }
 
 main>section:nth-of-type(even):not(.img-bg) {
   background: var(--base-02);
 }
 
 a.accent-primary,
 a.accent-primary:visited {
   color: var(--primary)
 }
 
 a.accent-primary:hover {
   color: var(--primary-focus)
 }
 
 .badge {
   background: var(--base-05);
   border: 1px solid var(--base-05);
   color: var(--base-content);
 }
 
 .badge:hover {
   background: var(--base-01);
   border: 1px solid var(--base-05);
 }