:root {

	--mm-size: 80vw;

}

#mmenu {

	display: none;

	--mm-color-background: #181a1b;

	font-size: 16px;

}

.mm-menu--offcanvas {

	display: none!important;

}

.mm-menu--offcanvas.mm-menu--opened {

	display: block!important;

}

#mobile-menu-button {

	display: none;

	color: #fff;

	position: absolute;

	top: 18px;

	left: 18px;

}

#mobile-menu-button #mobile-nav-close-button {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

}

.slicknav_menu {

	display: none!important;

}


@media only screen and (max-width: 767px) {

	
	#page {

		padding-top: 68px;

	}

	.bwb-header-logo-nav {

		position: fixed!important;

		width: 100%;

		z-index: 9999;

		background: #181a1b;

		top: 0;

	}

	#mobile-menu-button {

		display: block;

	}

	.bwb-header-logo-nav {

		height: 68px;

	}

}

@media only screen and (max-width: 600px) {

	#wpadminbar {

		top: -46px;

	}

}

.mm-navbar__searchfield {

	padding: 8px;

}

.mm-searchfield__btn {

	display: block!important;

	--mm-btn-rotate: 0;

}

.mm-searchfield__btn:after {

	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");

	border: none;

	opacity: 0.5;

}

.mm-wrapper__blocker.mm-blocker.mm-slideout {

	position: fixed;

	left: 0;

	top: 0;

}

.mm-searchfield__input #searchform {

	width: 90%;

}

.mm-listitem__btn:not(.mm-listitem__text) {

	border-left: none;

}

/* Tighter padding and row height for menu items; keep notification bell + DM row as-is.
   Mmenu uses --mm-listitem-size (50px) for padding calc and panel spacer. */
#mmenu.mm-menu,
.mm-menu {
	--mm-listitem-size: 36px;
}
#mmenu .bwb-mobile-top-row-inner {
	min-height: 50px !important;
}
.mm-menu .mm-listitem:not(.bwb-mobile-top-row) .mm-listitem__btn,
.mm-menu .mm-listitem:not(.bwb-mobile-top-row) .mm-listitem__text,
#mmenu .mm-listitem:not(.bwb-mobile-top-row) .mm-listitem__btn,
#mmenu .mm-listitem:not(.bwb-mobile-top-row) .mm-listitem__text {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.mm-menu a {

	font-weight: normal;

}

.menu-item-has-children a, .mm-submenu-parent-item a {

	font-weight: bold;

}

#mmenu .mm-listview {

	padding-bottom: 100px;

}

/* Top row: notification bell + inbox on the same row */
#mmenu .bwb-mobile-top-row.mm-listitem {
	display: flex !important;
	align-items: stretch;
	min-height: 0;
	padding: 0;
	position: relative;
	overflow: visible;
}
#mmenu .bwb-mobile-top-row-inner {
	display: flex;
	flex: 1 1 auto;
	width: 100%;
	min-height: var(--mm-listitem-size, 50px);
	overflow: visible;
}
#mmenu .bwb-mobile-top-row-inner .bwb-notif-wrap {
	flex: 1 1 50%;
	min-width: 0;
	overflow: visible;
	position: static;
}
/* Dropdown spans full row: column is 50%, so 200% = full row width (containing block may be column due to transform) */
#mmenu .bwb-mobile-top-row .bwb-notif-dropdown {
	position: absolute !important;
	left: 0 !important;
	right: auto !important;
	width: 200% !important;
	max-width: var(--mm-size, 80vw) !important;
	box-sizing: border-box;
}
#mmenu .bwb-mobile-top-row-inner .bwb-dm-inbox-cell {
	flex: 1 1 50%;
	min-width: 0;
	display: flex;
	align-items: center;
	border-left: 1px solid rgba(255, 255, 255, 0.15);
}
#mmenu .bwb-mobile-top-row-inner .bwb-dm-inbox-cell a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-height: 44px;
	padding: 12px 16px;
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	font-size: 22px;
}
#mmenu .bwb-mobile-top-row-inner .bwb-dm-inbox-cell a:hover {
	background: rgba(255, 255, 255, 0.08);
}