:root {
   /* OrthoMedia Generic Media Site Theme */
   /* – Colors */
   --base-01: #ffffff;
   /* Base color of page, used for blank backgrounds */
   --base-02: #f5f8fa;
   /* Base color, a darker tone of --base-01 */
   --base-03: #e7f2f6;
   /* Base color, a darker tone of --base-02 */
   --base-04: #dcebf2;
   /* Base color, a darker tone of --base-03 */
   --base-05: #d0e5ed;
   /* Base color, a darker tone of --base-04 */
   --base-content: #1b2f4e;
   /* 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: #070c14;
   /* 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: #4C5666;
   /* Foreground content color to reduce empasis  (This foreground tone meets WCAG 2.1 AA Contrast Guidelines of all base background tones) */
   --dark-01: #070c14;
   /* Base color of page, used for dark backgrounds */
   --dark-content: var(--base-01);
   /* Foreground content color on dark background tones*/
   --dark-focus: #000;
   /* Dark content colour when focused */
   --primary: #147CA6;
   /* Primary brand color for links, buttons, etc. */
   --primary-focus: #126485;
   /* 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: #0a323d;
   /* Secondary brand color for links, buttons, etc. */
   --secondary-focus: #092a35;
   /* 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: #5B3DAD;
   /* Tertiary brand color for links, buttons, etc. */
   --tertiary-focus: #483089;
   /* 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: #A03DAD;
   /* Quaternary brand color for links, buttons, etc. */
   --quaternary-focus: #793288;
   /* Quaternary color when focused. A darker tone of quaternary */
   --quaternary-content: var(--base-01);
   /* 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);

   /* – Typography */
   --heading-font: 'Montserrat', "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   --paragraph-font: 'Lato', "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/636471d5-0e84-44ca-a751-09e2b18dcd9f/ApplicationContent/logo.png?sv=2018-03-28&sr=c&sig=PcFYpVjN%2B3FZFLu79YLzWpxB3Kdh0QFg8WqHIgLjXrU%3D&st=2026-03-05T15%3A31%3A36Z&se=2026-03-05T19%3A36%3A36Z&sp=r");
   --nav-logomark: var(--nav-logo);
   /* Organization's logo as it would appear in the header navigation */
   --footer-logo: url("https://cadmoremediastorage.blob.core.windows.net/636471d5-0e84-44ca-a751-09e2b18dcd9f/ApplicationContent/logo-reversed?sv=2018-03-28&sr=c&sig=PcFYpVjN%2B3FZFLu79YLzWpxB3Kdh0QFg8WqHIgLjXrU%3D&st=2026-03-05T15%3A31%3A36Z&se=2026-03-05T19%3A36%3A36Z&sp=r");
   --three: all 0.3s ease-in-out;
   --five: all 0.5s ease-in-out;
   --i-cadmore-c: url("https://cadmoremediastorage.blob.core.windows.net/636471d5-0e84-44ca-a751-09e2b18dcd9f/ApplicationContent/cadmore-c.svg?sv=2018-03-28&sr=c&sig=PcFYpVjN%2B3FZFLu79YLzWpxB3Kdh0QFg8WqHIgLjXrU%3D&st=2026-03-05T15%3A31%3A36Z&se=2026-03-05T19%3A36%3A36Z&sp=r");

   /* Background */
   --bg-img: url("https://cadmoremediastorage.blob.core.windows.net/636471d5-0e84-44ca-a751-09e2b18dcd9f/ApplicationContent/background-1920x1120.jpg?sv=2018-03-28&sr=c&sig=PcFYpVjN%2B3FZFLu79YLzWpxB3Kdh0QFg8WqHIgLjXrU%3D&st=2026-03-05T15%3A31%3A36Z&se=2026-03-05T19%3A36%3A36Z&sp=r");
}




@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 400;
   src: url('@(Model.Content("heading-regular.woff2"))') format('woff2'),
      url('@(Model.Content("heading-regular.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: italic;
   font-weight: 400;
   src: url('@(Model.Content("heading-italic.woff2"))') format('woff2'),
      url('@(Model.Content("heading-italic.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 500;
   src: url('@(Model.Content("heading-500.woff2"))') format('woff2'),
      url('@(Model.Content("heading-500.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: italic;
   font-weight: 500;
   src: url('@(Model.Content("heading-500italic.woff2"))') format('woff2'),
      url('@(Model.Content("heading-500italic.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 600;
   src: url('@(Model.Content("heading-600.woff2"))') format('woff2'),
      url('@(Model.Content("heading-600.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: italic;
   font-weight: 600;
   src: url('@(Model.Content("heading-600italic.woff2"))') format('woff2'),
      url('@(Model.Content("heading-600italic.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 700;
   src: url('@(Model.Content("heading-700.woff2"))') format('woff2'),
      url('@(Model.Content("heading-700.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: italic;
   font-weight: 700;
   src: url('@(Model.Content("heading-700italic.woff2"))') format('woff2'),
      url('@(Model.Content("heading-700italic.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 800;
   src: url('@(Model.Content("heading-800.woff2"))') format('woff2'),
      url('@(Model.Content("heading-800.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: italic;
   font-weight: 800;
   src: url('@(Model.Content("heading-800italic.woff2"))') format('woff2'),
      url('@(Model.Content("heading-800italic.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 900;
   src: url('@(Model.Content("heading-900.woff2"))') format('woff2'),
      url('@(Model.Content("heading-900.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Montserrat';
   font-style: italic;
   font-weight: 900;
   src: url('@(Model.Content("heading-900italic.woff2"))') format('woff2'),
      url('@(Model.Content("heading-900italic.ttf"))') format('truetype');
}




@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: normal;
   font-weight: 400;
   src: url('@(Model.Content("body-regular.woff2"))') format('woff2'),
      url('@(Model.Content("body-regular.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: italic;
   font-weight: 400;
   src: url('@(Model.Content("body-italic.woff2"))') format('woff2'),
      url('@(Model.Content("body-italic.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: normal;
   font-weight: 500;
   src: url('@(Model.Content("body-500.woff2"))') format('woff2'),
      url('@(Model.Content("body-500.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: italic;
   font-weight: 500;
   src: url('@(Model.Content("body-500italic.woff2"))') format('woff2'),
      url('@(Model.Content("body-500italic.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: normal;
   font-weight: 600;
   src: url('@(Model.Content("body-600.woff2"))') format('woff2'),
      url('@(Model.Content("body-600.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: italic;
   font-weight: 600;
   src: url('@(Model.Content("body-600italic.woff2"))') format('woff2'),
      url('@(Model.Content("body-600italic.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: normal;
   font-weight: 700;
   src: url('@(Model.Content("body-700.woff2"))') format('woff2'),
      url('@(Model.Content("body-700.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: italic;
   font-weight: 700;
   src: url('@(Model.Content("body-700italic.woff2"))') format('woff2'),
      url('@(Model.Content("body-700italic.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: normal;
   font-weight: 800;
   src: url('@(Model.Content("body-800.woff2"))') format('woff2'),
      url('@(Model.Content("body-800.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: italic;
   font-weight: 800;
   src: url('@(Model.Content("body-800italic.woff2"))') format('woff2'),
      url('@(Model.Content("body-800italic.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: normal;
   font-weight: 900;
   src: url('@(Model.Content("body-900.woff2"))') format('woff2'),
      url('@(Model.Content("body-900.ttf"))') format('truetype');
}

@font-face {
   font-display: swap;
   font-family: 'Lato';
   font-style: italic;
   font-weight: 900;
   src: url('@(Model.Content("body-900italic.woff2"))') format('woff2'),
      url('@(Model.Content("body-900italic.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);
}