:root {
   /* NISO Generic Media Site Theme */
   /* – Colors */
   --base-01: #FCFDFD;
   /* Base color of page, used for blank backgrounds */
   --base-02: #F2F5F7;
   /* Base color, a darker tone of --base-01 */
   --base-03: #E6EBEE;
   /* Base color, a darker tone of --base-02 */
   --base-04: #D9E1E7;
   /* Base color, a darker tone of --base-03 */
   --base-05: #CCD7DF;
   /* Base color, a darker tone of --base-04 */
   --base-content: #001323;
   /* 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: #00355F;
   /* 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: #3F5363;
   /* Foreground content color to reduce empasis  (This foreground tone meets WCAG 2.1 AA Contrast Guidelines of all base background tones) */
   --dark-01: #001D34;
   /* Base color of page, used for dark backgrounds */
   --dark-content: var(--base-01);
   /* Foreground content color on dark background tones*/
   --dark-focus: #001323;
   /* Dark content colour when focused */
   --primary: #00355F;
   /* 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: #3d459b;
   /* Secondary brand color for links, buttons, etc. */
   --secondary-focus: #25316B;
   /* 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: #086b6b;
   /* Tertiary brand color for links, buttons, etc. */
   --tertiary-focus: #05474E;
   /* 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: #ffa400;
   /* Quaternary brand color for links, buttons, etc. */
   --quaternary-focus: #FE9300;
   /* 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: #00b6ff;
   --info-content: var(--base-content);
   --success: #00a96e;
   --success-content: var(--base-content);
   --warning: #ffbe00;
   --warning-content: var(--base-content);
   --error: #ff5861; 
   --error-content: var(--base-content);
   /* – Typography */
   --paragraph-font: "nunito-sans", sans-serif;
   --heading-font: var(--paragraph-font), 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/37306d1c-85ed-4122-a7f3-ce2445b31f86/ApplicationContent/logo.svg?sv=2018-03-28&sr=c&sig=yXf%2FFPs8hN9hvwZPaHdC%2F8kznX5zWq8daU8iIHWWqSc%3D&st=2025-07-11T04%3A39%3A07Z&se=2025-07-11T08%3A44%3A07Z&sp=r");
   --nav-logomark: url("https://cadmoremediastorage.blob.core.windows.net/37306d1c-85ed-4122-a7f3-ce2445b31f86/ApplicationContent/logo.svg?sv=2018-03-28&sr=c&sig=yXf%2FFPs8hN9hvwZPaHdC%2F8kznX5zWq8daU8iIHWWqSc%3D&st=2025-07-11T04%3A39%3A07Z&se=2025-07-11T08%3A44%3A07Z&sp=r");
   /* Organization's logo as it would appear in the header navigation */
   --footer-logo: url("https://cadmoremediastorage.blob.core.windows.net/37306d1c-85ed-4122-a7f3-ce2445b31f86/ApplicationContent/logo.svg?sv=2018-03-28&sr=c&sig=yXf%2FFPs8hN9hvwZPaHdC%2F8kznX5zWq8daU8iIHWWqSc%3D&st=2025-07-11T04%3A39%3A07Z&se=2025-07-11T08%3A44%3A07Z&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/37306d1c-85ed-4122-a7f3-ce2445b31f86/ApplicationContent/cadmore-c.svg?sv=2018-03-28&sr=c&sig=yXf%2FFPs8hN9hvwZPaHdC%2F8kznX5zWq8daU8iIHWWqSc%3D&st=2025-07-11T04%3A39%3A07Z&se=2025-07-11T08%3A44%3A07Z&sp=r");
   /* Background */
   --bg-img: url("https://cadmoremediastorage.blob.core.windows.net/37306d1c-85ed-4122-a7f3-ce2445b31f86/ApplicationContent/background-1920x1120.jpg?sv=2018-03-28&sr=c&sig=yXf%2FFPs8hN9hvwZPaHdC%2F8kznX5zWq8daU8iIHWWqSc%3D&st=2025-07-11T04%3A39%3A07Z&se=2025-07-11T08%3A44%3A07Z&sp=r");
}


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