/****************************************************************************
 * Topbar
 ****************************************************************************/
/*.topbar {
    background-color: transparent;
    box-shadow: none;
    color:#ffffff;
}
.topbar.scrolled,
body.woocommerce .topbar {
    background-color: #d4388c;
    color:#ffffff;
}
@media screen and (min-width:64em){
    .topbar {
        height:15rem;
    }

    .topbar.scrolled,
    body.woocommerce .topbar {
        height:4rem;
    }
} */


@media screen and (max-width:39.9375em){
    .transparent_topbar.wrapper {
        padding-top: 4rem;
    }
}
@media screen and (min-width:40em){
    .transparent_topbar.wrapper {
        padding-top: 0;
    }
}
.topbar {
    background-color: #d4388c;
    box-shadow: none;
    color:#ffffff;
}


@media screen and (min-width:64em){
    .transparent_topbar .topbar {
        background-color: transparent;
        color:#ffffff;
    }

    .transparent_topbar .topbar {
        height:15rem;
    }
    .transparent_topbar .topbar.scrolled {
        height:4rem;
        background-color: #d4388c;
    }
}

/****************************************************************************
 * Logo
 ****************************************************************************/
.topbar .logo_wrapper {
    pointer-events: all;
    display: block;
}
.topbar .logo_wrapper .data_ratio {
    width: 7.5rem;
    height: 3rem;
}
.topbar .logo_wrapper .data_ratio img {
    object-fit: contain;
}

/****************************************************************************
 * Navigation Wrapper
 ****************************************************************************/

.navigation_toggle_wrapper .navigation_toggle {
    color: #ffffff;
}
.navigation_wrapper.opened {
    background-color: #d4388c;
    color: #ffffff;
}
.navigation_wrapper.opened .menu {
    font-size: 1.5rem;
}

/****************************************************************************
 * Submenu
 ****************************************************************************/
.navigation_wrapper .menu > li > ul li {
    list-style: none;
    display: block;
    border: none;
}

.navigation_wrapper .menu > li > ul li a:after  {
    content: none;
}

.navigation_wrapper .current_page_item {
    text-decoration: underline;
}

@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: 1.2;
    }
    .navigation_wrapper .menu > li > ul {
        position: absolute; top: 100%;
        opacity: 0; pointer-events: none;
        visibility: hidden; left: 0;
        margin: 0; color: #ffffff;
        padding: 1rem;
        min-width: 17rem;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
        text-align: left;
    }
    .navigation_wrapper .menu > li > ul:after {
        content: ''; position: absolute;
        bottom: 0; left: 0; right: 0; top: 0;
        height: auto; width: auto;
        background-color: #d4388c;
		border-bottom-left-radius:1rem;
		border-bottom-right-radius:1rem;
    }

    .navigation_wrapper .menu > li > ul > * {
        position: relative;
        z-index: 20;
    }
    .navigation_wrapper .menu > li > ul li {
        padding: 0.25rem 0;
    }
	
	.navigation_wrapper .menu > li > ul li a {
		padding: 0;
	}

    .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;
    }
}