/*/wp-content/themes/themify-landing/mobile-menu.css*/
/************************************************************************************
MOBILE NAVIGATION
*************************************************************************************/
/* ensure menu is visible on desktop version */
#main-nav{
	display:block !important;
}

/* change max-width to trigger mobile menu active class */
.has-fixed-header #pagewrap{
	padding-top:72px;
}
.has-fixed-header .featured-background{
	margin-top:-21%;
}
#site-description{
	display:none;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header{
	height:auto;
	padding:10px 0 5px;
	position:static;
}

/* reset absolute elements to static */
#site-logo,
#site-description{
	position:static;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}

/* site logo */
#site-logo{
	font-size:30px;
	margin:0 0 .5em;
	padding:.4em 0 0;
}

/* site description */
#site-description{
	margin:0 0 .5em;
}

/* header widget */
.header-widget{
	position:static;
	float:none;
	text-align:left;
	clear:both;
	margin:0;
}
.header-widget .widget{
	margin:0 0 10px;
}

/* menu icon */
#menu-icon{
	position:absolute;
	display:block;
	top:50%;
	transform:translateY(-50%);
	right:5%;
	text-decoration:none;
	font-size:1.2em;
}

.transparent-header #headerwrap.fixed-header #main-nav ul a{
	color:inherit;
}
.transparent-header #main-nav .has-sub-menu a:after,
.transparent-header #main-nav .page_item_has_children a:after{
	display:none;
}

/* Headerwrap Fixed Header */
.transparent-header #headerwrap.fixed-header #menu-icon,
.transparent-header #headerwrap.fixed-header #main-nav ul a,
.transparent-header #headerwrap.fixed-header #menu-icon-close{
	color:#fff;
}
#headerwrap.fixed-header #main-nav a{
	padding:.6em 0;
}

/************************************************************************************
MENU PANEL
*************************************************************************************/
/* Mobile Menu Styles */
.sidemenu{
	transition:all .2s ease-in-out;
	height:100%;
	width:250px;
	padding:30px 25px;
	background-color:#000;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	display:block;
	position:fixed;
	top:0;
	z-index:111;
}
.mobile-menu-visible.sidemenu-active{
	position:relative;
}
#mobile-menu{
	right:-300px;
}
#mobile-menu.sidemenu-on{
	right:0;
}
.sidemenu-active{
	position:relative;
}
.sidemenu-active,
.sidemenu-active #headerwrap{
	left:0;
	transition:left .2s ease-in-out;
}
.sidemenu-right,
.sidemenu-right #headerwrap{
	left:-150px;
}
.sidemenu-left,
.sidemenu-left #headerwrap{
	left:150px;
}
.sidemenu-right #headerwrap{
	z-index:302;
}

/* slide menu close */
#menu-icon-close{
	position:absolute;
	display:block;
	color:#7f7f7f;
	text-decoration:none;
	top:10px;
	right:20px;
	font-size:2em;
}
#menu-icon-close:after{
	content:"\f00d"; /* fa-close */
	font-family:'themify_theme_icon';
}
#menu-icon-close:hover{
	color:#fff;
}

/* main nav */
#main-nav{
	position:static;
	width:auto;
	height:auto;
	padding:0;
	margin:15px 0 30px;
	background:none;
	border:none;
	text-align:left;
	float:none;
	clear:both;
}
#main-nav li{
	float:none;
	display:block;
	border:none;
	background:none;
	padding:0;
	margin:0;
	clear:both;
}

/* sub level */
#headerwrap #main-nav ul{
	position:static;
	width:auto;
	height:auto;
	display:none;
	border:none;
	margin:0;
	padding:0 0 0 1em;
	background:none;
	visibility:visible;
	clear:both;
	text-align:left
}
#headerwrap #main-nav ul li{
	border:none;
	background:none;
	padding:0;
	margin:0;
}

/* menu link */
#headerwrap #main-nav a,
#headerwrap #main-nav ul a{
	width:auto;
	display:block;
	border:none;
	padding:.6em 0;
	margin:0;
	color:#ccc;
	font-size:100%;
	font-weight:bold;
	line-height:1.5em;
	background:none;
	text-decoration:none;
	border-bottom:solid 1px rgba(255,255,255,.3);
}
#headerwrap #main-nav > li:last-child a{
	border:none;
}

/* sub level menu link */
#headerwrap #main-nav ul a{
	font-weight:normal;
	font-size:.95em;
}

/* menu hover */
#headerwrap #main-nav a:hover,
#headerwrap #main-nav ul a:hover{
	color:#fff;
}

/* sub-menu icon */
#main-nav .menu-item-has-children > a:after,
#main-nav ul .menu-item-has-children > a:after{
	display:none;
}

/* current link */
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
	color:#fff;
}
#main-nav .menu-item-has-children > a:after{
	display:none;
}
#main-nav ul:after{
	display:none;
}
#main-nav .current_page_item a:after,
#main-nav .current-menu-item a:after{
	display:none;
}
.has-sub-menu .child-arrow{
	display:inline
}

/*
SEARCH FORM
================================================ */
#searchform-wrap{
	float:none;
}
#headerwrap #searchform{
	position:relative;
	left:auto;
	right:auto;
	top:auto;
	bottom:auto;
	float:none;
	clear:both;
	margin:0 0 1em;
	padding:0;
	width:auto;
}
#headerwrap #searchform #s{
	width:100%;
	float:none;
	transition:none;
	background-color:rgba(255, 255, 255, 0.2)
}
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .icon-search:hover + #s{
	width:100%;
	color:#fff;
	background-color:rgba(255, 255, 255, 0.2)
}
#headerwrap #searchform .icon-search:before{
	padding:0;
	right:10px;
	top:4px;
	color:#fff;
}

/*
SOCIAL LINKS
================================================ */
#header .social-widget{
	margin:0 0 1em;
	position:static;
	float:none;
	color:#fff;
}
.social-widget .widgettitle{
	display:block;
	margin:0 0 .4em;
}

/* Header Block */
.header-block #headerwrap{
	padding:.8em 1.45em 1.45em;
}
.header-block #header #site-logo{
	font-size:2.2em;
	float:left;
	padding:.4em 0 0;
}
.header-block #headerwrap #site-description{
	display:none;
}
.header-block #headerwrap #header .social-widget,
.header-block #headerwrap #header #searchform-wrap{
	float:left;
	padding:1.3em 0 1em;
	position:static;
}
.header-block #headerwrap #header #searchform{
	position:relative;
}
.header-block #header #main-nav li{
	margin:0;
}
.header-block #header #main-nav a{
	padding:.6em 0;
}

/* Header Block Fixed Header */
.header-block #headerwrap.fixed-header #header .social-widget,
.header-block #headerwrap.fixed-header #header #searchform-wrap{
	float:left;
}
.header-block #headerwrap.fixed-header #header #searchform{
	position:relative;
}

/* Header Leftpane */
.header-leftpane #pagewrap{
	padding-left:0;
}