/* Make each workshop read as one clear vertical event card on phones. */
@media (max-width: 560px) {
  .workshop-lightbox-dialog {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .workshop-card-grid {
    display: block;
  }

  .workshop-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff6c9;
  }

  .workshop-card + .workshop-card {
    margin-top: 30px;
    box-shadow: 0 -7px 0 #f7d66e, 0 12px 24px rgba(75, 47, 3, .18);
  }

  .workshop-card-image {
    order: 1;
    display: grid;
    flex: 0 0 390px;
    height: 390px;
    background: #161d28;
  }

  .workshop-card-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    object-fit: contain;
  }

  .workshop-card-copy {
    order: 2;
    min-height: 235px;
    padding: 22px 20px 24px;
    border-top: 5px solid #e4b84a;
    background: #fff6c9;
  }

  .workshop-card-copy a {
    margin-top: 22px;
  }
}

@media (max-width: 380px) {
  .workshop-card-image {
    flex-basis: 350px;
    height: 350px;
  }
}