.elementor-429 .elementor-element.elementor-element-f0cee4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-429 .elementor-element.elementor-element-25b520f{--display:flex;}.elementor-429 .elementor-element.elementor-element-b22db58{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-dd8c0d5 */.mec-event-grid-classic .mec-event-image {
    width: 150px !important;
    height:150px !important;
}
.mec-event-image {
    position: absolute;
    top: -60px !important;
}/* End custom CSS */
/* Start custom CSS */@media (max-width: 767px) {
  /* Make .row act like a grid for easier gaps */
  .mec-wrap .row {
    display: grid !important;
    grid-template-columns: 1fr; /* 1 column per row */
    row-gap: 30px; /* vertical gap between boxes */
    margin: 0 !important; /* reset Bootstrap negative margins */
  }

  /* Optional: adjust columns */
  .mec-wrap .col-md-3,
  .mec-wrap .col-sm-3 {
    width: 100% !important;
    margin: 0 !important;
  }
}/* End custom CSS */