@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'happy';
    src: url('http://nancy.sarahgarcin.com/radiooo/fonts/happy-times-at-the-ikob_italic-webfont.woff') format('woff'),
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'happy';
    src: url('http://nancy.sarahgarcin.com/radiooo/fonts/happy-times-at-the-ikob-webfont.woff') format('woff'),
    font-weight: normal;
    font-style: normal;

}


body{
  font:20px/1.1em "happy", serif;
  margin: 0px;
  line-height: 1.2;
}

h1, p, .ecouter-en-direct{
  padding: 0 20px;
  font-size: 4vw;
  line-height: 1.4;
  text-align: justify;
  text-align-last: justify;
  letter-spacing: 0.5vw;
}

.logo{
  font-family: "Archivo", sans-serif;
  font-weight: 700;
}

.ecouter-en-direct{
  background: #ff5200;
  display: flex;
  align-items: center;
  font-size: 72px;
  line-height: 1;
}

.ecouter-en-direct h3{
  width: 40%;
}

.audio{
/*  height: 100px;*/
  width: 60%;
}

.audioplayer{
/*  width: auto;*/
/*  min-width: auto;*/
  width: 80%;
  height: 120px;
  padding: 0 20px 0px 40px;
  background: transparent;
  box-shadow: none;
  margin-left: 3vw;
}

.audioplayer .holder{
/*  width: 3vw;
  height: 3vw;*/
  width: 60px;
  height: 60px;
  margin-top: -15px;
}

.audioplayer .holder svg{
  width: 100%;
  height: auto;
}

.audioplayer .holder path{
  fill: #000;
}

.audioplayer .controls, .audioplayer .volume{
/*  display: none;*/
  color: #000;
}
.volume__speaker{
  fill: #000;
}

.green-audio-player .slider .gap-progress .pin{
  background: #000;
}

.green-audio-player .slider{
  background: #FFF;
}