/**
 * Additional Event Styles.
 *
 * Provides the styles for the template modifications in this plugin.
 *
 * @package WPCV_EO_Extended
 */

/* Events */
.content-container .eventorganiser-event-meta,
.entry-content .eventorganiser-event-meta
{
	padding: 1em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	column-gap: 1em;
	row-gap: 1em;
	margin-bottom: 1em;
}

.content-container .wpcv-eox-columns-2,
.entry-content .wpcv-eox-columns-2
{
	grid-template-columns: repeat(2, 1fr);
}

.content-container .wpcv-eox-columns-3,
.entry-content .wpcv-eox-columns-3
{
	grid-template-columns: repeat(3, 1fr);
}

.content-container .wpcv-eox-columns-4,
.entry-content .wpcv-eox-columns-4
{
	grid-template-columns: repeat(4, 1fr);
}

@media all and (max-width: 1020px) {

	.content-container .wpcv-eox-columns-3,
	.entry-content .wpcv-eox-columns-3
	{
		grid-template-columns: repeat(1, 1fr);
		row-gap: 2em;
	}

	.content-container .wpcv-eox-columns-4,
	.entry-content .wpcv-eox-columns-4
	{
		grid-template-columns: repeat(2, 1fr);
		row-gap: 2em;
	}

}

.content-container .eventorganiser-event-meta address,
.entry-content .eventorganiser-event-meta address
{
	margin-bottom: 0;
}

.content-container .eventorganiser-event-meta .wpcv-eox-event-details p,
.entry-content .eventorganiser-event-meta .wpcv-eox-event-details p
{
	margin-bottom: 0.5em;
}

.content-container .eventorganiser-event-meta .wpcv-eox-event-organiser p,
.entry-content .eventorganiser-event-meta .wpcv-eox-event-organiser p
{
	margin-bottom: 0;
}

.content-container .eventorganiser-event-meta .wpcv-eox-event-venue p,
.entry-content .eventorganiser-event-meta .wpcv-eox-event-venue p
{
	margin-bottom: 0;
}

.content-container .eventorganiser-event-meta .venue-email,
.entry-content .eventorganiser-event-meta .venue-email
{
	margin-top: 1em;
}


/* Venues */
.content-container .venue-meta,
.content-area .venue-meta
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.venue-details address
{
	margin-bottom: 0;
}

.venue-details .venue-directions
{
	margin-bottom: 1.5em;
}

.tax-event-venue .eo-event-title
{
	font-size: 24px;
}

.tax-event-venue .loop-title
{
	margin-bottom: 0.5em;
}