.wp-block-oneredwood-site-header {
	width: 100%;
}

html.has-fixed-site-header .wp-site-blocks > main {
	padding-top: var(--oneredwood-site-header-offset, 0);
}

.wp-block-oneredwood-site-header.site-header--fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2000;
}

.wp-block-oneredwood-site-header .mega_navigation {
	position: relative;
}

.wp-block-oneredwood-site-header .mega_navigation__bar {
	position: relative;
}

.wp-block-navigation-item--mega-menu {
	position: static;
}

.wp-block-navigation-item--mega-menu > .mega_menu__item {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	position: relative;
}

.wp-block-navigation-item--mega-menu > .mega_menu__item[aria-expanded="true"] .mega-menu__chevron {
	transform: rotate(180deg);
}

.wp-block-navigation-item--mega-menu > .mega_menu__item .mega-menu__chevron {
	transition: transform 300ms ease;
}

.wp-block-navigation-item--mega-menu > .mega_menu__sub_container {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
}

.wp-block-navigation-item--mega-menu > .mega_menu__sub_container.menu--active {
	display: block;
}

@media (min-width: 62rem) {
	.wp-block-navigation-item--mega-menu > .mega_menu__sub_container {
		display: block;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(0.5rem);
		transition:
			opacity 300ms ease,
			transform 300ms ease,
			visibility 0s linear 300ms;
	}

	.wp-block-navigation-item--mega-menu > .mega_menu__sub_container.menu--active {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
		transition:
			opacity 300ms ease,
			transform 300ms ease,
			visibility 0s linear 0s;
	}

	.wp-block-navigation-item--mega-menu > .mega_menu__item::after {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		height: 400%;
		transform: translateY(-50%);
	}
}
