.ui-state-active {
	background: var(--clr1);
	color: white!important;
}
.ui-datepicker td.ui-datepicker-today a {
    font-weight: bold;
	color: var(--textclr1);
}
.ui-datepicker-prev, .ui-datepicker-next {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.566' height='11.216' viewBox='0 0 19.566 11.216'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%23000000;%7D svg%7Btransform: rotate(180deg);%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='19.566' height='11.216'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Cpath class='c' d='M19.566,9.781l-1.435,1.435L9.783,2.868,1.435,11.216,0,9.781,9.781,0Z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 1.5rem;
	background-color:var(--clr1);
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	width: 4.8rem!important;
	height: 4.8rem!important;
}
.hasevents a {cursor: pointer!important;}
.ui-datepicker-calendar a {cursor: not-allowed;}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
	background-color: var(--clr3);
}
.ui-datepicker .ui-datepicker-header {
    padding: 0;
    background: white;
    filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.2));
	margin-bottom: 1.6rem;
}
.ui-datepicker .ui-datepicker-title {
    height: 4.8rem;
    margin-left: 10%;
    display: flex;
    flex-wrap: wrap;
    margin: 0!important;
    padding: 0 4.8rem;
}
.ui-datepicker-prev {
	left:0!important;
	top:0!important;
	transform: rotate(90deg);
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 0.1rem 0;
    padding: 1.1rem;
    background-color: transparent;
    background-size: 1.5rem;
	height: 100%;
}
.ui-datepicker-next {
	right:0!important;
	top:0!important;
	transform: rotate(270deg);
}
.ui-datepicker td {
	padding: 0;
	width: 4rem;
	height: 4rem;
}
.ui-datepicker td span, .ui-datepicker td a {
    padding: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 4rem;
	color: var(--textclr3);
}
.ui-datepicker {
    width: 28rem;
    padding: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.ui-datepicker select.ui-datepicker-month {
    width: 60%!important;
}
.ui-datepicker-month, .ui-datepicker-year {
	color: var(--textclr2);
}
.ui-datepicker select.ui-datepicker-year {
    width: 40%!important;
    padding-left: 0;
    background-position: right 1rem top 50%;	
}
.ui-datepicker select{
	min-width: unset;
}
.event_item h3 {
    margin-top: 0;
}
.event_item {
    border-top: var(--border1);
    padding-bottom: 1.6rem;
}
.hasevents { background : var(--clr3);}
.events .media-container{
	width: 100%;
	height: 25rem;
}

.events .media-container img,
.events .media-container video{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: center;	
}
.events .swiper{
	overflow: unset;
}
.eventscal_module .itemtext {
    color: var(--textclr4);
}
.eventscal_module .event_date {
    margin-top: 2rem !important;
}
.eventscal_module h3 {
    font-size: calc(var(--fontsize_p) * var(--text-scaler));
    line-height: calc(var(--lineh_p) * var(--text-scaler));
    margin-top: 0.5rem !important;
    min-height: 8rem;
    margin-bottom: 1rem;
}

.eventscal_module p.text {
    margin-top: 0.5rem;
    
}

.eventscal_module .btn {
    color: var(--textclr4);
    border: 1.5px solid var(--textclr4) !important;
}

.eventscal_module .btn:hover {
    color: var(--textclr4);
}