.clearboth{clear: both;}

.event-container{position: relative;}
.event-container.loading:after{position: absolute;content: "Loading...";width: 100%;height: calc(100% - 200px);display: block;background-color: rgba(255,255,255,0.5);left: 0;top: 0;text-align: center;font-size: 2rem;color: #000;padding-top:200px;}

.tkrows{padding: 10px 0;display: flex;}

.tkrows .tkcolumn4{float: left;width: calc( 33.33% - 14px);min-width: calc( 33.33% - 14px);padding: 15px; border: 1px solid #dedede;position:relative;}

.tkrows .tkcolumn4:nth-child(2){margin-left: 20px;margin-right: 20px;}

.tkrows .tkcolumn4 img{max-width: 100%;}

.tkrows .tkcolumn4 h3{font-size: 1.5rem; color: #64a70b; margin-top: 15px;}
.tkrows .tkcolumn4 h3 a { color: #64a70b;}
.tkrows .tkcolumn4 .date{font-size: small;}

.tkrows .tkcolumn4 .eventdate{position:absolute;left:15px;bottom:40px;}

.tkrows .tkcolumn4 a.button{position:absolute;left:15px;bottom:15px;}

.event-paging a{padding: 2px 6px;cursor: pointer;color:#000;background-color: #fff;border: 1px solid #dedede;margin-right: 10px;text-decoration: none;}
.event-paging a:hover{background-color: #f4f4f4;}
.event-paging a.active{background-color: #f4f4f4;}

@media screen and (max-width: 39.9375em) {
    .tkrows{display: block;}
	.tkrows .tkcolumn4{float: none;width: 100%;margin: 0 0 20px 0 !important;padding-bottom:15px;}
	.tkrows .tkcolumn4 a.button{position:relative;left:0;bottom:0;}
	.tkrows .tkcolumn4 .eventdate{position:relative;left:0;bottom:0;}
}