/* Styles for blocks are used in both the frontend and admin - so be specific */


.mbgeventresults-wrap { display: flex; flex-flow: row wrap; justify-content: space-around; }
.mbgeventgrid { padding: 1em; margin-bottom: .33%; position:relative; }
/*
.mbgeventgrid.has-1-events { flex-basis: 100%; }
.mbgeventgrid.has-2-events { flex-basis: calc(50% - 2em); }
*/
.mbgeventgrid.has-1-events,
.mbgeventgrid.has-2-events,
.mbgeventgrid.has-3-events { flex-basis: calc(33% - 2em); margin-bottom:.5em; }

/* adjust for when event grid is inside an WordPress column (always full-width, right now) */
.wp-block-column .mbgeventgrid-wrap.content-area,
.wp-block-column .mbgeventresults-wrap.content-area { padding: 0; }
.wp-block-column .mbgeventgrid.has-1-events,
.wp-block-column .mbgeventgrid.has-2-events,
.wp-block-column .mbgeventgrid.has-3-events { flex-basis: 100%; }

/*
.dhwp-hook.hewes .mbgeventgrid,
.dhwp-hook.maverick .mbgeventgrid { }
*/
.mbgeventgrid-contain h2 { color: #1B365D; }
.mbgeventgrid-contain a { text-decoration: none; }

.mbgeventgrid-contain .wp-block-button__link { text-transform: uppercase; }
.mbgeventgrid-contain table.mbgspecs-list .wp-block-button__link { text-transform: uppercase; padding: .5em 1em; font-size: .9em; font-weight: bold; }

.mbgeventgrid.has-event-actions { padding-bottom: 3.5em; }
.mbgeventgrid .mbgeventgrid-actions { position:absolute; bottom:1em; left:1em; }

.mbgeventgrid .mbgeventgrid-details { opacity:0; z-index:-1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(27, 54, 93); color:#fff; padding:1em; transition:opacity ease-in-out .2s; }
.mbgeventgrid .mbgeventgrid-details h2 { color:#fff; }
.mbgeventgrid .mbgeventgrid-details-content { max-height: calc(100% - 3.5em); }

.mbgeventgrid.show-event-details .mbgeventgrid-details { opacity: 1; z-index: 1; }

.mbgeventgrid-pagination { float:right; }


@media (max-width: 1200px) {
}

@media only screen and (max-width:900px) {
	.mbgeventgrid.has-1-events,
	.mbgeventgrid.has-2-events,
	.mbgeventgrid.has-3-events{ flex-basis: calc(50% - 2.5em); }
}

@media only screen and (max-width:600px) {

	.wp-block-column .mbgeventgrid-wrap.content-area,
	.wp-block-column .mbgeventresults-wrap.content-area { padding: 0 14px; }

	.mbgeventgrid-contain table.mbgspecs-list h2 { font-size: 1.1rem; }
	.mbgeventgrid-contain table.mbgspecs-list .wp-block-button__link span { display: none; }

	.mbgeventgrid.has-1-events,
	.mbgeventgrid.has-2-events,
	.mbgeventgrid.has-3-events { flex-basis: 100%; }
}