body.logged-in header.wp-block-template-part:has(.is-position-sticky) {
	.header-block {
		top: 46px;
		@media(min-width: 782px) {
			top: 32px;
		}
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		top: 136px;
		@media(min-width: 782px) {
			top: 122px;
		}
	}
}

html&.has-modal-open {
	overflow-y: hidden;
}

header.wp-block-template-part {
	&:has(.is-position-sticky) {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}

	.wp-block-site-logo {
		flex-basis: auto;
		transition: all .3s;
		width: 350px;
		z-index: 1000;

		@media (max-width: 781px) {
			width: 200px;
		}
	}

	/* Menu */

	nav ul {
		flex-wrap: nowrap;
	}

	.wp-block-navigation-item {
		flex-grow: 1;
		justify-content: center;

		a {
			text-align: center;
			background-color: transparent;
			text-decoration: none;
			transition: all .3s;
			&:hover {
				outline: none;
				color: var(--wp--preset--color--accent);
			}
		}

		&.button a {
			border-radius: 4px;
			padding: 16px 32px;
			color: var(--wp--preset--color--base);
			background-color: var(--wp--preset--color--accent);
			&:hover {
				color: var(--wp--preset--color--base);
				background-color: var(--wp--preset--color--accent-2);
			}
		}
	}

	/* Submenu */

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
		border-radius: 4px;
		border: none;
		border-top: 18px solid transparent;
		background-color: transparent;
		a {
			background-color: var(--wp--preset--color--light-grey);
		}
	}

	.wp-block-navigation__submenu-container {
		li {
			transition: all .3s;
			&:first-of-type {
				border-top-right-radius: 4px;
				border-top-left-radius: 4px;
			}

			&:last-of-type {
				border-bottom-right-radius: 4px;
				border-bottom-left-radius: 4px;
			}

			&.current-menu-item a .wp-block-navigation-item__label,
			&:hover a .wp-block-navigation-item__label {
				color: var(--wp--preset--color--accent);
			}
		}

		a .wp-block-navigation-item__label {
			color: var(--wp--preset--color--contrast);
			transition: all .3s;
			text-align: left;
		}	
	}

	/* Submenu Arrow */

	.wp-block-navigation__submenu-icon {
		width: 24px;
		height: 24px;
		padding: 0px;
		padding-left: 8px;
		margin: 0;
		svg {
			margin: 0;
			height: 100%;
			width: 100%;
		}
	}

	/* Mobile Menu Activate */

	@media (min-width: 992px) {
	    .wp-block-navigation__responsive-container-open:not(.always-shown) {
	        display: none !important;
	    }

	    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	        display: block !important;
	        width: 100%;
	        position: relative;
	        z-index: auto;
	        background-color: inherit;
	    }

	    .wp-block-navigation-item:has(.wp-block-social-links) {
	    	display: none;
	    }
	}

	@media (min-width: 600px) {
	    .wp-block-navigation__responsive-container-open:not(.always-shown) {
	        display: flex;
	    }
	    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	        display: none;
	        justify-items: flex-end;
	    }
	}

	/* Mobile Menu */

	@media (max-width: 991px) {
		.header-menu {
			justify-content: flex-end!important;
		}

		nav {
	    	flex-shrink: 0;
		}

		.wp-block-navigation__responsive-container.is-menu-open {
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: var(--wp--preset--color--contrast)!important;
			/*&::after {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				text-align: center;
				max-width: 100%;
				content: url('../../images/menu-logo.png');
			}*/

			.wp-block-navigation__responsive-container-content {
				max-height: 100svh;
				padding: calc(var(--bl)*6) var(--col-gap);
			}

			.wp-block-social-links {
				margin-top: var(--col-gap-large);
				.wp-social-link a:hover {
					background-color: transparent;
					color: var(--wp--preset--color--accent);
				}
			}
		}

		.wp-block-navigation__responsive-container-content {
	    	align-items: center!important;
	    	gap: calc(var(--col-gap)*.5);
	    	.wp-block-navigation__container {
	    		width: 100%;
	    		align-items: center!important;
	    		overflow: auto;

	    		.has-child .wp-block-navigation__submenu-container {
	    			padding: 0!important;
	    			width: 100%;
	    			a {
	    				padding: var(--bl)!important;
	    				font-size: 18px;
						
	    				.wp-block-navigation-item__label {
	    					color: var(--wp--preset--color--base);
	    				}
	    				
	    				&:hover .wp-block-navigation-item__label {
	    					color: var(--wp--preset--color--accent)!important;
	    				}
	    			}

	    			li.current-menu-item a {
	    				color: var(--wp--preset--color--body);
	    			}
	    		}
	    	}

	    	.wp-block-navigation-item {
	    		width: 100%;
	    		flex-grow: 0;
	    		background-color: transparent;
	    		align-items: center!important;

	    		&.has-child {
	    			align-items: center;
	    			flex-wrap: wrap;
	    			flex-direction: row;

	    			a {
	    				max-width: calc(100% - 40px);
	    				padding-right: 0!important;
	    				width: auto;
	    			}

	    			> ul {
	    				width: 100%;
	    			}
	    		}

				.wp-block-navigation__submenu-icon {
					display: block;
					position: relative;
					transition: all .3s;
					svg {
						transform: rotate(180deg) !important;
						path {
							stroke: var(--wp--preset--color--base);
						}
					}

					&.inactive svg {
        				transform: rotate(0deg) !important;
					}
				}

	    		&.button a {
	    			background-color: transparent!important;
	    			border-color: var(--wp--preset--color--accent)!important;
	    			color: var(--wp--preset--color--accent)!important;
	    			font-weight: 500;
	    			border-radius: 4px;
/*	    			padding: calc(var(--bl)) calc(var(--bl)*1.5)!important;*/
	    			&:hover {
	    				background-color: var(--wp--preset--color--accent)!important;
	    				color: var(--wp--preset--color--base)!important;
	    				&::after {
	    					background-color: var(--wp--preset--color--base)!important;
	    				}
	    			}
	    		}
	    	}

	    	a.wp-block-navigation-item__content {
	    		line-height: 1;
	    		text-align: center;
	    		justify-content: center;
	    		padding: calc(var(--bl)*.75)!important;
	    		font-size: 20px;
	    		font-weight: 500;
	    		color: var(--wp--preset--color--base);
	    		background-color: transparent!important;
	    		transition: all .3s;
	    		width: 100%;
	    		&:hover {
	    			color: var(--wp--preset--color--accent);
	    		}
	    	}
		}

		.wp-block-navigation__responsive-dialog {
			position: unset;
		}

		.wp-block-navigation__responsive-container-close {
			position: absolute;
			top: var(--bl);
			right: var(--bl);
		}

		.wp-block-navigation-submenu {
			max-height: 1000px;
			transition: all .5s!important;
			overflow: hidden;
			&.inactive {
				max-height: 0;
			}
		}
	}

	/* Menu Toggle */

	.wp-block-navigation__responsive-container-close svg, 
	.wp-block-navigation__responsive-container-open svg {
		width: 42px;
		height: 42px;
		background-color: var(--wp--preset--color--accent);
/*		margin: 7px;*/
		border-radius: 4px;
		padding: 6px;
		fill: var(--wp--preset--color--base);
		&:hover {
			background-color: var(--wp--preset--color--accent-2);
		}
	}

	.wp-block-navigation__responsive-container-open svg {
	}
}

header > .wp-block-group {
	transition: all .3s;
}

/* body.home header > .wp-block-group {
	background-color: #00000000!important;
}

body.single-project header > .wp-block-group {
	background-color: var(--wp--preset--color--contrast)!important;
} */

/* body.scrolled {
	&.home header > .wp-block-group,
	&.single-project header > .wp-block-group {
		background-color: #000000d9!important;
	}
} */

@keyframes overlay-menu__slide-in-animation {
	0% {
		opacity: 0;
		transform: translateX(2rem);
	}
  	100% {
  		opacity: 1;
  		transform: translateY(0);
  	}
}