body {
    background: linear-gradient( 120deg ,rgba(200,200,200,0.1) 28.45%,rgba(170,206,227,0.3) 15%)
}
nav.navbar {
    /*margin-bottom: 35px;*/
}
nav.navbar {
    background: linear-gradient(120deg,var(--button-color) 75%,var(--text-color) 25%);
}
section.footer {
    background: linear-gradient(120deg,var(--button-color) 60%,var(--text-color) 25%);
}
div.box-search-navbar.mobile > label {
    color: #FFF;
}
nav.navbar > #navbar-content > ul.navbar-nav > li.nav-item.active > a,
nav.navbar > #navbar-content > ul.navbar-nav > li.nav-item.active > a:hover,
nav.navbar > #navbar-content > ul.navbar-nav > li.nav-item > a {
    color: #FFF;
}
nav.navbar > #navbar-content > ul.navbar-nav > li.nav-item:hover > a,
nav.navbar > #navbar-content > ul.navbar-nav > li.nav-item > a:hover {
    color: var(--button-color);
}

#navbar-content {
    display: none !important;
}
#navbar-content-bwi {
    align-items: center;
    justify-content: center;
}
#navbar-content-bwi li a {
    color: #FFFFFF;
    font-size: 18px;
    margin: 0 12px;
    transition: .5s;
}
#navbar-content-bwi li a:hover {
    color: var(--text-color);
}

#boxActionMember > a > label {
    background: #f9b233;
    padding: 15px;
    color: #FFFFFF;
    border-radius: 8px;
    transition: .5s;
}
#boxActionMember > a > label > i {
    margin-right: 8px !important;
    font-size: 16px;
}
#boxActionMember > a > label:hover {
    background-color: var(--button-color);
    color: #FFFFFF;
}

nav.navbar > #navbar-content > ul.navbar-nav.bottom {
    margin: 0 auto;
}
nav.navbar > #navbar-content > ul.navbar-nav > li.nav-item > a {
    font-weight: normal !important;
}
section.footer {
    padding: 50px 10%;
}

#flex-footer > div.footer-bottom > div > span  {
    color: #FFF !important;
}