@charset "UTF-8";

.eventbrite-->.row{
 row-gap: 20px
}
@media ( min-width: 768px ){

 .eventbrite--{
  padding-bottom: 50px
 }
	
 .eventbrite-->.row{
  row-gap: 40px
 }

}
.eventbrite-- div.col-1 .event{
 display: flex;
 flex-direction: column;
 height: 100%;	
 border-radius: 4px;
 background-color: #fff
}
.eventbrite-- div.col-1 .event .image{
 display: block;
 flex: 0 0 auto;
 padding-bottom: 56%;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat
}
.eventbrite-- div.col-1 .event .content{
 flex: 1 1 100%;
 padding: 20px 5px 10px 20px
}
.eventbrite-- div.col-1 .event .content p.date{
 text-transform: uppercase	
}
.eventbrite-- div.col-1 .event .content p.h4.title{
 margin-bottom: 0	
}
.eventbrite-- div.col-1 .event .location{
 flex: 0 0 auto;
 padding: 0 20px 20px 20px
}
.eventbrite-- div.col-1 .event .eventfooter{
 flex: 0 0 auto;
 padding: 10px 20px;
 border-top: solid #ebebeb 1px
}