.elementor-kit-6{--e-global-color-primary:#C7006A;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000D3E;--e-global-color-accent:#FFFFFF00;--e-global-color-94c0960:#C7006AB3;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:6rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:6.2rem;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:2.2rem;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:2.6rem;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.2rem;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-size:1.25rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.5rem;--e-global-typography-6b3709c-font-family:"Rubik";--e-global-typography-6b3709c-font-size:1.25rem;--e-global-typography-6b3709c-font-weight:300;--e-global-typography-6b3709c-text-transform:none;--e-global-typography-6b3709c-line-height:1.5rem;--e-global-typography-fade2e6-font-family:"Montserrat";--e-global-typography-fade2e6-font-size:6rem;--e-global-typography-fade2e6-font-weight:800;--e-global-typography-fade2e6-text-transform:uppercase;--e-global-typography-fade2e6-line-height:6rem;--e-global-typography-6fcae5d-font-family:"Montserrat";--e-global-typography-6fcae5d-font-size:1rem;--e-global-typography-6fcae5d-font-weight:800;--e-global-typography-6fcae5d-text-transform:uppercase;--e-global-typography-6fcae5d-line-height:1.2rem;background-image:url("https://raadiox.ee/wp-content/uploads/2025/09/Taust-2-2.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:71.25rem;}.e-con{--container-max-width:71.25rem;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:3rem;--e-global-typography-primary-line-height:3.2rem;--e-global-typography-secondary-font-size:1.4rem;--e-global-typography-secondary-line-height:1.6rem;--e-global-typography-fade2e6-font-size:3rem;--e-global-typography-fade2e6-line-height:3rem;--e-global-typography-6fcae5d-font-size:1.4rem;--e-global-typography-6fcae5d-line-height:1.6rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:1025px){.elementor-kit-6{background-attachment:scroll;}}/* Start custom CSS */body {
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    margin-block-start: 0;
    margin-block-end: 0;
}

/* Live site (unchanged) */
@supports (translate: 0) {
  .entrance { opacity: 0; translate: 0 1rem; will-change: opacity, transform; }
  .entrance.animate { animation: entrance-fade-up 600ms ease-out forwards; }

  @keyframes entrance-fade-up {
    to { opacity: 1; translate: 0 0; }
  }
}

/* Fallback if needed */
@supports not (translate: 0) {
  .entrance { opacity: 0; transform: translateY(1rem); will-change: opacity, transform; }
  .entrance.animate { animation: entrance-fade-up-fallback 600ms ease-out forwards; }
  @keyframes entrance-fade-up-fallback {
    to { opacity: 1; transform: none; }
  }
}

/* ✅ Elementor editor: show items, but DO NOT override user transforms */
.elementor-editor-active .entrance,
.elementor-editor-preview .entrance,
html.elementor-edit-mode .entrance,
body.elementor-edit-mode .entrance {
  opacity: 1 !important;
  /* Only neutralize our entrance offset; preserve any user-defined transform */
  translate: 0 0 !important;           /* modern browsers */
  animation: none !important;
  transition: none !important;
  /* DO NOT set transform here */
}

/* Optional: reduced motion */
@media (prefers-reduced-motion: reduce) {
  .entrance, .entrance.animate {
    animation: none !important;
    opacity: 1 !important;
    translate: 0 0 !important;
  }
}




.elementor-element[id] {
  scroll-margin-top: 88px;
}


.site-header {
    display: none;
}

.elementor-icon-box-title, .elementor-widget-text-editor p:last-child, .textwidget p:last-child {
    margin: 0 !important;
}

strong {
  font-weight: 700;
}

p {
    width: clamp(0, 100%, 75ch);
    margin: 0;
    overflow-wrap: normal;
}



h1, h2, h3, h4, h5, h6 {
    font-family: var(--e-global-typography-primary-font-family)
}

svg, .elementor-icon-box-icon, .elementor-icon-wrapper {
    line-height: 0;
}

.elementor-icon-wrapper svg{
    width: auto !important;
}

svg {
    transition: 0.2s ease !important
}

ol {
    padding-inline-start: 1rem;
}

ul {
    padding-inline-start: 2rem;
}




/*Nurga all olev nupp*/
.anglebtn a.elementor-button.elementor-button-link {
  --ax: 3deg;
  --ay: 3deg;
  --hover-skew: 0deg;
  --hover-add: 3deg;

  transform: skewX(calc((var(--ax) + var(--hover-skew)) * -1))
             skewY(calc(var(--ay) + var(--hover-skew)));
  transition: transform .2s ease, filter .2s ease;
}

.anglebtn a.elementor-button.elementor-button-link > * {
  transform: skewY(calc((var(--ay) + var(--hover-skew)) * -1))
             skewX(calc(var(--ax) + var(--hover-skew)));
  transition: transform .2s ease;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

.anglebtn a.elementor-button.elementor-button-link:hover {
  --hover-skew: var(--hover-add);
  filter: saturate(150%);
}
/*Nurga all olev nupp - lõpp*/

/* Nurga all olev tekst */
.angleheading {
  --ax: -3deg;
  --ay: -3deg;
  transform: skewX(calc(var(--ax) * -1)) skewY(var(--ay));
}

.angleheading > * {
  transform: skewY(calc(var(--ay) * -1)) skewX(var(--ax));
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

.angleheading2 {
  --ax: 3deg;
  --ay: 3deg;
  transform: skewX(calc(var(--ax) * -1)) skewY(var(--ay));
}

.angleheading2 > * {
  transform: skewY(calc(var(--ay) * -1)) skewX(var(--ax));
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}


















































/* ===== Audio Row ===== */
.audio-row {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  font-family: system-ui, sans-serif;
  color: var(--e-global-color-primary);
  width: 100%;
  box-sizing: border-box;
}

/* Title */
.audio-row__label {
  text-align: left;
  width: 100%;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: var(--e-global-typography-accent-line-height);
  color: var(--e-global-color-secondary);
}

/* Controls row */
.audio-controls {
  display: flex !important;
  align-items: center;
  gap: 0.0rem;
  width: 100%;
}

/* Play button */
.audio-row__play {
  position: relative; /* needed for pseudo-elements */
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 0;
  color: white;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
  flex-shrink: 0;
}
.audio-row__play:hover {
  color: white;
  background-color: transparent !important;
}

/* Default: PLAY (triangle) */
.audio-row__play:not(.is-playing)::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.48rem 0 0.48rem 0.78rem;
  border-color: transparent transparent transparent currentColor;
  left: 50%;
  top: 50%;
  transform: translate(-35%, -50%);
}

/* PAUSE (two bars) */
.audio-row__play.is-playing::before,
.audio-row__play.is-playing::after {
  content: "";
  position: absolute;
  width: 0.26rem;
  height: 1rem;
  background: currentColor;
  border-radius: 0.04rem;
  top: 50%;
  transform: translateY(-50%);
}
.audio-row__play.is-playing::before { left: 0.60rem; }
.audio-row__play.is-playing::after { right: 0.60rem; }

.audio-row__play:focus:not(:focus-visible) {
  background-color: transparent !important;
}

.jet-listing-dynamic-repeater__item:first-child .audio-row {
  padding-top: 1rem;
}

/* Progress bar */
.audio-row__bar {
  flex: 1 1 auto;
  position: relative;
  height: 0.3rem;
  min-width: 5rem;
  border-radius: 1rem;
  background: white;
  cursor: pointer;
  overflow: hidden;
}
.audio-row__bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: var(--e-global-color-primary);
  border-radius: 1rem;
}

/* Time */
.audio-row__time {
  width: 6rem !important;
  text-align: center;
  font-size: 0.8rem;
  color: var(--e-global-color-secondary);
  white-space: nowrap;
  flex-shrink: 0;
}

/* Volume slider */
.audio-row__volume {
  flex-shrink: 0 !important;
  width: 6rem;
  cursor: pointer;
}

.audio-row {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); /* Safari */
  /* performance hints */
  will-change: backdrop-filter;
  transform: translateZ(0);
}

.jet-listing-dynamic-repeater__items {
  gap: 0.25rem;
}

/* 2nd, 5th, 8th, ... hue 75° + boosted contrast/saturation */
.jet-listing-grid__item:nth-child(3n+2) {
  filter: hue-rotate(280deg) contrast(1) saturate(0.4);
}

/* 3rd, 6th, 9th, ... hue 180° + boosted contrast/saturation */
.jet-listing-grid__item:nth-child(3n+3) {
  filter: hue-rotate(340deg) contrast(1.0) saturate(0.4);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://raadiox.ee/wp-content/uploads/2025/09/subset-Montserrat-ExtraBold.woff2') format('woff2'),
		url('https://raadiox.ee/wp-content/uploads/2025/09/subset-Montserrat-ExtraBold.woff') format('woff'),
		url('https://raadiox.ee/wp-content/uploads/2025/09/subset-Montserrat-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rubik';
	font-display: auto;
	src: url('https://raadiox.ee/wp-content/uploads/2025/09/Rubik-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */