/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/navigation/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/*
Esimerkki
html.has-modal-open {
	overflow: hidden;
}

.wp-block-moods-blocks-navigation {
	--nav-front-color: white;
	--nav-back-color: rgba(0, 0, 0, 1);
	--submenu-front-color: black;
	--submenu-back-color: white;
	--open-nav-button-color: #707070;
	--close-nav-button-color: white;
	--transform-time: 350ms;

	.open-nav-button, .close-nav-button {
		background: transparent;
		border: 0;
		padding: 0;
		cursor: pointer;
	}

	.open-nav-button line {
		stroke: var(--open-nav-button-color);
	}

	.close-nav-button {
		position: absolute;
		right: 1.5rem;
		top: 1rem;

		line {
			stroke: var(--close-nav-button-color);
		}
	}

	nav {
		position: fixed;
		overscroll-behavior: contain; // Prevent IOS-bounce
		top: 0;
		left: 0;
		height: 100vh;
		width: 100%;
		background: var(--nav-back-color);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 999;
		overflow: auto;

		visibility: hidden;
		opacity: 0;
		transition: transform var(--transform-time) ease, opacity var(--transform-time) ease;

		&.animate-from-top {
			transform: translateY(-100%);

			&.active {
				transform: translateY(0);
			}
		}

		&.animate-from-bottom {
			transform: translateY(100%);

			&.active {
				transform: translateY(0);
			}
		}

		&.animate-from-right {
			transform: translateX(-100%);

			&.active {
				transform: translateX(0);
			}
		}

		&.animate-from-left {
			transform: translateX(100%);

			&.active {
				transform: translateX(0);
			}
		}

		&.active {
			// transform: translateY(0);
			visibility: visible;
			opacity: 1;
		}

		ul {
			list-style: none;
			padding: 0;
			text-align: center;

			li {
				position: relative;
				margin: 1rem 0;

				a {
					text-decoration: none;
					font-size: 2rem;
				}
			}
		}
	}

	// Hide submenus by default
	.sub-menu {
		z-index: 100;
		visibility: hidden;
		opacity: 0;
		min-width: 150px;

		position: absolute;
		padding-left: 0;
		background: var(--submenu-back-color);
		color: var(--submenu-front-color);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.2);

		transition: opacity .2s ease;

		top: 100%;

		// Show submenu when aria-hidden is false
		&[aria-hidden="false"] {
			visibility: visible;
			opacity: 1;
		}

		li {
			display: block;

			a {
				display: block;
				font-size: 1rem;
				padding: 7px 15px 7px 15px;
				margin-left: 0px;
				margin-right: 0px;
				font-weight: normal;
			}
		}
	}

	.submenu-toggle {
		background: none;
		border: none;
		cursor: pointer;

		&[aria-expanded="false"] {
			transform: rotate(90deg);
		}
		&[aria-expanded="true"] {
			transform: rotate(-90deg);
		}

		.arrow {
			width: 10px;
			height: 10px;
			display: inline-block;
			border: solid var(--nav-front-color);
			border-width: 0 2px 2px 0;
			padding: 0;
			transform: rotate(45deg);
			transform-origin: center center;
			transition: transform 0.3s ease;

			transform: rotate(-45deg);
  			-webkit-transform: rotate(-45deg);
		}
	}

	@media only screen and (max-width: 1000px) {
		.submenu-toggle {
			margin-right: 5px;
		}
		.sub-menu {
			width: 100%;
			position: relative;
			margin-left: 5px;
			margin-right: 5px;
			max-height: 0;
			overflow: hidden;
			transition: max-height .2s linear;

			&[aria-hidden="false"] {
        		max-height: none;
    		}

			li a {
				padding: 5px 10px 5px 40px;
			}
		}
	}
}
*/

/*# sourceMappingURL=index.css.map*/