/* Calendar Days */

.CalendarContainer,
.CalendarDayHeader {
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap;
	-webkit-flex-flow: wrap;
	-ms-flex-flow: wrap;
}
.CalendarContainer > time {
	background-color: #F7F7F7;
	box-sizing: border-box;
	display: flex;
	flex: 1;
	flex-direction: column;
	height: 14vw;
	margin: 2px;
	max-height: 200px;
	max-width: 14.2857%;
	min-width: 13%;
	padding: 0.25rem 0.5rem;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-webkit-flex: 1 1 13%;
	-ms-flex: 1;
}
.CalendarContainer > time.DayDisabled {
	background-color: transparent;
}
.CalendarContainer > time.Today {
	border: 3px solid #00CC00;
}
.CalendarDayEventList {
	overflow: hidden;
}
.CalendarDayFooter {
	background: linear-gradient(to bottom, rgba(247,247,247,0) 0, rgba(247,247,247,1) 1rem);
	color: #013C4C;
	display: none;
	font-family: "Ropa Sans";
	font-size: 1.0625rem;
	margin-top: -1rem;
	padding-top: 1rem;
	text-align: center;
}
.CalendarDate {
	display: block;
}
.CalendarDateFull {
	color: #268518;
	display: none;
	font-size: 1.5rem;
	font-weight: normal;
	margin-bottom: 0.5rem;
}
.CalendarDayHeader span {
	background-color: #EEEAE3;
	border: 2px solid #FFF;
	box-sizing: border-box;
	color: #013C4C;
	font-size: 1.2rem;
	max-width: 14.2857%;
	min-width: 14.2857%;
	padding: 0.25rem;
	text-align: center;
}
.CalendarDateDay {
	color: #539533;
	font-family: "Ropa Sans";
	font-size: 2.375rem
}
.SignatureEvent {
	background-image: url("//cdn.lvvwd.com/icons/star-circle-orange.svg");
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-position: top left;
	line-height: 1.2;
	padding-left: 1.25em;
}
.EventTitle {
	box-sizing: border-box;
	color: #013C4C !important;
	display: block;
	font-size: 1.0625rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0.5rem;
	text-decoration: none;
}
.EventTitle:hover,
.EventTitle:focus,
.ViewMoreEvents:hover,
.ViewMoreEvents:focus {
	color: #268118 !important;
}
.EventTitle:focus,
.ViewMoreEvents:focus {
	outline: thin dotted #333;
}
.EventTime {
	display: none;
}
.EventTime span {
	font-weight: normal;
}
.ViewMoreEvents {
	background-color: transparent;
	border: none;
	color: #013C4C;
	cursor: pointer;
	padding: 0;
	text-decoration: underline;

}

/* Calendar Navigation */

.CalendarHeader {
	background-color: #EEEAE3;
	box-sizing: border-box;
	color: #013C4C;
	font-family: "Ropa Sans";
	font-size: 1.875rem;
	margin: 2px;
	padding: 0.5rem;
	text-align: center;
}
.Search .CalendarHeader {
	margin: 0 0 2px 0;
}
.CalendarNav {
	background-color: transparent;
	border: none;
}
.CalendarNav.Next,
.CalendarNav.Previous,
.CalendarNavPlaceholder {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
	height: 1.5rem;
	width: 1.5rem;
	vertical-align: middle;
}
.CalendarNav.Next {
	background-image: url("//cdn.lvvwd.com/icons/arrow-right-white-circle-darkbluegreen.svg");
	margin-left: 1rem;
}
.CalendarNav.Previous {
	background-image: url("//cdn.lvvwd.com/icons/arrow-left-white-circle-darkbluegreen.svg");
	margin-right: 1rem;
}

/* Dialog */

.CalendarDialog.ui-widget.ui-widget-content {
	border: 3px solid #013C4C;
}
.CalendarDialog.ui-dialog .ui-widget-header {
	background-color: #FFF;
	border: none;
}
.CalendarDialog.ui-dialog .ui-dialog-titlebar-close {
	background-color: transparent;
	border: none;
	height: 24px;
	outline: none;
	width: 24px;
}
.CalendarDialog.ui-dialog button .ui-button-icon.ui-icon.ui-icon-closethick {
	background-image: url("//cdn.lvvwd.com/icons/close-button-darkbluegreen.svg");
	height: 24px;
	width: 24px;
	background-position: center center;
	margin-top: -16px;
	margin-left: -12px;
}
.CalendarDialog.ui-dialog button .ui-button-icon.ui-icon.ui-icon-closethick::before {
	content: url("//cdn.lvvwd.com/icons/close-button-green.svg");
	display: none;
}
.CalendarDialog.ui-dialog button:hover .ui-button-icon.ui-icon.ui-icon-closethick,
.CalendarDialog.ui-dialog button:focus .ui-button-icon.ui-icon.ui-icon-closethick {
	background-image: url("//cdn.lvvwd.com/icons/close-button-green.svg");
}
.CalendarDialog.ui-dialog .ui-dialog-title {
	color: #268518;
	display: block;
	font-size: 1.5rem;
	font-weight: normal;
	margin: 0;
}

/* Event Details */

#EventInfo {
	margin-bottom: 0.5rem;
}
#EventContent {
	margin-bottom: 5rem;
}
#EventInfo ul {
	font-size: 1.2rem;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#EventInfo ul > li {
	margin-bottom: 0;
	padding: 0 0 0.5rem 1rem;
}
#EventInfo ul > li::before {
	content: "■";
	color: #F2652C;
	display: inline-block;
	margin-left: -1rem;
	vertical-align: top;
	width: 1rem;
}
#EventInfo .ButtonStyle1 {
	font-size: 1.6rem;
	margin-right: 0.5rem;
	width: 268px;
}
.EventButton {
	max-width: 50% !important;
	width: 50% !important;
}


/* Search Form */

#EventSearch label {
	color: #013C4C;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	margin-right: 0.5rem;
}
.EventSearchFilter {
	display: inline-block;
}
.EventSearchFilter select {
	float: none !important;
}
.EventSearchFilter .Consolidated {
	display: inline-block;
	max-width: 240px;
	vertical-align: middle;
	width: 20vw;
}
.EventSearchFilter .Consolidated input[type="search"] {
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	box-sizing: border-box;
	height: 2.25rem;
	float: left;
	padding-top: 0;
	padding-bottom: 0;
	width: calc(100% - 2.5rem);
}
.EventSearchFilter .Consolidated button {
	background-color: #268518;
	background-size: 1.5rem 1.5rem;
	background-position: center;
	border: 0;	
	border-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	box-sizing: border-box;
	height: 2.25rem;
	width: 2.5rem;
}
#FilterType,
#FilterAudience {
	max-width: 225px;
	width: 225px;
	width: 15vw;
}

/* Search Results */

.CalendarSearchHeader {
	background-color: #EEEAE3;
	box-sizing: border-box;
	color: #013C4C;
	font-size: 1.2rem;
	margin: 0 0 2px 0;
	padding: 0.5rem;
	text-align: center;
}
.CalendarSearchHeader a.Button {
	display: inline-block;
	margin-left: 1rem;
	max-width: none;
	width: auto;
}
.CalendarSearchResult {
	background-color: #F7F7F7;
	box-sizing: border-box;
	display: block;
	height: auto;
	margin: 0;
	padding: 0.5rem;
	width: 100%;
}
.CalendarSearchResult .EventTitle {
	margin-bottom: 0;
}
.CalendarSearchResult:nth-child(even) {
	background-color: #FFF;
}
#SearchResultsMessage {
	margin-top: 1rem;
}

/* Component */

.EventFeedComponent {
	background-image: url("../images/lizard.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 290px;
}
#EventFeed .Column {
	padding: 0 1rem 0 0;
}
#EventFeed .Column:last-child {
	padding: 1rem 0 0;
}

/* Breakpoints */

@media screen and (max-width: 1024px) {
	.CalendarDayEventList,
	.CalendarDayHeader,
	.CalendarDayFooter {
		font-size: 1.5vw;
	}
	.EventFeedComponent {
		background-size: 240px;
	}
}
@media screen and (max-width: 800px) {
	.CalendarHeader {
		margin: 0 0 2px 0;
	}
	.CalendarContainer > time {
		display: block;
		height: auto;
		margin: 2px 0;
		max-height: 100%;
		max-width: 100%;
		min-height: 0;
		min-width: 100%;
		width: 100%;
		font-size: 1rem;
	}
	.CalendarDayEventList {
		font-size: 1rem;
	}
	.CalendarContainer .DayNoEvents,
	.CalendarContainer .DayDisabled {
		display: none;
	}
	.CalendarDayHeader {
		display: none;
	}
	.CalendarDateFull {
		display: block;
	}
	.CalendarDateDay {
		display: none;
	}
	.CalendarDialog {
		display: none;
	}
	.EventTime {
		display: inline;
	}
	.CalendarContainer > time.CalendarListOdd {
		background-color: #FFF;
	}
	.EventSearchFilter {
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	.EventSearchFilter label {
		text-align: right;
		width: 5rem;
	}
	#FilterType,
	#FilterAudience,
	.EventSearchFilter .Consolidated {
		max-width: none;
		width: 40vw;
	}
	.EventFeedComponent {
		background-size: 225px;
	}
}
@media screen and (max-width: 640px) {
	.EventButton {
		max-width: 80% !important;
		width: 80% !important;
	}
	#EventFeed .Column {
		display: block;
		width: 100%;
	}
}
@media screen and (max-width: 460px) {
	.EventFeedComponent {
		background-size: 200px;
	}
}
@media screen and (max-width: 420px) {
	#FilterType,
	#FilterAudience,
	.EventSearchFilter .Consolidated {
		width: 160px;
	}
}
@media screen and (max-width: 375px) {
	.EventFeedComponent {
		background-size: 160px;
	}
}