*{
    text-transform: none !important;
}
.transition, .transition *{
    transition: all 0.3s ease-in-out;
}
.top-nav-item > a{
    min-height:40px !important;
    color:#FFF !important;
}
.top-nav-item > a:hover{
    min-height:40px !important;
    color:#DDD !important;
}
.top-nav-item > a > span{
    margin-right:0.5rem !important;
    font-weight: bold;
}
.uk-sticky.uk-active .uk-navbar-nav>li>a, .uk-sticky.uk-active .uk-navbar-item{
    min-height: 50px !important;
}
.uk-sticky.uk-active .uk-navbar-nav>li>a.animate-line::before{
    bottom: 10px;
}
#nav-logo{
    max-height:50px; margin:5px;
}
.uk-sticky.uk-active #nav-logo{
    max-height:40px;
}
.uk-nav-header{
    font-size: 1.1rem;
}
.uk-navbar-dropdown-nav>li.uk-active>a {
    color: #EEE;
}
.container{
    /* min-height: calc(100vh - 120px); */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width:100vw;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
}
.container > *{
    /* width:100%; */
}
.add-shadow{
    text-shadow: 1px 1px 2px #000;
}
a.animate-line{
    position: relative;
}
li:hover>a.animate-line::before,li.uk-active>a.animate-line::before{
    right:15px;
}
a.animate-line::before{
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    right: calc(102% - 15px);
    bottom: 20px;
    height: 1px;
    background-color: currentColor;
    transition: .3s ease-in-out;
    transition-property: right;
}