/*

Responsive menu jQuery

Muhammad Adam Firdaus



*/



/* begin MENU */



.mobmenur-container {

	display: none;

}





.menu-toggle {

	position: absolute;

	padding: 0.8em;

	top: -40px;

	right: 15px;

	cursor: pointer;

	z-index: 99;

}

.hamburger,

.hamburger::before,

.hamburger::after {

	content: '';

	display: block;

	background: #05a3b7;

	height: 3px;

	width: 25px;

	border-radius: 3px;

	-webkit-transition: all ease-in-out 350ms;

	transition: all ease-in-out 350ms;

}



.hamburger::before {

	-webkit-transform: translateY(-8px);

	transform: translateY(-8px);

}



.hamburger::after {

	-webkit-transform: translateY(5px);

	transform: translateY(5px);

}


.open .hamburger {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}



.open .hamburger::before {
	display: none;
}

.open .hamburger::after {

	-webkit-transform: translateY(-1px) rotate(-90deg);

	transform: translateY(-1px) rotate(-90deg);

}

/*.nav.desktop.opening {opacity:1;z-index: 99; display: block !important;top:-100px;overflow-y:auto;background-color: #38404c;

    width: 270px;}*/
.nav.desktop.opening {
	padding-top: 80px !important;
	opacity: 1;
	z-index: 99;
	display: block !important;
	top: 0px;
	overflow-y: auto;
	background-color: #fff;
	width: 75%;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	height: 100vh;
	position: fixed;
}


.site-nav--icon {

	font-size: 1.4em;

	margin-right: 1em;

	width: 1.1em;

	text-align: right;

	color: rgba(255, 255, 255, .4);

}

.menu-toggle {
	display: none;
}













@media (max-width:767px) {
	.nav li.menu-active>.sub-menu {
		display: block!important;
	}
	
	.sub-menu .menu-item-has-children.menu-active .sub-menu, .sub-menu .menu-item-has-children.menu-active .sub-menu {
		display: block !important;
	}
	.nav .sub-menu li.menu-active:hover>a {
		color: #fff;
	}
	.nav .sub-menu li.menu-active:hover>a {
		background: #000;
	}
	
	.nav .sub-menu li {

		width: 100%;

		display: inline-block;

		padding: 0px 15px;

		border-bottom: 1px solid #ccc;

		float: left;

	}

	.nav li.current_page_item {
		background-color: #fff !important;
		color: #01b5cc !important;
	}

	.nav .sub-menu li:hover>a {
		background: #212121 !important;
	}

	.nav .current_page_item a {
		color: #01b5cc !important;
		border-color: #212121;
	}

	.nav li:hover>a {

		background: #222;

	}

	.nav li, .nav li .sub-menu {

		border-bottom: 0px !important;
	}

	.nav li:hover a {

		color: #fff;

	}

	.menu-item-has-children:hover::before {

		color: #fff !important
	}

	.nav li:hover .sub-menu a {

		color: #222
	}

	.nav li .sub-menu {

		padding: 0 13px;

	}

	.nav .sub-menu li {

		padding: 0 10px;

	}

	.nav .sub-menu li a {

		padding: 0
	}



	.nav.desktop {

		padding: 0;

		margin: 0;

		opacity: 0;

		transition: opacity 0.3s;

		position: absolute;

		left: 0;

		right: 0;

		top: 10px;

		background: #05a3b7;

		min-height: 100vh;

		padding-top: 10px;

		display: none;

	}

	.nav li a::after {
		display: none;
	}



	.nav li.active a, .nav li a:hover, .nav li.active a::after, .nav li a:hover::after {

		width: 100%;

		transition: width .3s;

		color: #05a3b7;

	}

	body .container .nav.desktop.opening li:hover>a {
		color: #fff;
	}

	body .container .nav.desktop.opening li a {
		padding: 0px 15px !important;
		color: #222;
		font-size: 17px !important;
		line-height: 40px !important;
		border-bottom: 1px solid #ccc;
	}

	.noscroll {
		overflow: hidden;
	}

	.nav li a {

		padding: 11px 15px;

		width: 100%;

		/*	display: inline-block;*/

		line-height: normal;

		font-size: 16px;

	}

	.menu-toggle {
		display: block;
	}

	.nav li {
		display: inline-block;
		padding: 0;
		width: 100%;
		line-height: 40px !important;
		border-bottom: #eee thin solid;
	}

	.logo {
		flex: 0 0 200px;
		margin: 0;
		padding-left: 0px;
		width: 260px;
	}



	.menu-item-has-children::before {

		content: "▼";

		display: block;

		font-size: 10px;

		position: absolute;

		right: 15px !important;

		top: 20px !important;

		transform: translate(0px, -50%);

		color: #343434 !important;

		z-index: 9999;

	}

	.nav li .sub-menu {

		width: 100%;


		position: relative !important;

		float: left !important;

		vertical-align: top;

		top: 0;
		line-height: 40px;
		border-bottom: 1px solid#cccccc;
		color: #222222;
		background-color: #ffffff;
		background: #ffffff;
	}

}





.nav .sub-menu a {

	font-size: 18px !important;

}

ul#primary-menu {

	margin-top: 50px;

}

.nav li .sub-menu .menu-active {
	display: block;
}

.menu-toggle.open {
	width: 55px;
	left: auto;
	z-index: 9999;
	top: 20px;
	position: fixed;
	right: 25%;
}

/*.menu-toggle.open{display:none;}*/



/*.nav li.active a, .nav li a:hover, .nav li.active a::after, .nav li a:hover::after, .nav li.active, .nav li:hover, .nav li.active::after, .nav li:hover::after, .menu-item a:hover {

    width: 100%;

    transition: width .3s;

    color: #ffffff !important;

    background-color: #222222;

    border-color: #212121;

    display: block;

}*/