:root {
   /* NISO Generic Media Site Theme */
   /* – Colors */
   --base-01: #FCFDFD;
   /* Base color of page, used for blank backgrounds */
   --base-02: #F9F9FA;
   /* Base color, a darker tone of --base-01 */
   --base-03: #F3F3F5;
   /* Base color, a darker tone of --base-02 */
   --base-04: #EEEEF2;
   /* Base color, a darker tone of --base-03 */
   --base-05: #E8E8EC;
   /* Base color, a darker tone of --base-04 */
   --base-content: #353535;
   /* 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: #1C1D1D;
   /* 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: #64686A;
   /* 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: #43436d;
   /* Primary brand color for links, buttons, etc. */
   --primary-focus: #3C3C62;
   /* 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: #373E8B;
   /* 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: #0099cd;
   /* Tertiary brand color for links, buttons, etc. */
   --tertiary-focus: #0388B8;
   /* Tertiary color when focused. A darker tone of tertiary */
   --tertiary-content: var(--base-emphasis);
   /* Foreground content color to use on tertiary color. A readable tone of tertiary */
   --quaternary: #FF6900;
   /* Quaternary brand color for links, buttons, etc. */
   --quaternary-focus: #E55E00;
   /* Quaternary color when focused. A darker tone of quaternary */
   --quaternary-content: var(--base-emphasis);
   /* 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/1046004a-94a8-4a5c-acbc-a4f782c55bfb/ApplicationContent/logo?sv=2018-03-28&sr=c&sig=PT5Qq21nm8cS6J%2F9nCaU2jFOMf5oDK1EFa6ioY34sKs%3D&st=2025-08-13T12%3A08%3A37Z&se=2025-08-13T16%3A13%3A37Z&sp=r");
   --nav-logomark: url("https://cadmoremediastorage.blob.core.windows.net/1046004a-94a8-4a5c-acbc-a4f782c55bfb/ApplicationContent/logo?sv=2018-03-28&sr=c&sig=PT5Qq21nm8cS6J%2F9nCaU2jFOMf5oDK1EFa6ioY34sKs%3D&st=2025-08-13T12%3A08%3A37Z&se=2025-08-13T16%3A13%3A37Z&sp=r");
   /* Organization's logo as it would appear in the header navigation */
   --reverse-logo: url("https://cadmoremediastorage.blob.core.windows.net/1046004a-94a8-4a5c-acbc-a4f782c55bfb/ApplicationContent/logo-reverse?sv=2018-03-28&sr=c&sig=PT5Qq21nm8cS6J%2F9nCaU2jFOMf5oDK1EFa6ioY34sKs%3D&st=2025-08-13T12%3A08%3A37Z&se=2025-08-13T16%3A13%3A37Z&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/1046004a-94a8-4a5c-acbc-a4f782c55bfb/ApplicationContent/cadmore-c.svg?sv=2018-03-28&sr=c&sig=PT5Qq21nm8cS6J%2F9nCaU2jFOMf5oDK1EFa6ioY34sKs%3D&st=2025-08-13T12%3A08%3A37Z&se=2025-08-13T16%3A13%3A37Z&sp=r");
   /* Background */
   --bg-img: url("https://cadmoremediastorage.blob.core.windows.net/1046004a-94a8-4a5c-acbc-a4f782c55bfb/ApplicationContent/backgroundx-1920x1120.jpg?sv=2018-03-28&sr=c&sig=PT5Qq21nm8cS6J%2F9nCaU2jFOMf5oDK1EFa6ioY34sKs%3D&st=2025-08-13T12%3A08%3A37Z&se=2025-08-13T16%3A13%3A37Z&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-03);
   }

.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);
   }