/* Styles for calendar-plus plugin, copied from campuspress-flex/css/theme.css */

/*
 * Adds integration with Calendar Plus plugin.
 */

body .calendar-plus .calendar-plus-filter-bar {
	overflow: initial;
}

@media (min-width: 600px) {
	body .calendar-plus .calendar-plus-filter-bar {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	body .calendar-plus .calendar-plus-filter-bar > p {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-moz-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	body .calendar-plus .calendar-plus-filter-bar p:not(:last-child) {
		margin-right: 1rem;
		margin-bottom: 1rem;
	}
}

/* Styles added for calendar-plus plugin filters */
.calendar-plus-filter-bar p select,
.calendar-plus-filter-bar input {
	height: calc(1.5em + 0.75rem + 2px);
	width: 100%;
	border-radius: 5px;
	border: 1px solid #8c8f94;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #495057;
}

/* Styles added for calendar-plus list and grid displays */
.calendarp:not(#nocalendarp)
	.agenda-minified-calendar
	.calendarp-date-item
	.calendarp-date {
	background: transparent;
	line-height: 1.3em;
}

.calendarp:not(#nocalendarp) .agenda-minified-calendar .columns {
	padding-left: 0;
	padding-right: 0;
}

.calendarp:not(#nocalendarp)
	.agenda-minified-calendar
	.calendarp-date-item
	.calendarp-events {
	max-width: 80%;
}

.calendarp:not(#nocalendarp)
	.agenda-minified-calendar
	.calendarp-date-item
	.calendarp-events
	img {
	max-width: 450px;
}

.calendarp:not(#nocalendarp)
	.agenda-minified-calendar
	.calendarp-date-item
	.calendarp-date
	.calendarp-date-day {
	padding-bottom: 14px;
	background: #fff;
}

.calendarp:not(#nocalendarp)
	.agenda-minified-calendar
	.calendarp-date-item
	.calendarp-date
	.calendarp-date-month {
	color: #000;
	background: #fff;
	padding-top: 10px;
	border-bottom: none;
}

.calendarp:not(#nocalendarp)
	.agenda-minified-calendar
	.calendarp-date-item
	.calendarp-events
	.calendar-event
	.calendarp-event-meta {
	font-style: normal;
	font-size: inherit;
	font-weight: 500;
}

.calendarp:not(#nocalendarp)
	.agenda-minified-calendar
	.calendarp-date-item
	.calendarp-events
	.calendar-event
	h3 {
	font-size: 1.65rem;
	margin-bottom: 0;
}