// General module
/* PLAYER CHANGES */
.ewfp_self_clear_fix:after {
  content: "";
  display: table;
  clear: both;
}

.ewfplayer_div {
  display: block;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  border: 0px;
  position: relative;

  .container_player {
    position: relative;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .ewfp_status,
    .ewfp_timeline {
      display: block;
    }

    .ewfp_status {
      width: 60px;
      height: 60px;
      margin: 0px;
      opacity: 0.75;
      border-radius: 50%;
      border: 2px solid #07171d;
      cursor: pointer;
      animation: all 3s;
      display: flex;
      justify-content: center;
      align-items: center;

      /*&.not_ready {
        cursor: default;
        opacity: 0.5;
      }*/

      &:hover {
        opacity: 1;
      }

      i {
        opacity: 0;
        transform: scale(0);
        position: absolute;
        transition: opacity .3s ease;
        -webkit-transition: opacity .3s ease;
      }

      .play,
      .pause {
        &:before {
          font-family: 'dashicons';
          display: inline-block;
          line-height: 1;
          font-weight: 400;
          font-style: normal;
          speak: none;
          text-decoration: inherit;
          text-transform: none;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #07171d;
          position: absolute;
          top: 0px;
          left: 0px;
        }
      }

      .play {
        font-family: dashicons;
        margin-left: 5px;

        &:before {
          content: "\f522";
        }
      }

      .pause {
        &:before {
          content: "\f523";
        }
      }

      &.paused .play {
        opacity: 1;
        transform: scale(1);
      }

      &.playing .pause {
        opacity: 1;
        transform: scale(1);
      }
    }

    .ewfp_timeline {
      position: relative;
      width: calc(100% - 67px);
      flex-basis: 87%;
      height: 100%;

      cursor {
        height: 100%;
      }

      wave {
        max-width: 100%;
      }
    }
  }

  &:not(.ewfp_minimal) {
    &.ewfp_animate {
      .ewfp_timeline {
        opacity: 0;
        transition: opacity 1s ease;
        -webkit-transition: opacity 1s ease;
      }

      &:not(.ewfp_animated) {
        .container_player {
          justify-content: center;
        }

        .ewfp_timeline {
          flex-basis: 0%;
        }
      }

      &.ewfp_animated {
        .container_player {
          justify-content: space-between;
        }

        .ewfp_timeline {
          flex-basis: auto;
          opacity: 1;
        }
      }
    }
  }

  &.ewfp_minimal {
    padding: 0px;
    margin: 10px auto 10px;
    overflow: hidden;

    &.ewfp_inline {
      display: inline-block;
    }

    .container_player {
      height: 60px;
      justify-content: center;

      .title,
      .ewfp_timeline {
        display: none;
      }

      .audio {
        opacity: 0; 
      }

      .ewfp_status {
        top: 0px;
        margin-top: 0px;

      }

      .ewfp_progress {
        stroke-dasharray: 0 0;

        circle {
          transition: stroke-dashoffset 0.35s;
          transform: rotate(-90deg);
          transform-origin: 50% 50%;
          stroke: transparent;
        }
      }
    }
  }
}