/* FONTS */

@font-face {
    font-family: "Meghana";
    src: url("../fonts/meghana-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

.text-white, .text-white * {
    color: #ffffff;
}

/* NAVBAR */

.uk-navbar {
    display: flex;
    align-items: center;
}

.uk-navbar-nav>li>a {
    height: auto;
    padding: 0 0;
    color: #193448;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    position: relative;
    z-index: 1;
    font-weight: 400;
    letter-spacing: .35px;
    padding: 4px 16px;
    min-height: unset;
    background-color: transparent;
    border-radius: 500px;
}

.uk-navbar-nav>li.uk-active>a, .uk-navbar-nav>li>a:hover, .uk-navbar-nav>li>a:focus {
    color: #c5d9c9 !important;
    background-color: #193448;
    border-radius: 500px;
    font-weight: 700;
}

.uk-navbar-nav>li>a::before {
    height: 0; 
}

.uk-navbar-toggle {
    min-height: unset;
}

.uk-navbar-container.uk-light {
    background-color: transparent;
}

.uk-navbar-container.uk-dark {
    background-color: #c5d9c9;
}

.uk-offcanvas-bar {
	background: #c5d9c9;
}

.uk-nav-default>li.uk-active>a, .uk-nav-default>li>a:hover {
	color: #193448;
	font-weight: 700;
}

.uk-nav-default .uk-nav-sub li.uk-active>a {
	color: #193448;
	font-weight: 700;
}

/* HOMEPAGE */

.hilight {
    position: relative;
}

.hilight::after{
    content: '';
    position: absolute;
    top: 0;
    left: 32px;
    width: 24px;
    height: 100%;
    background-color: #abdff6;
    z-index: 1;
}

.hilight * {
    position: relative;
    z-index: 2;
}

@media (max-width: 1199px) {
    .hilight::after{
        left: 16px;
    }
}

/* FOOTER */

footer a {
    color: #ffffff !important;
    text-decoration: none;
}

/* IMAGES */

.img-award {
    width: 120px;
    margin-right: 16px;
}

@media (min-width: 959px) {
    .img-award {
        width: 60px;
    }
}

/* ACCORDION */

.uk-tab>* {
    padding-left: 12px;
    margin-bottom: 12px;
}

.uk-tab > li > a {
    display: inline-block;
    background-color: #193448;
    border-radius: 500px;
    padding: 4px 16px;
    border-bottom: 0;
    color: #c5d9c9;
}

.uk-tab > li > a:hover {
    color: white;
}

.uk-tab > li.uk-active > a {
    display: inline-block;
    background-color: white;
    border-radius: 500px;
    padding: 4px 16px;
    border-bottom: 0;
    color: #193448;
}