/*-----fixes-----*/
.elementor-icon-wrapper{
    line-height: 1em;
}
[id] {
    scroll-margin-top: 100px;
}

/*----*/
.tag-category *{
    vertical-align: middle !important;
}

.extra-title{
    display: none;
}

.current{
    border: 4px solid var(--e-global-color-accent);
    box-shadow: 0 0 0 var(--e-global-color-accent);
    animation: pulse-accent 2s infinite;
    border-radius: 20px;
}
.on-air{
    display: none;
}
.current .on-air{
    display: inline;
    font-size: 70%;
    font-weight: 400;
    font-style: italic;
    color: var(--e-global-color-accent);
}


.program-progress .jet-progress-bar__status-bar{
    --progress_grow_time: 0s;
    --current_grow_width: 0%;
    width: var(--current_grow_width) !important;
    animation: grow var(--progress_grow_time) linear;
    animation-fill-mode: forwards;
}

.program-timetable{
    list-style: none;
    padding: 0;
    margin: 0;
}
.day-min{
    display: none;
}
header .radio-playpause a{
  box-shadow: 0 0 0 rgba(255,255,255, 0.4);
  animation: pulse-white 2s infinite;
}
header .radio-playpause .elementor-button-wrapper{
  box-shadow: 0 0 0 rgba(255,255,255, 0.4);
  animation: pulse-white-2 2s infinite;
  border-radius: 20px;
}


.event_past{
    opacity: 0.4;
}

/* Youtube iframe gutemberg */
.wp-block-embed-youtube iframe{
    height: 500px;
}

blockquote{
    padding: 10px 20px;
    background: #fafafa;
    font-weight: 700;
    font-size: 1.1em;
}

@media (max-width: 767px) {
    .day-min{
        display: inline;
        text-transform: uppercase;
    }
    .day-full{
        display: none;
    }
    .extra-title{
        display: inline;
        padding-left: 100px;
    }

    .program-hosts {
        position: relative;
        min-height: 13px;
    }

    .program-hosts, .program-subtitle * {
        overflow: hidden;
    }

.program-hosts .elementor-widget-container .elementor-heading-title {
        white-space: nowrap;
        padding-right: 100px;
    }

    .program-hosts .elementor-widget-container {
        position: absolute;
        animation: move-right-to-left linear 12.5s infinite;
    }

    /* use this one to move from left to right direction */
    @keyframes move-left-to-right {
        from {
            transform: translateX(-50%);
        }
        to {
            transform: translateX(0);
        }
    }

    /* use this one to move from right to left direction */
    @keyframes move-right-to-left {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-50%);
        }
    }
}

.spin{
    -webkit-animation: spin 2s ease-in infinite;
    -moz-animation: spin 2s ease-in infinite;
    animation: spin 2s ease-in infinite;
}
.spin-2{
    -webkit-animation: spin-2 1s ease-out;
    -moz-animation: spin-2 1s ease-out;
    animation: spin-2 1s ease-out;
}

@-moz-keyframes spin {
    50% { -moz-transform: rotate(720deg); },
    100% { -moz-transform: rotate(1080deg); }
}
@-webkit-keyframes spin {
    50% { -webkit-transform: rotate(720deg); },
    100% { -webkit-transform: rotate(180deg); }
}
@keyframes spin {
    50% {
        -webkit-transform: rotate(720deg);
        transform:rotate(720deg);
    },
    100% {
        -webkit-transform: rotate(1080deg);
        transform:rotate(1080deg);
    }
}

@-moz-keyframes spin-2 {
    100% { -moz-transform: rotate(720deg); },
    70% { -moz-transform: rotate(1080deg); }
}
@-webkit-keyframes spin-2 {
    100% { -webkit-transform: rotate(720deg); },
    70% { -webkit-transform: rotate(1080deg); }
}
@keyframes spin-2 {
    100% {
        -webkit-transform: rotate(720deg);
        transform:rotate(720deg);
    },
    70% {
        -webkit-transform: rotate(1080deg);
        transform:rotate(1080deg);
    }
}


@keyframes grow {
    0% {
        width: 0%;
    },
    100% {
        width: 100%;
    }
}

@keyframes pulse-white {
  30% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  90% {
      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
      box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}
@keyframes pulse-white-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
      box-shadow: 0 0 0 15px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}

@keyframes pulse-accent {
  30% {
    -moz-box-shadow: 0 0 0 0 #e111424a;
    box-shadow: 0 0 0 0 #e111424a;
  }
  90% {
      -moz-box-shadow: 0 0 0 10px #e1114200;
      box-shadow: 0 0 0 10px #e1114200;
  }
  100% {
      -moz-box-shadow: 0 0 0 0 #e1114200;
      box-shadow: 0 0 0 0 #e1114200;
  }
}
