﻿header {
    background-color: #fff;
    width: 100%;
}

.social-icon:hover .red-rss-icon,
.social-icon:hover .red-email-icon,
.social-icon:hover .red-facebook-icon,
.social-icon:hover .red-twitter-icon,
.social-icon:hover .red-youtube-icon {
    display: inline !important;
}

.rss-icon,
.email-icon,
.facebook-icon,
.twitter-icon,
.youtube-icon {
    //position: relative;
    //display: inline-block;
}

.red-rss-icon,
.red-email-icon,
.red-facebook-icon,
.red-twitter-icon,
.red-youtube-icon {
    display: none;
    z-index: 99;
    //position: absolute;
    margin-left: -30px;
}

.header_container {
    padding: 0.9375rem 0.9375rem;
    vertical-align: middle;
    max-width: 65rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    background-color: #fff;
    max-height: 10.5rem;
}

#search-links {
    font-size: 12px;
    float: right;
    position: relative;
    padding-top: 5px;
    margin-left: -18px;
}

    #search-links ul {
        list-style: none;
        font-size: 12px;
        float: left;
        margin-bottom: 4px;
    }

        #search-links ul li {
            padding: 0px 10px;
            font-size: 12px;
            border-right-color: rgb(225, 225, 225);
            float: left;
            border-right: 1px solid #E1E1E1;
        }

            #search-links ul li:last-of-type {
                border-right-color: currentColor;
                border-right-width: medium;
                border-right-style: none;
            }

            #search-links ul li a {
                color: #212e60;
                text-decoration: none;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            }

.internal-button-input {
    background: rgb(255, 255, 255);
    padding: 0.12rem;
    border-radius: 0.18rem;
    height: auto;
    //display: inline-block;
}

    .internal-button-input input {
        background: none;
        border-radius: 0.18rem;
        border: currentColor;
        border-image: none;
        width: auto;
        height: 2rem;
        color: rgb(74, 74, 74);
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.12rem;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }

        .internal-button-input input[type=search] {
            top: 0.12rem;
            width: 80%;
            height: 2rem;
            position: relative;
        }

        .internal-button-input input[type=email] {
            top: 0.12rem;
            width: 60%;
            height: 2rem;
            //display: inline-block;
            position: relative;
        }

        .internal-button-input input[type=image].primary-button {
            width: auto;
            height: 1.37rem;
        }

    .internal-button-input .primary-button {
        background: rgb(170, 11, 11);
        padding: 0.37rem 0.93rem;
        color: rgb(255, 255, 255);
        font-size: 1.12rem;
        float: right;
    }

        .internal-button-input .primary-button:hover {
            background: rgb(135, 8, 8);
            cursor: pointer;
        }

.internal-button-input-div {
    width: 100%;
}

.internal-button-input-search {
    //display: inline-block !important;
    width: 160px !important;
    vertical-align: middle !important;
    margin-left: 0.9rem !important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.searchboxLink {
    position: relative;
    display: flex;
    align-items: center;
}

.home-page-list {
    text-decoration: none !important;
}

    .home-page-list:hover {
        text-decoration: underline !important;
    }

.navbar-text {
    text-decoration: none !important;
}

    .navbar-text:hover {
        text-decoration: underline !important;
    }

.form-control-header-search:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

#edit-submit-solr-search-content {
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-left: -2px;
    margin-right: 10px;
    //display: table-cell;
    width: auto;
    //display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.internal-button-input-search-btn-primary {
    background-color: #C02126 !important;
    border-color: #C02126 !important;
    color: #fff !important;
}

#social {
    margin-top: 10px;
}

    #social ul {
        margin: 0px auto;
        width: auto;
        list-style-type: none;
        position: relative;
    }

    #social li {
        margin-right: 0.75rem;
        float: left;
    }

.menu_container {
    background: #212E60;
    width: 100%;
    height: 3.375rem;
}

#menu_primary {
    padding: 0.5375rem;
    vertical-align: middle;
    max-width: 65rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    min-height: 2.5rem;
    clear: both;
    display: block;
}

.wrap {
    white-space: normal !important;
    width: 160px !important;
}

    #menu_primary li {
        float: left;
        display: block;
        width: auto;
        max-width: 6.87rem;    
        font-size: 0.93rem;
        text-align: center;
    }

        #menu_primary li:nth-child(4) {
            margin-right: 3.5rem;
        }

        #menu_primary li:nth-child(5) {
            margin-right: 0.5rem;
        }

        #menu_primary li a {
            position: relative;
            display: block;
            padding: 0.75rem 0.5rem 0.65rem;
            margin-top: -0.7rem;
            border-top-left-radius: 0.18rem;
            border-top-right-radius: 0.18rem;
            color: #fff;
            font-weight: 500;
            line-height: 1.12rem;
            text-align: left;
            height: 100%;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

            #menu_primary li a:hover {
                text-decoration: none;
            }



        #menu_primary ul li .subnav-public {
            background: rgb(179,179, 179);
            padding: 0.75rem;
            left: 148%;
            width: auto;
            display: none;
            position: relative;
            z-index: 999;
            min-width: 20rem;
            border-bottom-right-radius: 0.18rem;
            border-bottom-left-radius: 0.18rem;
            transform: translate(-50%, 0px);
        }

        #menu_primary li:last-of-type .subnav-public {
            left: -56%;
        }

        #menu_primary li .subnav-public li {
            margin: 0px;
            padding: 0px;
            width: auto;
            float: none;
            display: table;
            max-width: 30rem;
        }


            #menu_primary li .subnav-public li a {
                width: 100%;
                font-size: 0.87rem;
                font-weight: normal;
            }

        #menu_primary li:hover a {
            background: rgb(179,179, 179);
            color: rgb(34, 58, 87);
        }


        #menu_primary li:hover :empty .subnav-public {
            display: none;
        }


        #menu_primary li:hover .subnav-public {
            display: inline-block;
        }


            #menu_primary li:hover .subnav-public a:hover {
                text-decoration: underline;
            }


        #menu_primary li:first-child .subnav-public {
            left: 0px;
            border-top-left-radius: 0px;
            transform: none;
        }

@media only screen and (max-width: 62rem) {

    .menu_container {
        height: auto;
    }

    #menu_primary li {
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 0.375rem 0;
        border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
        font-size: 1.125rem;
    }

        #menu_primary li:hover a {
            background: none;
            color: #fff;
        }

        #menu_primary li:hover .subnav-public {
            display: none;
        }
}



@media only screen and (max-width: 991px) {

    #logoImg {
        margin: auto;
        width: 100%;
    }

    #header-right {
        margin: auto;
        width: 50%;
        margin-bottom: 5rem;
    }

    #search-links {
        margin: auto;
        padding-bottom: 0.5rem;
        display: flex;
        justify-content: center;
    }

        #search-links ul {
            margin: 0;
            padding: 0;
        }

    #search-control {
        margin: auto;
        padding-bottom: 0.5rem;
        display: flex;
        justify-content: center;
    }

    #social {
        margin: auto;
        display: flex;
        justify-content: center;
    }

        #social ul {
            margin: 0;
            padding: 0;
        }
}

@media only screen and (max-width: 576px) {

    #header-right {
        margin: auto;
        width: 90%;
        margin-bottom: 7rem;
    }

}