:root {
   /* ISCM Generic Media Site Theme */
   /* – Colors */
   --base-01: #ffffff;
   /* Base color of page, used for blank backgrounds */
   --base-02: #F4F4F7;
   /* Base color, a darker tone of --base-01 */
   --base-03: #E2EFF4;
   /* Base color, a darker tone of --base-02 */
   --base-04: #DAE9F1;
   /* Base color, a darker tone of --base-03 */
   --base-05: #ebebf6;
   /* Base color, a darker tone of --base-04 */
   --base-content: #212529;
   /* 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: #242868;
   /* 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: #586267;
   /* Foreground content color to reduce empasis  (This foreground tone meets WCAG 2.1 AA Contrast Guidelines of all base background tones) */
   --dark-01: #222648;
   /* Base color of page, used for dark backgrounds */
   --dark-content: var(--base-01);
   /* Foreground content color on dark background tones*/
   --dark-focus: #22263B;
   /* Dark content colour when focused */
   --primary: #242868;
   /* Primary brand color for links, buttons, etc. */
   --primary-focus: var(--dark-01);
   /* Primary color when focused. A darker tone of primary */
   --primary-content: var(--base-01);
   /* Foreground content color to use on primary color. A readable tone of primary */
   --secondary: #84C7BC;
   /* Secondary brand color for links, buttons, etc. */
   --secondary-focus: #75AEA6;
   /* Secondary color when focused. A darker tone of secondary */
   --secondary-content: var(--base-content);
   /* Foreground content color to use on secondary color. A readable tone of secondary */
   --tertiary: #a97eb0;
   /* Tertiary brand color for links, buttons, etc. */
   --tertiary-focus: #94709C;
   /* Tertiary color when focused. A darker tone of tertiary */
   --tertiary-content: var(--base-content);
   /* Foreground content color to use on tertiary color. A readable tone of tertiary */
   --quaternary: #f0a693;
   /* Quaternary brand color for links, buttons, etc. */
   --quaternary-focus: #D09283;
   /* Quaternary color when focused. A darker tone of quaternary */
   --quaternary-content: var(--base-content);
   /* Foreground content color to use on quaternary color. A readable tone of quaternary */
   --border-color: #DADADA;
   /* A  border tone*/
   --info: var(--primary);
   --info-content: var(--base-01);
   --success: #00AA6E;
   --success-content: var(--secondary-content);
   --warning: var(--quaternary);
   --warning-content: var(--quaternary-content);
   --error: #B22305;
   --error-content: var(--base-01);
 
   /* – Typography */
   --heading-font: "Cinzel", serif;
   --paragraph-font: "Sen", sans-serif;
   font-family: var(--paragraph-font);
   font-weight: normal;
   color: var(--base-content);
   --text-xs: 0.79rem;
   --text-sm: 0.889rem;
   --text-base: 1rem;
   --text-lg: 1.125rem;
   --text-xl: 1.266rem;
   --text-2xl: 1.424rem;
   --text-3xl: 1.602rem;
   --text-4xl: 1.802rem;
   --text-5xl: 2.027rem;
   --text-6xl: 2.281rem;
   --text-7xl: 2.566rem;
 
   /* – Logos */
   --nav-logo: url("https://cadmoremediastorage.blob.core.windows.net/25d6b416-1480-486f-bc43-14a214991993/ApplicationContent/logo.svg?sv=2018-03-28&sr=c&sig=hzQGWEqHmZP4O0ev2ZdVnrjRITgw5GrPhqd0Qhiwli0%3D&st=2025-07-19T03%3A09%3A57Z&se=2025-07-19T07%3A14%3A57Z&sp=r");
   --nav-logomark: url("https://cadmoremediastorage.blob.core.windows.net/25d6b416-1480-486f-bc43-14a214991993/ApplicationContent/logomark.svg?sv=2018-03-28&sr=c&sig=hzQGWEqHmZP4O0ev2ZdVnrjRITgw5GrPhqd0Qhiwli0%3D&st=2025-07-19T03%3A09%3A57Z&se=2025-07-19T07%3A14%3A57Z&sp=r");
   /* Organization's logo as it would appear in the header navigation */
   --footer-logo: url("https://cadmoremediastorage.blob.core.windows.net/25d6b416-1480-486f-bc43-14a214991993/ApplicationContent/logo.svg?sv=2018-03-28&sr=c&sig=hzQGWEqHmZP4O0ev2ZdVnrjRITgw5GrPhqd0Qhiwli0%3D&st=2025-07-19T03%3A09%3A57Z&se=2025-07-19T07%3A14%3A57Z&sp=r");
   /* Organization's logo as it would appear in the footer */
   --three: all 0.3s ease-in-out;
   --five: all 0.5s ease-in-out;
   --i-cadmore-c: url("https://cadmoremediastorage.blob.core.windows.net/25d6b416-1480-486f-bc43-14a214991993/ApplicationContent/cadmore-c.svg?sv=2018-03-28&sr=c&sig=hzQGWEqHmZP4O0ev2ZdVnrjRITgw5GrPhqd0Qhiwli0%3D&st=2025-07-19T03%3A09%3A57Z&se=2025-07-19T07%3A14%3A57Z&sp=r");

   /* Background */
   --bg-img: url("https://cadmoremediastorage.blob.core.windows.net/25d6b416-1480-486f-bc43-14a214991993/ApplicationContent/background-1920x1120.jpg?sv=2018-03-28&sr=c&sig=hzQGWEqHmZP4O0ev2ZdVnrjRITgw5GrPhqd0Qhiwli0%3D&st=2025-07-19T03%3A09%3A57Z&se=2025-07-19T07%3A14%3A57Z&sp=r");
 }
 
 /* Sen Normal for body text */
 @font-face {
   font-family: 'Sen';
   src: url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-Regular.eot');
   /* IE9 Compat Modes */
   src: url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-Regular.eot?#iefix') format('embedded-opentype'),
     /* IE6-IE8 */
     url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-Regular.woff2') format('woff2'),
     /* Super Modern Browsers */
     url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-Regular.woff') format('woff'),
     /* Pretty Modern Browsers */
     url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-Regular.ttf') format('truetype');
   /* Safari, Android, iOS */
   font-weight: normal;
   font-style: normal;
 }
  /* Sen Semi Bold for emphasis */
 @font-face {
  font-family: 'Sen';
    /* IE6-IE8 */
    src: url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-SemiBold.woff2') format('woff2'),
    /* Pretty Modern Browsers */
    url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-SemiBold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-weight: 600;
  font-style: normal;
}
 /* Sen Bold for emphasis */
 @font-face {
   font-family: 'Sen';
   src: url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-Bold.eot');
   /* IE9 Compat Modes */
   src: url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-Bold.eot?#iefix') format('embedded-opentype'),
     /* IE6-IE8 */
     url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-Bold.woff2') format('woff2'),
     /* Super Modern Browsers */
     url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-Bold.woff') format('woff'),
     /* Pretty Modern Browsers */
     url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-Bold.ttf') format('truetype');
   /* Safari, Android, iOS */
   font-weight: 700;
   font-style: normal;
 }
  /* Sen ExtraBold for emphasis */
  @font-face {
   font-family: 'Sen';
   src: url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-ExtraBold.eot');
   /* IE9 Compat Modes */
   src: url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-ExtraBold.eot?#iefix') format('embedded-opentype'),
     /* IE6-IE8 */
     url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-ExtraBold.woff2') format('woff2'),
     /* Super Modern Browsers */
     url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-ExtraBold.woff') format('woff'),
     /* Pretty Modern Browsers */
     url('/Content/CSSContent?applicationId=25d6b416-1480-486f-bc43-14a214991993&fileName=Sen-ExtraBold.ttf') format('truetype');
   /* Safari, Android, iOS */
   font-weight: 900;
   font-style: normal;
 }
 
 /* Site Wide Items */
 
 

 
 button,
 a, a:hover, button, button:hover {
   transition: var(--three);
   cursor: pointer;
 }
 #pageContent { 
   min-height: 100vh;
   display: flex;
   flex-direction: column;
 }
 #pageContent main { 
   flex-grow: 1;
   background-color: var(--base-02);
 }
 .full-width {
   padding: .75rem;
 }
 @media only screen and (min-width: 360px) {

 }
 
 @media only screen and (min-width: 500px) {

 }
 
 @media only screen and (min-width: 640px) {
  .full-width {
    padding: 1.25rem;
  }
 }
 
 @media only screen and (min-width: 768px) {

 }
 
 @media only screen and (min-width: 1024px) {
  .full-width {
    padding: 2rem 2.5rem;
  }
 }
 
 @media only screen and (min-width: 1280px) {
 

 }
 
 @media only screen and (min-width: 1536px) {
  .full-width {
    padding: 2rem 0;
  }
  .full-width .wrapper {
    max-width: 90rem;
    margin: 0 auto;
  }

 }
 
 
 
 
 
 
 
 /* RESET */
 
 /* Box sizing rules */
 *,
 *::before,
 *::after {
   box-sizing: border-box;
 }
 
 /* Prevent font size inflation */
 html {
   -moz-text-size-adjust: none;
   -webkit-text-size-adjust: none;
   text-size-adjust: none;
 }
 
 /* Remove default margin in favour of better control in authored CSS */
 body,
 h1,
 h2,
 h3,
 h4,
 p,
 figure,
 blockquote,
 dl,
 dd {
   margin: 0;
 }
 
 /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
 ul[role='list'],
 ol[role='list'] {
   list-style: none;
   list-style-type: none;
 }
 
 /* Set core body defaults */
 body {
   min-height: 100vh;
   line-height: 1.625;
 }
 
 /* Set shorter line heights on headings and interactive elements */
 h1,
 h2,
 h3,
 h4,
 button,
 input,
 label {
   line-height: 1.5;
 }
 
 /* A elements that don't have a class get default styles */
 a:not([class]) {
   text-decoration-skip-ink: auto;
   color: currentColor;
 }
 
 /* Make images easier to work with */
 img,
 picture {
   max-width: 100%;
   display: block;
 }
 
 /* Inherit fonts for inputs and buttons */
 input,
 button,
 textarea,
 select {
   font: inherit;
 }
 
 /* Make sure textareas without a rows attribute are not tiny */
 textarea:not([rows]) {
   min-height: 10em;
 }
 
 /* Anything that has been anchored to should have extra scroll margin */
 :target {
   scroll-margin-block: 5ex;
 }
 
 ul {
   margin-block-start: 0;
   margin-block-end: 0;
   padding-inline-start: 0;
 }
 
 p:not(:first-of-type) {
   padding-top: 1rem;
 }
 
 
 
 
 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);
 }