@import "@{parenturl}/less/mixins.less";
@import "@{themeurl}/less/vars.less";

body {
	--mobile-header-height: 115px;
	padding-top:var(--mobile-header-height);
}

#header {
	background-color:#fff;
	border-top:13px solid @orange;
	border-bottom:1px solid @blue;
	
	position:fixed;
	left:0;
	top:0;
	width:100%;
	padding: 15px 25px;
	height:var(--mobile-header-height);
	
	#logo {
		max-width:50vw;
	}
	display:grid;
	grid-template-columns:auto 1fr auto;
	align-items:center;
	justify-items:center;
	&:before {
		content:' ';
		display:block;
		grid-column:2;
		grid-row:1;
	}
	> * { grid-row:1; }
	
	#header-info { display:none !important; }
	
	/*#header-menu {
		height:100%;
		.grid-one();
		align-items:center;
		justify-items:center;
		position:relative;
		.navbar-toggle {
			display:block;
			width:100%;
			height:100%;
		}
		input.navbar-toggle {
			opacity:0;
		}
		figure.navbar-toggle {
			pointer-events:none;
			color:transparent;
			font-size:5px;
			height:8em;
			width:8em;
			position:relative;
			overflow:hidden;
			&:before, &:after {
				content:' ';
				display:block;
				position:absolute;
				font-size:1em;
				height:1em;
				width:8em;
				background-color:@blue;
				top:0;
				left:0;
				right:0;
				bottom:0;
				margin:auto;
				.transition();
			}
			span { display:none !important; }
		}
		ul.nav {
			background-color:#fff;
			position:fixed;
			top:var(--mobile-header-height);
			.vertAlign;
			flex-direction:column;
			width:100vw;
			min-height:~"calc(100vh - var(--mobile-header-height))";
			left:0;
			bottom:0;
			.transition();
			
			li {
				background-color:transparent;
				color:@blue;
				text-align:center;
				position:unset;
				.grid-one();
				align-items:center;
				justify-items:center;
			}
			.sub-menu {
				background-color:#fff;
				width:100%;
				height:100%;
				top:0;
				left:0;
				.vertAlign;
				flex-direction:column;
				position:absolute;
				.transition();
			}
			li.menu-item-has-children {
				> a { pointer-events:none !important; }
				> input {
					position:absolute;
					display:block;
					width:100%;
					opacity:0;
					font-size:.25em;
				}
				> figure {
					display:block;
					pointer-events:none;
					color:transparent;
					font-size:.25em;
					height:8em;
					width:8em;
					top:1em;
					right:1em;
					z-index:5;
					position:absolute;
					overflow:hidden;
					-webkit-clip-path:none;
					clip-path:none;
					.transition();
					&:before, &:after {
						content:' ';
						display:block;
						position:absolute;
						font-size:1em;
						height:1em;
						width:8em;
						background-color:@blue;
						top:0;
						left:0;
						right:0;
						bottom:0;
						margin:auto;
						.transition();
					}
				}
				> input:not(:checked) {
					left:50%;
					height:10em;
					.translateX(-50%);
					~ figure {
						opacity:0;
						&:before { .translateY(-1.4em); }	
						&:after { .translateY(1.4em); }	
					}
					~ ul.sub-menu {
						opacity:0;
						.scale(.9);
						pointer-events:none;
					}
				}
				> input:checked {
					position:absolute;
					z-index:5;
					height:8em;
					width:8em;
					top:1em;
					right:1em;
					
					~ figure {
						opacity:1;
						&:before { .rotate(-45deg); }	
						&:after { .rotate(45deg); }	
					}
					~ ul.sub-menu {
						opacity:1;
						.scale(1);
						pointer-events:auto;
					}
				}
			}
		}
		input.navbar-toggle:not(:checked) {
			~ figure.navbar-toggle {
				&:before { .translateY(-1.4em); }	
				&:after { .translateY(1.4em); }	
			}
			~ ul.nav {
				opacity:0;
				.scale(.9);
				pointer-events:none;
			}
		}
		input.navbar-toggle:checked {
			~ figure.navbar-toggle {
				&:before { .rotate(-45deg); }	
				&:after { .rotate(45deg); }	
			}
			~ ul.nav {
				opacity:1;
				.scale(1);
				pointer-events:auto;
			}
		}
	}*/
}

#header-menu .menu-item-has-children:after {
	display:none;
}