/*
Theme Name: PHARE FM 2013
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 2025.3.4
Author: Brice Dupuy
Author URI: http://www.pharefm.com
Template: enfold
*/

/* Container: flex layout, allows wrapping */
#field_165_1 .gfield_radio {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    background-color: #777;
    border-radius: 20px;
    padding: 5px;
  }
  
  /* Each choice fills available width */
  #field_165_1 .gchoice {
    flex: 1 1 calc(33.333% - 10px); /* 3 per row with gap taken into account */
    min-width: 120px; /* Prevent squishing too small */
  }
  
  /* Hide radio buttons */
  #field_165_1 input[type="radio"] {
    display: none;
  }
  
  /* Pill-style labels */
  #field_165_1 label.gform-field-label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 4px 16px;
    border-radius: 999px;
    background-color: #333;
    color: #777;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    font-weight: 500;
    box-sizing: border-box;
    text-align: center;
  }
  
  /* Hover state */
  #field_165_1 label.gform-field-label:hover {
    background-color: #e0e0e0;
  }
  
  /* Selected state */
  #field_165_1 input[type="radio"]:checked + label.gform-field-label {
    background-color: #f70000;
    color: #fff;
  }

/* Quick fix
-------------------------------------------------------------- */
.js_active .grid-image {
    opacity: 1!important;
}

/* Menu
-------------------------------------------------------------- */
#top .container_wrap{
	border:none;
}

#header_main_alternate{
	margin-top:4px;
	background: #2d2d2d;
}

#top .main_menu ul:first-child > li >a{
  text-transform: uppercase;
  padding: 0 1.8em;
	border: none;
}

#top .header_color .main_menu ul:first-child > li >a{
  color: white;
}

#top #header .sub-menu{
  background: white;
}

#top #header_meta ul li a{
    color: white;
}
.av_secondary_right .sub_menu>ul>li:last-child { padding: 0 10px; }

#top .main_menu .menu ul li a {
    background: transparent;
}

#top .main_menu .menu ul li a:hover {
    background: red;
}

ul#avia-menu li:before {
    position: absolute;
    font-size: 12pt;
    line-height: 35pt;
    font-family: 'entypo-fontello';
    width: 1.4em;
    color: white;
}

li.menu-accueil:before {
    content: '\E821';
}

li.menu-radio:before {
    content: '\E85E';
}

li.menu-actus:before {
    content: '\E84D';
}

li.menu-artistes:before {
    content: '\E80A';
}

li.menu-histoires:before {
    content: '\E83C';
}

li.menu-plus:before {
    content: '\E816';
}

li.menu-pdj:before {
    content: '\E85B';
}

li.menu-podcasts:before {
    content: '\E853';
}

li.menu-faireundon > a span.avia-menu-text{
	border: solid #f70000 2px;
	padding: 2px;
	color: #f70000!important;
}
li.menu-faireundon:before {
    content: '\E806';
    color: #f70000!important;
}

@media only screen and (min-width: 989px) {
	li.menu-ecouter {
		background: linear-gradient(-45deg, #f70000, #a70e97, #f70000, #da7e17);
		background-size: 400% 200%;
		animation: gradient 8s ease infinite;
		border-radius: 30px;
	    margin: 10px 15px 10px -5px !important;
	}

	li.menu-ecouter > a, li.menu-ecouter:before {
		height: 30px!important;
		line-height: 25pt!important;
	}
	li.menu-ecouter:before {
		margin-left: 8px;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

li.menu-ecouter:before {
    content: '\E897';
}

li.menu-programme:before {
    content: '\E810';
}
li.menu-frequences:before {
    content: '\E8a7';
}
li.menu-replay:before {
    content: '\E820';
}
li.menu-paroledujour:before {
    content: '\E84e';
}



/* Menu Mobile
-------------------------------------------------------------- */

#top #wrap_all #header #av-burger-menu-ul>li.av-active-burger-items.menu-item-search-mobile {
	padding: 0 30px;
	position: relative !important;
}

#top #wrap_all #header #av-burger-menu-ul>li.av-active-burger-items.menu-item-search-mobile form {
	position: relative !important;
}

ul#av-burger-menu-ul li:before {
    position: absolute;
    font-size: 12pt;
    line-height: 35pt;
    font-family: 'entypo-fontello';
    width: 1.4em;
    color: white;
}

ul#av-burger-menu-ul li.menu-faireundon > a span.avia-menu-text{
	border: solid white 2px;
	padding: 2px;
	color: white!important;
}

ul#av-burger-menu-ul li.menu-faireundon:before {
	color: white!important;
}

ul#av-burger-menu-ul .sub-menu a{
  color: #555!important;
}

ul#av-burger-menu-ul .sub-menu a:hover{
  color: white!important;
}




/* Nowplaying
-------------------------------------------------------------- */

#nowplaying_play {
	float: right;
	display: inline-block;
	vertical-align:middle;
	width: 80px;
	border-radius: 3px 0 0 3px;
    font-family: 'entypo-fontello';
	font-size: 20pt;
    content: '\E85E';
}

#nowplaying_emission {
	float: right;
	vertical-align:middle;
	padding: 0 20px;
	background: black;
}
#nowplaying_cover {
	float: right;
	height: 52px;
	width: 52px;
}

#nowplaying_titreencours {
	float: right;
	width: 40%;
        padding: 0 20px;
}

#nowplaying_artist {
	display: inline-block;
	vertical-align:middle;
	padding: 0 20px;
}

#nowplaying_titre {
	display: inline-block;
	vertical-align:middle;
	padding: 0 20px;
}

/* Seriously Simple Podcasting
-------------------------------------------------------------- */

.podcast_meta p{
	padding: 5px;
	color: #a8a8a8;
	font: bold  12px sans-serif;
	text-transform: uppercase;
	background: #2e2b36;
	border-radius: 4px;
}

a.podcast-meta-itunes {
	display: inline-block;
    height: 40px;
	width: 165px;
	text-indent: -9999px;
	overflow: hidden;
}

.podcast_meta p a.podcast-meta-itunes:nth-child(1) {
	background: url('https://pharefm.com/wp-content/uploads/2024/09/apple-podcast-badge.svg') no-repeat;
}

.podcast_meta p a.podcast-meta-itunes:nth-child(2) {
	background: url('https://pharefm.com/wp-content/uploads/2024/09/spotify-podcast-badge-blk-grn-165x40-1.svg') no-repeat;
}

/* Radio
-------------------------------------------------------------- */

#radio-header {
    display: flex;
        justify-content: space-between;
        min-height:140px;
        align-items: center;
    }
    
    #radio-logo-new {
        align-self: center;
        padding: 10px 0;
        height: 60px;
    }
    
    #radio-logo-new img{
        height: 60px;
    }
    
    #radio-infos-new {
        align-self: flex-end;
        background-color: white;
        padding: 10px 15px 0 30px;
        margin-top: 5px;
        color: #4d4d4d;
        border-radius: 25px 0 0 0;
    }
    
    @media only screen and (max-width: 900px) {
        #radio-infos-new {
            display: none;
    }
    }

#radio-logo {
	float: left;
	padding: 10px 0;
	width: 176px;
}

#local-player {
	position: absolute;
	left: 250px;
}

#radio-infos {
	background-color: white;
	display: inline-block;
	float: right;
	padding: 10px 15px 0 30px;
	margin-top: 5px;
	color: #4d4d4d;
	border-radius: 25px 0 0 0;
}

ul.meta_radio {
	padding: 4px;
	margin:0;
}

ul.meta_radio li:before {
    position: absolute;
    font-size: 14pt;
    font-family: 'entypo-fontello';
    margin-left:-1.4em;
  	color: red;
}

ul.meta_radio li span{
}

li#adresse:before {
	content: '\E842';
}

li#adresse {
}

li#numero_de_telephone:before {
	content: '\E854';
}

li#numero_de_telephone {
}

li#numero_de_fax:before {
	content: '\E838';
}

li#numero_de_fax {
}

li#type_de_radio:before {
	content: '\E8A7';
}
li#type_de_radio span {
	background: red;
	padding: 2px 5px;
	margin-right:2px;
	color: white;
	border-radius:3px;
}

/* magazine
-------------------------------------------------------------- */

a.actus-label-regions,a.actus-label-regions:visited {
	padding: 1px 8px;
	border-radius: 20px;
	border: solid 1px #808080;
	color: #808080!important;
	text-decoration: none;
}
a.actus-label-regions:hover {
	background-color: #ff0000;
	border: solid 1px #ff0000;
	color: white!important;
}

a.actus-label-series,a.actus-label-series:visited {
	color: #404040!important;
	text-decoration: none;
	display:block;
	font-weight: bold;
}

a.actus-label-series:hover {
	color: #ff0000!important;
}

.av-magazine-time, .av-magazine-author, .av-magazine-text-sep {
 text-transform: none;
}

/* Grille antenne
-------------------------------------------------------------- */
#jours {
    list-style-type: none;
    width: 100%;
      text-align: center;
  }
  
  #jours li{
    display: inline-block;
  }
  
  #jours li a,#jours li a:visited{
    padding: 5px 12px;
    margin-right: 5px;
    background-color: #cccccc;
    color: white;
    border-radius: 20px;
    text-decoration: none;
  }
  
  
  #jours li a:hover, #jours li a.active{
      background-color: #ff0000;
  }
  
  #grille_antenne {
      overflow: hidden;
      
      }
      
  #grille_antenne li{
   padding:0;
  }
  
  ul.grille_journee {
      max-width: 600px;
      list-style: none;
      padding: 0;
      margin: 0;
  }
  
  .elt_grille {
    height: 120px;
    margin-bottom: 1px;
    border-radius: 20px;
    background-size: 120% auto!important;
    background-position: 20px 20%!important;
  }
  
  .elt_grille span{
    float: left;
    color: white;
    font-size: 12pt;
    line-height: 120px;
    width: 120px;
    height: 120px;
    background-color: rgba(32,32,32,100);
    text-align: center;
    border-radius: 20px;
  }
  
  .grille_journee li a{
    color: white;
    font-size: 18pt;
    text-decoration: none;
    display: block;
    line-height: 190px;
    height: 120px;
    text-indent: -5000px;
    border-radius: 20px;
    overflow: hidden;
  
  }
  
  .grille_journee li a:hover{
    color: white;
    text-indent: 0;
    padding: 0 10px;
    text-align: right;
    background: linear-gradient(300deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 80%);
    transition: all 0.3s ease-in-out;
  }
  
  
  .grille_journee li a:hover .elt_grille span {
      text-decoration: underline;
  }


/* Animateurs
-------------------------------------------------------------- */

#animateur_image {
position: relative;
width: 100%;
margin: 0;
padding: 0;
background-color: black;
}

#animateur_title {
position: absolute;
bottom: 0;
left:0;
text-align: right;
padding-right: 20px;
width: 100%;
}

#animateur_title h1 {
background-color: rgba(255,0,0,0.85);
color: white;
padding: 0 10px 0 0;
border-radius: 0 3px 3px 0;
}

ul#meta_animateur {
position: absolute;
top: 30px;
right:20px;
width:100%;
list-style: none;
margin: -6px 0 0 0;
padding: 5px 20px;
border-radius: 0 0 3px 3px;
}

ul#meta_animateur li {
display:inline-block;
padding: 0.4em 1.6em;
font-weight: bold;
}

ul#meta_animateur li a:link, ul#meta_animateur li a:visited {
color: white;
}

ul#meta_animateur li a:hover{
color: red;
text-decoration: none;
}

ul#meta_animateur li:before {
font-family: 'entypo-fontello';
display: inline-block;
margin-left: -1.4em;
width: 1.4em;
}

li#e-mail:before {
content: '\E805';
}

li#facebook:before {
content: '\E8F5';
}

li#twitter:before {
content: '\E8F1';
}

#meta_artiste span{
font-family: 'entypo-fontello';
}

/* Rendez-vous
-------------------------------------------------------------- */

#rubrique_image h1{
background-color: red;
padding: 5px 10px;
color: white;
margin: -6px 0 0 0;
text-align: right;
}

ul#meta_rdv {
background-color: #2d2d2d;
width:100%;
list-style: none;
margin: 0;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 5px;
color: #aaa
}

/* Video
-------------------------------------------------------------- */

.video_thumb {
width: 240px;
height: 180px;
}
.videos_artiste{
	float: left;
	margin-right: 20px;
}
.custom_slider{
	clear: both;
	padding-top: 20px;
}

/* Pages reseau
-------------------------------------------------------------- */

.animateurs_locaux{
	margin-bottom: 10px;
}
.reseau_anim_local {
	margin-bottom: 2px;
	list-style: none;
}

.actus_locales{
	margin-bottom: 10px;
}
.reseau_actu_local {
	margin-bottom: 2px;
	list-style: none;
}

.rubriques_locales{
	margin-bottom: 10px;
}
.reseau_actu_local_1{

}
.reseau_rub_local {
	margin-bottom: 2px;
	list-style: none;
}

/* Widget PDJ Teaser
-------------------------------------------------------------- */

.home ul.advanced-recent-posts{
	list-style: none!important;
}

.home ul.advanced-recent-posts a{
	font-size: 18pt;
	display: block;
}

.home ul.advanced-recent-posts span.date{
	display: block;
}

/* Don GravityForms
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.radio_picked {
    border: solid 3px transparent!important;
    background-color:transparent!important;
}

#don-pharemedia a,  #don-pharemedia a:visited{
   padding: 20px;
   display: block;
   background-color: white;
   border: solid 3px red;
   border-radius: 5px;
}

#don-pharemedia a:hover{
    border: solid 3px red!important;
    background-color: white!important;
}

#don-pharemedia p{
   margin:20px 0;
   background-color: #d6d6d6;
   border-radius: 5px;
   padding: 20px;
}

/* Don - fréquence */
.form_don_freq div{
   background-color: #444;
   padding: 10px;
   border-radius:3px;
 }
 
 .form_don_freq div div{
   display: inline;
   padding:0;
 }
 
 .form_don_freq input {
   display: none!important;
 }
 
 .form_don_freq label {
   color: #808080;
   text-align: center;
   background: #ddd;
   padding: 20px;
   border-radius: 3px;
   margin:5px!important
 }
 
 .form_don_freq :checked+label{
   color: white;
   background: #f70000;
 }
 
 /* Don - montant */
 .form_don_montant div{
   background-color: #444;
   padding: 10px;
   border-radius:3px;
 }
 
 .form_don_montant div div{
     display: inline;
     padding:0;
 }
 
 .form_don_montant input {
   display: none!important;
 }
 
 .form_don_montant label {
   color: #808080;
   text-align: center;
   background: #ddd;
   padding: 20px!important;
   border-radius: 3px;
   margin:5px!important;
 }
 
 .form_don_montant input[type="radio"]:checked+label{
   color: white;
   background: #f70000;
 }

 /* Don -anciens styles */

.form_don_radio {
  background-color: #444;
  padding: 10px!important;
  border-radius:3px;
}

#gform_page_3_1 .gfield_label{
  font-size:12pt!important;
  border-bottom: 2px solid white;
  color: white;
  width: 100%;
  padding: 2px;
}

.form_don_radio li {
  display: inline-block;
  margin: 0!important;
}

.form_don_radio input {
  display: none!important;
}

.form_don_radio li label {
  color: #808080;
  min-width: 172px;
  text-align: center;
  background: #ddd;
  padding: 2px!important;
  border-radius: 3px;
  margin:0 5px 0 0!important;
}

.form_don_radio li input[type="radio"]:checked+label{
  color: white;
  font-weight:bold!important;
  background: #f70000;
}

.form_don_freq {
  background-color: #444;
  padding: 10px!important;
  border-radius:3px;
}

.form_don_freq li {
  display: inline-block;
  width: auto;
}

.form_don_freq input {
  display: none!important;
}

.form_don_freq li label {
  color: #808080;
  text-align: center;
  background: #ddd;
  padding: 20px!important;
  border-radius: 3px;
}

.form_don_freq li input[type="radio"]:checked+label{
  color: white;
  background: #f70000;
}
.form_don_montant{
  background-color: #444;
  padding: 10px!important;
  border-radius:3px;
}

.form_don_montant li {
	display: inline-block;
}

.form_don_montant input {
  display: none!important;
}

.form_don_montant li label {
  color: #808080;
  text-align: center;
  background: #ddd;
  padding: 20px!important;
  border-radius: 3px;
  margin:0 5px 0 0!important;
}

.form_don_montant li input[type="radio"]:checked+label{
  color: white;
  background: #f70000;
}
.form_don_cout {
	color: white;
	background-color: rgba(128, 128, 128, 0.75);
	padding: 10px!important;
	border-radius:3px;
}

.form_don_cout input {
	color: white!important;
	border: none!important;
	background-color: transparent!important;
	font: 16pt sans-serif!important;
	width: 122px!important;
	padding: 0!important;
	margin:0!important;
	clear: none!important;
}
.form_don_cout .gfield_description {
	margin:0!important;
clear: none!important;
}
.form_don_cout .gfield_description:before{
	content:"/ ";
}


.form_don_button_save_and_continue {
	background-color: rgba(145,175,199,1)!important;
	border: 1px solid rgba(145,175,199,1)!important;
	color: rgba(255,255,255,1) !important;
	padding: .75em 1em!important;
	font-size: 1em!important;
	line-height: 1!important;
	border-radius: 2px!important;
}

.form_don_button_save_and_continue:hover {
	text-decoration: none!important;
  color: rgba(255,255,255,1) !important;
}

/* Faire un don
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#navigation_don {
	background-color: red;
	padding: 10px;
	border-radius: 4px;
	color: white;
	margin: 10px 0;
}

a.btn-nav-don, a.btn-nav-don:visited{
	background-color: white;
	color: red;
	padding: 8px;
	border-radius: 3px;
	text-decoration: none;
}

a.btn-nav-don:hover{
	background-color:  #2d2d2d;
	color: white;
}


/* Don Paypal
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
ul#montants-paypal{
	list-style-type: none;
}

ul#montants-paypal li {
	display: inline-block;
	padding: 12px 20px;
	background-color : red;
	margin: 0 8px 8px 0;
	border-radius: 5px;
	color: white;
}

/*Paypal Form*/

ul#paypalform {
  list-style: none;
  padding : 0;
  margin : 0;
}

ul#paypalform input {
  display: none;
}
ul#paypalform input#montantautre {
  display: initial;
}
ul#paypalform li {
  display: inline-block;
  margin: 0 8px 0 0
}

ul#paypalform li label {
  color: white;
  text-align: center;
  background: #ccc;
  cursor: pointer;
  font-size: 18px;
  display: inline-block;
  padding: 20px 25px;
  border-radius: 3px;
}

ul#paypalform li label:before {
  display: none;
}

ul#paypalform li input[type="radio"]:checked+label{
  background: #4ecac2;
}
ul#paypalform li input#montantautre {
	width: 90%;
	margin: 0;
	padding: 10px;
}

ul#paypalform li label:after {
	padding: 2px;
 content: '€';
}


/*Light Form*/
.enfold-form-light {
	color: #fff;
}

.enfold-form-light .form_element_half {
    width: 49.5%;
    float: left;
    margin-left: 1%;
}
.enfold-form-light .first_form {
    clear: both;
    margin-left: 0;
}

.enfold-form-light input{
	color: #fff !important;
	background: rgba(0, 0, 0, .2) !important;
	border:2px solid #fff !important;
	border-radius:3px !important;
	padding: 13px !important;
	min-width: 50px;
	font-weight: 400 !important;
}

.enfold-form-light input.wpcf7-submit {
	width: auto!important;
	min-width: 142px;
	padding: 16px 20px;
	outline: none;
}
.enfold-form-light textarea{
	background: rgba(0, 0, 0, .2) !important;
	border:2px solid #fff !important;
	border-radius:3px !important;
	padding: 13px !important;
	width: 100% !important;
	min-width: 50px;
	font-weight: 400 !important;
	color: #fff !important;
}
.enfold-form-light select{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFW…IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
    background-position: center right;
    background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, .2) !important;
	border:2px solid #fff !important;
	border-radius:3px !important;
	padding: 13px !important;
	width: 100% !important;
	min-width: 50px;
	font-weight: 400 !important;
	color:#fff !important;
}

.enfold-form-light p {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.enfold-form-light input.wpcf7-not-valid,
.enfold-form-light select.wpcf7-not-valid,
.enfold-form-light textarea.wpcf7-not-valid {
	border-color: #DF653E!important;
}

h3.avia-form-success {
  color: #777 !important;
}

.wpcf7-response-output {
	border:0!important;
}

#top .av-custom-form-color select option {
color: #333;
}

/* TEMPLATE FAUX PLAYER
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 @media only screen and (max-width: 989px) {
    #header_main #header_nowplaying {
     margin-right: 120px;
     top: 18px!important;
    }
    #header_main  #nowplaying_titreencours { display:none!important; }
    .main_menu ul.social_bookmarks {display:none!important;}
}

@media only screen and (max-width: 767px) {
    span.avia-standard-logo a img{max-height: 60px!important;}
     
    #header_main #header_nowplaying{
        top: 14px!important;
    }
    #header_main #header_nowplaying #nowplaying_play{
        width:50px;
        text-indent:-5000px;
        overflow: hidden;
        margin-right: 2px;
    }
    #header_main #header_nowplaying #nowplaying_play a:after{
        text-indent:0px;
    }

    #header_main #nowplaying_emission { display:none; }
}

@media only screen and (max-width: 480px) {
    .main_menu #menu-item-search {display:none!important;}
    
    #header_main #header_nowplaying{
        width: 54px!important;
        border-radius:27px!important;
        margin-right: 20px;

    }
    #header_main #nowplaying_cover { display:none!important; }
}


 #header_nowplaying {
   position: absolute;
   z-index: 101;
   margin: 0;
   background: rgb(19,19,19);
   border-radius: 27px 6px 6px 27px;
   padding-right: 2px;
   height: 54px;
 }

 #header_main #header_nowplaying {
   top: 22px;
   right:50px;
 }

#header_nowplaying #nowplaying_play{
    background:rgb(255,0,0);
    float:left;
    border-radius:25px;
    width: 50px;
    height: 50px;
    position:relative;
    margin:2px;
    line-height: 20px;
    font-family: sans-serif;
    text-indent: +5000px;

}
#header_nowplaying #nowplaying_play a{
    margin-left: 58px;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 7px;
    display: block;
}
#header_nowplaying #nowplaying_play a:after{
    display:block;
    position:absolute;
    font-family: 'entypo-fontello';
    text-decoration: none;
    text-indent: 0;
    speak: none;
    content:'\E897';
    color:#fff;
    font-size: 26px;
    margin-left: -38px;
    margin-top: -12px;
}

#header_nowplaying #nowplaying_emission{
    left: 65px;
    height: auto;
    padding: 0;
    background: none;
    top: 30px;
    font-size: 13px;
    float: left;
    margin: 30px 10px 0 11px;
    line-height: 20px;
}

#header_nowplaying #nowplaying_cover{
    float: left;
    margin: 0;
    line-height: 20px;
}
#header_nowplaying #nowplaying_albumart{
    width:50px;
    height:50px;
    margin: 2px;
    border-radius:5px;
}

#header_nowplaying #nowplaying_titreencours {
    width: 200px; /* Adjust as needed */
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    position: relative;
}

#header_nowplaying #nowplaying_titreencours span{
    display:block;
    font-size: 14px;
    line-height: 16px;
    color:rgb(126,126,126);
}
#header_nowplaying #nowplaying_titreencours :before{
    font-family: 'entypo-fontello';
    text-decoration: none;
    speak: none;
    display: block;
    position: absolute;
    color:rgb(65,65,65);
    margin-top: 0;
}

#nowplaying_titreencours #nowplaying_artist{
    display:inline-block;
    color:rgb(225,15,0);
    text-decoration: none;
}

#nowplaying_titreencours #nowplaying_titre{
    display:inline;
}

#nowplaying_titreencours #nowplaying_album{
    display:inline;
    padding: 0 20px;
}

#nowplaying_titreencours #nowplaying_titre:before{
    content:'\E801';  
    margin-left: -20px;
}
#nowplaying_titreencours #nowplaying_artist:before{
    content:'\E80A';  margin-left: -20px;
}
#nowplaying_titreencours #nowplaying_album:before{
    content:'\E8AE';  margin-left: -20px;
}



/* TEMPLATE PLAYER
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#playerContainer{
    background:rgb(89,89,89);
}
#playerContainer #header_nowplaying {
    margin: 20px;
}
#playerContainer #mep_0{
    display:none;
}
#playerContainer #nowplaying_play {
  background: rgb(225,15,0);
  float: left;
  border-radius: 27px;
  width: 54px;
  height: 54px;
  position: relative;
  top: 2px;
  left: 2px;
}
#radios{
    background:rgb(68,68,68);
    width:100%;
    border:none;
}

#playStop{
    background:rgb(225,15,0);
    border-radius:36px;
    width: 72px;
    height: 72px;
    display: block;
    color: #fff;
    text-indent: 10px;
    font-size: 18px;
    border:none;
    text-indent: -500px;
    cursor:pointer;
    overflow:hidden;
    position: absolute;
    left: calc(50% + 20px);
    z-index: 200;
    top:169px;
}
#playStop:after{
    display:block;
    position:absolute;
    width:72px;
    height:72px;
    font-family: 'entypo-fontello';
    text-decoration: none;
    speak: none;
    content:'\e897';
    color:rgb(177,177,177);
    text-indent: 10px;
    font-size: 40px;
    margin-left: 18px;
    margin-top: 5px;
    transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
    -webkit-transition: color 300ms;
}
#playStop.playing:after{
    content:'\e898';;
    margin-left: 14px;
    margin-top: 6px;
}

.radio_pharefm #playStop{
    background: rgb(247,0,0);
}
.radio_pharefm-worship #playStop{
    background: rgb(109,205,225);
}
.radio_pharefm-louange #playStop{
    background: rgb(27,108,179);
}
.radio_pharefm-event #playStop{
    background: rgb(120,0,30);
}
.radio_pharefm-event2 #playStop{
    background: rgb(17,92,165);
}
#playStop:hover:after{
    color:rgb(255,255,255);
}
#playerContainer #radios{
    background:rgb(68,68,68);
    margin-top: 30px;
}
#pharefm,
#pharefm-worship,
#pharefm-louange,
#pharefm-event,
#pharefm-event2{
    width:200px;
    height:76px;
    background-image: url(img/logos-webradios.png);
    background-repeat: no-repeat;
    display:inline-block;
    border:none;
    transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    text-indent: -500px;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
}
#pharefm:hover,
#pharefm-worship:hover,
#pharefm-louange:hover,
#pharefm-event:hover,
#pharefm-event2:hover{
    opacity:0.8;
}
#pharefm{
    background-position: 0 0px;
}
#pharefm-worship{
    background-position: 0 -76px;
}
#pharefm-louange{
    background-position: 0 -152px;
}
#pharefm-event{
    background-position: 0 -228px;
}
#pharefm-event2{
    background-position: 0 -380px;
}
.container_player{
    background:#000;
    width:100%;
}
#audioDiv{
    width: 100%;
}

#block_musique{
    width: 100%;
    max-width: 770px;
    position: relative;
    float: left;
    background:rgb(29,29,29);
}
#block_musique #nowplaying_play,
#block_musique #nowplaying_emission{
    display: none;
}
#block_musique #header_nowplaying{
    position: relative;
    margin: 0;
    padding: 0;
    background: transparent;
    height: auto !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    padding-right: 0 !important;
}

#block_musique #nowplaying_album:before,
#block_musique #nowplaying_titre:before,
#block_musique #nowplaying_artist:before{
    display: none;
}

#block_musique #header_nowplaying #nowplaying_cover{
    width:50%;
    height:auto;
    float: none;
    float: left;
}
#block_musique #header_nowplaying #nowplaying_albumart{
    width:100%;
    height:auto;
    margin: 0;
    border-radius:0;
}
#block_musique #header_nowplaying #nowplaying_titreencours{
    float:none;
    margin: 0;
    padding: 0;
    width:100%;
}
#block_musique #nowplaying_titreencours #nowplaying_artist{
  margin-top: 150px;
  background: #000;
  width: 50%;
  padding-left: 110px;
  display: inline-block;
  color:#fff;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 44px;
  padding-top: 10px;
  text-decoration: none;
  min-height: 44px;
}
#block_musique #nowplaying_titreencours #nowplaying_album{
  background: #000;
  width: 50%;
  padding-left: 110px;
  display: inline-block;
  color:#fff;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
  padding-bottom: 10px;
  min-height: 20px;
}
#block_musique #nowplaying_titreencours #nowplaying_titre{
  background: #000;
  width: 50%;
  padding-left: 110px;
  display: inline-block;
  color:#fff;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  padding-bottom: 10px;
  min-height: 20px;
}
#block_musique.radio_pharefm #header_nowplaying{
    background: rgb(247,0,0);
}
#block_musique.radio_pharefm-worship #header_nowplaying{
    background: rgb(109,205,225);
}
#block_musique.radio_pharefm-louange #header_nowplaying{
    background: rgb(27,108,179);
}
#block_musique.radio_pharefm-event #header_nowplaying{
	background: rgb(120,0,30);
}
#block_musique.radio_pharefm-event2 #header_nowplaying{
	background: rgb(17,92,165);
}

#audioDiv{
    position: relative;
    margin-top: 10px;
}

#block_musique #prochaine_chanson{
    background: rgb(129,129,129);
    height: 75px;
    position: absolute;
    width: 50%;
    bottom: 0;
    right: 0;
}
#block_musique #prochaine_chanson img{
    float:right;
}
#block_musique #prochaine_chanson .suivre{
    color:#fff;
    text-transform: uppercase;
    vertical-align: bottom;
    display: block;
    position: absolute;
    right: 80px;
    bottom: 5px;
    font-size: 20px;
}

#player_div_extra{
    width:300px;
    height:255px;
    float:left;
    margin: 60px 15px;
}
.reset{clear:both; margin: 0; padding: 0; border:none; height: 0;}

@media only screen and (max-width: 1024px) {
    #block_musique #header_nowplaying {
        padding-right: 0!important;
    }
    #block_musique #nowplaying_titreencours { display: block; }
}


@media only screen and (max-width: 770px) {
    #block_musique{
          float: none;
          width:100%;
          margin: 0;
    }
    #block_pub{
          float: none;
          margin: 10px auto;
    }
    #playerContainer{
        padding-bottom: 1px;
    }
}

@media only screen and (max-width: 720px) {
    #playerContainer #header_nowplaying{
        height: auto!important;
        margin-top: 0 !important;
        margin-right: 0 !important;
    }
    #header_nowplaying #nowplaying_play{
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 660px) {
    #block_musique #nowplaying_titreencours #nowplaying_artist{
        margin-top: 40px;
    }
    #playStop{
        top:58px;
    }
    #pharefm,
    #pharefm-worship,
    #pharefm-louange,
    #pharefm-event,
    #pharefm-event2{
        height:38px;
        background-size: 100px;

    }
    #pharefm{
        background-position: 0px 0px;
        width: 100px;
    }
    #pharefm-worship{
        background-position: 0 -38px;
        width: 100px;
    }
    #pharefm-louange{
        background-position: 0 -76px;
        width: 100px;
    }
    #pharefm-event{
        background-position: 0 -114px;
        width: 100px;
    }
    #pharefm-event2{
        background-position: 0 -190px;
        width: 100px;
    }
}

@media only screen and (max-width: 530px) {
    #block_musique #nowplaying_titreencours #nowplaying_artist{
        margin-top: 0px;
        width: 100%;
    }
    #block_musique #nowplaying_titreencours #nowplaying_album{
        width: 100%;
    }
    #block_musique #nowplaying_titreencours #nowplaying_titre{
        width: 100%;
    }

    #block_musique #header_nowplaying #nowplaying_cover{
        margin: 0 auto;
        float: none;
        width: 200px;
    }
    #block_musique #prochaine_chanson{
        position: relative;
        width: 100%;
    }
    #playStop{
        top:219px;
        left: 20px;
    }
}

@media only screen and (max-width: 480px) {
    #playerContainer #header_nowplaying{
        height: auto!important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    #nowplaying_cover { display:block; }
		#header_meta{ display: none;}

}

#html_player{
    min-width: 0;
}

#banner_app{
    background: #f5f5f5;
}
#banner_app .content_app{
    width:320px;
    margin: 0 auto;
    height:108px;
}
#banner_app .content_app img{
    float: left;
    margin: 20px;
}
#banner_app .content_app span{
  float: right;
  display: block;
  width: 190px;
  text-align: right;
  margin: 20px 0 2px 0;
  font-size: 13px;
}
#banner_app .content_app span strong{
    font-weight: bold;
}
#banner_app .content_app a{
    display: inline-block;
    background: rgb(46,145,207);
    border-radius: 5px;
    color:#fff;
    text-decoration: none;
    padding:4px 10px;
    float: right;
}

#prochaine_chanson img{
    width: 75px;
    height: 75px;
}

#top .av_seperator_big_border#header .av-main-nav > li > a{
    padding: 0 20px;
}
#top #header .avia_mega_div > .sub-menu > li > ul > li a{
    color: #ff0026;
}
#top #header .avia_mega_div > .sub-menu > li > ul > li a:hover{
    color: #fff;
}
.logo a {
    max-height: 88% !important;
    margin: 6% 0;
}
.logo a img{
    max-height: 88% !important;
}

.fixedBar{
  background: rgba(44, 44, 44, 0.5);
  bottom: 0px;
  color:#fff;
  left:0;
  padding: 3px 0;
  position:fixed;
  width:100%;
  z-index:99999;
  float:left;
  vertical-align:middle;
  margin: 0px 0 0;
}

.boxfloat{
  text-align:center;
  width:728px;
  margin:0 auto;
  opacity: 1;
}


.alternate_color #widget_pfm_recherche_titre select{
	color: #fff!important;
}
.alternate_color  #widget_pfm_recherche_titre select option{
	color: #ccc;
}

.flex_column p{
	margin-top: 0;
}

.av-special-heading, .av-special-heading-h3
{
	margin-top: 0!important;
}

/* TEMPLATE PLAYER
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 .slide-meta{
	 display: inline;
 }

 .link-postslider a, .link-postslider:visited a {
 	padding: 1px 8px;
 	border-radius: 20px;
 	border: solid 1px #808080;
 	color: #808080;
 	text-decoration: none;
 }
 .link-postslider:hover a {
 	background-color: #ff0000;
 	border: solid 1px #ff0000;
 	color: white;
	text-decoration: none;
 }

/* TEMPLATE SPLASH COUNTDOWN
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 .countdown-campaign{
	 font-family: sans-serif!important;
	 text-decoration: bold!important;
	 text-align: center!important;
	 font-size: 25px!important;
	 margin-bottom: 20px!important;
 }

 /* Cities Progress CircularBars
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.main_group {
    display: flex;
    justify-content: center;
	font-family: 'Poppins', sans-serif;
}

.group_containers {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	min-width: 120px;
}

.cityContainer{
    display: flex;
    width: 100px;
    padding: 10px 0;
	margin: 2px;
    border-radius: 8px;
    background: #ededed;
    row-gap: 5px;
    flex-direction: column;
    align-items: center;
    border: solid 2px;
}
.circular-progress{
    position: relative;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: conic-gradient(red 1deg, #999999 0deg);
    display: flex;
    align-items:  center;
    justify-content: center;
}

.circular-progress::before{
    content: "";
    position: absolute;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: #ededed;
}

.progress-value{
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: red;
}

.goal-value{
	position: absolute;
	margin-top: 30px;
    font-size: 9px;
    font-weight: 600;
    color: #333333;
	clear:both;
}

.goal-value::before{
	content:"\/";
}

.goal-value::after{
	content:"€";
}

.text{
    font-size: 14px;
    font-weight: 500;
    color: #606060;
}

span.citySupport  {
    padding: 2px 4px;
    border-radius: 3px;
    border: solid red 1px;
    color: red;
}

a:hover .cityContainer {
    border: solid red 2px;
}