@charset "UTF-8";

#about-events section.wce-container > div{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}

#about-events section.wce-container > div.row:before,
#about-events section.wce-container > div.row:after {
	display: none;
}

#about-events section.wce-container > div > div{
	padding-bottom: 1em;
}

#about-events .thumbnail{
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 0;
}

#about-events .thumbnail > div:first-child{
	padding: 1em 1em 0;
}

#about-events .thumbnail > div:first-child > div{
	position: relative;
	height: 180px;
	background: no-repeat 50% 50%;
	background-size: cover;
	border-radius: 5px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2), 2px 0 5px 0 rgba(0,0,0,0.2), 1px 0 2px 0 rgba(0,0,0,0.1);
}

#about-events .thumbnail > div:first-child > div > h3{
	position: absolute;
	bottom: 10px;
	left: 10px;
	margin: 0;
	font-size: 20px;
	padding: 0.3em 0.5em 0.2em;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2) inset;
}

#about-events .thumbnail > .caption{
	padding: 1em 1em 0.5em;
	margin-bottom: 0.2em;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

#about-events .thumbnail > .caption > p{
	font-size: 0.9em;
	margin-bottom: 0.2em;
}

#about-events .thumbnail > .link-space{
	padding: 1em;
	text-align: right;
	border-top: 1px solid #ccc;
}

#about-events .thumbnail > .link-space > p{
	margin-bottom: 0;
}

/*----------bootstrap lg----------*/
@media screen and (min-width: 1200px){
	#about-events > .row > div:nth-child(3n+2){
		clear: both;
	}
}

/*----------bootstrap md----------*/
@media screen and (min-width: 992px) and (max-width: 1199px){
	#about-events > .row > div:nth-child(3n+2){
		clear:both;
	}
}

/*----------bootstrap sm----------*/
@media screen and (min-width: 768px) and (max-width: 991px){
	#about-events > .row > div:nth-child(2n){
		clear:both;
	}
}

/*----------bootstrap xs----------*/
@media screen and (min-width: 545px) and (max-width: 767px){
	#about-events > .row > div:nth-child(2n){
		clear:both;
	}
}

/*-----bootstrap original xss-----*/
@media screen and (max-width: 544px){

}