/* =================================================================================================================================================================== */
/*
        Narrative: Layout CSS

        Table of Contents
        1. GLOBALS
            1.1 Ohio Fonts
            1.2 Other Fonts
            1.3 Text Alignment
        2. HEADER
        3. NAVIGATION
        4. CONTENT
        5. FOOTER
    */
/* =================================================================================================================================================================== */

/* =================================================================================================================================================================== */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1. GLOBALS  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =================================================================================================================================================================== */

/* 1.1 = Official State of Ohio Fonts */

/* Primary Font - Serifa, Purchased by Terry Moore, Approved by Alex Kail, Licenced to OBM on 2019-02-28 */
@font-face {
    font-family: "Serifa";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local('Serifa_55_Roman'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Serifa_55_Roman.otf) format("opentype");
}

@font-face {
    font-family: "Serifa";
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: local('Serifa_65_Bold'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Serifa_65_Bold.otf) format("opentype");
}

/* Secondary Font - Univers, Purchased by Terry Moore, Approved by Pete Lupiba, Licenced to OBM on 2019-09-06  */
@font-face {
    font-family: "Univers";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local('Univers_55_Roman'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Univers_55_Roman.otf) format("opentype");
}

@font-face {
    font-family: "Univers";
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: local('Univers_65_Bold'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Univers_65_Bold.otf) format("opentype");
}

/* Font for IOP main navigation - */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Source_Sans_Pro/SourceSansPro-Regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Source_Sans_Pro/SourceSansPro-SemiBold.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Source_Sans_Pro/SourceSansPro-Bold.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* 1.2 = Open Sans Font (Google's Roboto Font) Free Download */

/* latin - Light Weight */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Open_Sans/OpenSans-Light.ttf) format('ttf');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin - Regular Weight */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Open_Sans/OpenSans-Regular.ttf) format('ttf');
    /*  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');*/
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin - Regular Weight - Italic*/
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Open_Sans/OpenSans-Italic.ttf) format('ttf');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin - Semi-Bold */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Open_Sans/OpenSans-SemiBold.ttf) format('ttf');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin - Bold */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://webresources.obm.ohio.gov/SharedFiles/Fonts/Open_Sans/OpenSans-Bold.ttf) format('ttf');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* 1.3 = Text Alignment */
.obm-center, .center {
    text-align: center;
}

.obm-left, .left {
    text-align: left;
}

.obm-right, .right {
    text-align: right;
}

.obm-center-element, center-element {
    margin-left: auto;
    margin-right: auto;
}


/* 1.4 = Font Awesome Buttons */
button > i.fab, button > i.fas, button > i.far, button > i.fal, button > i.fad {
    margin: 0 4px;
}

/* ======================================================================= END GLOBALS ================================================================================*/

/* =================================================================================================================================================================== */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 2. HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =================================================================================================================================================================== */
.obm-header-nav-a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.1rem;
    line-height: 0.8rem;
}

    .obm-header-nav-a > strong {
        font-weight: 600;
    }

@media screen and (max-width: 1280px) {
    .obm-header-nav-a {
        font-size: 1.2rem;
        line-height: 0.8rem;
    }

        .obm-header-nav-a > span::after {
            content: ' ';
            display: inline-block;
        }

        .obm-header-nav-a > strong {
            font-weight: 400;
        }
}

@media screen and (max-width: 768px) {
    .obm-header-nav-a {
        font-size: 1rem;
        line-height: 0.6rem;
    }

    .obm-header-nav-a {
        font-size: 1rem;
        font-weight: 400;
    }
}

@media screen and (max-width: 480px) {
    .obm-header-nav-a {
        line-height: 0.6rem;
    }

        .obm-header-nav-a > strong {
            font-weight: 400;
        }
}
/* ========================================================================= END HEADER ===============================================================================*/