:root {
	--value: 0;
}

#menuWrapper {
	height: 0;
}

#parent {
	font-size: 1rem;
}

#child {
	font-size: 0.9rem;
}

ul[hidden='true'] {
	display: none;
}

ul[hidden="false"] {
	display: block;
}

@media (min-width: 0px) {
	.site-navigation {
		width: 160px;
		height: 100vh;
		position: fixed;
		top: 0;
		left: -160px;
		overflow-y: scroll;
		margin: 0 0 10px 0;
		background-color: white;
		z-index: 100;
		transition: transform 0.5s;
	}

	.site-navigation a:hover {
		text-decoration: none;
	}

	.logo {
		display: block;
		width: 150px;
		height: 60.5px;
		object-fit: cover;
		object-position: bottom;
		margin: 5px 0 5px;
	}

	.logo:hover {
		object-position: top;
	}

	:root {
		--green-color: green;
	}

	.hide_block {
		display: none;
	}

	.menu_item {
		display: flex;
		flex-wrap: wrap;
		line-height: 1.8;
		margin-left: 0.5rem;
		font-weight: 600;
		cursor: pointer;
	}

	.menu_item a {
		color: black;
		text-decoration: none;
	}

	.menu_item a:hover, .menu_item div:hover {
		color: var(--green-color);
		text-decoration: underline;
	}

	.parent_menu_item {
		position: relative;
	}

	.parent_menu_item::after {
		position: absolute;
		top: 2px;
		right: -20px;
		content: url(../images/arrow.svg);
		width: 15px;
		height: 15px;
		display: inline-block;
		transform: var(--value);
	}

	.pageContent {
		position: relative;
	}

	.inform_page {
		padding-top: 30%;
	}
}

@media (min-width: 1200px){
	.pageWrap {
		position: relative;
	}

	.site-navigation {
		/*transform: translateX(160px);*/
		/* border-right: #333 1px solid; */
		position: absolute;
		left: -170px;
	}

	.hamburger-tab,
	.green-edge {
		visibility: hidden;;
	}

	#pageWrap {
		padding-left: 160px;
	}
}