/****************************************************************************/
/* STILE DELLA FINESTRA PRESENTI */

/* HELP: Da qui è possibile modificare:
- I font ed i colori dei presenti
- Le dimensioni e la posizione della finestra dei presenti
- Lo sfondo della finestra dei presenti */

/*Frame dei presenti*/

.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

@font-face {
    font-family: 'Bavro';
    src: url('../../css/font/bavro-webfont.woff2') format('woff2'),
         url('../../css/font/bavro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.cdnfonts.com/css/baby-walk');

/* ==========================================================================
   Font EXO 2 (Varianti Normali - Gestite tramite Variable Font)
   ========================================================================== */
@font-face {
    font-family: 'Exo 2';
    src: url('../../css/font/Exo2-VariableFont_wght.ttf') format('truetype-variations'),
         url('../../css/font/Exo2-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; /* Copre tutti i pesi da Thin (100) a Black (900) */
    font-style: normal;
}

/* ==========================================================================
   Font EXO 2 (Varianti Corsive/Italic - Gestite tramite Variable Font)
   ========================================================================== */
@font-face {
    font-family: 'Exo 2';
    src: url('../../css/font/Exo2-Italic-VariableFont_wght.ttf') format('truetype-variations'),
         url('../../css/font/Exo2-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; /* Copre tutti i pesi corsivi da Thin Italic a Black Italic */
    font-style: italic;
}

div.presenti iframe.iframe_presenti{
   width: 180px;
   height: 200px;
   border: none;
   overflow: auto;
   background-color: none;
   font-family: "Raleway", sans-serif;
   letter-spacing: 2px;
   margin-left: 25px;
   margin-top: 25px;
}

li.mappa{

    font-size: 40px;
    text-align: center;
    font-family: 'Bavro';
    color: #ad47a6;
    text-transform: uppercase;
    font-weight: bold;
     
    background-color:none;
    width: 70%;
    margin:auto;
    margin-bottom:5px;
    letter-spacing: 3px;
    background-image: linear-gradient(to right bottom, #e1228f, #e848a4, #ee63b9, #f47bcd, #f992df);
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    opacity: 1.9;
     
    transform:rotate(deg);
    -webkit-animation:blink-1 11s ease-in-out infinite both;
    animation:blink-1 11s ease-in-out infinite both; }
    
    @-webkit-keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
    @keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0.2}}


   
 

li.mappina{

    font-size: 16px;
    text-align: center;
    color:#716561;
    font-family: 'Bavro';
    text-transform: uppercase;
    opacity: 1;
    background-color:none;
    border: 0px solid #191813;
    width: 70%;
    margin:auto;
    margin-bottom: 10px;
    margin-top: 5px;
    font-weight: bold;
}
div.presenti iframe.iframe_presenti body.transparent_body{
   background-color: none;
   
}


div.luogo{
  margin:10px 0 0 0;
  font-size:13px;
  font-weight:bolder;
}


div.presente{
  font-weight:normal;
  font-size:10.5px;
  font-family: "Exo 2", sans-serif !important;
  line-height: 15px; 
  text-transform: uppercase;
  letter-spacing: 1.0px;
}

div.link_presenti{
  margin-top:20px;
}


/*Icone di stato dei presenti*/
div.pagina_presenti img.sesso_ico, 
div.pagina_presenti img.status_ico, 
div.pagina_presenti img.disponibile,
div.pagina_presenti_estesa img.sesso_ico, 
div.pagina_presenti_estesa img.status_ico, 
div.pagina_presenti_estesa img.disponibile{
   margin: 0 2px 0 0;
}

div.pagina_presenti img.disponibile_switch{

}

/*Link nella colonna presenti */
div.pagina_presenti a, 
div.pagina_presenti a:visited, 
div.pagina_presenti_estesa a, 
div.pagina_presenti_estesa a:visited{
   border: none;
   vertical-align: middle;
}

div.pagina_presenti a:hover,
div.pagina_presenti_estesa a:hover{
   border: none;
}

/*Testo nella colonna presenti*/
div.pagina_presenti ul.elenco_presenti,
div.pagina_presenti_estesa ul.elenco_presenti{
   list-style-type: none;
   list-style-position:inside;
   margin: 0px;
   text-align:left;
   font-family: "Exo 2", sans-serif !important;  
   font-weight:400;
   font-size:13.5px;
   color:#474747;
   letter-spacing:1px;
   opacity:1;
   /* background-image: url(/themes/advanced/imgs/texture4.png); */
   padding-bottom:30px;
   padding-top:30px;}

/*Nomi dei luoghi*/
div.pagina_presenti ul.elenco_presenti li.luogo, 
div.pagina_presenti_estesa ul.elenco_presenti li.luogo{
   font-size: 11px;
   font-weight: light;
 
   margin: 3px 0 1px 8px;
   text-transform: uppercase;
   color:#716561;  
   
   
}

//*div.pagina_presenti_estesa {
font-family: georgia;
font-size: 14px !important;
    background-image: url(/imgs/texturenuova2.png);
    opacity:0.8;
    text-transform: uppercase;
letter-spacing: 1px;
height:30px;
border-radius: 30px 30px 30px 30px;
border: 0px dotted #0e0a0a;
color: #76724d;
}*/

div.pagina_presenti_estesa ul.elenco_presenti li.mappa{
   font-size: 11px;
   font-weight: bold;
   margin: 3px 0 1px 0;
   text-transform: none;
   color: #474747;
   font-family:georgia;
}
/* Nomi dei personaggi */
div.pagina_presenti ul.elenco_presenti li.presente,
div.pagina_presenti_estesa ul.elenco_presenti li.presente{
font-size: 10px;
    margin: 5px;
    padding: 10px;
    color: #474747;
}
div.pagina_presenti_estesa div.presenti_estesi{
}
/*Icone presenti*/
img.presenti_ico{
  margin-left: 2px;
  width: 11px;
  height: 11px;
  border:none;
  vertical-align: middle;
}

f {
font-family:tahoma;
font-size:11px;
text-transform:Uppercase;
    color: #76724d;
}
/****************************************************************************/