/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 02 2026 | 20:53:34 */
/* JH read-aloud controls 2026-05-02 */
.jh-read-aloud {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin: 1rem 0 1.5rem;
  padding: .85rem 1rem;
  border: 1px solid #cfe1e8;
  border-radius: 8px;
  background: #eef8fb;
}

.jh-read-aloud button,
.jh-read-aloud select {
  min-height: 38px;
  border-radius: 6px;
}

.jh-read-aloud button {
  border: 0;
  background: #075f73;
  color: #fff;
  padding: .55rem .8rem;
  font-weight: 700;
}

.jh-read-aloud button[disabled] {
  opacity: .55;
  cursor: not-allowed;
}

.jh-read-aloud button:hover:not([disabled]),
.jh-read-aloud button:focus-visible:not([disabled]) {
  background: #04495a;
}

.jh-read-aloud select {
  border: 1px solid #9eb8c3;
  background: #fff;
  color: #16384f;
  padding: .45rem .55rem;
}

.jh-read-aloud .jh-read-status {
  flex-basis: 100%;
  color: #315369;
  font-size: .92rem;
}

@media (max-width: 544px) {
  .jh-read-aloud {
    align-items: stretch;
  }

  .jh-read-aloud button,
  .jh-read-aloud select {
    flex: 1 1 44%;
  }
}