/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 12 2026 | 19:15:39 */
/*
 * ZIM – Workshops – CSS
 * What: Workshops page extras Bricks classes can't express:
 *       1. "Coming soon" card shows only when there are no upcoming workshops (:has()).
 *       2. Workshop rows: title underline only on hover; Register button placement.
 *       3. "Two workshops" section (#types) on black: light text and card lines.
 *       4. Activity gallery: rounded corners, photo zooms in a little on hover.
 * Where: Workshops page (/workshops/, page 194). Every selector starts with a
 *        zim-wks-* class or #types, so it does nothing on other pages.
 * Added: 2026-10-12 (Version B / Eventin widget styling removed the same day,
 *        Zin chose the Bricks loop)
 */

/* 1. Empty state -------------------------------------------------------- */
.zim-wks-a:has(.zim-wks-row) .zim-wks-empty {
  display: none;
}
.zim-wks-a:not(:has(.zim-wks-row)) .zim-wks-list {
  display: none;
}

/* 2. Workshop rows ------------------------------------------------------ */
.zim-wks-row .zim-wks-row__title {
  text-decoration-color: transparent;
}
.zim-wks-row:hover .zim-wks-row__title,
.zim-wks-row:focus-visible .zim-wks-row__title {
  text-decoration-color: #D44915;
}
.zim-wks-row:focus-visible {
  outline: 2px solid #D44915;
  outline-offset: 2px;
}
/* Register button placement (the class's own breakpoint values for
   grid-column did not save in Bricks) */
@media (max-width: 991px) {
  .zim-wks-row .zim-wks-row__cta {
    grid-column: 3 / 4;
    justify-self: start;
  }
}
@media (max-width: 478px) {
  .zim-wks-row .zim-wks-row__cta {
    grid-column: 1 / -1;
    justify-self: stretch;
  }
}

/* 3. "Two workshops" on black (section background is set in Bricks) ---- */
#types .zim-wks-head__intro {
  color: #bdbdbd;
}
#types .zim-wks-type {
  border-color: rgba(255,255,255,0.14);
}
#types .zim-wks-type:hover {
  border-color: rgba(255,255,255,0.6);
}
#types .zim-wks-type__num {
  -webkit-text-stroke-color: rgba(255,255,255,0.45);
}
#types .zim-wks-type:hover .zim-wks-type__num {
  -webkit-text-stroke-color: #D44915;
}
#types .zim-wks-type__title {
  color: #ffffff;
}
#types .zim-wks-type__text {
  color: #bdbdbd;
}
#types .zim-wks-type__facts {
  border-top-color: rgba(255,255,255,0.14);
  color: #8a8a8a;
}

/* 4. Gallery ------------------------------------------------------------ */
.zim-wks-gallery .bricks-layout-item figure,
.zim-wks-gallery .bricks-layout-item a {
  display: block;
  height: 100%;
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
}
.zim-wks-gallery img {
  border-radius: 18px;
  transition: transform .6s cubic-bezier(.22,1,.36,1);
}
.zim-wks-gallery a:hover img,
.zim-wks-gallery a:focus-visible img {
  transform: scale(1.06);
}
.zim-wks-gallery a:focus-visible {
  outline: 2px solid #D44915;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .zim-wks-gallery img {
    transition: none;
  }
}