ul#primary-menu-right {padding-left:1rem;}
.menu {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
    flex-direction: row;
	-webkit-box-pack: justify;
    justify-content: space-around;
	width:80%;
	}
.nav-left .menu {float:right; margin-right:3rem;}
.nav-right .menu {float:left; margin-left:2rem;}
ul.menu, .widget-area ul.menu {margin:0; padding:0;}
ul.menu li, .widget-area ul.menu {display: block;list-style-type: none;}
ul.menu li {display: block;list-style-type: none;}
ul.menu li a {
	display: -webkit-box;
	display: flex;
	text-decoration: none;
    padding:1rem 0;
	color:#FFF;
	min-width:20%;
	font-weight:500;
	}
.menu li a:hover {color: #F90;}
ul.menu ul {display: none;position: absolute;padding:0;margin-left:-1rem;background:#000;}
	
ul.menu li > ul a {
	color: #FFF;
	padding-left: 1rem;
	background: #000;
	}
.sub-menu li {
	display: -webkit-box;
	display: flex;
	border-bottom:1px solid #FFF;
	transition: all 1s ease;
	}
ul.sub-menu li a {
	padding: 0.75rem;
	display:block;
	width:100%;
	color:#FFF;
	border-bottom:1px solid #FFF;
	}
.sub-menu li:hover,
.sub-menu li a:hover {
	color: #FFF;
	transition: all 1s ease;
	}


@media (max-width:1024px) {
	ul.menu {
		margin-top:-100vh;
	    transition: all 0.3s ease-out;
		}
	
	ul.menu.active {
		margin-top:0;
		display:block;
		}
	
	.menu {
		position:fixed;
		-webkit-box-orient: horizontal;
		flex-direction: column;
		background:#000;
		width:50vw;
		height:100vh;
		}
	ul.menu {
		padding-top:120px;

		}
	ul.menu li {
		width:100%;
		text-align:center;
		}
	ul.menu li a {	display:block;}
	ul.menu ul {position:relative;}
		
	.mobile-button-box {
		position:fixed;
		top:1rem;
		right:3rem;
		height:2.5rem;
		width:2.5rem;
		display:block;
		}
	.mobile-button {
		width:2.5rem;
		height:4px;
		background:rgba(118, 180, 70,1);
		cursor:pointer;
		margin-top:0.75rem;
		}
	.mobile-button-box:hover .mobile-button,
	.mobile-button-box:hover .mobile-button:before,
	.mobile-button-box:hover .mobile-button:after	{
		background:rgba(118, 180, 70,1);
		}		
	.mobile-button:before {
		content:'';
		position:absolute;
		width:2.5rem;
		height:4px;
		margin-top:-0.6rem;
		background:rgba(118, 180, 70,1);
		}
	.mobile-button:after {
		content:'';
		position:absolute;
		width:2.5rem;
		height:4px;
		background:rgba(118, 180, 70,1);
		margin-top:0.6rem;
		}
	.mobile-button-box.hide {
		display:none;
		}
	.mobile-button-box-close {
		position:fixed;
		top:1rem;
		right:3rem;
		height:2.5rem;
		width:2.5rem;
		display:none;
		}
	.mobile-button-box-close.active {
		transition:all 1s;
		display:block;
		opacity:1;
		}
	.mobile-button-close {
		width:2.5rem;
		height:4px;
		background:rgba(155, 180, 200);
		cursor:pointer;
		margin-top:0.75rem;
		transform:rotate(45deg);
		margin-top:1rem;
		}
	.mobile-button-close:after {
		content:'';
		position:absolute;
		width:2.5rem;
		height:4px;
		background:rgba(155, 180, 200,1);
		margin-top:0.6rem;
		transform:rotate(-90deg);
		margin-top:0rem;
		}
	}
.widget-area ul.menu {display:flex;}
.widget-area ul.menu a, .widget-area ul.menu a:visited {color:rgba(118, 180, 70,1);}
.widget-area ul.menu a:hover, .widget-area ul.menu a:focus, .widget-area ul.menu a:active {color:rgba(140, 215, 100,1);}

/*** mobile fixes ***/
@media (max-width:1024px) {
li.menusearch {
	width:200% !important;
	margin-left:-100%;
	}
	#primary-menu-right{margin-left:0 !important;padding-left:0 !important;}
}