/*
This CSS file contains the CSS needed for the core Mega Menu experience.

@package WP Mega Menu
@since 1.0.0
@version 1.0.1

*/

.wpmm-nav .nav-section.mobile .nav-root__link {
    position: relative;
    padding: 0;
    border: none;
    font-family: inherit;
    font-size: inherit;
    width: auto;
    background: #fff !important;
}

/* .wpmm-nav .nav-section.mobile .nav-root__link:hover,
.wpmm-nav .nav-section.mobile .nav-root__link:active,
.wpmm-nav .nav-section.mobile .nav-root__link:focus {
    color: inherit ;
} */

.item-mobileMenu_text{
    color: #221E1B !important;
}

.wpmm-nav .nav-section.mobile .nav-root__link .text-wrap {
    padding: 0;
    pointer-events: none;
}

.wpmm-nav .nav-section.mobile .nav-root__link .text-wrap strong {
    padding-right: 0;
    padding-left: 2.4rem;
    padding-top: 0;
    font-weight: normal;
    pointer-events: none;
    display: block;
    position: relative;
}

.wpmm-nav .nav-section.mobile .nav-root__link .text-wrap strong svg {
    position: absolute;
    left: 0;
    top: -.1rem;
    bottom: 0;
    margin: auto;
    width: 1.8rem;
    height: 1.8rem;
}

.wpmm-nav .nav-section.mobile.wpmmPopupActive .nav-root__link .text-wrap strong svg {
    transform: rotate(-180deg);
}

.wpmm-nav .nav-section.mobile .nav-root__link:hover .text-wrap strong:before,
.wpmm-nav .nav-section.mobile .nav-root__link:active .text-wrap strong:before,
.wpmm-nav .nav-section.mobile .nav-root__link:focus .text-wrap strong:before,
.wpmm-nav .nav-section.mobile.wpmmPopupActive .text-wrap strong:before {
    border-color: #e5231b;
}

.wpmm-nav .nav-section.mobile .nav-root__link h2 {
    color: inherit
}

.wpmm-nav .popup {
    position: absolute;
    left: 0;
    top: 102%;
    width: 100%;
    overflow: hidden;
    padding-bottom: 2rem;
}

.wpmm-nav .popupContainer {
    background: #fff;
    box-shadow: 0 1rem 1rem rgb(0 0 0 / 19%);
    padding-bottom: 2rem;
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    /* -webkit-transform: rotate3d(1, 1, 0, -15deg);
            transform: rotate3d(1, 1, 0, -15deg); */
    -webkit-transform: translateY(-9.5rem);
            transform: translateY(-9.5rem);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .4s;
            transition-duration: .4s
}

.wpmm-nav .nav-section.mobile.wpmmPopupActive .popupContainer {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

#popup--mob {
    visibility: hidden;
    transition: visibility step-start 1ms .3s;
}

.wpmmPopupActive #popup--mob {
    visibility: visible;
    transition: visibility step-start 1ms;
}

/*--------------------------------------------------------------
Site-specific Header Styles
--------------------------------------------------------------*/
.site-header__sub.wpmm-nav .popup {
    top: 100%;
    border-radius: 0 0 1rem 1rem;
}

.site-header__sub.wpmm-nav .popup .popupContainer {
    padding: 0;
}

.wpmmPopupActive #faw-greedy-nav__pseudo-button .hamburger {
	transform: translate3d(0,1rem,0) rotate(45deg);
    top: 0.2rem;
}

.wpmmPopupActive #faw-greedy-nav__pseudo-button .hamburger:before {
	opacity: 0;
	transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
}

.wpmmPopupActive #faw-greedy-nav__pseudo-button .hamburger:after {
	transform: translate3d(0,-1.7rem,0) rotate(-90deg);
    top: 1.7rem;
}

@media (max-width: 767px) {
	.site-header__sub.wpmm-nav .popup .popupContainer {
		background: #fff !important;
	}
}