/*-------------------------------------------------------
Navigation - Slideout
-------------------------------------------------------*/

#menu-slideout .menu{
	margin-bottom:25px;
}

/* Mobile Nav */
.mobile-side-nav{
	padding: 25px;
}

#menu-slideout ul ul{
	display: none;
}

#menu-slideout li,
#menu-slideout ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Nav Drop Down Button */

.menu-slideout-toggle{
	display: none;
    font-family: ETmodules;
    speak: none;
    cursor: pointer;
}

#mobile-nav-container .menu-slideout-toggle{
	float: right;
	padding: 25px;
	font-size: 50px;
	color: #332f2b;
}

/* Nav Drop Down Close Button */

#menu-slideout .closebtn{
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    font-size: 36px;
}

#menu-slideout .closebtn:hover{
	 cursor: pointer;
}

/* Nav Drop Down Background */

#menu-slideout{
	z-index: 99;
	position: fixed;
	width: 0;
	max-width: 365px;
    height: 100%;
    top: 0;
    right: 0;
    padding-top: 40px;
    background-color: #fcf5e9;
    overflow-x: hidden;
	transition: 0.5s;
	-webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.4);
}

.mobile-side-nav ul{
    width: 315px;
}

/* Nav Menu */

.mobile-side-navli{
	position: relative;
}

.mobile-side-nav ul > li > a{
	border-bottom: 1px dashed #332f2b;
}

.mobile-side-nav ul.menu a{
	z-index: 97;
	display: block;
	position: relative;
    padding: 12px 8px 12px 30px;
    text-decoration: none;
    font-size: 19px;
	color: #332f2b;
	font-family: 'Bree Serif',Georgia,"Times New Roman",serif!important;
    transition: 0.3s;
}

.mobile-side-nav ul.menu a:hover{
    color: #009ca7;
}

.mobile-side-nav .above-header-social{
	display: block;
	text-align: center;
	width: 290px;
}

/* Nav Child */

.mobile-side-nav li.menu-item-has-children:after{
	z-index: 96;
	display: inline-block;
	position: absolute;
	float: right;
    right: 10px;
    top: 10px;
	content: '3';
    font-family: ETmodules;  
	font-size: 17px;
	color: #332f2b;
	speak: none;
	transform: rotate(-90deg);
	transition: 0.3s;
}

.mobile-side-nav li.menu-item-has-children.active-parent:after{
	transform: rotate(0deg);
}

.mobile-side-nav ul ul a{
    padding: 15px 8px 15px 32px;
    font-size: 17px;
}

.mobile-side-nav li{
	background: transparent;
}

.mobile-side-nav li.active-parent > ul{
	display: block;
}

.mobile-side-nav ul.sub-menu{
	background: #1e4079;
}


/* ---------------- Width less than 900px ---------------- */

@media only screen and (max-width:1200px) {

	#menu-slideout,
	.menu-slideout-toggle{
		display: block;
	}

}