/* For reference only - plugin loads the minified CSS file */

/* Very Simple Event List stylesheet */

/* Container for list of events when using shortcode or widget */
#vsel {clear:both;}
#vsel:after {content:''; display:block; height:0; clear:both;}
.vsel-container {}

/* Container for single event */
.vsel-content {}
.vsel-content:after {content:''; display:block; height:0; clear:both;}

/* Container for single event when using shortcode or widget */
#vsel .vsel-content {margin:0 0 30px; padding:0; background-color: #FFFFFF;box-shadow:0 5px 16px rgb(0 0 0 / 10%);}

/* Misc */
.vsel-content h3.vsel-meta-title {
	color: #E32727;
	line-height: 38px;
	font-size: 32px;
}

.vsel-content .vsel-image-info .vsel-meta-date {
	display: block;
	line-height: 100%;
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}
.vsel-content p {margin:0 0 10px; padding:0;}
.vsel-content p:last-of-type {margin-bottom:0;font-size: 18px;line-height: 28px;}

/* Event details section */
.vsel-meta {width:50%; position: relative;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.vsel-meta > div {margin:0 0 10px;min-width: 105px;}
.vsel-meta > div:last-of-type {margin-bottom:0;}
.vsel-meta-right {float:right;}
.vsel-meta-full {width:100%; box-sizing:border-box;}
.vsel-meta-title {clear:both;}
.vsel-meta-date {}
.vsel-meta-start-date {}
.vsel-meta-end-date {}
.vsel-meta-combined-date {}
.vsel-meta-single-date {position: absolute; top: 0; left: 20px;}
.vsel-meta-single-date .day {font-size: 62px;line-height: 100%;color: #FFFFFF;font-weight: bold;display: block;background: #E32727;padding: 10px 14px 0px 14px;text-align: center;}
.vsel-meta-single-date .month {display: block;font-size: 16px;font-weight: normal;color: #E32727;background-color: #FFFFFF;text-align: center;padding: 5px 10px 4px 10px;;border-radius: 0 0 6px 6px;font-weight: bold;}
.vsel-meta-error {font-weight:bold;}
.vsel-meta-time {}
.vsel-meta-all-day {}
.vsel-meta-location {}
.vsel-meta-link {}
.vsel-meta-cats {}
.acf-field-error {font-weight:bold;}

/* Event details section date icon */
.vsel-meta-date-icon {margin:0 0 10px; line-height:1.5;}
.vsel-start-icon, .vsel-end-icon {display:inline-block; margin:0 10px 0 0; background:#f8f8f8; color:#333; text-align:center;}
.vsel-day, .vsel-month, .vsel-year {display:block; padding:2px 15px;}
.vsel-year {font-size:0.8em;}
.vsel-day-top, .vsel-month-top {background:#333; color:#fff;}

/* Event details section combine date icon and title */
.vsel-meta-combine {}
.vsel-meta-combine:after {content:''; display:block; height:0; clear:both;}
.vsel-meta-combine .vsel-meta-date-icon {float:left;}
.vsel-meta-combine .vsel-meta-title {clear:none;}

/* Event info section */
.vsel-image-info {width:50%; padding: 3em 4em 4em 4em;}
.vsel-image-info-left {float:left;}
.vsel-content .vsel-image {width:100%; height:auto; padding:0; border:0;flex-shrink: 0;min-width: 100%;min-height: 100%;}
.vsel-content .vsel-image-left {float:left; margin:5px 10px 5px 0;}
.vsel-content .vsel-image-right {float:right; margin:5px 0 5px 10px;}
.vsel-info {}
.vsel-info p {font-size: 18px; line-height: 28px;}

/* Navigation */
.vsel-nav {clear:both;}
.vsel-nav:after {content:''; display:block; height:0; clear:both;}
.vsel-nav a.next {float:right;}
.vsel-nav a.prev {float:left;}

/* No events notification */
.vsel-no-events {margin:0; padding:0 0 20px;}

/* Widget */
.vsel-widget {}
.vsel-widget:after {content:''; display:block; height:0; clear:both;}

/* Widget text above list */
.vsel-widget-text {margin:0 0 20px;}
.vsel-widget-text p {margin:0 0 10px; padding:0;}
.vsel-widget-text p:last-of-type {margin-bottom:0;}

/* Widget event details section */
.vsel-widget .vsel-meta {width:100%; clear:both; margin:0 0 20px; box-sizing:border-box;}

/* Widget event info section */
.vsel-widget .vsel-image-info {width:100%; clear:both; box-sizing:border-box;}

/* Widget link to all events */
.vsel-widget .vsel-widget-link {}


.vsel-download {
	background: #313131;
	color: #FFFFFF;
	font-size: 26px;
	line-height: 38px;
	padding: 5px 16px 0 16px;
	display: inline-block;
	margin-top: 2em;
	font-weight: bold;
}

/* Mobile */
@media screen and (max-width:767px) {
	/* Event details section */
	.vsel-meta {width:100% !important; clear:both; float:left; box-sizing:border-box;}

	/* Event info section */
	.vsel-image-info {width:100% !important; clear:both; box-sizing:border-box;}

	.vsel-download {
		font-size: 20px;
		line-height: 110%;
		margin-top: 20px;
		padding: 10px 22px;
	}
}

@media screen and (max-width: 990px) {
	.vsel-meta,.vsel-image-info {width: 100%;clear:both;}
	.vsel-image-info {padding: 1em 2em;}
}

@media screen and (min-width: 991px) {
	#vsel .vsel-content {display: flex; flex-direction: row; flex-grow: 1; align-items: stretch;}
	.vsel-meta-left {float: left;}
	.vsel-image-info-right {float: right;}
}