/* These are the styles for the mobile menu */
#toggle-icon {
	width: 10vw !important;
	height: 10vw !important;
	margin-right: 2em !important;
}

#block-cirrocumulus-responsivemenumobileicon {
	display: flex !important;
	align-items: center !important;
}

#toggle-icon .label {
	display: none;
}

#toggle-icon:before {
	background: var(--dark-blue);
	width: 9vw;
	height: 5px;
}

#toggle-icon .icon {
	background: var(--dark-blue);
	width: 9vw;
	height: 5px;
	top: 17px;
}

#toggle-icon:after {
	background: var(--dark-blue);
	width: 9vw;
	height: 5px;
	top: 26px;
}

.mm-panel--opened {
	text-align: center;
	
	.mm-navbar__title {
		display: none;
	}
	
	.mm-navbar {
		background-color: #0F1936;
	}
	
	.mm-listview li a {
		font-family: Istok Web, serif;;
		font-size: 5vw;
		color: #0F1936;
		padding-top: 1em;
	}
	
	.mm-listview:after {
		content: "";
		background-image: url(/sites/default/files/styles/webp/public/2024-12/main-logo.png.webp?itok=X-Hboo8H);
		display: block;
		height: 15vw;
		background-size: contain;
		background-repeat: no-repeat;
		width: 75%;
		margin-left: 12.5%;
		margin-top: 2em;
	}
	
	.mm-listitem:after {
		display: none;
	}
}