/*------------------------------------------
 *  Reponsive
 * -----------------------------------------*/
/*------------------------------------------
 *  BUTTON
 * -----------------------------------------*/
/*------------------------------------------
 *  Before/After
 * -----------------------------------------*/
/*------------------------------------------
 *  Reponsive
 * -----------------------------------------*/
/*------------------------------------------
 *  BUTTON
 * -----------------------------------------*/
/*------------------------------------------
 *  Before/After
 * -----------------------------------------*/
.swiper-related-episodes {
  background: var(--wp--preset--color--second);
  margin-bottom: 140px;
}

.related-episodes__heading {
  font-size: 1.875rem;
  line-height: 130%;
  color: var(--wp--preset--color--white);
  margin-bottom: 24px;
  font-weight: 900;
  text-transform: uppercase;
  position: relative;
}
.related-episodes__heading::after {
  content: "";
  background: var(--wp--preset--color--fifth);
  width: 63px;
  height: 8px;
  position: absolute;
  bottom: -10px;
  left: 0;
}

article.single-grid .single-grid-link {
  text-decoration: none;
}
article.single-grid .single-grid-header {
  max-width: 450px;
  margin-bottom: 22px;
  position: relative;
}
article.single-grid .single-grid-header .thumbnail-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
article.single-grid .single-grid-header .thumbnail-wrapper img {
  width: 100%;
  height: 251px;
  object-fit: cover;
  object-position: center;
  display: block;
}
article.single-grid .single-grid-header .thumbnail-wrapper .single-grid-duration, article.single-grid .single-grid-header .thumbnail-wrapper .duration-badge {
  font-size: 10px;
  margin: 0;
  text-transform: uppercase;
  color: var(--wp--preset--color--white);
  background: var(--wp--preset--color--first);
  padding: 4px 12px;
  border-radius: 24px;
  font-weight: 900;
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
}
article.single-grid .single-grid-header .thumbnail-wrapper .single-grid-duration-icon svg, article.single-grid .single-grid-header .thumbnail-wrapper .duration-badge-icon svg {
  display: block;
}
article.single-grid .single-grid-header .thumbnail-wrapper .play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: url("/wp-content/themes/ikadia-theme-child/assets/icons/play-lg.svg") no-repeat center center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
article.single-grid .single-grid-header .thumbnail-wrapper:hover .play-overlay {
  opacity: 1;
}/*# sourceMappingURL=block.css.map */