/* xsm_eventserver - bootstrap CSS */

.eventserver {  /* placeholder */  }
.eventserver .event-minibox {  }
.eventserver .event-minibox .event-headerbox {  }
.eventserver .event-minibox .event-contentbox {  }

.eventserver .event-item-headline a { text-decoration: none !important; color: var(--primary);}
.eventserver .event-item-headline a:hover { text-decoration: none !important; }
.eventserver .event-item-headline-sub a { text-decoration: none !important; color: var(--info); }
.eventserver .event-item-headline-sub a:hover { text-decoration: none !important; }

#event-listbox .header {  color: var(--black); }
#event-listbox .eventlist-container.hover { transition: all .4s; }
#event-listbox .eventlist-container.hover:hover { transition: all .4s; background-color: var(--light); cursor: pointer;}
#event-listbox .eventlist-container img.leadimg { width: 100%; max-width: 225px; height: auto; }

#event-listbox .event-item img.leadimg { width: 260px; height: auto;}
#event-listbox .event-item-title { font-weight: bold; font-family: var(--font-family-display); font-size: 120%; margin-bottom: 0; margin-top: 1rem; color: var(--blue); }
#event-listbox .event-item-headline {  }

#event-listbox .event-day-item-headline {
	font-family: opensans-cb, sans-serif;
	font-style: normal;
	font-size: 24px;	
	color: #262626;
	-moz-transiton: none !important;
	-webkit-transition: none !important;
	transition: none !important;
}

#event-listbox .event-time {

}

#event-listbox .event-item-expanded {
	padding: 0 0 0 25px;
}

#event-listbox .event-list-seperator {
	border: 1px dotted #eee;
}

#event-listbox .event-item-headline-sub { font-family: var(--font-family-buttons); font-size: 1.4rem; }
#event-listbox .event-item-headline-byline { color: var(--gray-dark); }
#event-listbox .event-item-social { line-height: 1rem; }
#event-listbox .event-item-more { font-family: opensans-cb; cursor: pointer; transition: opacity .2s; }
#event-listbox .event-item-more:hover { transition: opacity .2s; opacity: .7; }
#event-listbox .event-item { transition: background .4s; }
#event-listbox .event-item:hover { background: #ccc !important; transition: background .4s; }

#event-listbox .media-box { text-align: left; }
#event-listbox .media-box .eventimg { max-width: 400px; width: 100%; display: inline-block; vertical-align: bottom; }
#event-listbox .media-box .eventimg img { width: 100%; display: block; vertical-align: bottom; }


#event-readbox .header { font-family: opensans-eb; color: var(--black); }
#event-readbox .event-item img.leadimg { width: 100%; max-width: 750px; height: auto; margin-left: auto; margin-right: auto; }
#event-readbox .event-item-headline { }
#event-readbox .event-item-headline-sub { color: var(--primary); font-weight: 900; }
#event-readbox .event-item-starttime {  font-weight: 900; }
#event-readbox .card-header > h3.event-item-headline-sub { margin-bottom: 0 !important; }
#event-readbox .event-item-headline-byline { font-family: quattrocento_sansregular; color: var(--gray-dark); }
#event-readbox .event-item-social { line-height: 1rem; }
#event-readbox .event-item-more { font-family: opensans-cb; cursor: pointer; transition: opacity .2s; }
#event-readbox .event-item-more:hover { transition: opacity .2s; opacity: .7; }
#event-readbox .eventbox-block { margin-bottom: 1.5rem; }

#event-featurebox {	width: 100%; background-image: url('/images/site/template/event-featurebox-bg.jpg'); background-size: cover; background-position: 50% 50%; background-color: rgba(6,79,147,0.7); padding: 1rem; height: 100%; }
#event-featurebox .header { height: 53px; background-image: url('/images/site/template/event-featurebox-headerbg.png'); background-repeat: no-repeat; background-position: 100% 0; background-size: auto auto; }
#event-featurebox .header h2 { color: #fff; background: transparent; font-family: var(--font-family-display); font-size: 2.1vw; padding: 0; margin: 0; }
#event-featurebox .header h4 { color: #fff; background: transparent; font-family: var(--font-family-buttons); text-transform: small-caps; font-size: 1.3vw; margin-bottom: 0;}
#event-featurebox .itembox { background: rgba(22,19,87,0.7); margin: .25rem 0; padding: .5rem; color: #fff; font-family: var(--font-family-buttons); }
#event-featurebox .itembox .headline { text-transform: uppercase; text-align: left; font-size: 1.5vw; line-height: 1;}
#event-featurebox .itembox .dates { text-align: left; color: #d3d3d3; white-space: nowrap; text-overflow: ellipsis;}
#event-featurebox .seperator { border: none; border-bottom: 2px dotted var(--primary); height: 0; clear: both; margin: .5rem auto; }

#event-featurebox .actionbox > a.btn + a.btn { margin-left: .5rem; }
#event-featurebox .footer {  }

#event-featurebox #event-featureitems-container {  }

@media (min-width: 1600px) {
	#event-featurebox .header { height: 55px; }
	#event-featurebox .header h2 { font-size: 32px; }
	#event-featurebox .header h4 { font-size: 20px; }
}


@media (min-width: 992px) and (max-width: 1200px) {
	#event-featurebox .itembox .actionbox a.btn  { font-size: 0.9rem; }
	/* #event-featurebox .header h2 { font-size: 1.6rem; }*/
	/* #event-featurebox .header h4 { font-size: 1rem; }*/

	/* */
	#event-featurebox .itembox .dates { font-size: 1rem; }
}

@media (max-width: 992px) {
	#event-featurebox .itembox .headline { font-size: 1.6rem; } 
	#event-featurebox .header { height: auto; }
	#event-featurebox .header h2 { font-size: 2.3rem; }
	#event-featurebox .header h4 { font-size: 1.6rem; }


}


@media (max-width: 576px) {

	#event-featurebox .itembox img { margin: .5rem auto; }
	#event-featurebox .header h4 { font-size: 1.4rem; }

	#event-listbox .event-time {
		font-size: 22px;	
	}
	#event-listbox .event-day-item-headline {
		padding: 0 0 0 20px;
		font-size: 18px;	
	}


}

@media (max-width: 480px) {

	#event-featurebox .itembox .headline { font-size: 1.2rem; }
	#event-featurebox .header { background-position: 100% 80%; }
}