/*
Theme Name: Waiu Theme
Version: 1.0
*/

:root{
--top-menu-bg: rgba(0,0,0,.7);
--top-menu-height: 36px;
--nh-top-menu-height: 56px;
--top-menu-logo-width: 225px;
--top-menu-navig-margin: 8px;
--nh-top-menu-navig-margin: 8px;
--top-menu-items-color: #ffffff;
--top-menu-items-padding: 0 10px 0 10px;
--top-menu-social-padding-right: 30px;
--svg-tg-size: 30px;
--svg-tg-size: 30px;

--top-menu-navig-width: calc( 100% - var(--top-menu-height) - var(--top-menu-social-padding) - var(--top-menu-navig-margin) );
--nh-top-menu-navig-width: calc( 100% - var(--nh-top-menu-height) - var(--top-menu-social-padding) - var(--nh-top-menu-navig-margin) );
--svg-tg-margin-top: calc( (var(--top-menu-height) - var(--svg-tg-size) ) / 2);
--nh-svg-tg-margin-top: calc( (var(--nh-top-menu-height) - var(--svg-tg-size) ) / 2);
}

.topMenu{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--top-menu-height);
	background-color: var(--top-menu-bg);
	z-index: 1000;
}

.topLogo{
	display:none;
	float: left;
	width: var(--top-menu-logo-width);
	height: 100%;
}
.topNavig{
	float: left;
	width: var(--top-menu-navig-width);
	height: 100%;
	color: var(--top-menu-items-color);
}

.topSocial{
	float: right;
	width: var(--top-menu-height);
	height: 100%;
	padding: 0 var(--top-menu-social-padding-right) 0 0;
}

.topMenuBtn{
	display: block;
	float: left;
	height: 100%;
	line-height: var(--top-menu-height);
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
}


.topNavig a:visited, .topNavig a:hover, .topNavig a:active{
	color: inherit;
	text-decoration: none;
	background-color: transparent;
}

.svgTG{
	display: block;
	margin-top: var(--svg-tg-margin-top);
	width: var(--svg-tg-size);
	height: var(--svg-tg-size);
}

.notHome {height: var(--nh-top-menu-height);}
.notHome .topLogo {display:block;background-size: auto 50px;background-image:url("/wp-content/images/logo_mini.png");background-repeat:no-repeat;background-position:center;}
.notHome .topNavig {width: var(--nh-top-menu-navig-width);}
.notHome .topMenuBtn {line-height: var(--nh-top-menu-height);}
.notHome .topSocial {width: var(--nh-top-menu-height);}
.notHome .svgTG {margin-top: var(--nh-svg-tg-margin-top);}

@media (min-width:640px){
	.topNavig{
		display: block;
		margin-left: var(--top-menu-navig-margin);
	}
	.topMenuBtn{
		padding: var(--top-menu-items-padding);
	}
	.topSocial{
		display: block;
	}
	.mHide{
		display:block;
	}
}

@media (max-width:640px){
	.topNavig{
		display: none;
		margin-left: var(--top-menu-navig-margin);
	}
	.topMenuBtn{
		padding: var(--top-menu-items-padding);
	}
	.topSocial{
		display: none;
	}
	.mHide{
		display:none;
	}
}