: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/fca4ca04-bfe7-44e2-829c-299dabd57fea/ApplicationContent/logo.svg?sv=2018-03-28&sr=c&sig=K4RQJ6FlVkkoIvLalRXPxWAjSEkSYlr6BMpPsskV4D4%3D&st=2025-07-13T14%3A44%3A03Z&se=2025-07-13T18%3A49%3A03Z&sp=r");
    --nav-logomark: url("https://cadmoremediastorage.blob.core.windows.net/fca4ca04-bfe7-44e2-829c-299dabd57fea/ApplicationContent/logomark.svg?sv=2018-03-28&sr=c&sig=K4RQJ6FlVkkoIvLalRXPxWAjSEkSYlr6BMpPsskV4D4%3D&st=2025-07-13T14%3A44%3A03Z&se=2025-07-13T18%3A49%3A03Z&sp=r");
    /* Organization's logo as it would appear in the header navigation */
    --footer-logo: url("https://cadmoremediastorage.blob.core.windows.net/fca4ca04-bfe7-44e2-829c-299dabd57fea/ApplicationContent/logo.svg?sv=2018-03-28&sr=c&sig=K4RQJ6FlVkkoIvLalRXPxWAjSEkSYlr6BMpPsskV4D4%3D&st=2025-07-13T14%3A44%3A03Z&se=2025-07-13T18%3A49%3A03Z&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/fca4ca04-bfe7-44e2-829c-299dabd57fea/ApplicationContent/cadmore-c.svg?sv=2018-03-28&sr=c&sig=K4RQJ6FlVkkoIvLalRXPxWAjSEkSYlr6BMpPsskV4D4%3D&st=2025-07-13T14%3A44%3A03Z&se=2025-07-13T18%3A49%3A03Z&sp=r");
    /* Background */
    --bg-img: url("https://cadmoremediastorage.blob.core.windows.net/fca4ca04-bfe7-44e2-829c-299dabd57fea/ApplicationContent/background-1920x1120.jpg?sv=2018-03-28&sr=c&sig=K4RQJ6FlVkkoIvLalRXPxWAjSEkSYlr6BMpPsskV4D4%3D&st=2025-07-13T14%3A44%3A03Z&se=2025-07-13T18%3A49%3A03Z&sp=r");
}

/* Sen Normal for body text */
@font-face {
    font-family: 'Sen';
    src: url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-Regular.eot');
    /* IE9 Compat Modes */
    src: url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-Regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-Regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-Regular.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&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=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-SemiBold.woff2') format('woff2'),
    /* Pretty Modern Browsers */
    url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&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=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-Bold.eot');
    /* IE9 Compat Modes */
    src: url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-Bold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-Bold.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-Bold.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&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=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-ExtraBold.eot');
    /* IE9 Compat Modes */
    src: url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-ExtraBold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-ExtraBold.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&fileName=Sen-ExtraBold.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('/Content/CSSContent?applicationId=fca4ca04-bfe7-44e2-829c-299dabd57fea&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);
    }