﻿.sub-nav-bar-container {
    transition: all 0.1s ease-in-out;
    /*overflow-x: scroll;*/
}

.sub-nav-bar-button-container {
    padding-left: 5px;
    padding-right: 5px;
}

.sub-nav-bar-button {
    flex: 1 1 auto;
}

.sub-nav-bar-container-show {
    top: 74px !important;
}

.sub-nav-bar-container-hide {
    top: 0px !important;
}

.sub-nav-bar-cta-button {
    margin: 5px 0px;
}

.sub-nav-bar {
    display: flex;
    align-items: center;
    padding: 3px 0px;
}

.sub-nav-bar-container {
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: 1000 !important;
    margin-top: -53px;
    z-index: 1000;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .sub-nav-bar-container.gen-2 {
        background-color: transparent;
        margin-top: -78px;
    }

        .sub-nav-bar-container.gen-2.bar-pinned {
            background: unset;
            background-color: #ffffff;
        }

            .sub-nav-bar-container.gen-2.bar-pinned a {
                color: #005792;
                text-shadow: none;
            }

            .sub-nav-bar-container.gen-2.bar-pinned .fa-2x {
                font-size: 1rem;
                font-weight: 900;
            }

        .sub-nav-bar-container.gen-2 .sub-nav-bar {
            padding: 10px 3px 10px 3px;
        }

        .sub-nav-bar-container.gen-2 a {
            color: #ffffff;
            text-shadow: 1px 1px 2px #000000;
        }



/*#region Searchbar Navbar*/
        .sub-nav-bar-container.gen-2.searchbar{
            margin-top: -74px;
        }

            .sub-nav-bar-container.gen-2.searchbar .sub-nav-bar {
                padding: 10px;
                margin: 0px 5px 5px 5px;
                border-radius: 10px;
            }

.sub-nav-bar-container.gen-2.bar-pinned.searchbar .sub-nav-bar {
    margin: 0px 5px 0px 5px;
}

        .sub-nav-bar-container.gen-2.bar-pinned.searchbar .searchbar-input-icon {
            font-size: 1rem;
        }

.searchbar-input-icon {
    position: absolute;
    color: #838383;
    font-size: 1.25rem;
    padding-left: 1rem;
    top: 30%;
}

.searchbar-input {
    padding-left: 3rem;
}

/*#endregion*/


@supports (position: sticky) {
    .sub-nav-bar-container:not(.gen-2) {
        position: sticky;
        position: -webkit-sticky;
        -webkit-position: sticky;
        top: 69px;
    }
}

@supports (position: -webkit-sticky) {
    .sub-nav-bar-container:not(.gen-2) {
        position: sticky;
        position: -webkit-sticky;
        -webkit-position: sticky;
        top: 70px;
    }
}

@media (max-width:767px) {

    .sub-nav-bar-container {
        overflow-x: scroll;
    }

    @supports (position: -webkit-sticky) {
        .sub-nav-bar-container:not(.gen-2) {
            top: 70px;
        }
    }
}
