/****************/


/*
/* Title:  Aptus Navbar
/* Author: Mouad Kommir - Aptus Consulting
/* Date:   July 1st, 2019
/*
/****************/

html {
    --navbar-height: 80px;
    --hamburger-width: 2.5em;
    --hamburger-height: .3em;
    --hamburger-color: #333;
    --hamburger-hover-color: #111;
}

body {
    margin: 0;
    font-family: sans-serif;
}

.aptus-navbar {
    background-image: url(/static/encg/assets/img/pattern/top-bar-pattern_transparent.png);
    background-color: #ededed;
    height: max-content;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.aptus-navbar.center {
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column;
    height: max-content;
}


/* Background */

.aptus-navbar .apt-navbar-bg {
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
}


/* /Background */


/* Brand */

.aptus-navbar .apt-navbar-brand {
    margin: 0;
    z-index: 1;
}

.aptus-navbar.center .apt-navbar-brand {
    margin: 0;
}

.aptus-navbar .apt-navbar-brand img {
    height: calc(var(--navbar-height) - 20px);
    width: auto;
    margin-top: calc(var(--navbar-height) - (var(--navbar-height) - 10px));
}


/* /Brand */


/* Menu */

.aptus-navbar .apt-navbar-menu {
    margin-right: 0;
}

.aptus-navbar.center .apt-navbar-menu {
    margin: 0;
}

.aptus-navbar .apt-navbar-menu ul li {
    list-style: none;
}

.aptus-navbar .apt-navbar-menu .apt-navbar-nav,
.aptus-navbar .apt-navbar-menu .apt-dropdown-menu {
    margin: 0;
    padding: 0;
}

.aptus-navbar .apt-navbar-menu .apt-navbar-nav {
    display: flex;
    align-items: center;
    height: var(--navbar-height);
}

.aptus-navbar .apt-navbar-menu ul li {
    display: block;
    position: relative;
}

.aptus-navbar .apt-navbar-menu>ul>li {
    display: inline-block;
}

.aptus-navbar .apt-navbar-menu ul li:active a {
    background-color: rgba(255, 255, 255, 0.8);
    color: var(--main-color);
}

.aptus-navbar .apt-navbar-menu ul li a {
    color: #111;
    font-size: 1em;
    font-weight: bold;
    display: block;
    text-decoration: none;
    padding: .3em .4em;
}

.aptus-navbar .apt-menu-item.apt-dropdown a {
    padding-right: 1em;
}

.aptus-navbar .apt-menu-item.apt-dropdown>a::after {
    content: '';
    position: absolute;
    right: .03em;
    top: 1.4em;
    z-index: 1;
    width: 0;
    height: 0;
    border: .3em solid transparent;
    border-top-color: #000;
    transform: translate(-50%, -50%);
    transition: .3s;
}

.aptus-navbar .apt-menu-item.apt-dropdown ul li a::after {
    top: 2em;
}

.aptus-navbar .apt-menu-item.apt-dropdown:hover>a::after {
    transform: translate(-50%, -50%);
}

.aptus-navbar .apt-navbar-menu>ul>li>a {
    font-size: 1em;
    border-left: 1px solid rgba(0, 0, 0, .5);
    padding: 0.5em 0.5em;
}

.aptus-navbar .apt-navbar-menu ul li:hover>a {
    background-color: rgba(255, 255, 255, .5);
}

.aptus-navbar .apt-navbar-menu ul li ul li:hover>a {
    background-color: #eee;
    color: steelblue;
}

.aptus-navbar .apt-navbar-menu ul li:hover>.apt-dropdown-menu {
    display: block;
    transform: scale(1, 1);
    opacity: 1;
}

.aptus-navbar .apt-navbar-menu>ul>li:last-of-type>a {
    border-right: 1px solid rgba(0, 0, 0, .5);
}

.aptus-navbar .apt-navbar-menu .apt-dropdown-menu {
    background-color: #fff;
    display: block;
    transform: scale(1, 0);
    opacity: 0;
    transform-origin: top;
    min-width: 200px;
    width: max-content;
    position: absolute;
    right: -1px;
    top: 100%;
    border: 1px solid rgba(0, 0, 0, .2);
    transition: .3s;
    transition-delay: .3s;
}

.aptus-navbar .apt-navbar-menu .apt-dropdown-menu li a {
    padding: .6em;
}

.aptus-navbar .apt-navbar-menu .apt-dropdown-menu .apt-dropdown-menu {
    top: 10%;
    right: 100%;
    min-width: 150px;
}


/* /Menu */


/* Navbar - Toggeler */

.aptus-navbar .apt-navbar-toggler {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10%;
    border: 0;
    background-color: transparent;
    height: calc(var(--hamburger-height) * 8);
    display: none;
}

.aptus-navbar .apt-navbar-toggler .apt-hamburger {
    display: block;
    border: 0;
    background-color: var(--hamburger-color);
    width: var(--hamburger-width);
    height: var(--hamburger-height);
    position: relative;
    transition: .3s;
}

.aptus-navbar .apt-navbar-toggler .apt-hamburger::after {
    content: "";
    position: absolute;
    width: var(--hamburger-width);
    height: var(--hamburger-height);
    top: calc(var(--hamburger-height) * 2);
    left: 0;
    background-color: var(--hamburger-color);
}

.aptus-navbar .apt-navbar-toggler .apt-hamburger::before {
    content: "";
    position: absolute;
    width: var(--hamburger-width);
    height: var(--hamburger-height);
    top: calc(var(--hamburger-height) * -2);
    left: 0;
    background-color: var(--hamburger-color);
}

.aptus-navbar .apt-navbar-toggler:hover .apt-hamburger,
.aptus-navbar .apt-navbar-toggler:hover .apt-hamburger::before,
.aptus-navbar .apt-navbar-toggler:hover .apt-hamburger::after {
    background-color: var(--hamburger-hover-color);
}


/* /Navbar - Toggeler */


/* Responsiveness */

@media (max-width: 768px) {
    .aptus-navbar {
        height: var(--navbar-height);
        justify-content: space-between;
    }
    .aptus-navbar .apt-navbar-toggler {
        display: block;
    }
    .aptus-navbar .apt-navbar-menu {
        transition: .3s;
        transform: scale(1, 0);
    }
    .aptus-navbar .apt-navbar-menu.visible {
        transform: scale(1);
    }
    .aptus-navbar .apt-navbar-menu {
        margin: 0 10%;
        width: 100%;
    }
    .aptus-navbar .apt-navbar-menu .apt-navbar-nav {
        background-color: #fff;
        display: block;
        height: max-content;
        box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .2);
    }
    .aptus-navbar .apt-navbar-menu ul li {
        display: block;
    }
    .aptus-navbar .apt-navbar-menu ul li a {
        padding: .7em;
    }
    .aptus-navbar .apt-navbar-menu>ul>li>a {
        font-size: 1em;
        border-left: 0;
    }
    .aptus-navbar .apt-navbar-menu>ul>li>a:last-of-type {
        border-right: 0;
    }
    .aptus-navbar .apt-navbar-menu ul li:hover>a {
        background-color: #eee;
        color: steelblue;
    }
    .aptus-navbar .apt-navbar-menu ul li:hover>.apt-dropdown-menu {
        height: max-content;
    }
    .aptus-navbar .apt-navbar-menu .apt-dropdown-menu {
        height: 0;
        padding-left: 1em;
        position: initial;
        border: 0;
    }
    ul,
    li,
    a {
        transition: 0s !important;
    }
    .aptus-navbar .apt-navbar-menu .apt-dropdown-menu .apt-dropdown-menu {
        padding-left: 1em;
    }
}


/* /Responsiveness */


/***************
** Aptus Navbar
***************/