.topbar {
    background-color: #eaeaea;
    position: absolute;
    height: 6rem;
}
/****************************************************************************
 * Logo
 ****************************************************************************/
.logo_wrapper {
    height: 5rem;
}
.logo_wrapper img.logo {
    height: 5rem;
}
/****************************************************************************
 * Navigation Wrapper
 ****************************************************************************/
.nav_opened .navigation_wrapper {
    background-color:#2A323C;
    color: #FFFFFF;
}

.nav_opened .navigation_toggle_wrapper .navigation_toggle:before,
.nav_opened .navigation_toggle_wrapper .navigation_toggle:after {
    background-color: #FFFFFF;
}

/****************************************************************************
 * Menu
 ****************************************************************************/
.navigation_wrapper .menu li {
    padding: 0 0.25rem;
}

.navigation_wrapper .menu.main_menu {
    text-transform: uppercase;
    font-weight: 800;
} 
@media screen and (min-width:64em){
    .navigation_wrapper .menu li a {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }

    .navigation_wrapper .menu li:hover,
    .navigation_wrapper .menu li.current-menu-item,
    .navigation_wrapper .menu li.current_page_parent  {
        background-color:#0191ce;
        color: #FFFFFF;
    }
}


/****************************************************************************
 * Submenu
 ****************************************************************************/
.navigation_wrapper .menu > li > ul li {
    list-style: none;
    text-transform: none;
    font-weight: 400;
}
.navigation_wrapper .menu > li > ul li a  {
    font-size: 1.125rem;
    padding: 0 0.75rem;
	width: max-content;
}
.navigation_wrapper .menu > li > ul li a:after  {
    content: none;
}


@media screen and (min-width:64em){
    .navigation_wrapper .menu.align-center li {
        display: block;
    }
    .navigation_wrapper .menu > li {
        position: relative;
    }
    .navigation_wrapper .menu > li > a {
        line-height: 2.5rem;
    }
    .navigation_wrapper .menu > li > ul {
        position: absolute; top: 100%;
        opacity: 0; pointer-events: none;
        visibility: hidden; left:0;
        margin: 0; color: #ffffff;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }
    .navigation_wrapper .menu > li > ul:after {
        content: ''; position: absolute;
        bottom: 0; left: 0; right: 0; top: 0;
        height: auto; width: auto;
        background-color: #2A323C;
    }
    .navigation_wrapper .menu > li > ul > * {
        position: relative;
        z-index: 20;
    }
    .navigation_wrapper .menu > li > ul li {
        padding: 0.5rem 0;
    }
    .navigation_wrapper .menu > li > ul li a {
        font-size: 1rem; line-height: 1.2;
        padding: 0 1.5rem 0 0.75rem;
    }

    .navigation_wrapper .menu > li > a:hover + ul,
    .navigation_wrapper .menu > li:hover > a + ul ,
    .navigation_wrapper .menu > li > a + ul:hover {
        opacity: 1; pointer-events: all;
        visibility: visible;
    }
}