.hidden {
	display: none !important;
}

.site-header-main {
	position: relative;
}

// Bar
.wiloke-menu-bar {
	display: none;
	cursor: pointer;

	.wiloke-menu-bar__line {

		span {
		    height: 2px;
		    width: 22px;
		    background-color: #eee;
		    display: block;
		    margin: 4px 0px;
		}
	}

	.wiloke-menu-bar__text,
	.wiloke-menu-bar__line {
		display: inline-block;
		vertical-align: middle;
	}

	.wiloke-menu-bar__text {
		margin-left: 5px;
		color: #eee;
	}
}

// Menu
.wiloke-menu, 
.wiloke-menu-list {
	position: static;

	&:after {
		content: '';
		display: block;
		clear: both;
	}
}

.wiloke-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;

	&:after {
		content: '';
		display: block;
		clear: both;
	}

	.wiloke-menu-item {
		position: relative;
	}

	.wiloke-menu-sub {
		// display: none;
		opacity: 0;
		visibility: hidden;
		padding: 0;
		z-index: 9999;
		list-style: none;
		left: 0;
		position: absolute;

		&.animated {
			animation-duration: 0.4s;
		}

		.wiloke-menu-item {
			display: block;
		}
	}

	.wiloke-menu-sub-mega > .menu-item {
		padding-left: 15px;
		padding-right: 15px;
	}
}

// Horizontal
.wiloke-menu-horizontal {

	.wiloke-menu-list {

		> .wiloke-menu-item {
			display: inline-block;
		}

		.menu-item-has-children > a {

			&:after {
				margin-left: 3px;
				font-family: 'FontAwesome';
			}
		}

		> .menu-item-has-children > a {

			&:after {
				content: '\f107';
			}
		}

		.wiloke-menu-sub-dropdown {

			> .menu-item-has-children > a {

				&:after {
					content: '\f105';
				}
			}
		}
	}
}

// Vertical
.wiloke-menu-vertical {
	position: relative;

	.wiloke-menu-list {
		
		.wiloke-menu-item {
			display: block;
			position: relative;
		}

		.menu-item-has-children > a {

			&:after {
				font-family: 'FontAwesome';
			}
		}

		> .menu-item-has-children > a {

			&:after {
				content: '\f105';
				margin-left: 3px;
				font-family: 'FontAwesome';
			}
		}

		.wiloke-menu-sub-dropdown {

			> .menu-item-has-children > a {

				&:after {
					content: '\f105';
				}
			}
		}
	}
}

// Responsive
.wiloke-menu-responsive {

	.wiloke-menu-list {
		display: none;

		.wiloke-menu-item {
			display: block;
			float: none;

			&.menu-item-has-children > a {

				&:after {
					content: '\f107';
				}
			}

			&.wiloke-menu-item-active > a:after {
				content: '\f106';
			}

			> .wiloke-menu-sub-dropdown {

				> .menu-item-has-children > a {

					&:after {
						content: '\f107';
					}
				}

				.wiloke-menu-item-active > a:after {
					content: '\f106';
				}
			}

			> .wiloke-menu-sub {
				display: none;
				position: relative !important;
			}
		}

		.menu-item-has-children > a {
			font-family: 'FontAwesome';
		}

		.wiloke-menu-sub {
			display: none;
			opacity: 1;
			visibility: visible;
		}
	}

	.wiloke-menu-bar {
		display: inline-block;
	}
}

// Default
.wiloke-menu {

	.wiloke-menu-list {
		list-style: none;
		padding: 0;
		margin: 0;

		.wiloke-menu-item {

			> a {
				text-decoration: none;

				.wiloke-menu-item-icon {
					margin-right: 5px;
				}
			}
		}

		.wiloke-menu-sub {
			list-style: none;	
		}

		.wiloke-menu-sub-mega {
			padding: 0;
			margin: 0;
		}
	}

	&.wiloke-menu-responsive {

		.wiloke-menu-list {

			.wiloke-menu-sub-dropdown {
				margin-left: 30px;
			}

			.wiloke-menu-sub-mega {
				margin: 0;
			}
		}
	}
}

// Magificpopup
.mfp-bg {
	z-index: 999998;
}

.mfp-wrap {
	z-index: 999999;
}

@import 'components/grid';
@import 'components/owl-carousel.scss';
@import 'components/post';
@import 'components/photo';
@import 'components/list';

@import 'themes/theme';