header {
    position: relative;
    background: url(../img/header-bg.png?ver=8) 100% 0 no-repeat, url(../img/header-repeat.png?ver=8) 0 100% repeat-x;
    min-height: 108px;
    padding-top: 47px;
    z-index: 2;
    float: unset !important;
}

    header .logo {
        position: absolute;
        left: 50px;
        top: 30px;
    }

    header .svg-inline--fa {
        display: none;
    }

    header .auth {
        position: absolute;
        background: url(../img/login.png?ver=8) 0 0 no-repeat;
        right: 15px;
        top: 0;
        width: 106px;
        height: 82px;
        text-align: center;
    }

        header .auth a {
            text-transform: capitalize;
            font-family: 'gotMedium';
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            font-size: 16px;
            line-height: 32px;
        }

            header .auth a:hover, header .auth a.active {
                filter: alpha(opactiy=80);
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
                -moz-opacity: 0.8;
                -khtml-opacity: 0.8;
                opacity: 0.8;
            }

    header .top-nav {
        position: absolute;
        right: 120px;
        top: 10px;
    }

        header .top-nav .scope {
            color: #38a5d7;
        }

        header .top-nav a {
            font-family: 'open semiBold';
            font-size: 0.821em;
            text-transform: uppercase;
            position: relative;
            display: -moz-inline-stack;
            display: inline-block;
            *display: inline;
            zoom: 1;
            vertical-align: middle;
            color: #fff;
        }

            header .top-nav a:hover, header .top-nav a.active {
                filter: alpha(opactiy=80);
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
                -moz-opacity: 0.8;
                -khtml-opacity: 0.8;
                opacity: 0.8;
            }

            header .top-nav a i {
                margin-right: 10px;
                position: absolute;
                right: 100%;
                top: 50%;
                margin-top: -6px;
            }

        header .top-nav li {
            line-height: 12px;
            padding: 0 20px 0 40px;
            min-height: 22px;
            display: -moz-inline-stack;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

            header .top-nav li.last {
                padding-left: 20px;
            }

                header .top-nav li.last:before {
                    margin-left: -25px;
                }

            header .top-nav li ~ li:before {
                content: '';
                position: absolute;
                top: 50%;
                width: 2px;
                height: 20px;
                margin-top: -10px;
                margin-left: -45px;
                background: url(../img/th-divider.png?ver=8) 0 50% no-repeat;
            }

    header .bottom-nav {
        display: block;
        padding-left: 315px;
        margin-top: 47px;
    }

        header .bottom-nav .arrow {
            background: url(../img/hm-arrow.jpg?ver=8) 0 0 no-repeat;
            width: 29px;
            height: 24px;
            position: absolute;
            display: none;
            top: 100%;
            left: 50%;
            margin-left: -14px;
            margin-top: 22px;
        }

        header .bottom-nav li {
            text-align: center;
            position: relative;
            display: -moz-inline-stack;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

            header .bottom-nav li ~ li {
                padding-left: 45px;
            }

        header .bottom-nav a {
            text-transform: capitalize;
            font-size: 1.571em;
            color: #38a5d7;
        }

            header .bottom-nav a:hover, header .bottom-nav a.active {
                color: #13578c;
            }

                header .bottom-nav a.active .arrow {
                    display: block;
                }

            header .bottom-nav a span {
                font-family: 'open semiBold';
                display: block;
            }

            header .bottom-nav a i {
                margin-bottom: 5px;
            }



.page-search .search-description {
    float: left;
    text-align: left;
    color: #125488;
    height: 35px;
}

.page-search .search-controls {
    float: right;
}

    .page-search .search-controls .readingLvlLink {
        margin-right: 10px;
        text-decoration: none !important;
    }

    .page-search .search-controls .search-box a {
        z-index: 1;
    }



@media (max-width: 576px) {
    header {
        background: none;
    }

        header .logo {
            display: block;
            position: relative;
            top: 20px;
            left: 20px;
            width: fit-content;
        }

            header .logo img {
                width: 180px;
                height: auto;
            }

        header #ucHeader_faBars,
        header #ucHeader_faTimes {
            display: block;
            float: right;
            width: 40px;
            height: 40px;
            position: relative;
            margin-top: -30px;
            margin-right: 20px;
        }

            header span .svg-inline--fa {
                display: block;
                color: #13578c;
                width: 40px !important;
                height: 40px;
            }

            header #ucHeader_faBars {
                display: block;
            }

                header #ucHeader_faBars.mobileNavMenuOpen {
                    display: none;
                }

            header #ucHeader_faTimes {
                display: none;
            }

                header #ucHeader_faTimes.mobileNavMenuOpen {
                    display: block;
                }

        header .auth {
            display: none;
        }

        header .top-nav {
            top: 0;
            right: 0;
            display: flex;
            justify-content: space-evenly;
            width: 100%;
            padding: 10px;
            background: #13578c;
        }

            header .top-nav a {
                font-size: 0.9em;
            }

            header .top-nav li ~ li:before {
                background: none;
            }

        header .bottom-nav {
            display: none;
            background: #13578c;
            padding: 26px 26px 1px;
        }

            header .bottom-nav.mobileNavMenuOpen {
                display: block;
            }

            header .bottom-nav li {
                display: list-item;
                text-align: start;
                padding-left: 0 !important;
                margin-bottom: 16px;
            }

                header .bottom-nav li a {
                    color: #fff;
                }

        header .collection-panel-wrap {
            display: none;
        }


    .page-search {
        display: none !important;
        margin-top: -4px;
        padding: 18px 26px 36px;
        background: #13578c;
        box-shadow: none;
    }

        .page-search.mobileNavMenuOpen {
            display: block !important;
        }

        .page-search .search-controls {
            float: left;
            text-align: start;
        }

            .page-search .search-controls a {
                display: block;
                font-size: 1.3em;
                margin: 0;
            }

            .page-search .search-controls .readingLvlLink,
            .page-search .search-controls .search-box {
                margin-bottom: 0.7rem;
            }
}