.has-events .calendar-event{
	display: none;
}

.my-calendar-nav{
	width: 100%;
}

.my-calendar-nav ul{
	align-items: center;
    justify-content: space-between;
}

.my-calendar-nav ul li{
	border: 1px solid #131313;
    width: 4vw;
    height: 4vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-calendar-prev a:before{
	font-family: 'Araex';
    content: "\e906";
}

.my-calendar-next a:after{
	font-family: 'Araex';
    content: "\e904";
}

.my-calendar-header a:hover{
	outline: none!important;
}

.mc-main table{
	border: 1px solid #E0DBCE;
}

.mc-main td{
	height: 6vw!important;
	border: 1px solid #E0DBCE;
}

.mc-main .mc-date {
    font-size: 1.565vw;
    text-align: center;
    font-family: 'Migra';
	height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mc-main .nextmonth {
    color: transparent;
    border: transparent;
}

th.day-heading {
    background-color: #E0DBCE!important;
	font-family: 'Migra';
    font-size: 1.25vw;
}

th.weekend-heading{
	background-color: #E0DBCE!important;
	font-family: 'Migra';
    font-size: 1.25vw;
}

td.has-events {
    background-color: #F9F8F5!important;
}

td.has-events .mc-date {
    background-color: #F9F8F5!important;
	color: black!important;
    font-weight: 500!important;
}

.mc-main .current-day{
	border-bottom: none;
}

.mc-main .current-day .mc-date{
	color: #A5664D!important;
}

.mc-main .nextmonth .mc-date{
    color: transparent!important;
}
.mc-main .heading{
	position: absolute!important;
	left: 0;
	right: 0;
	margin: auto;
	top: 2%;
}

.mc-main .heading span {
    font-family: 'Migra';
    text-transform: capitalize;
}

.mc-main .event-icon{
	display: none!important;
}

.event-list-title {
	font-size: 1.563vw;
	line-height: 1;
	font-family: "Migra";
}	
.event-list-description {
	font-size: 0.833vw;
    font-family: "Manrope";
    font-weight: 400;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 20px;
}
#loading {
    width: 50px;
    height: 50px;
    border: 5px solid lightgray;
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    position: absolute;
    top: 40%;
    left: 30%;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@media only screen and (max-width: 640px) {
	.mc-main td{
		height: 12vw!important;
		border: 1px solid #E0DBCE;
	}

	.mc-main .mc-date {
		font-size: 18px;
	}
	
	.my-calendar-nav ul li{
		width: 15vw;
		height: 15vw;
	}
	.mc-main .heading{
		top: 5%;
	}
	th.day-heading {
		font-size: 18px;
	}

	th.weekend-heading{
		font-size: 18px;
	}
	
	.event-list-title {
		font-size: 6.563vw;
	}
	
	.event-list-description {
	    font-size: 3.833vw;
	}
}