.navbar,
.top-bar {
    background: #0073a0;
    color: #fff;
}

.top-bar a {
    color: #fff;
    text-decoration: none;
}

.top-bar li.active a,
.top-bar li a:hover {
    /*background:#4fa1c2;*/
}

.top-bar .name {
    padding: 0 0.8rem;
}

.top-bar .t-text {
    font-family: 'Ahkio-Light', sans-serif;
    margin-left: 5px!important;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem!important;
    font-weight: normal;
    padding: 0.4rem 0 0.4rem 0;
}

.top-bar .t-text .t-text-domain {
    font-size: 1.1rem!important;
}

.top-bar-section li,
.top-bar-section li:not(.has-form) a:not(.button) {
    background: #0073a0; /*nonselected item*/
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #4fa2c3; /*selected item*/
    color: #FFFFFF;
    padding: 0.4rem 0.8rem;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #57a1bf; /*nonselected hover*/
    background: #57a1bf;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #57a1bf; /*selected hover??*/
}

.top-bar li i {
    font-size: 1.2;
    position: relative;
    top: 2px;
    margin-right: 5px;
    opacity: 0.7;
}

.top-bar-section ul li>a {
    font-family: 'Ahkio-Light', sans-serif;
    font-size: 1.5rem;
    -webkit-font-smoothing: antialiased;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0.4rem 0.8rem;
}

.top-bar-section .has-dropdown>a:after {
    margin-top: 4px;
}

.top-bar-section ul li:hover:not(.has-form)>a {
    background: #00648b;
}

.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
    background: #0073a0;
}

.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):hover {
    background: #57a1bf;
}

@media screen 
and (max-width: 639px) {
    .top-bar .t-logo {
        top: 3px;
    }

    .top-bar .t-text {
        padding: 0;
    }
}