.clearFloat {
clear: both;
float: none;
width: 0;
height: 0;
line-height: 0;
margin: 0;
padding: 0;
}
.mad_isotope_grid_wrapper {
padding-bottom: 50px;
margin-bottom: 50px;
}
.mad_isotope_grid_wrapper .row a {
width: 100% !important;
}
.mad_isotope_grid_wrapper .row a img {
width: 100% !important;
}
.mad_isotope_grid_wrapper .row a .mad_event_data {
font-size: 15px;
line-height: 20px;
}
.mad_isotope_buttons_wrapper {
margin-bottom: 30px;
}
.mad_isotope_buttons_wrapper button {
display: inline-block;
margin-right: 10px;
background-color: #999;
padding: 5px 10px;
margin-bottom: 10px;
border-radius: 5px;
color: #FFF;
line-height: 30px;
border: none;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.mad_isotope_buttons_wrapper button:hover {
background-color: #80217f;
color: #FFF;
}
.mad_isotope_buttons_wrapper button.is-checked {
background-color: #80217f;
color: #FFF;
}
@media only screen and (min-width: 600px) {
.mad_isotope_grid_wrapper .row a {
width: 50% !important;
}
}
@media only screen and (min-width: 992px) {
.mad_isotope_grid_wrapper .row a {
width: 33.3% !important;
}
}
@media only screen and (min-width: 1280px) {
.mad_isotope_grid_wrapper .row a {
width: 25% !important;
}
}