/**
 * Protected audio-card template.
 * Only .paraklit-audio-card selectors are owned by this file.
 */

.paraklit-audio-card,
.paraklit-audio-card *,
.paraklit-audio-card *::before,
.paraklit-audio-card *::after {
  box-sizing: border-box;
}

body .site-main article.paraklit-audio-card.paraklit-audio-card--ready .inside-article {
  display: block !important;
  margin: 0 !important;
  padding: var(--pct-audio-padding, 16px) !important;
  border: 0 !important;
  border-top: 3px solid var(--pct-audio-border, #245865) !important;
  background: var(--pct-audio-bg, #f1eee4) !important;
  color: var(--pct-audio-text, #1f2326) !important;
  font-family: var(--pct-audio-font, inherit) !important;
}

.paraklit-audio-card__layout {
  display: grid;
  grid-template-columns: minmax(220px, var(--pct-audio-image-width, 40%)) minmax(0, 1fr);
  gap: 8px var(--pct-audio-gap, 18px);
  align-items: start;
}

.paraklit-audio-card__media {
  position: relative;
  display: grid;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  min-height: 170px;
  aspect-ratio: 16 / 9;
  place-items: center;
  overflow: hidden;
  background: #202426;
}

.paraklit-audio-card__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
}

.paraklit-audio-card__play {
  position: absolute;
  inset: 50% auto auto 50%;
  display: grid;
  width: 62px;
  height: 62px;
  padding: 0 0 0 4px !important;
  transform: translate(-50%, -50%);
  place-items: center;
  border: 2px solid rgba(255,255,255,.86) !important;
  border-radius: 50% !important;
  background: color-mix(in srgb, var(--pct-audio-play, #bf001f) 88%, transparent) !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.34);
  color: #fff !important;
  font: 700 27px/1 Arial, sans-serif !important;
  cursor: pointer;
}

.paraklit-audio-card__play:hover,
.paraklit-audio-card__play:focus-visible {
  filter: brightness(1.12);
}

.paraklit-audio-card__play[hidden] {
  display: none !important;
}

.paraklit-audio-card__copy {
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
}

body .paraklit-audio-card .entry-header {
  margin: 0 0 6px !important;
}

body .paraklit-audio-card .entry-title {
  margin: 0 0 6px !important;
  font-family: var(--pct-audio-font, inherit) !important;
  font-size: var(--pct-audio-title-size, 23px) !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
}

body .paraklit-audio-card .entry-title a,
body .paraklit-audio-card .entry-title a:link,
body .paraklit-audio-card .entry-title a:visited {
  color: var(--pct-audio-title, #1f65b7) !important;
}

.paraklit-audio-card__date {
  margin: 0 0 7px;
  color: var(--pct-audio-meta, #1f65b7);
  font-size: var(--pct-audio-meta-size, 16px);
}

.paraklit-audio-card__date a {
  color: inherit !important;
}

.paraklit-audio-card__description {
  color: var(--pct-audio-text, #1f2326);
  font-family: var(--pct-audio-font, inherit);
  font-size: var(--pct-audio-text-size, 19px);
  line-height: var(--pct-audio-line-height, 142%);
}

.paraklit-audio-card__description > * {
  margin: 0 0 .55em !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
}

.paraklit-audio-card:not(.paraklit-audio-card--expanded) .paraklit-audio-card__description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--pct-audio-lines, 5);
}

.paraklit-audio-card__players {
  position: relative;
  width: 100%;
  margin-top: 8px;
  color: var(--pct-audio-text, #1f2326);
}

.paraklit-audio-card:not(.paraklit-audio-card--expanded) .paraklit-audio-card__players {
  max-height: 58px;
  overflow: hidden;
}

.paraklit-audio-card__players audio,
.paraklit-audio-card__players .mejs-container,
.paraklit-audio-card__players .wp-playlist,
.paraklit-audio-card__players .cue-playlist {
  max-width: 100% !important;
}

.paraklit-audio-card__players > * {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.paraklit-audio-card__footer {
  display: flex;
  clear: both;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  margin-top: 10px;
  color: var(--pct-audio-meta, #1f65b7);
  font-family: var(--pct-audio-font, inherit);
  font-size: var(--pct-audio-meta-size, 16px);
}

.paraklit-audio-card__terms {
  min-width: 0;
}

.paraklit-audio-card__terms footer.entry-meta,
.paraklit-audio-card__terms footer.entry-meta a,
.paraklit-audio-card__terms .paraklit-post-hashtags,
.paraklit-audio-card__terms .paraklit-post-hashtags a {
  margin: 0 !important;
  color: var(--pct-audio-meta, #1f65b7) !important;
  font: inherit !important;
}

.paraklit-audio-card__terms .paraklit-post-hashtags,
.paraklit-audio-card__terms .paraklit-post-hashtags a {
  color: var(--pct-audio-tag, #6b4fa3) !important;
}

.paraklit-audio-card__toggle {
  flex: 0 0 auto;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--pct-audio-toggle, #0551c1) !important;
  font-family: var(--pct-audio-font, inherit) !important;
  font-size: var(--pct-audio-toggle-size, 16px) !important;
  line-height: 1.3 !important;
  cursor: pointer;
}

.paraklit-audio-card__toggle:hover,
.paraklit-audio-card__toggle:focus-visible {
  text-decoration: underline;
}

.paraklit-audio-card--expanded .paraklit-audio-card__layout {
  display: block;
}

.paraklit-audio-card--expanded .paraklit-audio-card__media {
  float: left;
  width: var(--pct-audio-image-width, 40%);
  margin: 0 var(--pct-audio-gap, 18px) 10px 0;
}

.paraklit-audio-card--expanded .paraklit-audio-card__copy {
  display: block;
}

.paraklit-audio-card--expanded .paraklit-audio-card__players {
  max-height: none;
  overflow: visible;
}

@media (max-width: 768px) {
  body .site-main article.paraklit-audio-card.paraklit-audio-card--ready .inside-article {
    padding: 12px !important;
  }

  .paraklit-audio-card__layout,
  .paraklit-audio-card--expanded .paraklit-audio-card__layout {
    display: block;
  }

  .paraklit-audio-card__media,
  .paraklit-audio-card--expanded .paraklit-audio-card__media {
    float: none;
    width: 100%;
    margin: 0 0 12px;
  }

  .paraklit-audio-card:not(.paraklit-audio-card--expanded) .paraklit-audio-card__description {
    -webkit-line-clamp: var(--pct-audio-mobile-lines, 4);
  }

  .paraklit-audio-card__footer {
    align-items: flex-end;
  }
}