@charset "UTF-8";

  /* Solo su questa pagina: essendo corta (niente hero), il footer cade gia' nella
     prima schermata. Il breve istante in cui il browser disegna il contenuto prima
     che tutto lo stile sia stato applicato (normale su qualunque pagina con molto
     CSS) qui si vede, mentre sulle altre pagine passa inosservato perche' il
     footer e' molto piu' in basso, fuori dallo schermo iniziale. Nasconde la
     pagina per una frazione di secondo e la fa comparire con una dissolvenza,
     invece di mostrare quell'istante di contenuto non ancora rifinito. Puro CSS,
     nessuna dipendenza da script: si rivela da sola comunque, anche se qualcos'altro
     nella pagina dovesse bloccarsi. */
  body{
    opacity:0;
    animation:bongioRevealBody .25s ease-out .45s forwards;
  }
  @keyframes bongioRevealBody{
    from{ opacity:0; }
    to{ opacity:1; }
  }


:root {
  --color_1: rgba(176,141,87,1) !important;
}
#dm div.dmContent h2,
#dm div.dmContent h2 * {
  color: rgba(176,141,87,.9) !important;
}
#dm div.dmContent h1,
#dm div.dmContent h1 *,
#dm div.dmContent h3,
#dm div.dmContent h3 * {
  color: rgba(176,141,87,.9) !important;
}
#dm div.dmInner #site_content .dmWidget:not(.button_2),
#dm .dmOuter .dmInner .dmWidget:not(.button_2),
#dm .dmWidget:not(.button_2):not([data-buttonstyle]) {
  background-color: rgb(176, 141, 87) !important;
  border-color: rgb(176, 141, 87) !important;
  background-image: none !important;
}
#dm div.dmInner #site_content .dmWidget.button_2,
#dm .dmOuter .dmInner .dmWidget.button_2,
#dm .dmWidget.button_2 {
  background-color: rgb(255, 255, 255) !important;
  border-color: rgb(176, 141, 87) !important;
  background-image: none !important;
}
#dm div.dmInner #site_content .dmWidget span.text,
#dm div.dmInner #site_content .dmWidget span.icon {
  color: rgb(255, 255, 255) !important;
}
#dm div.dmInner #site_content .dmWidget.button_2 span.text {
  color: rgb(176, 141, 87) !important;
}
#dm .p_hfcontainer div.u_1507763365 {
  background-color: rgb(176, 141, 87) !important;
}
a[style*="color: var(--color_1)"],
a[style*="color:var(--color_1)"],
span[style*="color: var(--color_1)"],
span[style*="color:var(--color_1)"],
strong[style*="color: var(--color_1)"] {
  color: rgb(176, 141, 87) !important;
}