:root {
   /* AAD Media Site 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: #F3F8FC;
   /* Base color, a darker tone of --base-02 */
   --base-04: #EEF6FC;
   /* Base color, a darker tone of --base-03 */
   --base-05: #EAF3FB;
   /* Base color, a darker tone of --base-04 */
   --base-content: #4A5669;
   /* 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: #002D5D;
   /* 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: #808895;
   /* Foreground content color to reduce empasis  (This foreground tone meets WCAG 2.1 AA Contrast Guidelines of all base background tones) */
   --dark-01: #002D5D;
   /* Base color of page, used for dark backgrounds */
   --dark-content: var(--base-01);
   /* Foreground content color on dark background tones*/
   --dark-focus: #0F2940;
   /* Dark content colour when focused */
   --primary: #1C7CD5;
   /* Primary brand color for links, buttons, etc. */
   --primary-focus: #1660A4;
   /* Primary color when focused. A darker tone of primary */
   --primary-content: #040C13;
   /* Foreground content color to use on primary color. A readable tone of primary */
   --secondary: #6C757D;
   /* Secondary brand color for links, buttons, etc. */
   --secondary-focus: #4D5C69;
   /* Secondary color when focused. A darker tone of secondary */
   --secondary-content: var(--base-01);
   /* Foreground content color to use on secondary color. A readable tone of secondary */
   --tertiary: #8E1B61;
   /* Tertiary brand color for links, buttons, etc. */
   --tertiary-focus: #632056;
   /* Tertiary color when focused. A darker tone of tertiary */
   --tertiary-content: var(--base-01);
   /* Foreground content color to use on tertiary color. A readable tone of tertiary */
   --quaternary: #76BD22;
   /* Quaternary brand color for links, buttons, etc. */
   --quaternary-focus: #538C2C;
   /* Quaternary color when focused. A darker tone of quaternary */
   --quaternary-content: #0E293F;
   /* Foreground content color to use on quaternary color. A readable tone of quaternary */
   --border-color: #DADADA;
   /* A  border tone*/
   --info: #00b6ff;
   --info-content: var(--base-emphasis);
   --success: #00a96e;
   --success-content: var(--base-emphasis);
   --warning: #ffbe00;
   --warning-content: var(--base-emphasis);
   --error: #ff5861;
   --error-content: var(--base-emphasis);
 /* Spacing */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
   /* – Typography */
   --heading-font: 'Open Sans', "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   --paragraph-font: 'Open Sans', "Arial", "Helvetica", "Tahoma", "Verdana", 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/84e4b6cf-abf9-48a4-923a-206ef1e905e5/ApplicationContent/reverse-logo?sv=2018-03-28&sr=c&sig=pDbT0eWwyeaKzdAd3y%2BkSTHmCZpoFXm%2Bl801MBWn6xg%3D&st=2026-10-05T22%3A11%3A55Z&se=2026-10-06T02%3A16%3A55Z&sp=r");
   --reverselogo: url("https://cadmoremediastorage.blob.core.windows.net/84e4b6cf-abf9-48a4-923a-206ef1e905e5/ApplicationContent/reverse-logo?sv=2018-03-28&sr=c&sig=pDbT0eWwyeaKzdAd3y%2BkSTHmCZpoFXm%2Bl801MBWn6xg%3D&st=2026-10-05T22%3A11%3A55Z&se=2026-10-06T02%3A16%3A55Z&sp=r");
   --nav-logomark: url("https://cadmoremediastorage.blob.core.windows.net/84e4b6cf-abf9-48a4-923a-206ef1e905e5/ApplicationContent/reverse-logomark?sv=2018-03-28&sr=c&sig=pDbT0eWwyeaKzdAd3y%2BkSTHmCZpoFXm%2Bl801MBWn6xg%3D&st=2026-10-05T22%3A11%3A55Z&se=2026-10-06T02%3A16%3A55Z&sp=r");
   /* Organization's logo as it would appear in the header navigation */
   --footer-logo: url("]");
   /* 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/84e4b6cf-abf9-48a4-923a-206ef1e905e5/ApplicationContent/cadmore-c.svg?sv=2018-03-28&sr=c&sig=pDbT0eWwyeaKzdAd3y%2BkSTHmCZpoFXm%2Bl801MBWn6xg%3D&st=2026-10-05T22%3A11%3A55Z&se=2026-10-06T02%3A16%3A55Z&sp=r");
   /* Background */
   --bg-img: url("https://cadmoremediastorage.blob.core.windows.net/84e4b6cf-abf9-48a4-923a-206ef1e905e5/ApplicationContent/background-1920x1120.jpg?sv=2018-03-28&sr=c&sig=pDbT0eWwyeaKzdAd3y%2BkSTHmCZpoFXm%2Bl801MBWn6xg%3D&st=2026-10-05T22%3A11%3A55Z&se=2026-10-06T02%3A16%3A55Z&sp=r");
  /* Layout */
  --container-max: 1440px;
  --container-pad: 1rem;
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('@(Model.Content("body-font-regular.woff2"))')  format('woff2'),
       url('@(Model.Content("body-font-regular.ttf"))')  format('truetype');
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('@(Model.Content("body-font-italic.woff2"))')  format('woff2'),
       url('@(Model.Content("body-font-italic.ttf"))')  format('truetype');
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('@(Model.Content("body-font-500.woff2"))')  format('woff2'),
       url('@(Model.Content("body-font-500.ttf"))')  format('truetype');
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('@(Model.Content("body-font-500italic.woff2"))')  format('woff2'),
       url('@(Model.Content("body-font-500italic.ttf"))')  format('truetype');
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('@(Model.Content("body-font-600.woff2"))')  format('woff2'),
       url('@(Model.Content("body-font-600.ttf"))')  format('truetype');
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('@(Model.Content("body-font-600italic.woff2"))')  format('woff2'),
       url('@(Model.Content("body-font-600italic.ttf"))')  format('truetype');
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('@(Model.Content("body-font-700.woff2"))')  format('woff2'),
       url('@(Model.Content("body-font-700.ttf"))')  format('truetype');
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('@(Model.Content("body-font-700italic.woff2"))')  format('woff2'),
       url('@(Model.Content("body-font-700italic.ttf"))')  format('truetype');
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('@(Model.Content("body-font-800.woff2"))')  format('woff2'),
       url('@(Model.Content("body-font-800.ttf"))')  format('truetype');
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('@(Model.Content("body-font-800italic.woff2"))')  format('woff2'),
       url('@(Model.Content("body-font-800italic.ttf"))')  format('truetype');
}


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

/* Thin, subtle scrollbars on desktop browsers */
/* This won’t affect iOS Safari, since it ignores these rules */

/* Chrome, Edge, Safari (desktop) */
::-webkit-scrollbar {
  width: 6px;       /* Thin scrollbar */
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent; /* No track background */
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3); /* Subtle thumb */
  border-radius: 3px;                   /* Rounded edges */
}

/* Firefox */
html {
  scrollbar-width: thin; /* Makes it slimmer */
  scrollbar-color: rgba(0,0,0,0.3) transparent;
}