/* ==========================================================================
# Side area style - start
========================================================================== */

//TODO Delete commented code

/* Side area general style - start
========================================================================== */

.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-side-menu-button-opener,
.edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-side-menu-button-opener,
.edgtf-light-header .edgtf-top-bar .edgtf-side-menu-button-opener {
	color: $header-light-color !important; //Color can be set inline from widget opener;
}

.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-side-menu-button-opener .edgtf-side-menu-icon .edgtf-line,
.edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-side-menu-button-opener .edgtf-side-menu-icon .edgtf-line {
	background-color: $header-light-color;
	color: $header-light-color;
}

.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-side-menu-button-opener,
.edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-side-menu-button-opener,
.edgtf-dark-header .edgtf-top-bar .edgtf-side-menu-button-opener {
	color: $header-dark-color !important; //Color can be set inline from widget opener
}

.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-side-menu-button-opener .edgtf-side-menu-icon .edgtf-line,
.edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-side-menu-button-opener .edgtf-side-menu-icon .edgtf-line {
    background-color: $header-dark-color;
   	color: $header-dark-color;
}

.edgtf-right-links-widgets-holder {
	display: inline-table;
	height: 100%;
}

.edgtf-right-links-widgets-holder-inner {
	display: table-cell;
	vertical-align: middle;
}

.edgtf-main-menu + .edgtf-side-menu-button-opener{
	padding-left: 12px;
}

.edgtf-side-menu-button-opener {
	font-size: 26px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: $first-main-color;

	.edgtf-side-menu-icon {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		height: 29px;
		width: 25px;
		overflow: hidden;

		@at-root %sm-lines {
			content:'';
			position: absolute;
			left: 0;
			background-color: currentColor;
			height: 2px;
			width:100%;
			@include edgtfTransform(translateX(-100%));
			@include edgtfTransition(all .2s);
		}

		&:before {
			@extend %sm-lines;
			top: 9px;
		}

		&:after {
			@extend %sm-lines;
			bottom: 9px;
		}

		.edgtf-line{
			position: absolute;
			left: 0;
			width: 100%;
			height: 2px;
			background-color: $first-main-color;
			-webkit-transition: -webkit-transform .2s;
			transition: transform .2s;

			&:first-child{
				top: 9px;
			}

			&:last-child{
				bottom: 9px;
			}
		}
	}

	@at-root .edgtf-right-side-menu-opened,
	&:hover {
		.edgtf-side-menu-icon {
			&:before {
				@include edgtfTransform(translateX(0));
				-webkit-transition: -webkit-transform .2s .2s;
				transition: transform .2s .2s;
			}

			&:after {
				@include edgtfTransform(translateX(0));
				-webkit-transition: -webkit-transform .2s .3s;
				transition: transform .2s .3s;
			}
		}

		.edgtf-line {
			@include edgtfTransform(translateX(100%));

			&:last-child {
				-webkit-transition-delay: .1s;
				transition-delay: .1s;
			}
		}
	}
}

.edgtf-side-menu-button-opener.medium {
	display: inline-block;
	font-size: 21px;
	line-height: 30px;
	height: 30px;
	width: 19px;
}

.edgtf-side-menu-button-opener.large {
	display: inline-block;
	font-size: 28px;
	line-height: 34px;
	height: 34px;
	width: 24px;
}

.edgtf-side-menu-button-opener > i {
	display: inline-block;
	height: inherit;
	line-height: inherit;
	width: inherit;
	text-align: center;
	@include edgtfTransition(opacity .15s ease-out, color .15s ease-out);
}

.edgtf-side-menu-button-opener span.social_icon {
	font-family: 'ElegantIcons' !important;
}

.edgtf-side-menu-button-opener i.social_icon {
	font-family: 'FontAwesome',serif !important;

}

.edgtf-side-menu {
	background-color: #1f1f1f;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	padding: 30px 50px;
	position: fixed;
	top: 0;
	right: -270px;
	width: 210px;
	z-index: 9999;
	-webkit-backface-visibility: hidden;

	h4{
		margin: 0 0 15px 0;
		color: #fff;
	}

	h5,
	h6 {
		margin: 0 0 18px 0;
		color: #ababab;
	}

	.edgtf-close-side-menu-logo{
		position: absolute;
		top: 5px;
		left: 20px;
		@include edgtfTransform(scale(.5));
	}

	.widget {
		color:#fff;
		margin: 0 0 30px;
		text-align: left;
		position: relative;
		//top: 20%;

		li {
			position: relative;
			list-style-type: none;
		}

		ul li.page_item_has_children,
		ul li.menu-item-has-children {
			padding-right: 0;
			border-bottom: none;
		}

		ul ul {
			padding: 6px 0 0 10px;
		}

		.edgtf-sidearea-widget-title {
			border-bottom: 1px solid #565656;
			padding-bottom: 23px;
		}

		ul li:hover > a{
			color: #ababab;
		}

		select,
		input[type="text"] {
			width: 100%;
			overflow: hidden;
			border: 1px solid #e9e9e9;
			background-color: #fff;
			padding: 10px 15px;
			outline: none;
			color: $default-text-color;
			font-family: inherit;
			@include edgtfBoxSizing(border-box);
		}

		.tagcloud a{
			color: #fff;

			&:hover{
				border-color: #fff;
			}
		}

		&.widget_nav_menu .menu-item:hover a{
			color: #fff;
		}

		
		&.widget_archive,
		&.widget_categories,
		&.widget_pages,
		&.widget_meta,
		&.widget_nav_menu{
			
			li:hover a{
				color: #fff;
			}
		}
	}

	a:not(.qbutton),
	li,
	span:not(.edgtf-btn-text),
	p,
	.widget_rss li a.rsswidget {
		color: #fff;
		line-height: 31px;
	}

	.widget_calendar {
		font-size: 14px;

		#wp-calendar{
			table-layout: fixed;
		}

		a{
			color:#fff;
		}

		caption,
		th,
		td {
			color: #9d9d9d;
			line-height: 31px;
			@include edgtfTransition(color 0.15s ease-out);
		}

		thead tr,
		tbody tr,
		tbody td {
			border-color: #9d9d9d;
		}

	}

	.edgtf-side-menu-title {
		display: block;
		margin: 0 0 12px;
	}

	.widget_nav_menu {

		li:last-child,
		li a {
			margin: 0;
		}
	}

	.edgtf-close-side-menu-outer {
		display: table;
		height: 100%;

		.edgtf-close-side-menu-inner {
			display: table-cell;
			vertical-align: middle;
		}
	}

	.edgtf-close-side-menu-holder {
		display: table;
		height: 90px;
		position: absolute;
		top: 0px;
		right: 32px;
		z-index: 1000;
	}

	.edgtf-close-side-menu-holder-inner {
		display: table-cell;
		vertical-align: middle;
	}

	a.edgtf-close-side-menu {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 19px;
		height: 19px;
		z-index: 1000;
		@include edgtfTransition(transform .5s ease);

		.edgtf-close-side-menu-line{
			position: absolute;
			top: 8px;
			left: -3px;
			display: inline-block;
			vertical-align: middle;
			width: 24px;
			height: 2px;
			background-color: #fff;

			&:first-child{
				@include edgtfTransform(rotate(45deg));
			}

			&:last-child{
				@include edgtfTransform(rotate(135deg));
			}
		}

	}

	a.edgtf-close-side-menu:hover {
		@include edgtfTransform(rotate(180deg));
	}

	.widget_search {

		.edgtf-search-wrapper{
			input[type='text'] {
				color: #ababab;
				@include placeholder(#ababab);
			}

			input[type='submit'] {
				color: #ababab;
			}
		}

	}

	.widget.widget_recent_entries ul{
		list-style-type: none;
		padding: 0;
		
		a{
			color: #fff;
		}
	}
}

.admin-bar .edgtf-side-menu .edgtf-close-side-menu-holder {
	top: 32px;
}

/* Side area general style - end
========================================================================== */

/* Side area slides over content style - start
========================================================================== */

.edgtf-right-side-menu-opened {

	.edgtf-wrapper,
	.no-touch &:not(.error404) footer.edgtf-footer-uncover,
	.edgtf-fixed-wrapper.fixed,
	.edgtf-sticky-header,
	.mobile-header-appear .edgtf-mobile-header-inner {
		left:-270px;
	}

}

.edgtf-side-menu-slide-from-right {

	.edgtf-wrapper {
		background-color: #fff;
		position: relative;
		z-index: 1000;
		@include edgtfTransition(left 0.25s cubic-bezier(.645,.045,.355,1.000));

		.edgtf-cover {
			z-index: 0;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			opacity: 0;
			filter: alpha(opacity=0);
			-webkit-transition: opacity 0.25s ease-in-out,background 0.25s ease-in-out,z-index 0.25s ease-in-out;
			-moz-transition: opacity 0.25s ease-in-out,background 0.25s ease-in-out,z-index 0.25s ease-in-out;
			-o-transition: opacity 0.25s ease-in-out,background 0.25s ease-in-out,z-index 0.25s ease-in-out;
			transition: opacity 0.25s ease-in-out,background 0.25s ease-in-out,z-index 0.25s ease-in-out;
		}

	}

	.carousel-inner {
		@include edgtfTransition(left 0.25s cubic-bezier(.645,.045,.355,1.000));
	}

	.edgtf-side-menu {
		padding: 5% 30px 30px 30px;
		top: 0;
		right: -21%;
		width: 21%;
		z-index: 9999;
		text-align: center;
		visibility: hidden;
		-webkit-box-sizing:border-box;
		box-sizing: border-box;
		@include edgtfTransition(0.25s ease-in-out);
	}

//	header.sticky,
//	header.fixed_top_header .top_header
	.edgtf-sticky-header,
	.edgtf-fixed-wrapper.fixed {
		-webkit-transition: left 0.25s cubic-bezier(.645,.045,.355,1.000), -webkit-transform 0.3s ease;
		transition: left 0.25s cubic-bezier(.645,.045,.355,1.000), transform 0.3s ease;
	}

	footer.uncover {
		@include edgtfTransition(left 0.25s cubic-bezier(.645,.045,.355,1.000));
	}

}

.edgtf-side-menu-slide-from-right.edgtf-right-side-menu-opened {

	.edgtf-cover {
		cursor: url('img/close.png'), pointer;
		z-index: 1002;
		opacity: 0.6;
		filter: alpha(opacity=60);
	}

	.edgtf-side-menu {
		right: 0px;
		visibility: visible;
	}

}

/* Side area slides over content style - end
========================================================================== */

/* Side area slides with content style - start
========================================================================== */

.edgtf-side-menu-slide-with-content {
	overflow-x: hidden;
	position: relative;
	left: 0;
	-webkit-overflow-scrolling: auto !important;
	@include edgtfTransition(left .6s cubic-bezier(.26,.63,0,.96),right .6s cubic-bezier(.26,.63,0,.96));

	.edgtf-side-menu {
		position: fixed;
		visibility: visible;
		-webkit-box-sizing:border-box;
		box-sizing: border-box;
		width: 400px;
		right: -400px;
		height: 100%;
		top: 0;
		z-index: 9999;
		@include edgtfTransition(left .6s cubic-bezier(.26,.63,0,.96),right .6s cubic-bezier(.26,.63,0,.96));

	}



//	header.fixed,
//	header.fixed_top_header .top_header,
//	header.fixed_hiding,
	footer.uncover,
	.edgtf-wrapper{
		@include edgtfTransition(left .6s cubic-bezier(.26,.63,0,.96),right .6s cubic-bezier(.26,.63,0,.96));
	}

	.edgtf-sticky-header,
	.edgtf-fixed-wrapper.fixed,
	.edgtf-mobile-header-inner {
		-webkit-transition: left.6s cubic-bezier(.26,.63,0,.96), right .6s cubic-bezier(.26,.63,0,.96), -webkit-transform 0.33s ease;
		transition: left .6s cubic-bezier(.26,.63,0,.96), right .6s cubic-bezier(.26,.63,0,.96), transform 0.33s ease;
	}

	.carousel-inner {
		left:0 !important;
	}

}

.edgtf-side-menu-slide-with-content.edgtf-side-menu-open {

	.edgtf-wrapper,
	footer.uncover,
	.edgtf-sticky-header,
	.edgtf-fixed-wrapper,
	.edgtf-mobile-header-inner {
		left: -400px;
	}

	.edgtf-side-menu {
		right: 0;
	}

//	header.fixed,
//	header.fixed_top_header .top_header,
//	header.fixed_hiding,
//	header.sticky {
//		left: -400px;
//	}

}

/* width 300px start */
.edgtf-side-menu-slide-with-content.edgtf-width-300.edgtf-side-menu-open {

	.edgtf-wrapper,
	footer.uncover,
	.edgtf-sticky-header,
	.edgtf-fixed-wrapper,
	.edgtf-mobile-header-inner {
		left: -300px;
	}

	.edgtf-side-menu {
		right: 0;
	}

//	header.fixed,
//	header.fixed_hiding,
//	header.sticky,
//	header.fixed_top_header .top_header{
//		left: -300px;
//	}

}


.edgtf-side-menu-slide-with-content.edgtf-width-300 {

	.edgtf-side-menu {
		width: 300px;
		right: -300px;
	}

}
/* width 300px end */

/* width 500px start */
.edgtf-side-menu-slide-with-content.edgtf-width-500.edgtf-side-menu-open {

	.edgtf-wrapper,
	footer.uncover,
	.edgtf-sticky-header,
	.edgtf-fixed-wrapper,
	.edgtf-mobile-header-inner {
		left: -500px;
	}

	.edgtf-side-menu {
		right: 0;
	}

//	header.fixed,
//	header.fixed_hiding,
//	header.sticky,
//	header.fixed_top_header .top_header{
//		left: -500px;
//	}

}

.edgtf-side-menu-slide-with-content.edgtf-width-500 {

	.edgtf-side-menu {
		width: 500px;
		right: -500px;
	}
}
/* width 500px end */


/* Side area slides with content style - end
========================================================================== */

/* Side area uncovering - start
========================================================================== */

.edgtf-side-area-uncovered-from-content {

	.edgtf-side-menu {
		background-color: #1b1b1b;
		height: 100%;
		min-height: 100%;
		overflow: hidden;
		padding: 30px;
		position: fixed;
		top: 0;
		right: 0;
		width: 210px;
		z-index: 90;
		visibility: hidden;
	}

	.edgtf-sticky-header,
	.edgtf-fixed-wrapper.fixed {
		-webkit-transition: left 0.3s ease, right 0.25s ease;
		-moz-transition: left 0.3s ease, right 0.25s ease;
		-o-transition: left 0.3s ease, right 0.25s ease;
		transition: left 0.3s ease, right 0.25s ease;
	}

}

.edgtf-side-area-uncovered-from-content.edgtf-right-side-menu-opened {

	.edgtf-sticky-header,
	.edgtf-fixed-wrapper.fixed,
	.edgtf-mobile-header-inner {
		left: -270px;
	}

}

/* Side area uncovering - end
========================================================================== */

/* ==========================================================================
# Side area style - end
========================================================================== */