/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../Fonts/lato-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/lato-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../Fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/lato-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Typography  */
@media all {

    html {
        font-size: 1em;
    }

    body, input:not([type="radio"]):not([type="checkbox"]), button, select, textarea {
        font-family: Lato,-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: rgb(51,51,51);
        background: var(--color-white);
    }

    .h1-like,.h2-like,.h3-like,.h4-like,.h5-like,
    h1,h2,h3,h4,h5 {
        margin: 0 0 0.9375rem;
        line-height: 1.25;
        font-weight: 700;
        color: var(--color-blue);

    }
    .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 {
        color: var(--color-blue);
        text-decoration: none;
    }

    .h1-like,
    h1 {
        font-size: 150%;
    }
    .h2-like,
    h2 {
        font-size: 125%;
    }

    .h3-like,
    h3 {
        font-size: 112.5%;
    }
    .h4-like,
    h4 {
        font-weight: 700;
    }

    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-teaserlink-outer,
    table,
    p, ul, ol, dl { margin: 0 0 0.9375rem; }


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

}


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

    body { font-size: 106.25%; }

    caption, figcaption {
        font-size: 88.24%;
    }

    .h1-like,
    h1 {
        font-size: 180%;
        margin-bottom: 1.75rem;
    }
    .h2-like,
    h2 {
        font-size: 141.1765%;
        margin-bottom: 1.75rem;
    }

    .page-sidebar h2,
    .page-footer h2 {
        font-size: 117.6471%;
        margin-bottom: 0.75rem;
    }

    .h3-like,
    h3 {
        font-size: 117.6471%;
        margin-bottom: 0.75rem;
    }

    .page-sidebar h3,
    .page-footer h3 {
        font-size: 105.8824%;
        margin-bottom: 0.75rem;
    }

    .h4-like,
    h4 {
        font-size: 105.8824%;
        font-weight: inherit;
        margin-bottom: 0.75rem;
    }

    .h5-like,
    h5 {
        font-weight: 700;
    }

}

/* xxlarge */
@media all and (min-width: 90em) {
    /* typography */

    .h1-like,
    h1 {
        font-size: 188.2353%;
    }

    .h2-like,
    h2 {
        font-size: 164.7059%;
    }

    .page-sidebar h2,
    .page-footer h2 {
        font-size: 141.1765%;
    }

    .h3-like,
    h3 {
        font-size: 141.1765%;
    }

    .page-sidebar h3,
    .page-footer h3 {
        font-size: 117.6471%;
    }

    .h4-like,
    h4 {
        font-size: 117.6471%;
    }

    .h5-like,
    h5 {
        font-size: 105.8824%;
        font-weight: inherit;
    }

}