/* Boostrap Navbar CSS overwriting */

.nav {
    font-family: 'Epilogue', sans-serif;
    font-size: 14px;
}

.navbar{
    min-height: 64px;
    display: flex ;
    align-items: center;
}

.navbar-default .container {
    display: flex;
    align-items: center;
}
  
.navbar-collapse.collapse {
   display: flex !important;
   flex-grow: 1;
}

.navbar-collapse.collapse > :first-child {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.navbar-collapse.collapse > :last-child {
    flex-grow: 0;
}

.navbar-default {
    background-color: #032014;
    border-bottom: 8px #EBF2F2 solid;
}

.navbar-nav .active a {
    background: linear-gradient(90deg, #77C3A4 0%, #93A1C4 100%) !important;
    border-radius: 50px;
    padding: 4px 12px;
}

.navbar-nav li a {
    border: 1px solid #032014;
    border-radius: 50px;
    padding: 4px 12px;
    margin: 0px 8px;
    transition: border 0.3s ease;
}

.navbar-nav li a:hover {
    border: 1px solid #F1F4FA;
    background-color: #032014 !important;
}