.wbwe-rows{
	max-width: 1440px;
	width: 90%;
	margin: auto;
	font-size: 0;
	padding: 60px 0 10px;
}

.wbwe-rows-inner{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	margin: -16px;

	/*overflow-y: auto !important;*/
    /*max-height: 800px;*/
}
.wbwe-rows-inner::after {
	content: "";
	flex: auto;
}

.wbwe-row
{
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 23%;
    -ms-flex: 0 1 23%;
    flex: 0 1 23%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	border: 1px solid #e5e5e5; 
	margin: 13px;
	background-color: #eee;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.wbwe-row:hover
{
	box-shadow: 0 0 25px 0px #7d7474;
    transform: scale(1.08);
}

.wbwe-row-details
{
	padding: 30px 18px;
}
h2.wbwe-title
{
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: 30px 20px 20px;
}
h2.wbwe-title a
{
	color: #000;
}
.wbwe-date
{
	font-size: 1rem;
	color: #e8412c;
	padding: 0 20px 2px;
}
.wbwe-city
{
	font-size: 1rem;
	color: #e8412c;
	padding: 0 20px 30px;
}

.wbwe-row-inner
{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
/*    -webkit-justify-content: stretch;
    -ms-flex-pack: justify;
    justify-content: stretch;*/
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	height: 100%;
}
.wbwe-row-text
{
	height: 100%;
	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.wbwe-row-inner .event-image, 
.wbwe-row-inner .wbwe-row-details
{
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}


.wbwe-row-inner-click
{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 2;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.wbwe-row-inner-click:hover
{
	/*background-color: rgba(232, 65, 44, 0.3);*/
}
.wbwe-row .event-image
{
	position: relative;
}
.wbwe-row .event-image img
{
	width: 100%;
}
.wbwe-row .event-image:after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background: rgba(255,255,255,0.1);
}

.show-all-events
{
	margin: 30px 0 20px -3px;
}

.show-all-events:hover
{
	
}

@media all and (max-width: 1600px){

}
@media all and (max-width: 1520px){
	.wbwe-row
	{
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 30%;
		-ms-flex: 0 1 30%;
		flex: 0 1 30%;
	}
}

@media all and (max-width: 1200px){
}

@media all and (max-width: 1024px){
	.wbwe-row
	{
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 45%;
		-ms-flex: 0 1 45%;
		flex: 0 1 45%;
	}
}

@media all and (max-width: 570px){
.wbwe-row
	{
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
	}
}