/*
@media (max-width: 767.98px) {*/
https://stackoverflow.com/questions/23583713/hide-borders-on-extra-small-devices-with-bootstrap
/*}*/
html {
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
        color: #58493F;
    }
}

@media screen and (prefers-reduced-motion: no-preference) {
    html {   
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
    }
}



/* *************** NONE *************** */

.navigation-none-nav-link {
    border-bottom: none !important;
    color: #6B7A8F !important;
}

    .navigation-none-nav-link:hover {
        background-color: none !important;
        color: #6B7A8F !important;
        box-shadow: 0px 3px #6B7A8F !important;
    }

.navigation-none-nav-item {
    margin: 0px 7px 3px 7px !important;
    padding: 0px !important;
}

.navigation-none-nav-item:hover {
    margin: 0px 7px 3px 7px !important;
    padding: 0px !important;
}

.searchbar-none-width {
    width: 400px!important;
}



/* *************** EXTRA SMALL *************** */
@media (max-width: 575.98px) {
    
    .width-xs-100-percent {
        width: 100% !important;
    }
}



/* *************** SMALL *************** */
@media (max-width: 767.98px) {

    .navigation-sm-nav-link {
        border-bottom: solid !important;
        border-bottom-width: 1px !important;
        border-bottom-color: #6B7A8F !important;
        color: #6B7A8F !important;
    }

        .navigation-sm-nav-link:hover {
            background: #7C8EA5;
            color: white !important;
            box-shadow: none !important;
        }

    .margin-padding-sm-0px
    {
        margin: 0px !important;
        padding: 0px !important;
    }

    .margin-padding-sm-0px:hover {
        margin: 0px !important;
        padding: 0px !important;
    }

    .width-sm-100-percent
    {
        width:100%!important;
    }

    .col-sm-5px-bottom-padding {
        padding-bottom: 5px !important;
    }

}