/*
*
* Nota: il file si deve chiamare: font_{nome}.css
* 		e nella cartella ci deve essere il file font_{nome}.png di 220x40px
*
* FONT Dancing Script
*/
@font-face {
  font-family: "JennaSue";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: local('JennaSue'), local('Jenna Sue'), url('JennaSue.woff2') format('woff2');
}

/* --- FONT BODY ------------------------------------------------------------------------- */
/* Usiamo lo stesso font del tema primefaces omega, ovvero Lato/LatoBold */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Lato Regular'), local('Lato-Regular'), url('lato-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Lato Bold'), local('Lato-Bold'), url('lato-700.woff2') format('woff2');
}

/* >>> FONT ------------------------------------------------------------------------- */
body, .ui-widget, .fontBase, .fontMenu, .fontRibbon { font-family: 'Lato', sans-serif !important; }
h1, h2, h3, h4, .fontSelection { font-family: 'JennaSue', sans-serif !important; -webkit-font-smoothing: antialiased; }
h1.mainTitle { letter-spacing: 0; padding: 10px 0; font-size: 58px; }
h2.mainSubTitle { font-size: 28px; }
#widget h1 { font-size: 40px; line-height: 30px; }
#widget h2 { font-size: 34px; line-height: 28px; }
#widget h3 { font-size: 26px; line-height: 28px; }