/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

/* --------------------------------------------------------------------------
   ADOC Umbria: celeste istituzionale #25B7E8 (rgb 37,183,232), da usare solo in
   punti mirati; il colore principale resta il blu del preset (#0B4575).
   Stesse varianti delle classi del template che sostituisce.
-------------------------------------------------------------------------- */
/* fondo pieno: box "Dona il 5x1000" sotto lo slider */
.bg-adoc-celeste {
  background-color: #25B7E8 !important;
}
/* come .bg-theme-colored-transparent (opacita' 0.75) */
.bg-adoc-celeste-transparent {
  background-color: rgba(37, 183, 232, 0.75) !important;
}

/* Menu principale (nel template entrambi grigio scuro #333, da
   menuzord-skins/menuzord-boxed.css):
   - voce della pagina corrente: blu istituzionale, colore del tema
   - passaggio del mouse: celeste (anche sulla voce corrente: regola dopo) */
.menuzord .menuzord-menu > li.active > a {
  background: #0B4575;
  color: #fff;
}
.menuzord .menuzord-menu > li:hover > a {
  background: #25B7E8;
  color: #fff;
}

/* Logo ADOC in testata: il template limita il logo a 38px di altezza (pensato
   per il suo logo orizzontale 252x40); il logo ADOC e' piu' compatto, quindi
   stessa altezza massima del sito attuale. */
.menuzord-brand img {
  max-height: 60px;
}

/* Logo ADOC nel footer scuro: su riquadro bianco, come nel footer del sito
   attuale (il template usava un logo bianco). */
.footer-logo-adoc {
  max-width: 180px;
  background: #fff;
  padding: 8px;
  border-radius: 4px;
}

/* Voce di menu "Contatti": su schermi larghi c'e' il pulsante "Contatti" a
   destra del menu (visibile, come nel template, solo da 992px in su: classi
   hidden-sm/hidden-xs), quindi la voce si nasconde; sotto i 992px il pulsante
   non c'e' e la voce resta nel menu, anche in quello mobile. */
@media (min-width: 992px) {
  .menuzord-menu > li.voce-solo-mobile {
    display: none;
  }
}

/* Evidenziatore celeste ADOC: fascia celeste chiara dietro il testo (come un
   pennarello sulla meta' inferiore delle lettere), testo nel blu istituzionale.
   Il celeste pieno come colore del testo non e' leggibile su bianco (2,3:1). */
.evidenzia-adoc {
  color: #0B4575;
  background: linear-gradient(transparent 55%, rgba(37, 183, 232, 0.35) 55%);
  padding: 0 2px;
}

/* "Lo sportello risponde": menu degli argomenti a sinistra del modulo */
.sportello-argomenti li {
  margin-bottom: 8px;
}
.sportello-argomenti .btn {
  text-align: left;
  white-space: normal;
}