/*#region HEADER*/
.top-header {
    line-height: 50px;
    width: 100%;
    position: fixed;
    background-color: var(--orange);
    z-index: 110;
    padding: 0;
    margin: 0;
    top: 0;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.top-header.hiddenheader {
    top: -50px !important;
}

.topnav {
    top: 50px;
    position: fixed;
    color: white;
    width: 100%;
    z-index: 111;
    padding: 0;
    margin: 0;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
 /*   background-color: rgba(255,255,255,0.1);*/
}

    .topnav .logosmaller {
        max-width: 100px;
        top: -0px;
    }

    .topnav.smaller {
        background-color: var(--orange);
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
        color: white;
    }

    .topnav a.nav-link {
      /*  color: black;*/
    }
    .topnav.smaller a.nav-link{
        color:white;
    }

#navnav .container {
    margin: auto;
    position: relative;
}

.logo {
    width: 150px;
    position: relative;
    top: -45px;
    padding: 8px;

    z-index:100001;
}

.topnav .navbar-brand {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 110;
    padding:0;
}

.navbar .navbar-toggler, .navbar-toggler:hover, .navbar-toggler:focus {
    background-color: transparent;
    border: none;
    border-radius: 0;
    /* box-shadow: 0 .325rem .45rem rgba(0,0,0,.075) !important;*/
    font-size: 1em;
    z-index: 1001;
    color: black;
}

.nav.navbar-nav {
    line-height: 70px;
}

.nav-item > a {
    font-size: 1.3em;
    color: #fff;
    margin-right: 15px;
}
    .nav-item > a:hover {
        color: #dbaf37;
    }
.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    color: #dbaf37;

}
/*.dropdown-item.current {
    color: #fff;
    font-weight: bolder;
}*/
.dropdown-item.active, .dropdown-item:focus, .dropdown-item.current {
    background-color: #e0e0e0;
    color: #3d3d3d;
    font-weight:600;
}
#myMemberTab li .nav-link.lettertab{
    padding:2px 8px;
}
@media (min-width: 992px) {
    .dropdown-menu {
        background-color: #f5f5f5;
        border-radius: 0;
        border: none;
        padding: 0;
        box-shadow: 0 .225rem .45rem rgba(0,0,0,.175) !important;
    }

    .dropdown-item {
        padding: 0.65rem 1.6rem;
    }
}

@media (max-width:991px) {

    .topnav .navbar-brand {
        padding-top: 10px;
        padding-left: 20px;
        top: -20px;
    }

    .topnav.smaller .navbar-brand {
        position: absolute;
    }

    .logo {
        width: 120px;
    }

    .offcanvas-collapse {
        text-align: center;
        position: fixed;
        bottom: 0;
        left: -100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: rgb(255, 255, 255);
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }

        .offcanvas-collapse.open {
            top: 45px;
            visibility: visible;
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            z-index: 11;
        }

            .offcanvas-collapse.open a.nav-link {
                color: #363f49;
                z-index: 100001;
                font-size:1.4em;
                line-height:1.6em;
            }

    .navbar-collapse {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        top: 0px;
    }

    .dropdown-menu.show {
        border: none;
        text-align: center;
        background-color: #f1f1f1;
        font-size:1.3em;
        line-height:1.7em;
    }
}