/*
==================================================
Mobile Menu
==================================================
*/

.mobile-menu{

	position:absolute;
	z-index:9998;

	left:0;
	top:100%;

	width:100%;

	background:#fff;

	border-radius:10px;

	overflow:hidden;

	max-height:0;

	opacity:0;

	visibility:hidden;

	transition:
		max-height .35s ease,
		transform .25s,
		opacity .25s ease;
	transform:translateY(-10px);
}

.mobile-menu__inner{

	padding:20px;

}

.mobile-menu__item{

	border-bottom:1px solid rgba(0,0,0,.08);

}

.mobile-menu__trigger{

	width:100%;

	display:flex;

	align-items:center;

	justify-content:space-between;

	padding:18px 0;

	background:none;

	border:0;

	cursor:pointer;

}

.mobile-menu__title,
.mobile-menu__single{

	font-size:18px;

	font-weight:600;

	text-transform:uppercase;

	color:#111;

	text-decoration:none;

}

.mobile-menu__icon{

	position:relative;

	width:18px;

	height:18px;

	flex:0 0 18px;

}

.mobile-menu__icon::before,
.mobile-menu__icon::after{

	content:"";

	position:absolute;

	left:0;
	right:0;
	top:50%;

	height:2px;

	background:#111;

	transform:translateY(-50%);

	transition:.25s;

}

.mobile-menu__icon::after{

	transform:translateY(-50%) rotate(90deg);

}

.mobile-menu__item.is-open .mobile-menu__icon::after{

	transform:translateY(-50%) rotate(0);

	opacity:0;

}

.mobile-menu__panel{

	max-height:0;

	overflow:hidden;

	display:flex;

	flex-direction:column;

	gap:12px;

	padding-left:14px;

	transition:max-height .3s ease;

}

.mobile-menu__item.is-open .mobile-menu__panel{

	max-height:500px;

	padding-bottom:18px;

}

.mobile-menu__link{

	color:#333;

	text-decoration:none;

	font-size:16px;

	line-height:1.4;

}

.mobile-menu__footer{

	padding-top:24px;

}

.mobile-menu__donate{

	display:flex;

	justify-content:center;

	align-items:center;

	height:52px;

	border-radius:999px;

	background:#83A645;

	color:#fff;

	font-weight:600;

	text-decoration:none;

}
.mobile-overlay{

	position:fixed;

	inset:0;

	background:rgba(20,20,20,.18);

	backdrop-filter:blur(8px);

	-webkit-backdrop-filter:blur(8px);

	opacity:0;

	visibility:hidden;

	pointer-events:none;

	transition:.25s;

	z-index:9990;

}

.mobile-overlay.is-active{

	opacity:1;

	visibility:visible;

	pointer-events:auto;

}
/*
==================================================
Visibility
==================================================
*/

@media (min-width:1025px){

	.mobile-menu{

		display:none;

	}

}

@media (max-width:1024px){

	.mobile-menu.is-open{

		max-height:80vh;

		opacity:1;

		visibility:visible;
		transform:none;
	}

}