@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --main-brand-color: #07366a;
  --white: white;
  --grey: #eaedf0;
}

body {
  color: var(--main-brand-color);
  font-family: Satoshi, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: none;
}

.page-wrapper {
  width: 100%;
  max-width: 555px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.bottom-nav-wrapper {
  z-index: 10;
  grid-column-gap: 90px;
  background-color: var(--white);
  flex-direction: row;
  justify-content: space-around;
  padding: 10px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  box-shadow: 0 -1px 12px -6px #00000073;
}

.nav-button {
  grid-row-gap: 5px;
  color: var(--main-brand-color);
  border-radius: 15px;
  flex-direction: column;
  align-items: center;
  width: 25%;
  height: auto;
  padding: 15px 10px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.nav-button.w--current {
  background-color: var(--main-brand-color);
  color: var(--white);
  padding: 10px;
  text-decoration: none;
}

.nav-bar-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 2px;
  font-weight: 700;
  display: flex;
}

.nav-bar-icon.blue.small {
  color: var(--main-brand-color);
}

.top-nav-wrapper {
  background-color: var(--white);
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-block {
  grid-row-gap: 20px;
  background-color: var(--white);
  border-radius: 15px;
  flex-direction: column;
  padding: 25px 20px;
  display: flex;
}

.content-block.transparent {
  grid-row-gap: 10px;
  background-color: #0000;
  border-radius: 15px;
  flex-direction: column;
  padding: 0;
  display: flex;
}

.content-block.address.new {
  grid-row-gap: 25px;
  align-items: center;
  width: 100%;
  padding-left: 35px;
  padding-right: 35px;
  position: relative;
}

.content-block.gray {
  grid-row-gap: 20px;
  background-color: var(--grey);
  border-radius: 10px;
  flex-direction: column;
  padding: 25px 20px;
  display: flex;
  box-shadow: 1px 1px 6px -4px #000;
}

.content-block.image-wrapper {
  grid-row-gap: 20px;
  background-color: var(--white);
  border-radius: 15px;
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.content-block.ha-maintenance {
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-block.text-style-3lines.test {
  flex: 1;
  height: 100%;
  position: relative;
}

.content-wrapper {
  grid-row-gap: 20px;
  background-color: var(--grey);
  flex-direction: column;
  padding: 15px 10px 130px;
  font-size: 18px;
  display: flex;
  overflow: hidden;
}

.button {
  background-color: var(--main-brand-color);
  color: var(--white);
  text-align: center;
  border: 1px solid #0000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
  font-size: 21px;
  display: flex;
}

.button.inverted {
  border-color: var(--main-brand-color);
  background-color: var(--white);
  color: var(--main-brand-color);
}

.button.inverted.review-us {
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: center;
  font-size: 22px;
  display: flex;
}

.button.inverted.review-us.blue {
  background-color: var(--main-brand-color);
  color: var(--white);
}

.button.square {
  grid-row-gap: 14px;
  color: var(--white);
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.square.inverted {
  color: var(--main-brand-color);
}

.button.hours {
  grid-column-gap: 23px;
  border-color: var(--main-brand-color);
  background-color: var(--white);
  color: var(--main-brand-color);
  justify-content: center;
  align-items: center;
  display: flex;
}

.tinnitus-featured-track-image-wrapper {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.tinnitus-image.home-page {
  border-radius: 10px;
  flex: 0 auto;
  width: 103px;
}

.logo {
  max-width: 25%;
}

.updates-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 4px;
  flex-flow: column wrap;
  display: flex;
}

.updates-wrapper.tutorials-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.updates-text {
  color: var(--main-brand-color);
}

.updates-text.tutorial-text {
  text-align: center;
  line-height: 1.2;
}

.icon {
  color: #160042;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
}

.icon.big {
  color: var(--main-brand-color);
  width: 64px;
  height: 64px;
}

.icon.big.logo {
  width: auto;
  max-width: 100%;
}

.icon.contact {
  width: 72px;
  height: 72px;
}

.icon.contact.left-minus-margin {
  margin-left: -25px;
}

.icon.maps-icon {
  width: 64px;
  height: 64px;
}

.date.left-margin {
  margin-left: 10px;
}

.h3 {
  font-size: 28px;
}

.h3.top-nav {
  font-size: 38px;
  line-height: 1.1;
}

.faq {
  background-color: var(--white);
  color: var(--main-brand-color);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 20px;
  display: flex;
}

.support-button {
  grid-row-gap: 15px;
  background-color: var(--white);
  color: var(--main-brand-color);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 158px;
  padding: 15px;
  font-size: 20px;
  text-decoration: none;
  display: flex;
}

.support-button.auto-height {
  height: auto;
}

.review-us-wrapper {
  grid-column-gap: 20px;
  align-items: stretch;
  display: flex;
}

.review-us-portrait {
  border-radius: 10px;
  max-width: 183px;
}

.address-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 8px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
  display: flex;
}

.contact-icon {
  grid-column-gap: 5px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: center;
  margin-top: 33px;
  display: flex;
}

.hours-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--grey);
  border-radius: 10px;
  flex-direction: column;
  max-height: 400px;
  padding: 20px;
  display: flex;
  overflow: scroll;
  box-shadow: inset 1px 1px 6px -4px #000;
}

.hide {
  display: none;
}

.maps-clock-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 31px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 100%;
  display: grid;
}

.locations-wrapper {
  grid-column-gap: 15px;
  width: 100%;
  display: flex;
  overflow: visible;
}

.navbar {
  z-index: 2;
  background-color: #0000;
  align-items: center;
  min-height: 70px;
  padding: 10px 20px;
  display: flex;
}

.nav-menu {
  display: none;
}

.relative-body {
  color: var(--main-brand-color);
  font-family: Satoshi, sans-serif;
  font-weight: 500;
}

.supplies-request-wrapper {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex;
}

.large-text {
  font-size: 22px;
}

.large-text.text-align-center {
  text-align: center;
  border-radius: 10px;
  font-size: 22px;
  line-height: 1.3;
}

.search-bar {
  border-radius: 10px;
  margin-bottom: 0;
  padding: 25px 15px;
  box-shadow: inset 1px 1px 6px -4px #000;
}

.search-bar::placeholder {
  color: #14396863;
  font-size: 18px;
}

.opening-hours-overlay {
  z-index: 5;
  grid-row-gap: 20px;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 300px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% -100%;
  overflow: auto;
}

.white-tag.big {
  background-color: var(--white);
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  font-size: 20px;
  font-weight: 700;
}

.menu-overlay {
  grid-row-gap: 20px;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 300px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% -100%;
  overflow: auto;
}

.updates-overlay {
  z-index: 5;
  grid-row-gap: 20px;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 300px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% -100%;
  overflow: auto;
}

.all-updates-wrapper {
  grid-column-gap: 15px;
  background-color: var(--white);
  border-radius: 10px;
  align-items: center;
  display: flex;
}

.home-page-image {
  object-fit: cover;
  max-height: 480px;
}

.faq-p {
  z-index: 1;
  background-color: #f4f6f8;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}

.faq-body {
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
}

.faq-body.w--open {
  background-color: #0000;
}

.faq-body-cont {
  border-top: 1px #000;
  padding: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.faq-answer {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.resource-link.manual {
  background-color: var(--white);
  color: var(--main-brand-color);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 25px 20px;
  font-size: 20px;
  text-decoration: none;
  display: flex;
}

.lightbox-video-icon-wrapper {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80px;
  display: flex;
  position: relative;
}

.maintenance-lightbox {
  grid-column-gap: 35px;
  color: var(--main-brand-color);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  font-size: 21px;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  position: relative;
}

.manuals-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-align-center {
  text-align: center;
}

.button-icon-vertical {
  grid-column-gap: 18px;
  border: 1px solid var(--main-brand-color);
  background-color: var(--white);
  color: var(--main-brand-color);
  text-align: center;
  border-radius: 10px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 21px;
  text-decoration: none;
  display: flex;
}

.messagefield {
  border: 1px solid #1439684d;
  border-radius: 10px;
  width: 100%;
  min-height: 205px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 10px 15px;
  box-shadow: inset 1px 1px 6px -4px #000;
}

.messagefield:active, .messagefield:focus {
  outline-offset: 0px;
  border-style: none;
  outline: 3px #333;
}

.messagefield::placeholder {
  color: #14396863;
  font-size: 18px;
}

.text-field {
  border: 1px solid #1439684d;
  border-radius: 10px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 15px;
  box-shadow: inset 1px 1px 6px -4px #000;
}

.text-field:active, .text-field:focus {
  outline-offset: 0px;
  border-style: none;
  outline: 3px #333;
}

.text-field::placeholder {
  color: #14396863;
  font-size: 18px;
}

.subheading {
  text-align: center;
  font-size: 28px;
}

.link-block {
  color: var(--main-brand-color);
}

.icon-2 {
  color: #160042;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.appt-only {
  text-align: center;
  align-items: center;
  margin-top: 26px;
  margin-bottom: 21px;
  display: flex;
}

.clock-icon {
  color: #160042;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.podcast-tabs {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 76dvh;
  display: flex;
  overflow: hidden;
}

.podcast-tabs-content {
  align-self: stretch;
  width: 100%;
  min-height: 29.2rem;
  margin-left: 0;
  margin-right: 0;
}

.podcast-tab-item {
  background-color: #1e1d3a;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  border: 1px #003049;
  border-radius: 10px;
  height: 100%;
}

.podcast-tab-item.is-p1 {
  background-image: url('../images/white-noise.jpeg');
  border-color: #003049;
  border-radius: 10px;
}

.podcast-tab-item.is-p2 {
  background-image: url('../images/brown-sound.jpeg');
}

.podcast-tab-item.is-p3 {
  background-image: url('../images/Deschutes-River.jpeg');
}

.podcast-tab-item.is-p4 {
  background-image: url('../images/Pink-Noise.jpeg');
}

.podcast-tab-item.is-p5 {
  background-image: url('../images/Tucson-Stream.jpeg');
}

.podcast-tab-item.is-p6 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Multnoah-Falls.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p7 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/air-purifier.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p8 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/wind-chimes.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p9 {
  background-image: url('../images/white-noise2.webp');
}

.podcast-tab-item.is-p10 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/cat-purr.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.podcast-tab-item.is-p11 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/keller-fountain.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p12 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/north-surf.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p13 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/love-joy-fountain.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p14 {
  background-image: url('../images/roaring-fire.webp');
}

.podcast-tab-item.is-p15 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/shower-sounds.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p16 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/spring-rain.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p17 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/cicada-evening.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p18 {
  background-image: url('../images/cicada-morning.webp');
}

.podcast-tab-item.is-p19 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/forest-by-sea.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p20 {
  background-image: url('../images/ocean-roar.webp');
}

.podcast-tab-item.is-p21 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/waterfall.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p22 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/unsealed-roadtrip.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p23 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/grey-surf.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-tab-item.is-p24 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/windy-day.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.podcast-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  position: relative;
}

.podcast-text-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.margin-bottom, .margin-bottom.margin-xxsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.podcast-title {
  font-size: 41px;
  line-height: 1.1;
}

.podcast-title.text-color-white {
  color: #fff;
}

.podcast-title.text-white {
  color: var(--white);
}

.text-size-medium {
  font-size: 1.125rem;
}

.text-size-medium.text-white {
  color: var(--white);
}

.podcast-player {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4rem;
  display: flex;
  position: relative;
}

.podcast-toolbar {
  background-color: #ffffff8c;
  border-radius: 15px;
  padding: 20px 25px;
  display: flex;
}

.previous-podcast {
  cursor: pointer;
  align-items: center;
  padding-right: 1.5rem;
  transition: transform .4s;
  display: flex;
  position: static;
  top: 0%;
  bottom: 24px;
  left: 0;
}

.previous-podcast:hover {
  transform: translate(-8px);
}

.podcast-previous-image {
  width: 24px;
}

.play-buttons {
  justify-content: center;
  display: flex;
}

.play {
  cursor: pointer;
  width: 72px;
  max-width: none;
  height: 72px;
  padding-right: 0;
  transition: transform .4s;
  transform: translate(0);
}

.play:hover {
  transform: translate(0, -8px);
}

.pause {
  cursor: pointer;
  width: 72px;
  max-width: none;
  height: 72px;
  transition: transform .4s;
}

.pause:hover {
  transform: translate(0, -8px);
}

.pause.el-hidden {
  width: 72px;
  height: 72px;
}

.next-podcast {
  cursor: pointer;
  align-items: center;
  padding-left: 1.5rem;
  transition: transform .4s;
  display: flex;
  position: static;
  top: 0;
  bottom: 24px;
  right: 0;
}

.next-podcast:hover {
  transform: translate(8px);
}

.podcast-next-image {
  width: 24px;
}

.audio-player-bar-wrapper {
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 70%;
  display: flex;
}

.audio-player-bar-wrapper.bar-wrapper {
  flex-direction: row;
  width: 88%;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}

.audio-player-bar-wrapper.bar-wrapper.dark {
  color: #003049;
}

.current-seconds {
  color: #003049;
  align-items: flex-end;
  min-width: 3rem;
  padding-right: .5rem;
  font-size: 1rem;
  line-height: 1;
  display: block;
  position: static;
  inset: 0% auto 0% 0%;
}

.current-seconds.text-white {
  color: #fff;
}

.audio-player-bar {
  opacity: 1;
  color: #c4c4c466;
  cursor: pointer;
  background-color: #fff9;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: .75rem;
  display: flex;
}

.audio-player-bar.dark {
  background-color: #00304966;
}

.active-bar {
  background-image: linear-gradient(to right, #003049, #003049);
  border-radius: 100px;
  align-self: flex-start;
  height: 100%;
}

.duration {
  text-align: right;
  align-items: flex-end;
  min-width: 3rem;
  padding-left: .5rem;
  font-size: 1rem;
  line-height: 1;
  display: block;
  position: static;
  inset: 0% 0% 0% auto;
}

.duration.text-white {
  color: var(--white);
}

.track-list_wrap {
  background-color: var(--main-brand-color);
  color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  margin-top: 1.5rem;
  padding: 1.5rem 2.3rem;
  font-size: 20px;
}

.podcast-tabs-menu {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 44%;
  margin-left: 1.5rem;
  margin-right: 0;
  display: flex;
}

.podcast-tabs-menu.test {
  background-color: #fff;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-left: 1.5rem;
  padding-right: 1.8rem;
  position: absolute;
  bottom: -100%;
  overflow: auto;
}

.podcast-tab-link-new {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #003049;
  background-color: #fff;
  border: 1px solid #003049;
  border-radius: 15px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: 1.2rem 1rem;
  transition: transform .4s;
  display: flex;
  overflow: visible;
}

.podcast-tab-link-new:hover {
  transform: translate(.5rem);
}

.podcast-tab-link-new.w--current {
  color: #fff;
  background-color: #003049;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  font-weight: 400;
  overflow: visible;
}

.podcast-list-img {
  border: 1px solid #ffffff3d;
  border-radius: 20rem;
  width: 2.5rem;
  height: 2.5rem;
}

.podcast-list-title {
  flex: 1;
  padding-left: .75rem;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.icon-embed-small.close-button {
  z-index: 5;
  position: absolute;
  inset: .5rem .5rem auto auto;
}

@media screen and (max-width: 991px) {
  .page-wrapper {
    width: 100%;
    max-width: none;
    height: 100vh;
    position: relative;
  }

  .bottom-nav-wrapper {
    z-index: 10;
    justify-content: space-around;
    padding: 10px;
    font-family: Satoshi, sans-serif;
    font-weight: 500;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .nav-button {
    flex-direction: column;
    align-items: center;
    width: 25%;
    height: auto;
    padding: 10px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
  }

  .nav-button.w--current {
    background-color: var(--main-brand-color);
  }

  .content-block {
    border-radius: 15px;
  }

  .content-block.address.new {
    flex: none;
    width: 60%;
  }

  .content-block.ha-maintenance {
    grid-template-columns: 1fr;
  }

  .tinnitus-image.home-page {
    width: 75px;
  }

  .logo {
    max-width: 35%;
  }

  .icon.big.logo {
    max-width: 50%;
  }

  .faq {
    padding-right: 15px;
  }

  .support-button {
    text-align: center;
  }

  .contact-icon {
    color: var(--main-brand-color);
    text-decoration: none;
  }

  .locations-wrapper {
    overflow: auto;
  }

  .navbar {
    z-index: 2;
    background-color: #0000;
    align-items: center;
    min-height: 70px;
    padding: 15px 20px;
    display: flex;
  }

  .large-text {
    line-height: 1.3;
  }

  .menu-overlay {
    flex-direction: column;
    display: flex;
  }

  .lightbox-video-icon-wrapper {
    max-width: 95px;
  }

  .messagefield {
    min-height: 125px;
  }

  .maps-clock-wrapper-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .clock-icon {
    margin-right: 14px;
  }

  .podcast-tabs-content {
    min-height: 32rem;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .podcast-title {
    font-size: 44px;
  }

  .text-size-medium {
    font-size: 1.3rem;
  }

  .previous-podcast {
    transition-property: opacity;
  }

  .previous-podcast:hover {
    opacity: .8;
    transform: none;
  }

  .play {
    transition-property: opacity;
    transform: none;
  }

  .play:hover {
    opacity: .79;
    transform: none;
  }

  .pause.el-hidden {
    transition-property: opacity;
  }

  .pause.el-hidden:hover {
    opacity: .8;
    transform: none;
  }

  .next-podcast {
    transition-property: opacity;
  }

  .next-podcast:hover {
    opacity: .8;
    transform: none;
  }

  .audio-player-bar-wrapper.bar-wrapper {
    color: #fff;
  }

  .podcast-tabs-menu.test {
    bottom: -100%;
  }
}

@media screen and (max-width: 767px) {
  .bottom-nav-wrapper {
    grid-column-gap: 25px;
  }

  .content-block.address.new {
    width: 80%;
    position: relative;
  }

  .logo {
    max-width: 45%;
  }

  .updates-text.tutorial-text {
    line-height: 1.2;
  }

  .icon.big.logo {
    width: auto;
  }

  .contact-icon {
    margin-top: 0;
  }

  .hide {
    display: block;
  }

  .link-block {
    color: var(--main-brand-color);
  }

  .maps-clock-wrapper-2 {
    flex-direction: column;
    grid-template-rows: auto;
    display: flex;
  }

  .appt-only {
    display: none;
  }

  .podcast-tabs {
    flex-direction: column;
    align-items: center;
  }

  .podcast-tabs-content {
    flex: 1;
    align-self: center;
    width: 100%;
    min-height: auto;
    margin-right: 0;
  }

  .podcast-content {
    min-height: 32rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .podcast-title {
    font-size: 38px;
  }

  .podcast-title.text-white {
    color: var(--white);
  }

  .text-size-medium {
    font-size: 1.2rem;
  }

  .podcast-tabs-menu {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    order: -1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    width: 100%;
    height: 7rem;
    margin-bottom: 1rem;
    margin-left: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    display: grid;
    overflow: auto;
  }

  .podcast-tabs-menu.test {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    display: flex;
    bottom: -100%;
  }

  .podcast-tab-link-new {
    border-radius: 20px;
    justify-content: center;
    width: 100%;
    height: 4.5rem;
    margin-top: .25rem;
    margin-bottom: .25rem;
    padding: .25rem .55rem;
  }

  .podcast-tab-link-new:active {
    transform: translate(0);
  }

  .podcast-tab-link-new.w--current:active {
    transform: translate(.1rem);
  }

  .podcast-list-img {
    width: 3.5rem;
    height: 3.5rem;
  }

  .podcast-list-title {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  body {
    color: var(--main-brand-color);
    font-family: Satoshi, sans-serif;
    font-size: 18px;
    font-weight: 500;
  }

  h3 {
    color: var(--main-brand-color);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
  }

  h4 {
    margin-top: 0;
    font-size: 19px;
  }

  .page-wrapper {
    background-color: #0000;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .bottom-nav-wrapper {
    z-index: 10;
    grid-column-gap: 5px;
    box-shadow: none;
    background-color: #fff;
    justify-content: space-around;
    padding: 10px;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .nav-button {
    color: var(--main-brand-color);
    border: 1px #000;
    border-radius: 15px;
    flex-direction: column;
    align-items: center;
    width: 25%;
    height: auto;
    padding: 10px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
  }

  .nav-button.w--current {
    background-color: var(--main-brand-color);
    color: #fff;
    border-radius: 15px;
  }

  .nav-bar-icon {
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding: 2px;
    font-size: 14px;
    display: flex;
  }

  .nav-bar-icon.blue.small {
    color: var(--main-brand-color);
    width: 40px;
    height: 40px;
  }

  .nav-bar-icon.small {
    width: 32px;
    height: 32px;
  }

  .nav-bar-icon.return {
    width: 32px;
    height: 32px;
    margin-top: 20px;
    margin-left: 20px;
  }

  .nav-bar-icon.return.absolute {
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .top-nav-wrapper {
    background-color: #fff;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .content-block {
    grid-row-gap: 20px;
    text-align: left;
    background-color: #fff;
    border-radius: 15px;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    padding: 25px 20px;
    display: flex;
  }

  .content-block.transparent {
    grid-row-gap: 10px;
    background-color: #0000;
    flex-direction: column;
    padding: 0;
    display: flex;
  }

  .content-block.address {
    grid-column-gap: 5px;
    grid-row-gap: 20px;
    color: var(--main-brand-color);
    grid-template-rows: auto auto;
    grid-template-columns: 50% 50%;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    font-size: 18px;
    line-height: 1.5;
    display: flex;
  }

  .content-block.address.new {
    flex: none;
    width: 80%;
    padding: 18px 5px;
  }

  .content-block.gray {
    background-color: var(--grey);
    border-radius: 10px;
    box-shadow: inset 1px 1px 6px -4px #000;
  }

  .content-block.image-wrapper {
    padding: 0;
    overflow: hidden;
  }

  .content-block.text-style-3lines.test {
    padding: 0;
    position: relative;
    overflow: hidden;
  }

  .content-wrapper {
    grid-row-gap: 20px;
    background-color: var(--grey);
    flex-direction: column;
    padding: 15px 10px 131px;
    display: flex;
    overflow: hidden;
  }

  .button {
    background-color: var(--main-brand-color);
    text-align: center;
    border: 1px solid #0000;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 0;
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 21px;
  }

  .button.inverted {
    color: var(--main-brand-color);
    background-color: #fff;
    border: 1px solid #143968;
    margin-bottom: 0;
  }

  .button.inverted.review-us {
    grid-column-gap: 19px;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    display: flex;
  }

  .button.inverted.review-us.blue {
    background-color: var(--main-brand-color);
    color: var(--white);
  }

  .button.square {
    grid-row-gap: 14px;
    color: var(--white);
    flex-direction: column;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 21px;
    text-decoration: none;
    display: flex;
  }

  .button.square.inverted {
    color: var(--main-brand-color);
    text-decoration: none;
  }

  .button.hours {
    grid-column-gap: 25px;
    border-color: var(--main-brand-color);
    background-color: var(--white);
    color: var(--main-brand-color);
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
  }

  .button.small {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .tinnitus-featured-track-image-wrapper {
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .tinnitus-image {
    border-radius: 10px;
    width: 75px;
    height: 85px;
  }

  .tinnitus-image.home-page {
    width: 100%;
    min-width: 70px;
    max-width: 70px;
    height: auto;
    min-height: 50px;
  }

  .logo {
    max-width: 68%;
  }

  .updates-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 4px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .updates-wrapper.faq-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .updates-wrapper.tutorials-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .updates-text {
    color: var(--main-brand-color);
    text-align: left;
    font-size: 18px;
    line-height: 1.4;
  }

  .updates-text.faq-text {
    text-align: left;
    white-space: normal;
    max-width: 14ch;
    font-size: 20px;
    line-height: 1.3;
  }

  .updates-text.tutorial-text {
    text-align: center;
    max-width: 14ch;
    font-size: 20px;
    line-height: 1.3;
  }

  .icon {
    color: var(--main-brand-color);
    width: 36px;
    height: 36px;
    margin-right: 0;
  }

  .icon.big {
    width: 48px;
    height: 48px;
  }

  .icon.big.logo {
    object-fit: contain;
    width: 100%;
    max-width: none;
  }

  .icon.contact {
    width: 72px;
    height: 72px;
  }

  .icon.contact.left-minus-margin {
    width: 80px;
    height: 80px;
    margin-left: -30px;
  }

  .icon.contact.smaller {
    width: 64px;
    height: 64px;
  }

  .icon.maps-icon {
    width: 57px;
    height: 57px;
  }

  .icon.maps-icon.google {
    width: 64px;
    height: 64px;
    margin-top: -6px;
  }

  .date {
    color: var(--main-brand-color);
    font-size: 14px;
  }

  .date.left-margin {
    margin-left: 10px;
  }

  .blue {
    color: var(--main-brand-color);
  }

  .h3 {
    color: var(--main-brand-color);
    font-size: 28px;
  }

  .h3.top-nav {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 1.1;
    display: inline-block;
  }

  .h3.text-align-center {
    text-align: center;
    margin-bottom: 0;
  }

  .faq {
    grid-column-gap: 10px;
    grid-row-gap: 7px;
    background-color: var(--white);
    text-align: left;
    border-radius: 10px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 15px 15px 15px 20px;
    display: flex;
  }

  .support-button {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--white);
    text-align: left;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 158px;
    padding: 15px;
    text-decoration: none;
    display: flex;
  }

  .support-button.auto-height {
    height: auto;
  }

  .review-us-wrapper {
    grid-column-gap: 15px;
    display: flex;
  }

  .review-us-portrait {
    background-color: var(--white);
    border-radius: 10px;
    flex: none;
    width: 90px;
    height: 90px;
    padding: 0;
  }

  .address-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: 24ch;
    font-size: 20px;
    display: flex;
  }

  .contact-icon {
    grid-column-gap: 25px;
    grid-row-gap: 10px;
    border: 1px none var(--main-brand-color);
    background-color: var(--white);
    text-align: left;
    border-radius: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0;
    display: flex;
  }

  .hours-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--grey);
    border-radius: 10px;
    flex-direction: column;
    flex: none;
    grid-template-rows: auto auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-height: 400px;
    margin-right: 0;
    padding: 20px;
    line-height: 25px;
    display: flex;
    overflow: scroll;
    box-shadow: inset 1px 1px 6px -4px #000;
  }

  .hide {
    display: none;
  }

  .mask {
    height: auto;
  }

  .slider {
    background-color: #0000;
    height: auto;
    padding-bottom: 0;
  }

  .slide-1 {
    max-width: 91%;
    margin-right: 15px;
  }

  .maps-clock-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    width: 100%;
    display: grid;
  }

  .locations-wrapper {
    grid-column-gap: 15px;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 10px;
    display: flex;
    overflow: auto;
  }

  .menu-button {
    z-index: 2;
    background-color: var(--white);
    padding: 0;
  }

  .menu-button.w--open {
    background-color: var(--white);
  }

  .navbar {
    z-index: 2;
    background-color: #0000;
    align-items: center;
    min-height: 70px;
    padding: 15px 20px;
    display: flex;
  }

  .nav-menu {
    z-index: 2;
    background-color: var(--white);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
  }

  .supplies-wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .supplies-request-wrapper {
    grid-row-gap: 25px;
    flex-direction: column;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .large-text {
    text-align: left;
    border-radius: 10px;
    font-size: 22px;
    line-height: 1.3;
  }

  .large-text.text-align-center {
    text-align: center;
  }

  .search-bar {
    background-color: var(--white);
    color: var(--main-brand-color);
    text-align: left;
    border: 1px #000;
    border-radius: 10px;
    margin-bottom: 0;
    padding: 25px 10px 25px 15px;
    box-shadow: inset 1px 1px 6px -4px #000;
  }

  .search-bar::placeholder {
    color: #14396863;
    font-size: 18px;
  }

  .opening-hours-overlay {
    z-index: 5;
    grid-row-gap: 20px;
    background-color: var(--white);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding-bottom: 109px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% -100%;
    overflow: auto;
  }

  .white-tag {
    background-color: var(--white);
    text-align: center;
    border-radius: 5px;
    padding: 5px;
  }

  .white-tag.big {
    font-size: 20px;
    font-weight: 700;
  }

  .white-tag.big.transparent {
    background-color: #0000;
  }

  .menu-overlay, .updates-overlay {
    z-index: 5;
    grid-row-gap: 20px;
    background-color: var(--white);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding-bottom: 109px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% -100%;
    overflow: auto;
  }

  .all-updates-wrapper {
    grid-column-gap: 15px;
    background-color: var(--white);
    border-radius: 10px;
    align-items: center;
    padding: 15px;
    display: flex;
  }

  .home-page-image {
    object-fit: cover;
    max-height: 380px;
  }

  .faq-p {
    z-index: 1;
    position: relative;
  }

  .faq-body-cont {
    padding: 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
  }

  .faq-answer {
    margin-bottom: 0;
  }

  .tutorials-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: left;
    background-color: #fff;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 158px;
    padding: 15px 15px 15px 20px;
    display: flex;
  }

  .resource-link {
    grid-column-gap: 10px;
    grid-row-gap: 7px;
    background-color: var(--white);
    text-align: left;
    border-radius: 10px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 15px 15px 15px 20px;
    text-decoration: none;
    display: flex;
  }

  .resource-link.manual {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lightbox-video-icon-wrapper {
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    position: relative;
  }

  .maintenance-lightbox {
    grid-column-gap: 21px;
    color: #1f2630;
    justify-content: flex-start;
    align-items: center;
    font-size: 19px;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .text-block {
    color: var(--main-brand-color);
  }

  .manuals-grid {
    grid-row-gap: 19px;
    flex-direction: column;
    display: flex;
  }

  .button-icon-vertical {
    grid-column-gap: 18px;
    border: 1px solid var(--main-brand-color);
    background-color: var(--white);
    color: var(--main-brand-color);
    text-align: center;
    border-radius: 10px;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 21px;
    text-decoration: none;
    display: flex;
  }

  .messagefield {
    background-color: var(--white);
    color: var(--main-brand-color);
    text-align: left;
    border: 1px solid #1439684d;
    border-radius: 10px;
    min-height: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 10px 10px 15px;
    font-size: 20px;
    line-height: 22px;
    box-shadow: inset 1px 1px 6px -4px #000;
  }

  .messagefield::placeholder {
    color: #14396863;
    font-size: 18px;
  }

  .text-field {
    background-color: var(--white);
    color: var(--main-brand-color);
    text-align: left;
    border: 1px solid #1439684d;
    border-radius: 10px;
    min-height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 10px 10px 15px;
    font-size: 20px;
    line-height: 22px;
    box-shadow: inset 1px 1px 6px -4px #000;
  }

  .text-field::placeholder {
    color: #14396863;
    font-size: 18px;
  }

  .subheading {
    color: var(--main-brand-color);
    text-align: left;
    padding-left: 15px;
    font-size: 22px;
  }

  .subheading.no-left-padding {
    padding-left: 0;
  }

  .updates-text-2 {
    color: #143968;
    text-align: left;
    font-size: 18px;
    line-height: 1.4;
  }

  .icon-2 {
    color: #143968;
    width: 36px;
    height: 36px;
    margin-right: 0;
  }

  .maps-clock-wrapper-2 {
    grid-column-gap: 16px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .text-block-2 {
    font-size: 17px;
  }

  .appt-only {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .clock-icon {
    color: #143968;
    width: 36px;
    height: 36px;
    margin-right: 17px;
  }

  .consumer-support-text {
    line-height: 24px;
  }

  .faq-video {
    margin-top: 15px;
  }

  .podcast-tabs {
    height: 70dvh;
  }

  .podcast-tabs-content {
    width: 100%;
    overflow: visible;
  }

  .podcast-tab-item.is-p3 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/Deschutes-River.jpeg');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p4 {
    border-radius: 9px;
  }

  .podcast-tab-item.is-p6 {
    background-color: #001a5a;
    background-image: linear-gradient(#00000080, #00000080), url('../images/Multnoah-Falls.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p7 {
    background-color: #001a5a;
    background-image: linear-gradient(#00000080, #00000080), url('../images/air-purifier.webp');
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p8 {
    background-color: #001a5a;
    background-image: linear-gradient(#00000080, #00000080), url('../images/wind-chimes.webp');
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p9 {
    background-image: url('../images/white-noise2.webp');
  }

  .podcast-tab-item.is-p10 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/cat-purr.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p11 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/keller-fountain.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p12 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/north-surf.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p13 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/love-joy-fountain.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p14 {
    background-image: url('../images/roaring-fire.webp');
  }

  .podcast-tab-item.is-p15 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/shower-sounds.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p16 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/spring-rain.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p17 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/cicada-evening.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p18 {
    background-image: url('../images/cicada-morning.webp');
  }

  .podcast-tab-item.is-p19 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/forest-by-sea.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p20 {
    background-image: url('../images/ocean-roar.webp');
  }

  .podcast-tab-item.is-p21 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/waterfall.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p22 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/unsealed-roadtrip.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p23 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/grey-surf.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-tab-item.is-p24 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/windy-day.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .podcast-content {
    min-height: 24rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .podcast-title {
    margin-bottom: 10px;
    font-size: 32px;
  }

  .podcast-player {
    padding-top: 2rem;
  }

  .podcast-toolbar {
    background-color: #fff9;
    padding-left: 15px;
    padding-right: 15px;
  }

  .play, .pause, .pause.el-hidden {
    width: 64px;
    height: 64px;
  }

  .audio-player-bar-wrapper.bar-wrapper {
    width: 100%;
  }

  .audio-player-bar-wrapper.bar-wrapper.dark {
    color: #003049;
  }

  .audio-player-bar {
    width: 50%;
  }

  .audio-player-bar.dark {
    background-color: #00304966;
  }

  .duration.hide-mobile-portrait {
    display: none;
  }

  .track-list_wrap {
    z-index: 5;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 15px;
    align-self: stretch;
    margin-top: 20px;
    padding: 20px;
    font-size: 21px;
    position: relative;
    top: auto;
    left: 0%;
    right: 0%;
  }

  .podcast-tabs-menu {
    padding-left: 0;
    padding-right: 0;
  }

  .podcast-tabs-menu.test {
    z-index: 5;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-color: #fff;
    border-radius: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    margin-bottom: 0;
    padding: 2rem 2.5rem 1rem 1rem;
    display: flex;
    position: absolute;
    inset: auto 0% -100%;
    overflow: scroll;
  }

  .podcast-tab-link-new {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: .75rem;
    padding-right: 1.05rem;
    font-size: 20px;
    font-weight: 700;
  }

  .podcast-tab-link-new:hover {
    transform: none;
  }

  .podcast-tab-link-new.w--current {
    padding-left: .75rem;
  }

  .podcast-tab-link-new.w--current:hover {
    transform: translate(0);
  }

  .podcast-list-img {
    object-fit: cover;
    object-position: 50% 0%;
    border-color: #ffffff61;
    flex: none;
  }

  .podcast-list-title {
    display: block;
  }

  .icon-embed-small {
    width: 2.5rem;
    height: 2.5rem;
  }

  .icon-embed-small.close-button {
    z-index: 10;
    position: absolute;
    inset: 5px 5px auto auto;
  }
}

#w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd458, #w-node-_7ca5d23d-566b-5bd3-fcff-76a3161e5238-439cd458, #w-node-be9f156d-82fd-463f-ee37-16dc0f93f95a-439cd458, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd458, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd458, #w-node-b3a9c244-9b0b-b9aa-7948-d8e3fa102478-439cd458, #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd461, #w-node-_42f8441d-5acb-d3a8-e62d-e76a6cf5e03c-439cd461, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd461, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd461, #w-node-_5dd3158b-f75a-fd4d-4060-d03464652e41-439cd461, #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd462, #w-node-_5abe57cc-e575-b4cc-7af9-5ff5f428dba0-439cd462, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd462, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd462, #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd467, #w-node-_30bd7306-1ac7-c7ec-10f0-aff4b64d50fd-439cd467, #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd468, #w-node-_8248b070-78c0-c074-2d12-45745adb6f39-439cd468, #w-node-be9f156d-82fd-463f-ee37-16dc0f93f95a-439cd468, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd468, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd468, #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd46d, #w-node-f225f7a5-669d-f216-8c8f-552e6d5e1e70-439cd46d, #w-node-be9f156d-82fd-463f-ee37-16dc0f93f95a-439cd46d, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd46d, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd46d, #w-node-_6c0dabd8-f583-8c50-a858-d4ddfb26373b-439cd46d, #w-node-_3f84d5c5-1fa9-c83a-6b8d-ce0286e631c8-439cd46d, #w-node-_62c8073c-875e-2e01-b44d-555802c224c9-439cd46d, #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd46e, #w-node-_9b39e607-5ae2-c857-d800-cbe13c7b5af2-439cd46e, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd46e, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd46e, #w-node-_7159bb67-f1dd-13f6-c860-99e38f0c0382-439cd46e, #w-node-e66ae613-041c-57e0-4efe-d5ddcdcd28c0-439cd46e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_1b771552-c500-9aa4-d6f4-2c830f1ec09a-439cd45a, #w-node-_4a13de7e-4d9f-ad7f-f2a8-3be8fd0ed159-439cd45a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9be80a04-9556-106a-4180-a51d13bd07ee-439cd456, #w-node-_9be80a04-9556-106a-4180-a51d13bd07f5-439cd456, #w-node-_3a462fa0-5306-dcee-3913-77996dc97933-439cd456 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd458, #w-node-_652b7d39-218d-be9d-340f-f97e5d96b8e2-439cd458, #w-node-_7ca5d23d-566b-5bd3-fcff-76a3161e5238-439cd458, #w-node-a4d8bb97-aa04-8d31-38cf-ac2a98c798be-439cd458, #w-node-b37dff3b-523f-44b6-4f4f-d90c139a6ed4-439cd458, #w-node-be9f156d-82fd-463f-ee37-16dc0f93f95a-439cd458, #w-node-_23c1ad53-f326-b904-abbd-9fb8825884e5-439cd458, #w-node-_7a32947f-8938-58b9-3df6-fd2e34082f1c-439cd458, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd458, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd458, #w-node-b3a9c244-9b0b-b9aa-7948-d8e3fa102478-439cd458 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a53dc706-1ba5-577f-62e2-9d06ff4cbed4-439cd45a, #w-node-_7460dd80-ab9d-ebf8-5faf-8739d71d2542-439cd45a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1b771552-c500-9aa4-d6f4-2c830f1ec08b-439cd45a, #w-node-_1b771552-c500-9aa4-d6f4-2c830f1ec08d-439cd45a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1b771552-c500-9aa4-d6f4-2c830f1ec09a-439cd45a {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_1b771552-c500-9aa4-d6f4-2c830f1ec0b3-439cd45a, #w-node-_1b771552-c500-9aa4-d6f4-2c830f1ec0b5-439cd45a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4a13de7e-4d9f-ad7f-f2a8-3be8fd0ed159-439cd45a {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd461, #w-node-_9b1b0ec2-0e12-0b8a-5d78-36aedc97e0dc-439cd461, #w-node-_42f8441d-5acb-d3a8-e62d-e76a6cf5e03c-439cd461, #w-node-a4d8bb97-aa04-8d31-38cf-ac2a98c798be-439cd461, #w-node-b37dff3b-523f-44b6-4f4f-d90c139a6ed4-439cd461, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd461, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd461, #w-node-_5dd3158b-f75a-fd4d-4060-d03464652e41-439cd461, #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd462, #w-node-_05e6393f-2cf4-bea3-a82d-540740073b15-439cd462, #w-node-_5abe57cc-e575-b4cc-7af9-5ff5f428dba0-439cd462, #w-node-a4d8bb97-aa04-8d31-38cf-ac2a98c798be-439cd462, #w-node-b37dff3b-523f-44b6-4f4f-d90c139a6ed4-439cd462, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd462, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd462, #w-node-af70f690-f60c-dcd6-62c8-009d39892bbf-439cd463, #w-node-af70f690-f60c-dcd6-62c8-009d39892bc1-439cd463 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-af70f690-f60c-dcd6-62c8-009d39892bc9-439cd463, #w-node-af70f690-f60c-dcd6-62c8-009d39892bc5-439cd463 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-a067766b-12b5-00f4-2511-f153e6faa973-439cd463 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_7da46395-f8f2-93ba-334e-e1e7db9a4b7d-439cd463, #w-node-_7da46395-f8f2-93ba-334e-e1e7db9a4b7f-439cd463 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7da46395-f8f2-93ba-334e-e1e7db9a4b84-439cd463, #w-node-_7da46395-f8f2-93ba-334e-e1e7db9a4b88-439cd463 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_27a1df60-8f46-5293-c405-49125c56ba1f-439cd463 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-ceba0399-88fc-3fdc-76f5-d2b33ec37109-439cd463, #w-node-ceba0399-88fc-3fdc-76f5-d2b33ec3710b-439cd463 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ceba0399-88fc-3fdc-76f5-d2b33ec37110-439cd463, #w-node-ceba0399-88fc-3fdc-76f5-d2b33ec37114-439cd463 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_3afb36ad-2f7d-091a-482c-7ea0434238a9-439cd463 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd467, #w-node-_4dd352e7-ad86-c741-e8de-fdca4aa32d26-439cd467, #w-node-_30bd7306-1ac7-c7ec-10f0-aff4b64d50fd-439cd467, #w-node-b37dff3b-523f-44b6-4f4f-d90c139a6ed4-439cd467, #w-node-a6531bb7-9f3a-c1c6-6515-7c7e75d4a8fe-439cd467, #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd468, #w-node-_978c039f-3a10-1a6b-da77-43d9b1d60916-439cd468, #w-node-_8248b070-78c0-c074-2d12-45745adb6f39-439cd468, #w-node-a7387e9a-2ae4-7981-5292-6b348b3d4c77-439cd468, #w-node-b37dff3b-523f-44b6-4f4f-d90c139a6ed4-439cd468, #w-node-be9f156d-82fd-463f-ee37-16dc0f93f95a-439cd468, #w-node-_23c1ad53-f326-b904-abbd-9fb8825884e5-439cd468, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd468, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd468, #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd46d, #w-node-d119317f-8c61-55b0-900b-59de8efa089a-439cd46d, #w-node-f225f7a5-669d-f216-8c8f-552e6d5e1e70-439cd46d, #w-node-a4d8bb97-aa04-8d31-38cf-ac2a98c798be-439cd46d, #w-node-_84d81b31-8326-97e8-712b-441f763e6120-439cd46d, #w-node-b37dff3b-523f-44b6-4f4f-d90c139a6ed4-439cd46d, #w-node-be9f156d-82fd-463f-ee37-16dc0f93f95a-439cd46d, #w-node-_7a32947f-8938-58b9-3df6-fd2e34082f1c-439cd46d, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd46d, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd46d, #w-node-_6c0dabd8-f583-8c50-a858-d4ddfb26373b-439cd46d, #w-node-_3f84d5c5-1fa9-c83a-6b8d-ce0286e631c8-439cd46d, #w-node-_62c8073c-875e-2e01-b44d-555802c224c9-439cd46d, #w-node-_2fd9ae8d-5642-764f-0bb3-ad5b556ab9fe-439cd46e, #w-node-_3368ebcf-f276-486e-df9a-2d2ee896b01b-439cd46e, #w-node-_9b39e607-5ae2-c857-d800-cbe13c7b5af2-439cd46e, #w-node-a4d8bb97-aa04-8d31-38cf-ac2a98c798be-439cd46e, #w-node-b37dff3b-523f-44b6-4f4f-d90c139a6ed4-439cd46e, #w-node-_0acf013b-cf45-b116-178d-461473d613dc-439cd46e, #w-node-_0acf013b-cf45-b116-178d-461473d613de-439cd46e, #w-node-_7159bb67-f1dd-13f6-c860-99e38f0c0382-439cd46e, #w-node-e66ae613-041c-57e0-4efe-d5ddcdcd28c0-439cd46e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}