/* Typography  */

:root {
    --color-white: rgb(255, 255, 255);
    --color-darkergray: rgb(71, 71, 71);
    --color-darkgray: rgb(85, 85, 85);
    --color-gray: rgb(117, 117, 117);
    --color-lightgray: rgb(166, 166, 166);
    --color-orange: rgb(235, 113, 0);
}

/* kaushan-script-regular - latin */
@font-face {
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/kaushan-script-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Kaushan Script'), local('KaushanScript-Regular'),
       url('../Fonts/kaushan-script-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/kaushan-script-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/kaushan-script-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/kaushan-script-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/kaushan-script-v6-latin-regular.svg#KaushanScript') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../Fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../Fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../Fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../Fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../Fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@media all {

    html { font-size: 1rem; min-height: 100%; background: var(--color-white); }

    body, input:not([type="radio"]):not([type="checkbox"]), button, select, textarea {
        font-family: 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
        font-size: 100%;
        font-weight: 400;
        line-height: 1.5;
        color: var(--color-darkgray);
        background: var(--color-white);
    }

    b, strong, dt { font-weight: 600; }

    a {
        color: currentColor;
        text-decoration: underline;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: 1px;
        text-underline-offset: 2px;
    }

    a:hover,
    a:focus {
        color: currentColor;
    }

    a:focus-visible {
        outline: 2px auto currentColor;
        outline-offset: 2px;
    }

    .h1-like,.h2-like,.h3-like,.h4-like,.h5-like,
    h1,h2,h3,h4,h5 {
        font-family: 'Kaushan Script', Georgia, serif;
        margin: 0;
        font-size: 187.5%; /*sigh*/
        line-height: 1.2;
        font-weight: normal;
        /* text-transform: uppercase; */
    }
    .h1-like a,.h2-like a,.h3-like a,.h4-like a,.h5-like a,
    h1 a, h2 a, h3 a, h4 a,h5 a {
        text-decoration: none;
    }


    .h-header {
        display: block;
        color: var(--color-white);
        font-size: 6vw;
        line-height: 1.2;
        text-align: center;
    }

    .h-section {
        font-family: 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
        font-size: 112.5%;
        color: rgb(153,153,153);
    }

    .h-highlight {
        font-family: 'Kaushan Script';
        font-size: 1.5em;
        white-space: nowrap;
    }

    blockquote {
        margin-left: 1.25rem;
        border-left: 4px solid rgb(204,204,204);
        padding: 0.9375rem 0 0 1.25rem;
        font-style: italic;
    }

    blockquote::after {
        content: "";
        display: table;
    }

    /* margins */

    .ce-news,
    .ce-header,
    .ce-teaserlink-outer,
    table,
    p, ul, ol, dl { margin: 0 0 0.9375rem; }

    .ce-header-subheader {
        margin-top: 0.625rem;
    }
    .ce-header-date {
        margin: 0.625rem 0 0;
    }
    ul ul,
    ul ol,
    ol ul,
    ol ol { margin:0; }

    .ce-menu .ce-menu {
        margin-left: 1.25rem;
    }

    /* text flow */
    h1, h2, h3, h4, h5, h6
    p, li, a, figcaption {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

}

@media all and (min-width: 40em) {

}

/* large */
@media all and (min-width: 62.5em) {
    /* typography */

    .h-header {
        font-size: 3em;
    }

}

/* xlarge */
@media all and (min-width: 92.5em) {
    /* typography */
    body {
        font-size: 112.5%;
    }

    .h1-like,.h2-like,.h3-like,.h4-like,.h5-like,
    h1,h2,h3,h4,h5 {
        font-size: 218.75%;
    }

}
