﻿@font-face {
    font-family: "JacobsChronos Reg";
    src: url("../fonts/JacobsChronos/JacobsChronos_W_Rg.woff2") format("woff2"), url("../fonts/JacobsChronos/JacobsChronos_W_Rg.woff") format("woff"), url("../fonts/JacobsChronos/JacobsChronos_A_Rg.ttf") format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "JacobsChronos Italic";
    src: url("../fonts/JacobsChronos/JacobsChronos_W_It.woff2") format("woff2"), url("../fonts/JacobsChronos/JacobsChronos_W_It.woff") format("woff"), url("../fonts/JacobsChronos/JacobsChronos_A_It.ttf") format("truetype");
    font-style: italic;
}

@font-face {
    font-family: "JacobsChronos Light";
    src: url("../fonts/JacobsChronos/JacobsChronos_W_Lt.woff2") format("woff2"), url("../fonts/JacobsChronos/JacobsChronos_W_Lt.woff") format("woff"), url("../fonts/JacobsChronos/JacobsChronos_A_Lt.ttf") format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: "JacobsChronos Light Italic";
    src: url("../fonts/JacobsChronos/JacobsChronos_W_LtIt.woff2") format("woff2"), url("../fonts/JacobsChronos/JacobsChronos_W_LtIt.woff") format("woff"), url("../fonts/JacobsChronos/JacobsChronos_A_LtIt.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "JacobsChronos Bold";
    src: url("../fonts/JacobsChronos/JacobsChronos_W_Bd.woff2") format("woff2"), url("../fonts/JacobsChronos/JacobsChronos_W_Bd.woff") format("woff"), url("../fonts/JacobsChronos/JacobsChronos_A_Bd.ttf") format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: "JacobsChronos Bold Italic";
    src: url("../fonts/JacobsChronos/JacobsChronos_W_BdIt.woff2") format("woff2"), url("../fonts/JacobsChronos/JacobsChronos_W_BdIt.woff") format("woff"), url("../fonts/JacobsChronos/JacobsChronos_A_BdIt.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

:root {
    --color-primary-light: #FFDC78;
    --color-primary-med: #FFB41E;
    --color-primary-meddark: #FFA014;
    --color-primary-dark: #A04B00;
    --color-light: #ffffff;
    --color-dark: #000000;
    --font-family-sans-serif: "JacobsChronos Reg", Arial, sans-serif;
}

*,
html,
body {
    font-family: "JacobsChronos Reg", Arial, sans-serif;
    -moz-font-feature-settings: "liga", "kern";
    -moz-font-feature-settings: "liga=1, kern=1";
    -ms-font-feature-settings: "liga", "kern";
    -o-font-feature-settings: "liga", "kern";
    -webkit-font-feature-settings: "liga", "kern";
    font-feature-settings: "liga", "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 100%;
}

body {
    position: relative;
    background-color: #fff;
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;
}

h1 {
    font-family: "JacobsChronos Bold", Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.7rem;
    letter-spacing: 0.01rem;
    color: #000;
    margin: 0;
    padding: 1.4rem;
}

header,
footer,
hgroup,
nav,
section {
    display: block;
}

header,
#header {
    width: auto;
    background-color: #fff;
    padding: 1.4rem 1.5rem 1.35rem 1.5rem;
}

.siteheader-logo {
    display: inline-block;
    padding-right: 1.2rem;
}

.ctnr-banner {
    width: 100%;
    display: table;
}

.ctnr-banner>div {
    display: table-cell;
    height: auto;
    /*max-height: 150px;*/
}

.ctnr-banner>div:first-child {
    width: 7%;
    background-color: #A04B00;
    background-color: var(--color-primary-dark);
}

.ctnr-banner>div:nth-child(2) {
    width: 73%;
    background-color: transparent;
}

.ctnr-banner>div:nth-child(3) {
    display: none;
}

.ctnr-banner>div:nth-child(4) {
    width: 20%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#FFA014+0,ff465f+50,ff9191+100 */
    background: #FFB41E;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #FFA014 0%, #FFB41E 50%, #FFDC78 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #FFA014 0%, #FFB41E 50%, #FFDC78 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #FFA014 0%, #FFB41E 50%, #FFDC78 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA014', endColorstr='#FFDC78', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.ctnr-banner>div:last-child {
    display: none;
}

.ctnr-message {
    padding: 0.2rem 1.5rem 0.6rem 1.5rem;
}

.ctnr-message p {
    font-size: 1rem;
    line-height: 1.4;
    color: #000;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.ctnr-message p.intro {
    font-size: 1.2rem;
    font-family: "JacobsChronos Bold";
    line-height: 1.3;
}

.ctnr-message p.callout {
    font-size: 1.1rem;
    border: 2px solid #FFB41E;
    padding: 0.7rem 1rem;
}

.ctnr-message p a,
.ctnr-message p a:link,
.ctnr-message p a:visited,
.ctnr-message p a:hover,
.ctnr-message p a:active {
    font-family: "JacobsChronos Bold";
    color: #0000EE;
    text-decoration: underline;
}


/* ---------- Media Queries ---------- */

@media all and (max-width: 1199px) and (min-width: 768px) {
    .ctnr-banner>div:first-child {
        width: 7%;
    }

    .ctnr-banner>div:nth-child(2) {
        width: 50%;
    }

    .ctnr-banner>div:nth-child(3) {
        display: table-cell;
        width: 10%;
        background-color: #FFDC78;
        background-color: var(--color-primary-light);
    }

    .ctnr-banner>div:nth-child(4) {
        width: 33%;
    }

    .ctnr-message {
        padding: 0.5rem 2rem 0.8rem 2rem;
    }

    .ctnr-message p.intro {
        line-height: 1.4;
    }
}

@media all and (min-width: 1200px) {
    h1 {
        font-size: 1.9rem;
        line-height: 2rem;
        padding: 2rem;
    }

    .ctnr-banner>div:first-child {
        width: 5%;
    }

    .ctnr-banner>div:nth-child(2) {
        width: 35%;
    }

    .ctnr-banner>div:nth-child(3) {
        display: table-cell;
        width: 5%;
        background-color: #FFDC78;
        background-color: var(--color-primary-light);
    }

    .ctnr-banner>div:nth-child(4) {
        width: 40%;
    }

    .ctnr-banner>div:last-child {
        display: table-cell;
        width: 15%;
        background-color: #FFB41E;
        background-color: var(--color-primary-med);
    }

    .ctnr-message {
        padding: 0.5rem 2rem 0.8rem 2rem;
    }

    .ctnr-message p.intro {
        line-height: 1.4;
    }
}

.page-node-type-generic-page .main-content {
    padding-top: 0rem;
}

:root {
    font-size: unset !important;
}

.page-node-type-generic-page .s02-side-navigation {
    display: none;
}

.page-node-type-generic-page .page-template {
    padding-right: unset;
}
.page-node-type-generic-page .page-template {
     min-height: unset;
}