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: 117px;
		@media(min-width: 782px) {
			top: 102px;
		}
	}
}

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

		.header-spacer {
			padding: 0;
		}
	}
	
	.wp-block-site-logo {
		flex-basis: auto;
		transition: all 0.3s;
		img {
			height: 60px;
			width: 100%;
			object-fit: contain;

			@media (max-width: 1200px) {
				max-width: 300px;
			}
		}

		@media (min-width: 1200px) {
			padding-left: 0;
		}
	}

	.wp-block-social-links {
		gap: 0;
		li.wp-social-link {
			border-radius: 0;
			border-right: 1px solid white;
			padding-right: calc(var(--bl)*.75);
			margin-right: calc(var(--bl)*.75);
		}

		.wp-social-link svg {
			padding: 3px;
			width: 2rem;
			height: 2rem;
		}

		@media (max-width: 767px) {
			>* {
				display: none!important;
			}
		}
	}

	.header-contact-buttons {
		@media (max-width: 767px) {
			visibility: hidden;
		}
	}

	.header-contact-buttons .wp-block-contact__detail {
		padding-top: 4px;
		border: none;

		.wp-block-contact__info {
			display: flex;
			align-items: center;

			font-size: 14px;
		}

		a:hover {
			.wp-block-contact__info {
				color: var(--wp--preset--color--accent-2);
			}
			svg path {
				fill: var(--wp--preset--color--accent-2);
			}
		}

		svg {
			width: 16px;
			height: 16px;
		}

		@media(max-width: 1200px) {
			.wp-block-contact__info {
				display: none;
			}
		}
	}

	/* Menu */

	@media(max-width: 767px) {
		.desktop-menu {
			display: none;
		}
	}

	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-2);
			}
		}

		&.button a {
/*			border-radius: 100px;*/
			padding: 16px 20px;
			color: var(--wp--preset--color--body);
			background-color: var(--wp--preset--color--accent);
		    .wp-block-navigation-item__label::after {
		        content: '';
    			mask-image: url(../../../assets/icons/arrow-right.svg);
		        display: inline-block;
		        width: 9px;
		        height: 14px;
		        background-position: center;
		        background-size: contain;
		        background-repeat: no-repeat;
		        margin-left: calc(var(--bl)* .75);
		        mask-size: contain;
		        mask-repeat: no-repeat;
		        transition: all .3s;
				background-color: var(--wp--preset--color--body);
		    }

			&:hover {
				color: var(--colour-base);
				background-color: var(--wp--preset--color--accent-2);
				.wp-block-navigation-item__label::after {
					background-color: var(--wp--preset--color--base);
				}
			}
		}
	}

	/* Submenu */

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container {

	}

	.wp-block-navigation__submenu-container {
		li.current-menu-item,
		li.current-menu-item > a {
		}

		a {
			&:hover {
			}
		}	
	}

	/* Submenu Arrow */

	.wp-block-navigation__submenu-icon {
		width: 40px;
		height: 40px;
		padding: 10px;
		margin: 0;
		transform: rotate(180deg)!important;
		svg {
			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 */

	nav {
    	flex-shrink: 0;
    	.wp-block-contact {
    		align-self: flex-start;
    		margin-top: var(--bl);
    		gap: calc(var(--bl)*.5);
    	}
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		display: flex;
		align-items: flex-end;
		top: 70px;
		max-width: 300px;
		width: 100%;
		right: 0;
		left: unset;
		bottom: unset;
    	overflow: visible;
    	animation: overlay-menu__slide-in-animation .1s ease-out;
/*		justify-content: center;*/
/*		background-color: #fafafa!important;*/
        box-shadow: -4px 4px 8px 0px rgba(0, 0, 0, 0.05);
        padding: 0;

        @media(min-width: 782px) {
			max-width: 450px;
        }

		.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-dialog {
			margin-top: 0;
		}
	}

	.wp-block-navigation__responsive-container-content {
    	align-items: center!important;
		gap: 0;
		padding: calc(var(--col-gap)*1.5)!important;
		max-height: calc(100svh - 70px);
		overflow: auto!important;
    	.wp-block-navigation__container {
    		width: 100%;
    		align-items: stretch!important;
    		overflow: auto;

    		a {
    			border-bottom: 1px solid var(--wp--preset--color--accent);
    		}

    		.has-child .wp-block-navigation__submenu-container {
    			padding: 0!important;
    			a {
    				color: var(--wp--preset--color--accent-2);
    				&:hover {
    					color: var(--wp--preset--color--accent)!important;
    				}
    			}

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

    	.wp-block-navigation__container {
    		flex-shrink: 0;
    	}

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

    		&:first-of-type a {
    			padding-top: 0!important;
    		}

    		&.show-mobile {
    			@media(min-width: 768px) {
    				display: none;
    			}
    		}

    		&.has-child {
    			align-items: stretch;
    			justify-content: stretch;
    			flex-wrap: wrap;
    			flex-direction: row;

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

    			button {
    				display: none;
    			}

    			.wp-block-navigation-item__label {
    				transition: all .3s;
    			}

    			> ul {
    				width: 100%!important;
    				a {
    					justify-content: left;
    					width: 100%;
    					padding: calc(var(--bl)*.75) 0!important;
    					color: var(--wp--preset--color--accent)!important;
    					font-size: 16px;
    					border: none;
    					&:hover .wp-block-navigation-item__label {
    						color: var(--wp--preset--color--accent-2)!important;
    					}
    				}
    			}
    		}

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

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

    		&.button a {
    			background-color: var(--wp--preset--color--accent)!important;
    			color: var(--wp--preset--color--body);
    			font-weight: 600;
    			border-radius: 100px;
    			font-size: 20px;
    			padding: calc(var(--bl)) calc(var(--bl)*1.5)!important;
    			&:hover {
    				background-color: var(--wp--preset--color--accent-3)!important;
    				color: var(--wp--preset--color--base);
    				.wp-block-navigation-item__label::after {
    					background-color: var(--wp--preset--color--base);
    				}
    			}
    		}
    	}

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

		.wp-block-navigation__responsive-dialog {
			position: unset;
			margin: 0!important;
		}

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

	/* Menu Toggle */

	.wp-block-navigation__responsive-container-close, 
	.wp-block-navigation__responsive-container-open {
		transition: all .3s;
		top: -42px;
		right: 0;
		svg {
			width: 42px;
			height: 42px;
			border-radius: 100%;
			fill: var(--wp--preset--color--base);
			background-color: transparent;
		}

		&:hover {
			background-color: var(--wp--preset--color--accent-2);
		}
	}

	.wp-block-navigation__responsive-container-close {
			background-color: var(--wp--preset--color--accent);

		&:hover {
			background-color: var(--wp--preset--color--accent-2);
		}
	}
}

body.scrolled {

}

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