/*
This stylesheet holds extra styles to overwrite some of the styles that happen in the calendar.
Still has to be checked for colours that go in the stylesheet switcher stylesheets.
*/

/* also some woo style overrides */


.post_type_filters{
	flex-wrap:wrap;
}





.mrcalendarbttons button.change_view,.mrcalendarbttons button.change_time{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:.6em center;
	text-decoration:none;
	font-size:.875rem;
	font-weight:500;
	line-height:1.2;
	text-align:left;
	display:inline-block;
	padding:1.1em 3.2em;
	border-width:1px;
	border-style:solid;
	margin-right:1.2em;
	margin-bottom:1.2em;
	cursor:pointer;
	position:relative;
}
.mrcalendarbttons button.change_view:last-child,.mrcalendarbttons button.change_time:last-child{
	margin-bottom:0;
}

.mrcalendarbttons button.change_view:focus:after,
.mrcalendarbttons button.change_view.active:after,
.mrcalendarbttons button.change_view:active:after
.mrcalendarbttons button.change_time:focus:after,
.mrcalendarbttons button.change_time.active:after,
.mrcalendarbttons button.change_time:active:after{
	content:" ";
	display:block;
	width:1rem;
	height:1rem;
	position:absolute;
	right:.6em;
	top:50%;
	margin-top:-.5rem;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

.mrfullcalendarfilters .filter{
	overflow:hidden; /* keep floats inside */
	margin-bottom:1rem;
}
.mrfullcalendarfilters .filter h3{
	margin-bottom:1em;
}
.mrfullcalendarfilters .filter input[type=checkbox]{
	float:left;
	clear:left;
	margin-right:.5em;
}
.mrfullcalendarfilters .filter label{
	float:left;
}


.mrfullcalendar .fc-dayGridMonth-view .fc-daygrid-day-events a.fc-daygrid-event.mr_class{
	transition: all 400ms ease;
}
.mrfullcalendar .fc-dayGridMonth-view .fc-daygrid-day-events a.fc-daygrid-event.mr_workshop{
	transition: all 400ms ease;
}
.mrfullcalendar .fc-dayGridMonth-view .fc-daygrid-day-events a.fc-daygrid-event.mr_event{
	transition: all 400ms ease;
}
.mrfullcalendar .fc-dayGridMonth-view .fc-daygrid-day-events a.fc-daygrid-event>h3{
	font-size:.8rem;
}


.mrfullcalendar .fc-listWeek-view button.close-pop-up{
	display:none !important; /* overriding woo-style */
}


.mrfullcalendar .previewlist .item{
	margin-bottom:1.25rem;
}
.mrfullcalendar .previewlist .item .inside{
	height:auto;
}
.mrfullcalendar .previews.previewlist .item .inside .itemimg{
	float:left;
	width:20%;
	width:13.75rem;
	margin-right:1.25rem;
}
.mrfullcalendar .previewlist .item .inside a{
	display:block;
	overflow:hidden; /* to keep the floated image from stacking */
	text-decoration:none;
}
.mrfullcalendar .previewlist .item .inside a .iteminfo{
	display:flex;
	flex-wrap:wrap;
	width:calc(100% - 15rem);
	justify-content:space-between;
	align-items:flex-start;
	padding:2.25rem 1.5rem;
}
.mrfullcalendar .previews.previewlist .item .inside .postdate{
	width:9.5rem;
	padding:0;
	order:0;
}
.mrfullcalendar .previews.previewlist .item .inside .titleinfo{
	width:calc(100% - 15.5rem);
	padding:0 1.5rem;
	order:1;
}
.mrfullcalendar .previews.previewlist .item .inside .category{
	width:6rem;
	padding:0;
	order:2;
	margin-bottom:0;
}

.mrfullcalendar .previews.previewlist .item .inside .postdate span{
	display:block;
}
.mrfullcalendar .previews.previewlist .item .inside .itemimg img{
	display:block;
}
.mrfullcalendar .previews.previewlist .item .inside h3,
.mrfullcalendar .previews.previewlist .item .inside p{
	margin-bottom:0;
}
.mrfullcalendar .previews.previewlist .item .inside .category span.cat-links{
	display:inline-block;
	padding-top:0.6em; /* to line up with other text */
}


.mrfullcalendar .fc-toolbar{
	flex-wrap:wrap;
}
.mrfullcalendar .fc-toolbar .fc-toolbar-chunk{
	margin-bottom:1em;
}


@media(max-width:1670px){
	.mrfullcalendar .previews.previewgrid .item{
		width:50%;
	}

	.mrfullcalendar .previews.previewlist .item .inside .postdate{
		width:100%;
	}
	.mrfullcalendar .previews.previewlist .item .inside .titleinfo{
		width:100%;
		padding:1rem 0;
	}
	.mrfullcalendar .previews.previewlist .item .inside .category{
		width:100%;
	}
}
@media(max-width:1050px){
	.mrfullcalendar .previews.previewlist .item .inside .postdate{
		width:8rem;
	}
	.mrfullcalendar .previews.previewlist .item .inside .titleinfo{
		width:calc(100% - 14rem);
		padding:0 1.5rem;
	}
	.mrfullcalendar .previews.previewlist .item .inside .category{
		width:6rem;
	}
	.mrfullcalendar .previews.previewlist .item .inside .category span.cat-links{
		padding-top:0.5em; /* to line up with other text */
	}
}
@media(max-width:850px){
	.mrfullcalendar .previews.previewlist .item .inside .postdate{
		width:100%;
	}
	.mrfullcalendar .previews.previewlist .item .inside .titleinfo{
		width:100%;
		padding:1rem 0;
	}
	.mrfullcalendar .previews.previewlist .item .inside .category{
		width:100%;
	}
}
@media(max-width:640px){
	.mrfullcalendar .previews.previewgrid .item{
		width:100%;
	}

	.mrfullcalendar .previews.previewlist .item .inside .itemimg{
		display:none;
	}
	.mrfullcalendar .previewlist .item .inside a .iteminfo{
		display:block;
		width:100%;
	}
}

td.fc-list-event-title>h3 {
    display: none;
}

td.fc-list-event-title img {
    float: left;
    height: auto!important;
    width: 120px;
    object-fit: contain;
    object-position: top;
    margin-right: 1rem;
}

td.fc-list-event-title .popup h4 {
    font-weight: 400;
    font-size: 0.9rem;
}

td.fc-list-event-title .popup p {
    margin-bottom: 0;
}

#calendar.mrfullcalendar .fc-list-event {
    background-color: transparent!important;
}

#calendar.mrfullcalendar .mr_workshop.fc-list-event .fc-list-event-graphic {
    background: #AABD89;
}
#calendar.mrfullcalendar .mr_class.fc-list-event .fc-list-event-graphic {
    background: #9DB9B8;
}
#calendar.mrfullcalendar .mr_event.fc-list-event .fc-list-event-graphic {
	background: #E89280;
}

#calendar.mrfullcalendar .fc-list-event .fc-list-event-graphic .fc-list-event-dot {
    display: none;
}
.mrcalendarbttons{
	display:none;
}

@media screen and (min-width: 700px) {
	.mrcalendarbttons{
		display:block;
	}
	
}