.elementor-375 .elementor-element.elementor-element-92af443{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:5rem 5rem;--row-gap:5rem;--column-gap:5rem;--padding-top:10rem;--padding-bottom:0rem;--padding-left:3rem;--padding-right:3rem;--z-index:9;}.elementor-375 .elementor-element.elementor-element-d715837{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-375 .elementor-element.elementor-element-2d3b75c{width:100%;max-width:100%;z-index:0;}.elementor-375 .elementor-element.elementor-element-2d3b75c.elementor-element{--align-self:center;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-375 .elementor-element.elementor-element-dadc83f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-375 .elementor-element.elementor-element-dadc83f .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-375 .elementor-element.elementor-element-80d46c0{margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-375 .elementor-element.elementor-element-8ef7a42{width:100%;max-width:100%;z-index:0;}.elementor-375 .elementor-element.elementor-element-8ef7a42.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-375 .elementor-element.elementor-element-d715837{--width:auto;}}@media(max-width:1024px){.elementor-375 .elementor-element.elementor-element-92af443{--gap:6rem 6rem;--row-gap:6rem;--column-gap:6rem;--padding-top:10rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-375 .elementor-element.elementor-element-dadc83f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-375 .elementor-element.elementor-element-92af443{--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--padding-top:8rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-375 .elementor-element.elementor-element-d715837{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-375 .elementor-element.elementor-element-dadc83f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-b443e8e *//* =========================================================
   XFM — HÄÄLENÄIDISED
   vana värviloogika + uus custom player
   ========================================================= */


/* =========================================================
   BADGE
   ========================================================= */

/* Eemalda plugina kald-banneri pseudoelemendid */
body .rh-grid .rh-badge::before,
body .rh-grid .rh-badge::after {
  display: none;
}

/* Badge -> ümar pill */
body .rh-grid .rh-badge {
  background: var(--e-global-color-primary);
  color: #fff;

  border-radius: 3rem;

  padding: 0.75rem 1.5rem;

  font-family:
    var(--e-global-typography-primary-font-family),
    Sans-serif;

  font-weight: 900;
  font-style: italic;

  transform: rotate(-4deg);
  transform-origin: left center;

  margin-bottom: -1rem !important;
}

/* Badge tekst jääb sirgeks */
body .rh-grid .rh-badge-text {
  display: inline-block;

  transform: rotate(4deg);

  font-style: italic;
}


/* =========================================================
   KAARDID
   ========================================================= */

body .rh-grid .rh-card {
  background: transparent;
  padding: 0;

  gap: 0.25rem;
}


/* vana XFM lilla */
body .rh-grid .rh-item {
  background: #9b1fe880;

  padding: 0.62rem 0.8rem 0.68rem;

  gap: 0.28rem;
}


/* esimese rea jaoks badge'i all rohkem ruumi */
body .rh-grid .rh-item:first-child {
  padding-top: 1.25rem;
}


/* =========================================================
   KLIPI NIMI
   ========================================================= */

body .rh-grid .rh-name {
  color: var(--e-global-color-secondary);

  font-family:
    var(--e-global-typography-6fcae5d-font-family),
    Sans-serif;

  font-size:
    var(--e-global-typography-6fcae5d-font-size);

  font-weight: 500 !important;

  line-height:
    var(--e-global-typography-6fcae5d-line-height);

  text-align: left;
}


/* =========================================================
   VANA XFM VÄRVIDE LOOGIKA
   TÄPSELT KOGU KATEGOORIA HUE-ROTATE
   ========================================================= */

body .rh-grid .rh-cat:nth-child(even) {
  filter: hue-rotate(-40deg);
}


/* =========================================================
   CUSTOM AUDIO PLAYER
   ========================================================= */

body .rh-grid .rh-player {
  display: grid;

  grid-template-columns:
    1.45rem
    minmax(0, 1fr)
    auto;

  align-items: center;

  gap: 0.5rem;

  width: 100%;
  min-width: 0;

  min-height: 1.55rem;

  margin: 0;
  padding: 0;

  background: transparent;

  border: 0;

  box-shadow: none;
}


/* =========================================================
   PLAY / PAUSE
   ========================================================= */

body .rh-grid .rh-play {
  position: relative;

  width: 1.45rem;
  height: 1.45rem;

  margin: 0;
  padding: 0;

  border:
    1px solid rgba(255,255,255,0.58);

  border-radius: 50%;

  background:
    rgba(255,255,255,0.08);

  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;

  -webkit-tap-highlight-color: transparent;

  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    transform 120ms ease;
}


/* Play kolmnurk */
body .rh-grid .rh-play::before {
  content: "";

  position: absolute;

  left: 54%;
  top: 50%;

  width: 0;
  height: 0;

  border-top:
    0.23rem solid transparent;

  border-bottom:
    0.23rem solid transparent;

  border-left:
    0.35rem solid rgba(255,255,255,0.92);

  transform:
    translate(-50%, -50%);
}


/* Pause ikoon */
body .rh-grid .rh-player.is-playing .rh-play::before {
  left: 40%;

  width: 0.12rem;
  height: 0.47rem;

  border: 0;

  background:
    rgba(255,255,255,0.92);

  box-shadow:
    0.27rem 0 0 rgba(255,255,255,0.92);

  transform:
    translate(-50%, -50%);
}


@media (hover: hover) {

  body .rh-grid .rh-play:hover {
    background:
      rgba(255,255,255,0.16);

    border-color:
      rgba(255,255,255,0.9);
  }

}


body .rh-grid .rh-play:active {
  transform: scale(0.92);
}


/* =========================================================
   PROGRESS
   ========================================================= */

body .rh-grid .rh-seek {
  --p: 0%;

  width: 100%;
  min-width: 0;

  height: 0.8rem;

  margin: 0;
  padding: 0;

  background: transparent;

  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;
}


/* Chrome / Safari / WebKit */
body .rh-grid .rh-seek::-webkit-slider-runnable-track {
  height: 2px;

  border-radius: 999px;

  background:
    linear-gradient(
      to right,

      rgba(255,255,255,0.82) 0,
      rgba(255,255,255,0.82) var(--p),

      rgba(255,255,255,0.24) var(--p),
      rgba(255,255,255,0.24) 100%
    );
}


body .rh-grid .rh-seek::-webkit-slider-thumb {
  width: 6px;
  height: 6px;

  margin-top: -2px;

  border: 0;
  border-radius: 50%;

  background:
    rgba(255,255,255,0.95);

  box-shadow: none;

  -webkit-appearance: none;
}


/* Firefox */
body .rh-grid .rh-seek::-moz-range-track {
  height: 2px;

  border: 0;
  border-radius: 999px;

  background:
    linear-gradient(
      to right,

      rgba(255,255,255,0.82) 0,
      rgba(255,255,255,0.82) var(--p),

      rgba(255,255,255,0.24) var(--p),
      rgba(255,255,255,0.24) 100%
    );
}


body .rh-grid .rh-seek::-moz-range-thumb {
  width: 6px;
  height: 6px;

  border: 0;
  border-radius: 50%;

  background:
    rgba(255,255,255,0.95);

  box-shadow: none;
}


/* =========================================================
   AEG
   ========================================================= */

body .rh-grid .rh-time {
  display: flex;

  align-items: center;

  gap: 0.16rem;

  color:
    rgba(255,255,255,0.72);

  font-family:
    var(--e-global-typography-accent-font-family),
    Sans-serif;

  font-size: 0.58rem;

  font-weight: 500;

  line-height: 1;

  font-variant-numeric:
    tabular-nums;

  white-space: nowrap;
}


body .rh-grid .rh-time-sep {
  opacity: 0.55;
}


/* =========================================================
   FOCUS
   ========================================================= */

body .rh-grid .rh-play:focus-visible {
  outline:
    2px solid rgba(255,255,255,0.95);

  outline-offset: 2px;
}


body .rh-grid .rh-seek:focus-visible {
  outline: none;
}


/* =========================================================
   LOADER
   ========================================================= */

body .rh-haalenaidised .rh-eq {
  color:
    var(--e-global-color-primary);
}


body .rh-haalenaidised .rh-loading span {
  color:
    var(--e-global-color-text);

  font-size: 0.8rem;

  font-family:
    var(--e-global-typography-accent-font-family),
    Sans-serif;

  opacity: 1;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 480px) {

  body .rh-grid .rh-player {
    grid-template-columns:
      1.4rem
      minmax(0,1fr)
      auto;

    gap: 0.42rem;
  }


  body .rh-grid .rh-play {
    width: 1.4rem;
    height: 1.4rem;
  }


  body .rh-grid .rh-time {
    font-size: 0.56rem;
  }

}/* End custom CSS */