/*.bg-dark {
    background-color: white !important;
}*/

.navbar {
    background-color: white !important;
    padding-bottom: 3px;
    padding-top: 3px;
}
.navbar-nav {
    align-items: flex-end !important;
    padding-right: 11px;
}

.navbar-brand {
    font-size: 85%;
}

    .navbar > .container, .navbar > .container-fluid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        /*padding-left: 40px;
        padding-right: 20px !important;*/
    }

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-height: 46px;
    }
}
.navbar-toggler {
    margin-right: 10px;
}
.navbar-dark .navbar-toggler .collapse {
    color: rgba(255,255,255,.5);
    border-color: #009688 !important;
   
}

.navbar {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
    /* the rest of your styling */
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: dimgray;
}

.navbar-dark .navbar-brand {
    color: dimgray;
}

/*.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: dimgray;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}*/
.navbar-nav .active > .nav-link, .navbar-nav .nav-link.active,  .navbar-nav .nav-link.show,  .navbar-nav .show > .nav-link {
    color: dimgray;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
.navbar-brand {
    color: dimgray;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    padding-left: 8px;
}
    .navbar-brand:hover {
        color: #2773ff;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
    }
.nav-link {
    color: dimgray;
    font-size: 0.9rem;
    line-height: inherit;
    white-space: nowrap;
}
.nav-link:hover {
    color: #2773ff;
    line-height: inherit;
    white-space: nowrap;
}
.nav-item:hover {
    color: #2773ff;
}
.fa-home, .fa-newspaper {
    /*font-size: 2.0em;*/
}
.navbar-icon-responsive {
    font-size: 1.50rem ;
}
.navbar-icon-responsive:hover {
    font-size: 1.25rem ;
}

.show > .nav-link,
.active > .nav-link,
.nav-link.show,
.nav-link.active {
    color: dimgray !important;
}

.nav-link.hover {
    color: #2773ff;
}

.navbar-dark .navbar-nav .nav-link {
    color: dimgray;
}



button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-color: #2773ff;
    outline-style: auto;
    outline-width: 5px;
}

.custom-toggler.navbar-toggler {
    border-color: rgb(255,102,203);
}

.fa.fa-navicon {
    color: dimgray;
}

.navbar-toggler .line {
    width: 100%;
    float: left;
    height: 3px;
    background-color: dimgray;
    margin-bottom: 5px;
}

.navbar-toggler-icon {
    padding-top: 5px;
}

.nav-current {
    color: #2773ff;
}

.navbar-icon-responsive {
    display: inherit;
}

.navbar-text-responsive {
    /*display: none;*/
}

@media (min-width: 992px)  {
    .navbar-icon-responsive {
        display: none;
    }

    .navbar-text-responsive {
        display: inherit;
    }
}

@media (min-width: 576px) {
    .navbar-icon-responsive {
        display: none;
    }
    .navbar-text-responsive{
        display:inherit;
    }
}


/* ----------- samsung landscape ----------- */
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
    .navbar-icon-responsive {
        display: inherit;
    }
    .navbar-text-responsive {
        /*display: none;*/
    }
}
/* ----------- Pixel 2 ----------- */
/* Portrait */
@media screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: portrait) {
    .navbar-icon-responsive {
        display: inherit;
    }
    .navbar-text-responsive {
        /*display: none;*/
    }
}

/* Landscape */
@media screen and (device-width: 411px) and (device-height: 731px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
    .navbar-icon-responsive {
        display: inherit;
    }
    .navbar-text-responsive {
        /*display: none;*/
    }
}

/* Target Portrait and Landscape */
@media screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
    .navbar-icon-responsive {
        display: inherit;
    }
    .navbar-text-responsive {
        /*display: none;*/
    }
}

/* ----------- iPad only ----------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .navbar-icon-responsive {
        display: inherit;
    }

    .navbar-text-responsive {
        /*display: none;*/
    }

    .navbar-expand_ .navbar-toggler {
        display: block;
    }

    .nav-item {
        display: block;
    }
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .navbar-icon-responsive {
        display: inherit;
    }

    .navbar-text-responsive {
        /*display: none;*/
    }

    .navbar-expand_ .navbar-toggler {
        display: block;
    }

    .nav-item {
        display: block;
    }
}

/* Galaxy Tab 10.1 portrait and landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px) {
    .navbar-icon-responsive {
        display: inherit;
    }
    .navbar-text-responsive {
        /*display: none;*/
    }
    .navbar-expand_ .navbar-toggler {
        display: block;
    }
    .nav-item {
        display: block;
    }

    /*.navbar-expand_  .navbar-toggler {
        display: block;
        
    }
    .navbar-expand-lg .navbar-collapse {
        display: none ;
    }*/
}