@charset "UTF-8";
/* =====================================================
   CONTENITORE DELL'AVVISO COOKIE
   ===================================================== */
#cookieBanner{
    /* Fisso in basso */
    position:fixed;
    bottom:15px;
    left:15px;
    right:15px;
    /* Sempre davanti a tutto il resto */
    z-index:99999;
    /* Colore richiesto con trasparenza del 90% */
    background:rgba(52,63,62,0.90);
    /* Testo */
    color:#ffffff;
    text-align:center;
    /* Spaziatura */
    padding:20px;
    /* Leggero arrotondamento oppure no */
    border-radius:0px;
    /* Font semplice o quello del tema */
    /* font-family:Arial, Helvetica, sans-serif; */
}
/* =====================================================
   LINK
   ===================================================== */
/* Colore normale */
#cookieBanner a{
    color:#ffffff;
    /* Sempre sottolineato */
    text-decoration:underline;
}
/* Link visitato: rimane uguale */
#cookieBanner a:visited{
    color:#ffffff;
}
/* Passaggio del mouse */
#cookieBanner a:hover{
    color:#cea74b;
    text-decoration:underline;
}
/* =====================================================
   PULSANTE
   ===================================================== */
#cookieButton{
    margin-top:18px;
    padding:10px 20px;
    background:#ffffff;
    color:#000000;
    border:none;
    cursor:pointer;
    font-size:16px;
}
/* Il bottone non cambia grafica quando viene cliccato */
#cookieButton:visited,
#cookieButton:active,
#cookieButton:focus{
    background:#ffffff;
    color:#000000;
    outline:none;
}
/* Hover del bottone */
#cookieButton:hover{
    color:#cea74b;
}
/* =====================================================
   TESTO DEL MESSAGGIO COOKIE
   ===================================================== */
/*
   Forza il colore bianco del testo contenuto nel tag <p>.
   Serve per evitare che il tema del sito sovrascriva il colore.
*/
#cookieBanner p{
    color:#ffffff;
    margin:0;
}
/* =====================================================
   ADATTAMENTO TELEFONI
   ===================================================== */
@media(max-width:600px){
    #cookieBanner{
        font-size:15px;
        padding:18px;
        left:10px;
        right:10px;
        bottom:10px;
    }
    #cookieButton{
        width:100%;
    }
}