@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

    
  @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');

    
  @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');

  
  html {
    -webkit-tap-highlight-color: rgba(20,20,20,0);
  }
  body {
    color: #141414;
    background-color: #ffffff;
    font-family: 'Open Sans', 'sans-serif';
    font-style: normal;
  }

  a {
    color: #e2001a;
  }
  a:hover {
    color: #bc0000;
  }
  

    
 
.bg--transparent {
  background-color: transparent;
}

.mode--light, .bg--light {
  background-color: #ffffff;
  color: #141414;
}

@media (max-width: 768px) {
.bg--section-light {
  background-color: #ffffff;
}

.bg--section-dark {
  background-color: #f5f5f5;
}
}


a.bg--light:hover,
a.bg--light:focus,
button.bg--light:hover,
button.bg--light:focus {
  background-color: #d9d9d9;
}

.mode--dark, .bg--dark {
  background-color: #f5f5f5;
  color: #000000;
}

a.bg--dark:hover,
a.bg--dark:focus,
button.bg--dark:hover,
button.bg--dark:focus {
  background-color: #cfcfcf;
}

.bg--primary {
  background-color: #e2001a;
  color: #ffffff;
}

a.bg--primary:hover,
a.bg--primary:focus,
button.bg--primary:hover,
button.bg--primary:focus {
  background-color: #bc0000;
}

.bg--player {
  background-color: #000000 !important;
  color: #ffffff;
}

a.bg--player:hover,
a.bg--player:focus,
button.bg--player:hover,
button.bg--player:focus {
  background-color:#000000;
}

.bg--footer {
  background-color: #e2001a !important;
  color: #ffffff;
}

a.bg--footer:hover,
a.bg--footer:focus,
button.bg--footer:hover,
button.bg--footer:focus {
  background-color: #cfcfcf;
}

.bg--header {
  background-color: #ffffff !important;
  color: #000000;
}

a.bg--header:hover,
a.bg--header:focus,
button.bg--header:hover,
button.bg--header:focus {
  background-color:#d9d9d9;
}

.text-primary {
  color:#e2001a;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #bc0000;
}

.text-light {
  color: #141414;
}

a.text-light:hover,
a.text-light:focus {
  color: #000000;
}

.text-dark {
  color: #000000;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #000000;
}



    

body {
  font-family: 'Open Sans', 'sans-serif';
  font-style: normal;
}

h1,
.h1,
h2:not(.lead),
.h2,
h3,
.h3,
.title {
  font-family: 'Barlow Condensed', 'sans-serif';
  font-style: italic;
}


h4,
.h4,
h5,
.h5,
.subtitle {
  font-family: 'Open Sans', 'sans-serif';
  font-style: normal;
}

// Font-size for main carousel's and page's titles

h1.title {
  font-size: 2rem;
}
.h1,
.h1.block {
  font-size: 2rem;
}


@media (min-width: 768px) {
  h1.title {
  font-size: 3rem;
  }
  .h1,
  .h1.block {
    font-size: 3rem;
  }
    
}

// Font-size for main carousel's and page's leads

.h1 + .lead,
.lead.block {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .h1 + .lead,
  .lead.block {
    font-size: 2.6rem;
  }
}

// Font-size for block's titles


.h2 {
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .h2 {
    font-size: 2.6rem;
  }
}


.hr {
  border-top-color: currentColor;
}

.mode--light .date, .mode--light .lead, .mode--light .artist {
  color: #5c5c5c;
}

.mode--dark .date, .mode--dark .lead, .mode--dark .artist {
  color: #414141;
}

.bg--light .date, .bg--light .lead, .bg--light .artist {
  color: #5c5c5c;
}

.bg--dark .date, .bg--dark .lead, .bg--dark .artist {
  color: #414141;
}

.bg--primary .date,  .bg--primary .lead, .bg--primary .artist {
  color: rgba(255,255,255,0.5);
}

.mode--light pre, .mode--light code {
  background-color: #141414;
  color: #ffffff;
}

.mode--dark pre, .mode--dark code {
  background-color: #000000;
  color: #f5f5f5;
}

.bg--light pre, .bg--light code {
  background-color: #141414;
  color: #ffffff;
}

.bg--dark pre, .bg--dark code {
  background-color: #000000;
  color: #f5f5f5;
}

.mode--light cite, .mode--light blockquote {
  border-left-color: #5c5c5c;
}

.mode--dark cite, .mode--dark blockquote {
  border-left-color: #414141;
}

.bg--light cite, .bg--light blockquote {
  border-left-color: #5c5c5c;
}

.bg--dark cite, .bg--dark blockquote {
  border-left-color: #414141;
}



    


.form-control:focus {
  border-color: #e2001a;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #e2001a;
  background: #e2001a;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(226,0,26,0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(226,0,26,0.25);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: rgba(226,0,26,0.25);
  border-color: rgba(226,0,26,0.25);
}



    

  .mode--dark .btn:not([class*='btn--']),
  .mode--dark .btn-ecoute-link {
    color: #141414;
    border-color: #ffffff;
    background: #ffffff;
  }
    .mode--dark .btn:not([class*='btn--']):hover, 
    .mode--dark .btn:not([class*='btn--']):focus,
    .mode--dark .btn-ecoute-link:hover,
    .mode--dark .btn-ecoute-link:focus {
      color: #141414;
      border-color: #d9d9d9;
      background: #d9d9d9;
    }
    .mode--dark a:hover .btn:not([class*='btn--']) {
      color: #141414;
      border-color: #d9d9d9;
      background: #d9d9d9; }
    .mode--dark .btn:not([class*='btn--']).disabled,  .mode--dark .btn:not([class*='btn--']):disabled
    {
      color: #141414;
      background-color:#ffffff;
      border-color: #ffffff; 
    }

  .mode--light .btn:not([class*='btn--']),
  .mode--light .btn-ecoute-link {
    color: #000000;
    border-color: #f5f5f5;
    background: #f5f5f5; }

  .mode--light .btn:not([class*='btn--']):hover, 
  .mode--light .btn:not([class*='btn--']):focus,
  .mode--light .btn-ecoute-link:hover,
  .mode--light .btn-ecoute-link:focus {
      color: #000000;
      border-color: #cfcfcf;
      background: #cfcfcf; }
      .mode--light a:hover .btn:not([class*='btn--']) {
      color: #000000;
      border-color: #cfcfcf;
      background: #cfcfcf; }
    .mode--light .btn:not([class*='btn--']).disabled,  .mode--light .btn:not([class*='btn--']):disabled
    {
      color: #000000;
      background-color:#f5f5f5;
      border-color: #f5f5f5; 
    }

  .bg--dark .btn:not([class*='btn--']) {
    color: #141414;
    border-color: #ffffff;
    background: #ffffff; }
    .bg--dark .btn:not([class*='btn--']):hover, 
    .bg--dark .btn:not([class*='btn--']):focus {
      color: #141414;
      border-color: #d9d9d9;
      background: #d9d9d9; }
      .bg--dark a:hover .btn:not([class*='btn--']) {
      color: #141414;
      border-color: #d9d9d9;
      background: #d9d9d9; }
    .bg--dark .btn:not([class*='btn--']).disabled,  .bg--dark .btn:not([class*='btn--']):disabled
    {
      color: #141414;
      background-color:#ffffff;
      border-color: #ffffff; 
    }

  .bg--light .btn:not([class*='btn--']) {
    color: #000000;
    border-color: #f5f5f5;
    background: #f5f5f5; }
    .bg--light .btn:not([class*='btn--']):hover, 
    .bg--light .btn:not([class*='btn--']):focus {
      color: #000000;
      border-color: #cfcfcf;
      background: #cfcfcf; }
      .bg--light a:hover .btn:not([class*='btn--']) {
      color: #000000;
      border-color: #cfcfcf;
      background: #cfcfcf; }
    .bg--light .btn:not([class*='btn--']).disabled,  .bg--light .btn:not([class*='btn--']):disabled
    {
      color: #000000;
      background-color:#f5f5f5;
      border-color: #f5f5f5; 
    }

  .btn--light {
    color: #141414;
    border-color: #ffffff;
    background: #ffffff; }
    .btn--light:hover, .btn--light:focus {
      color: #141414;
      border-color: #d9d9d9;
      background: #d9d9d9; }
    a:hover .btn--light {
      color: #141414;
      border-color: #d9d9d9;
      background: #d9d9d9; }
    .btn--light.disabled, .btn--light:disabled {
      color: #141414;
      background-color:#ffffff;
      border-color: #ffffff; }
  
  .btn--dark {
    color: #000000;
    border-color: #f5f5f5;
    background: #f5f5f5; }
    .btn--dark:hover, .btn--dark:focus {
      color: #000000;
      border-color: #cfcfcf;
      background: #cfcfcf; }
    a:hover .btn--dark {
      color: #000000;
      border-color: #cfcfcf;
      background: #cfcfcf; }
    .btn--dark.disabled, .btn--dark:disabled {
      color: #000000;
      background-color:#f5f5f5;
      border-color: #f5f5f5; }


  .btn--primary {
    color: #ffffff;
    border-color: #e2001a;
    background: #e2001a; }
    .btn--primary:hover, .btn--primary:focus {
      color: #ffffff;
      border-color: #bc0000;
      background: #bc0000; }
    a:hover .btn--primary {
      color: #ffffff;
      border-color: #bc0000;
      background: #bc0000; }
    .btn--primary.disabled, .btn--primary:disabled {
      color: #ffffff;
      background-color: #e2001a;
      border-color: #e2001a; }
          
  .btn--player {
    color: #ffffff;
    border-color: #000000;
    background: #000000; }
    .btn--player:hover, .btn--player:focus {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
    a:hover .btn--player {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
    .btn--player.disabled, .btn--player:disabled {
      color: #ffffff;
      background-color: #000000;
      border-color: #000000; }
    

  .btn--alpha {
    color: #ffffff;
    background: rgba(255,255,255,0.1); 
    border-color: transparent !important;
  }
    .btn--alpha:hover {
      background: rgba(255,255,255,0.2); }
    .btn--alpha.disabled, .btn--alpha:disabled {
      color: rgba(255,255,255,0.4); }


  .btn--link {
    color: #e2001a; }
    .btn--link:hover {
      color: #bc0000; }


    

  .mode--dark .badge:not([class*='badge--']) {
    color: #141414;
    background-color: #ffffff;
  }
  .mode--dark a.badge:not([class*='badge--']):hover,
  .mode--dark a.badge:not([class*='badge--']):focus
  {
    color: #141414;
    background-color: #d9d9d9;
  }

  .mode--light .badge:not([class*='badge--']) {
    color: #000000;
    background-color: #f5f5f5;
  }
  .mode--light a.badge:not([class*='badge--']):hover
  .mode--light a.badge:not([class*='badge--']):focus
{
    color: #000000;
    background-color: #cfcfcf;
  }

  

  .bg--dark .badge:not([class*='badge--']) {
    color: #141414;
    background-color: #ffffff;
  }
  .bg--dark a.badge:not([class*='badge--']):hover,
  .bg--dark a.badge:not([class*='badge--']):focus
  {
    color: #141414;
    background-color: #d9d9d9;
  }

  .bg--light .badge:not([class*='badge--']) {
    color: #000000;
    background-color: #f5f5f5;
  }
  .bg--light a.badge:not([class*='badge--']):hover,
  .bg--light a.badge:not([class*='badge--']):focus
{
    color: #000000;
    background-color: #cfcfcf;
  }

  
  .badge--light {
    color: #141414;
    background-color: #ffffff;
  }
  a.badge--light:hover,
  a.badge--light:focus {
    color: #141414;
    background-color: #d9d9d9;
  }
  
  .badge--dark {
    color: #000000;
    background-color: #f5f5f5;
  }
  a.badge--dark:hover,
  a.badge--dark:focus {
    color: #000000;
    background-color: #cfcfcf;
  }
  
  .badge--primary {
    color: #ffffff;
    background-color: #e2001a;
  }
  a.badge--primary:hover,
  a.badge--primary:focus {
    color: #ffffff;
    background-color: #bc0000
  }
  


    

.mode--light .thumbnail:hover,
.mode--light .thumbnail:focus {
  background: rgba(20,20,20,0.05);
  box-shadow: 0 0 0 0.5rem rgba(20,20,20,0.05);
}
.mode--light .thumbnail .actions {
  background: rgba(255,255,255,0.8);
}


.mode--dark .thumbnail:hover,
.mode--dark .thumbnail:focus {
  background: rgba(0,0,0,0.1);
  box-shadow: 0 0 0 0.5rem rgba(0,0,0,0.1);
}
.mode--dark .thumbnail .actions {
  background: rgba(245,245,245,0.8);
}

.thumbnail.animated-title:hover .h3,
.thumbnail.animated-title:hover .h1 {
background-image: linear-gradient(to right, #c50000 33%, #f46363 66%, #ffa7a7 100%);
}

.thumbnail .overlay.border-bottom::after {
    background-color: #000000; }

.bg--light .thumbnail:hover,
.bg--light .thumbnail:focus {
  background: rgba(20,20,20,0.05);
  box-shadow: 0 0 0 0.5rem rgba(20,20,20,0.05);
}
.bg--light .thumbnail .actions {
  background: rgba(255,255,255,0.8);
}

.bg--dark .thumbnail:hover,
.bg--dark .thumbnail:focus {
  background: rgba(0,0,0,0.1);
  box-shadow: 0 0 0 0.5rem rgba(0,0,0,0.1);
}
.bg--dark .thumbnail .actions {
  background: rgba(245,245,245,0.8);
}


    
.mode--light .Audio .thumbnail {
    border-color: #D3D3D3;
}

.mode--light .Audio .thumbnail.has-audio-player {
    transition: all 0.2s ease-in-out;
    background: rgba(20,20,20,0);
}

.mode--light .Audio .thumbnail.has-audio-player:hover,
.mode--light .Audio .thumbnail.has-audio-player:focus {
    background: rgba(20,20,20,0.05) !important;
}

.mode--dark .Audio .thumbnail {
    border-color: #414141;
}

.mode--dark .Audio .thumbnail.has-audio-player {
    transition: all 0.2s ease-in-out;
    background: rgba(0,0,0,0);
}

.mode--dark .Audio .thumbnail.has-audio-player:hover,
.mode--dark .Audio .thumbnail.has-audio-player:focus {
    background: rgba(0,0,0,0.05) !important;
}

    


  .card {
    background-color: #ffffff;
    color: #141414;
  }


    

  .nav .nav-item .nav-link {
    color: inherit;
  }
  .nav .nav-item .nav-link:hover,
  .nav .nav-item .nav-link:focus,
  .nav .nav-item .nav-link:active {
    color: #e2001a;
  }
  .nav .nav-item .nav-link.active {
    color: #e2001a;
  }
  .nav .nav-item .nav-link.active:before {
    background: #e2001a;
  }

  .bg--primary .nav .nav-item .nav-link:hover,
  .bg--primary .nav .nav-item .nav-link:focus {
    color: rgba(20,20,20,0.8);
  }

  .bg--header .nav .nav-item .nav-link:hover,
  .bg--header .nav .nav-item .nav-link:focus {
    color: #585858
  }
  .bg--header .nav .nav-item .nav-link.active {
    color: #000000;
  }

  .bg--header .nav .nav-item .nav-link.active:before  {
    background: #000000;
  }


  .mode--light .nav-pills .nav-item .nav-link {
    color:#141414;
    background-color: rgba(20,20,20,0.15);
  }

  .mode--dark .nav-pills .nav-item .nav-link {
    color:#000000;
    background-color: rgba(0,0,0,0.15);
  }

  .mode--light .nav-pills .nav-item .nav-link.active, 
  .mode--dark .nav-pills .nav-item .nav-link.active
   {
    color:#ffffff;
    background-color: #e2001a;
  }


  .bg--light .nav-pills .nav-item .nav-link {
    color:#141414;
    background-color: rgba(20,20,20,0.15);
  }

  .bg--dark .nav-pills .nav-item .nav-link {
    color:#000000;
    background-color: rgba(0,0,0,0.15);
  }

  .bg--light .nav-pills .nav-item .nav-link.active, 
  .bg--dark .nav-pills .nav-item .nav-link.active
   {
    color:#ffffff;
    background-color: #e2001a;
  }


    
  .mode--light .loader,
  .mode--light .has-loader:after {
    border-color: rgba(20,20,20,0.15);
    border-top-color: #141414;
  }
  
  .mode--light .has-loader:before {
    background: rgba(255,255,255,0.75);
  }
  
  .mode--dark .loader,
  .mode--dark .has-loader:after {
    border-color: rgba(0,0,0,0.15);
    border-top-color: #f5f5f5;
  }
  
  .mode--dark .has-loader:before {
    background: rgba(245,245,245,0.75);
  }
  
  .bg--light .loader,
  .bg--light .has-loader:after {
    border-color: rgba(20,20,20,0.15);
    border-top-color: #141414;
  }
  
  .bg--light .has-loader:before {
    background: rgba(255,255,255,0.75);
  }
  
  .bg--dark .loader,
  .bg--dark .has-loader:after {
    border-color: rgba(245,245,245,0.15);
    border-top-color: #f5f5f5;
  }
  
  .bg--dark .has-loader:before {
    background: rgba(245,245,245,0.75);
  }
  
  .bg--primary .loader,
  .bg--primary .has-loader:after {
    border-color: rgba(20,20,20,0.15);
    border-top-color: #ffffff;
  }
  
  .bg--primary .has-loader:before {
    background: rgba(226,0,26,0.75);
  }

    

  .mode--light .dropdown-menu {
    color: #141414;
    background-color: #ffffff;
    border-color: rgba(20,20,20,0.2);
    box-shadow: 0 0.8rem 1rem rgba(20,20,20,0.1) }
    
    .mode--light .dropdown-menu .dropdown-item {
    color: #141414;
    }

    .mode--light .dropdown-menu .dropdown-item.active, .mode--light .dropdown-menu .dropdown-item.searchbarActive {
      color: #e2001a;
      background-color: #e6e6e6;
    }
  
    .mode--light .dropdown-menu .dropdown-item:hover, .mode--light .dropdown-menu .dropdown-item:focus {
    color: #e2001a;
    }
    .mode--light .dropdown-menu .dropdown-item.active, .mode--light .dropdown-menu .dropdown-item:active {
    color: #e2001a;
    }
    
    .mode--dark .dropdown-menu {
    color: #000000;
    background-color: #f5f5f5;
    border-color: rgba(0,0,0,0.2);
    box-shadow: 0 0.8rem 1rem rgba(0,0,0,0.1)
    }
    .mode--dark .dropdown-menu .dropdown-item {
    color: #000000;
    }
    .mode--dark .dropdown-menu .dropdown-item:hover, .mode--dark .dropdown-menu .dropdown-item:focus {
    color: #e2001a;
    }
    .mode--dark .dropdown-menu .dropdown-item.active, .mode--dark .dropdown-menu .dropdown-item:active {
    color: #e2001a;
    }
    
    .bg--light .dropdown-menu {
    color: #141414;
    background-color: #ffffff;
    border-color: rgba(20,20,20,0.2);
    box-shadow: 0 0.8rem 1rem rgba(20,20,20,0.1);
    }
    .bg--light .dropdown-menu .dropdown-item {
    color: #141414;
    }
    .bg--light .dropdown-menu .dropdown-item:hover, .bg--light .dropdown-menu .dropdown-item:focus {
    color: #e2001a;
    }
    .bg--light .dropdown-menu .dropdown-item.active, .bg--light .dropdown-menu .dropdown-item:active {
    color: #e2001a;
    }
    
    .bg--dark .dropdown-menu {
    color: #000000;
    background-color: #f5f5f5;
    border-color: rgba(0,0,0,0.2);
    box-shadow: 0 0.8rem 1rem rgba(0,0,0,0.1);
    }
    .bg--dark .dropdown-menu .dropdown-item {
    color: #000000;
    }
    .bg--dark .dropdown-menu .dropdown-item:hover, .bg--dark .dropdown-menu .dropdown-item:focus {
    color: #e2001a;
    }
    .bg--dark .dropdown-menu .dropdown-item.active, .bg--dark .dropdown-menu .dropdown-item:active {
    color: #e2001a;
    }
    
    .bg--primary .dropdown-menu {
      color: #ffffff;
      background-color: #e2001a;
      border-color: rgba(20,20,20,0.2);
      box-shadow: 0 0.8rem 1rem rgba(20,20,20,0.1);
    }
  
    .bg--primary .dropdown-menu .dropdown-item {
      color: #ffffff;
    }
    .bg--primary .dropdown-menu .dropdown-item:hover, .bg--primary .dropdown-menu .dropdown-item:focus {
      color: rgba(20,20,20,15);
        }
    
    .bg--primary .dropdown-menu .dropdown-item.active, .bg--primary .dropdown-menu .dropdown-item:active {
      color: rgba(20,20,20,15);
    }
    .bg--primary .dropdown-menu .dropdown-item.active, .bg--primary .dropdown-menu .dropdown-item:searchbarActive {
      color: rgba(20,20,20,15);
      background-color:  rgba(255,255,255,15);
    }

    
  .media .overlay {
    color: #000000;
  }

    
  .mode--light .tooltip {
    background-color: #141414;
    color: #ffffff;
  }
  .mode--light .tooltip:before {
    border-top-color: #141414;
  }
  .mode--light .tooltip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #141414;
  }

  .mode--dark .tooltip {
    background-color: #000000;
    color: #f5f5f5;
  }
  .mode--dark .tooltip:before {
    border-top-color: #000000;
  }
  .mode--dark .tooltip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #000000;
  }

  .bg--light .tooltip {
    background-color: #141414;
    color: #ffffff;
  }
  .bg--light .tooltip:before {
    border-top-color: #141414;
  }
  .bg--light .tooltip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #141414;
  }

  .bg--dark .tooltip {
    background-color: #000000;
    color: #f5f5f5;
  }
  .bg--dark .tooltip:before {
    border-top-color: #000000;
  }
  .bg--dark .tooltip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #000000;
  }


    

  .pagination .pagination-numerotation .btn.active {
    color: #e2001a !important;
  }


    
  .mode--light .progress-bar-range:before { 
    background: rgba(20,20,20,0.2);
  }
  
  .mode--light .progress-bar-range .load {
    background: rgba(255,255,255,0.8);

  }
  
  .mode--light .progress-bar-range .progress { 
    background: #141414; 
  }
  
  .mode--light .progress-bar-range .progress:after { 
    background: #ffffff; 
    box-shadow: 0 0.2rem 0.2rem rgba(20,20,20,0.2); 
  }
  
  .mode--dark .progress-bar-range:before { 
    background: rgba(0,0,0,0.2);
  }
  
  .mode--dark .progress-bar-range .load {
    background: rgba(245,245,245,0.8);

  }
  
  .mode--dark .progress-bar-range .progress { 
    background: #000000; 
  }
  
  .mode--dark .progress-bar-range .progress:after { 
    background: #f5f5f5; 
    box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,0.2); 
  }
    

    
  .Carousel .resume .subtitle {
    font-family: 'Barlow Condensed';
    font-style: italic;
}
    
  .PlayerBlock {
    color: white;
  }
  .PlayerBlock .artist {
    color: white;
  }
  .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range'] {
    color: #ffffff;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range'] {
      background-color: rgba(255,255,255,0.2);
    }
    .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-webkit-slider-runnable-track {
      color: #ffffff;
    }
    .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-webkit-slider-thumb {
      background: #ffffff;
      box-shadow: -30.8rem 0 0 30.4rem #ffffff;
    }
    .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']:active::-webkit-slider-thumb {
      background: #ffffff;
      box-shadow: -30.8rem 0 0 30.4rem #ffffff;
    }
  }
  .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-moz-range-progress {
    background-color: #ffffff;
  }
  .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-moz-range-track {
    background-color: rgba(255,255,255,0.2);
  }
  .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-ms-fill-lower {
    background-color: #ffffff;
  }
  .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-ms-fill-upper {
    background-color: rgba(255,255,255,0.2);
  } 


  .PlayerBlock .PlayerVolumeRange input[type='range'] {
    color: white;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .PlayerBlock .PlayerVolumeRange input[type='range'] {
      background-color: rgba(255,255,255,0.2);
    }
     
    .PlayerDetailsBloc.Titles{
        background-color: rgba(
          255,255,255,0.9);
        color : #141414
    }
    
    .ButtonPlayerDetailContainer .btn--player {
    background: linear-gradient(rgba(255,255,255,0.2),  rgba(255,255,255,0.2)), 
    #000000;
      }
     
    .PlayerDetails .PlayerBroadcast.timeline a,   
    .PlayerDetails .PlayerBroadcast:not(.current) a:hover,
    .PlayerDetails .PlayerBroadcast.current a {
         background-color: rgba(
          245,245,245,0.1);
          border-radius: 30px;
       }     


   .PlayerDetails .PlayerBroadcast.current.main a {
         background-color: rgba(
          245,245,245,0.1);
        
       }  

 @media (max-width: 995.98px) {
    .PlayerDetailsSectionTitle.active::after {
    border-top: 9px solid #ffffff !important;
    }
    }

    .PlayerBlock .PlayerVolumeRange input[type='range']::-webkit-slider-runnable-track {
      color: white;
    }
    .PlayerBlock .PlayerVolumeRange input[type='range']::-webkit-slider-thumb {
      background: white;
      box-shadow: -30.8rem 0 0 30.4rem white;
    }
    .PlayerBlock .PlayerVolumeRange input[type='range']:active::-webkit-slider-thumb {
      background: white;
      box-shadow: -30.8rem 0 0 30.4rem white;
    }
  }
  .PlayerBlock .PlayerVolumeRange input[type='range']::-moz-range-progress {
    background-color: white;
  }
  .PlayerBlock .PlayerVolumeRange input[type='range']::-moz-range-track {
    background-color: rgba(255,255,255,0.2);
  }
  .PlayerBlock .PlayerVolumeRange input[type='range']::-ms-fill-lower {
    background-color: white;
  }
  .PlayerBlock .PlayerVolumeRange input[type='range']::-ms-fill-upper {
    background-color: rgba(255,255,255,0.2);
  } 

  .block:not(.PlayerBlock) .PlayerProgressRange {
   background-color: #000000;  }

  .block:not(.PlayerBlock) .PlayerProgressRange .progress {
    background-color: rgba(44,44,44,1);
  }


  .PlayerSection .PlayerProgressRange {
    background-color: transparent;
  }
  .PlayerSection .PlayerProgressRange .progress {
    background-color:rgba(245,245,245,1); 
  }

  .PlayerDetails .PlayerBroadcast .PlayerResume .artist, 
  .block:not(.PlayerBlock) .PlayerResume .artist {

    color:#ffffff !important;
    
    font-family: 'Barlow Condensed';
    font-size: 1.6rem !important;
  }

  .PlayerDetails .PlayerBroadcast .PlayerResume .title, 
  .block:not(.PlayerBlock) .PlayerResume .title {

    color:#ffffff !important;
    
    font-family: 'Barlow Condensed';
    font-size: 1.4rem !important;
  }


  .block:not(.PlayerBlock) .PlayerRadio .dropdown-menu {
    background-color:#000000;
  }

  .block:not(.PlayerBlock) .PlayerSources .dropdown-menu {
    background-color:#000000;
  }

  .block:not(.PlayerBlock) .PlayerSources .dropdown-menu .dropdown-item {
  color:#ffffff !important;
  }

  .PlayerBouton .subtitle:before {
    background:#f5f5f5
  }

  .PlayerBouton .subtitle {
    color:#000000;
    font-family: 'Open Sans','sans-serif';
    font-size: 1.6rem;
    
  }
  @media (min-width: 768px) {
  .PlayerBouton .subtitle {
    font-size: 2.6rem;
  }
}
  
.PlayerZone .buttonDraw {
  border-bottom: 5px solid #000000
}

.PlayerBroadcast:after {
  background-color: #ffffff; 
}

.PlayerDetailsContainer .PlayerBroadcast .resume .h3, .PlayerDetailsContainer .PlayerBroadcast .resume .date {
  color: #141414;
}

.PlayerBroadcast .resume .h3, .PlayerBroadcast .resume .date {
  color: #ffffff;
}
  
.h1 + .lead,
.lead.block {
  
}
  
.PlayerBouton .border-title {
  border-color:#f5f5f5;
}  
  

    
  .Header .container:after {
    border-top-color: currentColor;
  }

  .mode--light .Header.HasNavExpendable .HeaderNavContainer {
    display: grid;
    align-self: stretch;
  }

  .mode--light .Header.HasNavExpendable .HeaderNavContainer .HeaderNav .nav  {
      box-shadow: 0 0.8rem 1rem rgba(255,255,255,0.5);
      background: #ffffff;
      overflow-Y: auto;
  }

  .mode--light .Header.HasNavExpendable .HeaderNavContainer > .btn {
    color: #141414;
    background: #ffffff;
  }

  .mode--light .Header.HasNavExpendable .HeaderNavContainer > .btn:hover {
    background: #d9d9d9;
  }


  .mode--dark .Header.HasNavExpendable .HeaderNavContainer .HeaderNav .nav  {
    box-shadow: 0 0.8rem 1rem rgba(255,255,255,0.5);
    background: #ffffff;
    overflow-Y: auto;
}


  .mode--dark .Header.HasNavExpendable .HeaderNavContainer > .btn {
    color: #000000;
    background: #f5f5f5;
  }

  .mode--dark .Header.HasNavExpendable .HeaderNavContainer > .btn:hover {
    background: #cfcfcf;
  }

  @media (max-width: 768px) {
    .mode--light .HeaderSources {
      background: #ffffff;
      color: #141414;
    }

    .mode--light .HeaderSources .nav .nav-item .nav-link:hover,
    .mode--light .HeaderSources .nav .nav-item .nav-link:focus,
    .mode--light .HeaderSources .nav .nav-item .nav-link.active {
      color: #141414
    }
  
    .mode--light .Header.HasPlayerFixed .HeaderSources {
      background: #ffffff;
      color: #141414;
    }
  }


  @media (max-width: 768px) {
    .mode--dark .HeaderSources {
      background: #f5f5f5;
      color: #000000;
    }

    .mode--dark .HeaderSources .nav .nav-item .nav-link:hover,
    .mode--dark .HeaderSources .nav .nav-item .nav-link:focus,
    .mode--dark .HeaderSources .nav .nav-item .nav-link.active {
      color: #000000
    }

    .mode--dark .Header.HasPlayerFixed .HeaderSources {
      background: #f5f5f5;
      color: #000000;
    }
  }



  .HeaderNav .nav .nav-item .dropdown-toggle:after {
    background-color: #000000;
  }
  
  .HeaderNav .nav .nav-item .nav-link  {
    font-family: 'Barlow Condensed';
    font-size: 2rem;
    font-style: italic;
  }
    
  @media (min-width: 992px) {
    .HeaderNav .nav .nav-item .nav-link {
      font-size: 2rem;
    }
  }

  .HeaderNav .dropdown-menu {
    background-color:#ffffff !important;  
  }

  .HeaderNav .dropdown-menu .show {
      display: block;
  }

  .HeaderNav .dropdown-item {
    color:#000000 !important;
    font-family:'Barlow Condensed';
    font-size:2rem;
    font-style:italic;
    
   
  }

  @media(max-width:768px){
    .HeaderNav .dropdown-item {
      font-size:2rem;
    }
  }

  .HeaderNav .dropdown-item:hover {
    color:#585858 !important;
  }

  .Header.HasSeparator .container:after {
    border-top-color: #A00000 !important;
  }

  .Header.HasSeparator--full {
    border-bottom-color:#A00000 !important;
  }

  @media(min-width:768px){
    .HeaderSources .dropdown-menu {
      background-color:#ffffff;
    }

    .HeaderSources .dropdown-item {
      color:#000000 !important;
    }

    .HeaderSources .dropdown-item:hover {
      color:#585858 !important;
    }

    .HeaderSources .dropdown-toggle:after {
      background-color: #000000 ;
    }
  }
  
    

  .FooterNav .nav .nav-item .nav-link {
    font-family: 'Barlow Condensed';
    font-style: italic;
  }
  .Footer .FooterCredits {
    color: #ffffff;
  }
  .Footer .FooterCredits a {
    color: #ffffff;
  }
  .Footer .Player  dropdown .show,
  .Footer .dropdown-menu .show {
    color: #ffffff;
  }

  .FooterNav .nav .nav-item .nav-link {
    font-family: 'Barlow Condensed';
    font-size: 2rem;
    font-style: italic;
    
    color:#ffffff;
    
  }
    
  .FooterNav .nav .nav-item .nav-link:hover,
  .FooterNav .nav .nav-item .nav-link:focus {
    color:#ffd9dd
  }
    
  .FooterNav .nav .nav-item .nav-link.active {
    color:#ffdddd;
  }
  
  .FooterNav .nav .nav-item .dropdown-toggle:after {
    background-color: #ffffff;
  }

  .FooterLegal .nav .nav-item .nav-link {
    font-family: 'Barlow Condensed';
    font-size: 1.5rem;
    font-style: italic;
    color:#ffffff;
  }
    
  .FooterLegal .nav .nav-item .nav-link:hover,
  .FooterLegal .nav .nav-item .nav-link:focus {
    color:#e2001a
  }
    
  .FooterNav .dropdown-menu {
    background-color:#e2001a !important;
  }

  .FooterNav .dropdown-item {
    color:#ffffff !important;
    font-family:'Barlow Condensed';
    font-size:2rem;
    font-style:italic;
  }


  .FooterNav .dropdown-item:hover {
    color:#ffd9dd !important;
  }

  .FooterRadios {
    background-color:transparent;
  }

  .FooterRadios .swiper-button-prev,
  .FooterRadios .swiper-button-next {
  color: #ffffff;
}
  .FooterRadios .swiper-button-prev:hover,
  .FooterRadios .swiper-button-next:hover {
  color: #ffd9dd;
}

  
  
    
  .Broadcasts.HasWebradio .webradio {
    background-color: #000000; }
    .Broadcasts.HasWebradio .webradio .webradio-title {
      color: #ffffff;
      font-size:1.4rem;
      font-family:'Barlow Condensed';
      font-weight:600;
      text-transform:capitalize;
     }

    .Broadcasts.HasWebradio .webradio .webradio-artist {
      color: #ffffff;
      font-size:1.6rem;
      font-family:'Barlow Condensed';
      font-style:normal;
      font-weight:400;
      text-transform:capitalize;
    }
  
 
  
    
  .event-subtitle {
    color: #141414;
    background-color: #ffffff;
  }

  .event-title,
    .event-countdown-value,
    .event-countdown-legend {
      color: #000000;
    }
 
 .event.titleInternal .event-title {
    font-size: 2.6rem;
    color: #141414;
   }
   
   .section.bg--dark .event.titleInternal .event-title {
    color: #000000;   
   }
   
   .event.titleInternal .event-subtitle {
      color: #000000;
      background-color: transparent;
   }
   
   .section.bg--dark .event.titleInternal .event-subtitle {
      color: #ffffff;
      background-color: transparent;
   }