/* THIS STYLESHEET IS FOR ALL OF THE VARIOUS FONT PROPERTY ADJUSTMENTS */

    /* Manually loading our downloaded fonts. */
    /* The 'font-family' property is where we can create the name we want to use when we're referencing the font. */
    /* The 'src' property is where we specify the filepath to the font. */
    /* #region      ### Font Creation */

        @font-face {
            font-family:    Google_Cinzel;
            src:            url(../Fonts/Google/Cinzel/Cinzel-Regular.ttf);
        }

        @font-face {
            font-family:    Google_Lato;
            src:            url(../Fonts/Google/Lato/Lato-Regular.ttf);
        }

        @font-face {
            font-family:    Google_Raleway;
            src:            url(../Fonts/Google/Raleway/Raleway-Regular.ttf);
        }

    /* #endregion   ### Font Creation */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

    /* #region      ### IE-Specific Styles */

        
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

            .title-text a {
                font-size:      50px !important;
            }

        }

    /* #endregion   ### IE-Specific Styles */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

    /* The tags in this region override default HTML values with whatever we specify. */
    /* #region      ### HTML Elements */

        body {
            font-family:    Google_Lato, Helvetica, Arial, sans-serif;
	        font-size:      14px;
	        line-height:    1.7em;
        }

        textarea {
            font-family:    inherit !important;
        }

    /* #endregion   ### HTML Elements */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

    /* #region      ### Site Header */

        /* Site title text, 'Illinois State Board of Elections', located in the first header box. */
        .title-text a {
            font-family:    Google_Cinzel, serif !important;
            /*font-size:      60px;*/
            font-size:      4.3em;
            font-weight:    bold;
            font-variant:   small-caps;
        }

            .title-text a::after {
                font-family:    Google_Raleway, Tahoma, sans-serif !important;
                font-size:      14px;
            }

        /* Every element and class in the header that we want to have Google_Raleway as a font. */
        .ajax__tab_tab,
        .HoverMenuItemUL > p,
        .HoverMenuItemLI {
            font-family:    Google_Raleway, Tahoma, sans-serif !important;
        }

        /* The main menu navigation tabs, such as "Information for Voters", "Campaign Disclosure", etc. */
        .ajax__tab_tab {
            font-family:    Google_Raleway, Tahoma, sans-serif !important;
            font-size:      16px !important;
        }

            /* Primary category title inside each section's menu. For example, "Election Information" or "Voter Information" in the hover menu for "Information for Voters". */
            .HoverMenuItemUL > p {
                font-size:      16px !important;
            }

            /* The individual menu items inside the category specified above. */
            .HoverMenuItemLI {
                font-size:      14px !important;
            }

    /* #endregion   ### Site Header */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

    /* #region      ### Site Content */

        /* Every element and class in the body content that we want to have Google_Raleway as a font. */
        .buttonCategory,
        .SearchListTableHeaderRow,
        .default-header, 
        .infoHeaders,
        .sbePageHeader {
            font-family:        Google_Raleway, Tahoma, sans-serif !important;
        }

        /* Headers on Default.aspx */
        .default-header {
            font-size:          28px;
        }

        /* The following two classes adjust the "News" and "Press Releases" tab on Default.aspx */
        .homepage-nav-column .buttonCategory {
            font-size:          18px;
            font-weight:        normal;
        }

        .homepage-nav-column .buttonCategoryActive {
            font-weight:        normal;
        }

        /* Link buttons on Default.aspx */
        .default-content-link, 
        .default-content-link-simple{
            font-size:          16px;
        }

        .sbePageHeader {
            font-size:          32px;
            font-weight:        normal !important; /* 04-23-2019 TG. Changed from Bold */
            line-height:        35px;
        }

        .subheader-container {
            font-size:          24pt;
            font-weight:        normal !important; /* 04-23-2019 TG. Changed from Bold */
            letter-spacing:     3px;
            text-shadow:        -1px 1px 2px #222;
        }

        /* Gridview headers. */
        .SearchListTableHeaderRow {
            font-size:          14px;
            line-height:        30px;
        }

        /* Headers inside of infoContainers */
        .infoHeaders {
            font-size:          24px;
            line-height:        24px;
        }

    /* #endregion   ### Site Content */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

    /* #region      ### Site Footer */

        .footer-address {
            /*font-size:          16px;*/
        }

        /* Category header text in the footer columns. */
        .footer-content {
            font-size:          13px;
        }

        .footer-content > p {
            font-size:          1.2em;
            text-decoration:    underline;
        }

    /* #endregion   ### Site Footer */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

    /* #region      ### Mobile Fonts */    

        @media only screen and (max-width: 600px) {

            /* #region      ### Site Header */

                .title-text a { 
                    font-size:      1em; 
                    line-height:    30px; 
                }

                .homepage-nav-column .buttonCategory {
                    font-size:      14px;
                }

            /* #endregion   ### Site Header */

        }

    /* #endregion   ### Mobile Fonts */