.wfea-card {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin: 0 auto !important;
  
  &.card {
    // handle conflict with other card layouts
    width:100%;
    max-width: 100%;
    min-width: 300px;
  }
  &.enfold .wfea-card-item .eaw-img {
        position: inherit!important;
  }
  .eaw-card-details {
    z-index: 999999;
    display: none;
    text-align: left;
    background-color: #fff;
    padding: 20px;
    max-width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    color: #000;
    font-size: 16px;
    line-height: 1.4;
    word-wrap: normal;
    white-space: normal;
  }
  .eaw-button-details:hover .eaw-card-details {
    display: block;
    transform-origin: 100% 0%;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
  }

  &-list-item {
    box-sizing: border-box !important;
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    width: 100% !important;
    max-width: 20rem !important;
    margin-bottom: 1rem !important;
  }

  // .wfea-card-list-item

  .wfea-card-item {
    border-radius: 3px !important;
    overflow: hidden !important;

    .eaw-thumb-wrap {
      width: 100% !important;
      overflow: hidden !important;
      padding-top: 42.10526% !important;
      position: relative !important;

      img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
      }
    }

    // .eaw-thumb-wrap

    .eaw-content-wrap {
      background: #fff !important;
      padding: .25rem !important;
      border: 1px solid #e2e8f0 !important;
      display: flex !important;

      .eaw-calendar-date {
        flex: 0 0 auto !important;
        text-align: center !important;
        font-size: 2.1rem !important;
        line-height: 1.5 !important;

        .eaw-calendar-date-month {
          color: #d6472b !important;
          text-transform: uppercase !important;
          font-size: .875rem !important;
        }

        .eaw-calendar-date-day {
          font-size: 1.25rem !important;
        }
      }

      .eaw-content-block {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
        color: #000 !important;
        flex: 1 1 auto !important;
        font-size: 15px;

        h3 {
          font-size: .875rem !important;
          color: #000 !important;
          margin-top: 0 !important;
          margin-bottom: 12px;
          font-weight: bold !important;

          a {
            color: #000 !important;
            text-decoration: none;
          }
        }

        .eaw-time {
          font-size: 16px;
        }

        .eaw-buttons {
          display: flex !important;
          flex-wrap: wrap !important;
          justify-content: space-between !important;
          padding-top: .5rem !important;

          .eaw-button-details {
            color: #2b6cb0 !important;
            text-decoration: underline !important;
            background: none !important;
            border: none !important;
            padding: 0 !important;
          }
        }

        .eaw-buttons .eaw-booknow a {
          display: block !important;
          background: rgb(60, 125, 56) !important;
          color: #fff !important;
          padding: .25rem 1rem !important;
          border-radius: 3px !important;
          text-decoration: none;
          min-height: auto;
          box-sizing: content-box;
          width: auto;
        }
        &:hover {
          text-decoration: none
        }
      }

      // .eaw-content-block

    }

    // .eaw-content-wrap
  }

  // .wfea-card-item
}

// .wfea-card