:root {
	--bs-body-font-family: 'Play', sans-serif;
}
@media (min-width: 576px) {
	.accordion-button::after {
		margin-left:10px !important;
	}
}
.main-menu ul{
	list-style:none;
	padding-left:0;
	margin-left:0;
}
.main-menu ul li{
	list-style:none;
	padding-left:0;
	margin-left:0;
	padding-right:19px;
	position:relative;
	width:100%;
	height:62px;
}
.main-menu ul li.active::after{
	display:block;
	width:19px;
	height:62px;
	position:absolute;
	top:0;
	right:0;
	content:'';
	-webkit-animation: activemenu 1s infinite;  /* Safari 4+ */
	-moz-animation: activemenu 1s infinite;  /* Fx 5+ */
	-o-animation: activemenu 1s infinite;  /* Opera 12+ */
	animation: activemenu 1s infinite;  /* IE 10+, Fx 29+ */
}
.main-menu ul li a{
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	border-left: 15px solid transparent;
	color:#5099b2;
	font-size:28px;
	line-height:32px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding-right:15px;
	text-align:right;
}
.main-menu ul li.active a{
	border-top:15px solid #2b3c46;
	border-bottom:15px solid #2b3c46;
	color:#cde7f1;
}

.donations{
	height:50vh;
	overflow:auto;
}
button.donbtn{
	border-top: 15px solid #2b3c46;
	border-bottom: 15px solid #2b3c46;
	color: #C7E2ED;
	font-size: 28px;
	line-height: 32px;
	text-decoration: none;
	display: block;
	padding-right: 15px;
	text-align: center;
	background:transparent;
	border-right:none;
	border-left:none;
}
button.donbtn:hover{opacity:0.8;}

@media (max-width: 576px) {
	.main-menu ul li{
		height:47px;
	}
	.main-menu ul li a{
		font-size:20px;
		line-height: 23px;
		border-left: 12px solid transparent;
	}
	.main-menu ul li.active a{
		border-top:12px solid #2b3c46;
		border-bottom:12px solid #2b3c46;
		color:#cde7f1;
	}
	.main-menu ul li.active::after{
		height:47px;
	}
}

@-webkit-keyframes activemenu {
  0%, 49% {
    background:#5f5f5f;
  }
  50%, 100% {
    background:transparent;
  }
}