/* ============================================================ BANNER INFORMATIVO COOKIE — MyBooth Collegare in ogni pagina, nell', vicino a style.css: ============================================================ */ /* Selettori con #cookieBanner + !important: blindano i colori contro eventuali regole globali del sito (es. il tag

) */ #cookieBanner.cookie-banner{ position:fixed; left:0; right:0; top:0; z-index:9999; background:rgba(0,0,0,.70) !important; color:#ffffff !important; padding:30px 24px; font-family:'Jost', sans-serif; font-size:14px; transform:translateY(-100%); transition:transform .5s ease; } #cookieBanner.cookie-banner.visible{ transform:translateY(0); } #cookieBanner .cookie-banner-inner{ max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; } #cookieBanner .cookie-banner-text{ margin:0; flex:1 1 420px; line-height:1.55; opacity:.95; color:#ffffff !important; } #cookieBanner .cookie-banner-actions{ display:flex; align-items:center; gap:18px; flex-shrink:0; } #cookieBanner .cookie-banner-link{ color:#ffffff !important; text-decoration:underline; font-size:13px; opacity:.8; } #cookieBanner .cookie-banner-link:hover{ opacity:1; } #cookieBanner .cookie-banner-btn{ background:#ffffff !important; color:#000000 !important; border:none; padding:10px 24px; border-radius:999px; font-size:13px; cursor:pointer; font-family:inherit; white-space:nowrap; transition:opacity .2s; } #cookieBanner .cookie-banner-btn:hover{ opacity:.85; } @media (max-width:600px){ #cookieBanner .cookie-banner-inner{ flex-direction:column; align-items:flex-start; } }