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

/*
HEADER
================================================ */
#header {
	height: auto;
	padding: 2em 0 1em;
}

/* site logo */
#site-logo {
	margin-bottom: 1em;
	padding: 0;
}
#site-logo a:after {
	top: 1em;
}
/* 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: 1.25em;
	right: 0;
	text-decoration: none;
	line-height: normal;
}

/*
MENU PANEL
================================================ */
/* slide menu panel */
#sidr {
	display: none;
}
#sidr.uk-active {
	display: block;
}
.uk-offcanvas {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	touch-action: none;
	background-color: rgba(0, 0, 0, 0.1);
}
.uk-offcanvas-page {
	position: fixed;
	transition: margin-left 0.3s ease-in-out;
}
.uk-offcanvas-bar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
	z-index: 1001;
	width: 270px;
	max-width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: transform 0.3s ease-in-out;
	-ms-scroll-chaining: none;
	background-color: #fff;
	color: #000;
	padding: 55px 20px 30px;
	border-left: 1px solid #ccc;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
	transform: translateX(0%);
}
.uk-offcanvas-bar-flip {
	left: auto;
	right: 0;
	transform: translateX(100%);
}

#sidr a {
	color: #000;
	text-decoration: none;
}

/* slide menu close */
#menu-icon-close {
	position: absolute;
	display: block;
	color: #7f7f7f;
	text-decoration: none;
	top: 10px;
	right: 20px;
	font-size: 1.25em;
	font-style: normal;
}
#menu-icon-close:after {
	content: "\e801"; /* ti-close */
	font-family: 'themify_theme_icon';
}
#menu-icon-close:hover {
	color: #000;
}

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

/* sub level */
#main-nav ul {
	position: static;
	display: block;
	margin: 0;
	border: none;
	padding: 0 0 0 1em;
	background: none;
	visibility: visible;
	text-align: left;
	box-shadow: none;
	transform: none;
}
#main-nav ul li {
	border: none;
}

/* menu link */
#main-nav a,
#main-nav ul a {
	width: auto;
	display: block;
	border: none;
	padding: .6em 0;
	margin: 0;
	color: #000;
	font-size: 1.09em;
	line-height: 1.5em;
	background: none;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

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

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

/* 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: #000;
}
#main-nav ul:before {
	display: none;
}
#main-nav .child-arrow {
	display: none !important;
}

/*
SEARCH FORM
================================================ */
#headerwrap #searchform {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	float: none;
	clear: both;
	margin: 0 0 1em;
	padding: 0;
	width: auto;
	border-color: #000 !important;
}
#headerwrap #searchform #s  {
	background: transparent;
	width: 100%;
	float: none;
	transition: none;
}
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .icon-search:hover + #s {
	width: 100%;
	color: #000;
}
#headerwrap #searchform .icon-search:before {
	padding: 0;
	right: 10px;
	top: .35em;
	position: absolute;
	color: #000;
}

/*
SOCIAL LINKS
================================================ */
#header .social-widget {
	margin: 0;
	position: static;
	float: none;
	text-align: left;
}
#header .social-widget .rss,
#header .social-widget .widget {
	margin: 0 0 1em;
}
#header .social-widget .widgettitle {
	display: block;
	margin: 0 0 .4em;
}

/* fixed header on */
#headerwrap.fixed-header #header {
	padding: .5em 0;
}
#headerwrap.fixed-header #header .social-widget {
	position: static;
}
#headerwrap.fixed-header #main-nav {
	margin-left: 0;
	float: none;
}
#headerwrap.fixed-header #site-logo {
	padding-top: 0;
}
#headerwrap.fixed-header #menu-icon {
	top: .3em;
}
#headerwrap.fixed-header #main-nav li {
	padding: 0;
}