/**
 * CourseStorm Blocks
 *
 * CSS for both Frontend+Backend.
 */

.wp-block-coursestorm-classes-by-category,
.wp-block-coursestorm-upcoming-classes {
  margin-bottom: 2em;

  h2 {
    margin-bottom: 1em;
  }

  ul {
    list-style: none;
    padding: 0;
    margin: 0;

    li {
      display: flex;
      margin-bottom: 1.5em;
      padding-bottom: 1.5em;
      border-bottom: 1px solid #eee;
      max-width: 100%;

      &:last-child {
        border-bottom: none;
      }

      img {
        max-width: 100%;
      }
    }
  }

  .coursestorm-classes-by-category-block-content {
    flex: 1;

    &.no-date {
      margin-left: 0;
    }

    .coursestorm-classes-by-category-block-image {
      max-width: 100%;
    }
  }
}