.wp-block-outermost-mega-menu__menu-container.menu-width-content {
	max-width: none;
	width: auto;
}

.wp-block-navigation li.wp-block-outermost-mega-menu .menu-container__close-button {
	display: none;
}

.wp-block-navigation li.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__menu-container {
	top: 0 !important;
	padding-top: 30px !important;
}

.wp-block-navigation li.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__menu-container a {
	display: block;
	transition: 0.5s background;
	padding: 5px 8px;
}

.wp-block-navigation li.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__menu-container a:hover {
	background: var(--wp--preset--color--cbmc-light-gray);
}

.wp-block-navigation li.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__menu-container.menu-width-content {
	width: 700px;
}

.wp-block-navigation li.wp-block-outermost-mega-menu button, .wp-block-navigation .wp-block-navigation-link>a {
	z-index: 3;
	position: relative;
}

/* See https://stackoverflow.com/questions/74956603/wordpress-navigation-block-how-to-change-mobile-breaking-point
 * ~assets/scripts/block-mega-menu.js also has breakpoint that must be updated manually
 */
/* copy of wp default css to a 1000px media query */
@media (min-width: 1000px) {
    .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;
    }
}

/* neutralize the wp default for 600px */
@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;
    }
}

/* Customization for mobile specifically */
@media (max-width: 999px) {
	.wp-block-navigation .wp-block-outermost-mega-menu__toggle[aria-expanded=false]~.wp-block-outermost-mega-menu__menu-container {
		display: none;
	}
	
	.wp-block-navigation .wp-block-outermost-mega-menu__toggle[aria-expanded=true]~.wp-block-outermost-mega-menu__menu-container {
		display: block;
	}
	
	.wp-block-navigation .wp-block-outermost-mega-menu__menu-container, .wp-block-navigation .wp-block-outermost-mega-menu__menu-container.menu-width-content {
		overflow-x: hidden;
		position: static;
		max-width: 90vw;
	}
	
	.wp-block-navigation .wp-block-outermost-mega-menu__menu-container p {
		margin-bottom: 8px;
		margin-top: 8px;
	}
	
	.wp-block-navigation .wp-block-outermost-mega-menu__menu-container .wp-block-group {
		border: 0 !important;
		box-shadow: none !important;
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}
	
	.wp-block-navigation .wp-block-outermost-mega-menu__menu-container .wp-block-group img {
		height: auto;
		max-width: 40vw;
	}
}