/*close animation*/
.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none;
    outline: none;
    border: none;
}

.site-header .navbar-toggler-icon:before,
.navbar-toggler-icon:after {
	content: '';
	position: absolute;
	left: 0px;
	background-color: #000;
	height: 2px;
	margin: 0 0 8px 0;
	width: 25px;
	transition: all .6s;
}

.site-header .navbar-toggler-icon:before {
	top: -8px;
}

.site-header .navbar-toggler-icon:after {
	bottom: -16px;
}

.site-header .navbar-toggler-icon {
	background-color: #000;
	height: 2px;
	margin: 0 0 8px 0;
	width: 25px;
	transition: all .6s;
	position: relative;
}

.site-header.menu-active .navbar-toggler-icon:before,
.site-header.menu-active .navbar-toggler-icon:after {
	background-color: #000;
}

.site-header.menu-active .navbar-toggler-icon:before {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
	top: -13px;
}

.site-header.menu-active .navbar-toggler-icon {
	opacity: 1;
	background: transparent;
	top: 3px;
}

body .site-header.menu-active .navbar-toggler-icon {
	top: -40px;
}

.site-header.menu-active .navbar-toggler-icon:after {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
	bottom: -17px;
	left: -1px;
}

body .site-header .navbar-toggler-icon,
body .site-header .navbar-toggler-icon:before,
body .site-header .navbar-toggler-icon:after {
	background-color: #fff;
}

body .site-header.menu-active .navbar-toggler-icon:before,
body .site-header.menu-active .navbar-toggler-icon:after {
	background-color: #716464;
}

body .site-header.menu-active .navbar-toggler-icon {
	background: transparent;
}


/*close animation END*/



/* HACK */

li#menu-item-1017, li#menu-item-1018, li#menu-item-1019, li#menu-item-1020 {
    display: none;
}



@media (max-width: 991px) {
	/* body header#masthead,
	body header#masthead.menu-active {
		background: #fff;
	} */
    body header#masthead.menu-active {
        height: 100vh;
    }
	/* body header#masthead {
		background: transparent;
	} */
	header#masthead.menu-active {
		opacity: 1;
		/* background: #fff; */
        height: 100vh;
	}
	body .site-header .navbar-toggler-icon,
	body .site-header .navbar-toggler-icon:before,
	body .site-header .navbar-toggler-icon:after {
		background-color: #000;
	}
	body .site-header .logo {
		opacity: 0;
		visibility: hidden;
	}
	body .site-header .logo,
	body .site-header.menu-active .logo {
		opacity: 1;
		visibility: visible;
	}
	body.no-scroll {
		overflow: hidden !important;
	}
	body .site-header.menu-active .navbar-toggler-icon {
		top: 0px;
	}
    ul#primary-menu {
        display: block;
    }
	
	ul#primary-menu {
    font-family: 'AvenirLT-Light';
	}
	
    ul#primary-menu li {
        display: block;
    }
    .navbar-text {
        display: block;
    }
	
	.navbar-text {
    	padding-top: 3.5rem;
	}
	
	
    .site-header .menu-item a {
		color: #000;
		font-size: 2rem;
        padding: 7px 0px;
        display: block;
	}

	
	.navbar-collapse {
        position: fixed;
        top: 70px;
        right: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 100%;
		height: 100%;
		background: #F4E5DE;
    }
    .navbar-collapse.collapsing {
        height: 100%;
        -webkit-transition: right 0.3s ease-in;
        -o-transition: right 0.3s ease-in;
        -moz-transition: right 0.3s ease-in;
        transition: right 0.3s ease-in;
        right: -100%;
		background: #F4E5DE;
    }
    .navbar-collapse.show {
        right: 0;
        -webkit-transition: right 0.3s ease-in;
        -o-transition: right 0.3s ease-in;
        -moz-transition: right 0.3s ease-in;
        transition: right 0.3s ease-in;
    }

}
