/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
 .wp-block-cgb-block-eventdisplay {
    margin-top: 0 !important;
  }
  .eventDisplay_container {
    padding: 20px 10px 80px 10px;
  }
  .eventDisplay_container h3 {
    text-align: center;
    padding-bottom: 40px;
  }
  .eventGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3%;
  }
  @media only screen and (max-width: 700px) {
      .eventGrid {
      grid-template-columns: 1fr !important;
      grid-gap: 2%;
    }
    .eventDisplay_container {
      padding-bottom: 120px;
    }
  }