/* INIZIO TYPOGRAPHY */

/* Da usare quando si vuole normalizzare la dimensione di un testo */
.normaltext {
font-size: 14pt;
}

/* Da usare quando si vuole rimpicciolire la dimensione di un testo */
.littletext {
font-size: 10pt;

}

/* Inizio personalizzazione lista numerata */
ol {
 counter-reset:lista; /* [!] Inizializza il contatore */
}

ol > li {
 list-style:none;   /* [!] Disabilita la numerazione degli item di lista */
 position:relative; /* [!] Crea un contesto per il posizionamento */
 margin:0 0 10px 25px; /* Assegniamo un margine sinistro per fare spazio ai numeri */
 padding:4px 18px;
}

ol > li:before {
 content:counter(lista);  /* [!] Usa il contatore come contenuto */
 counter-increment:lista; /* [!] Incrementa il contatore di 1 */
 /* Posizionare e formattare il numero */
 position:absolute;
 top:3px;
 left:-30px;
 width:35px;
 padding:2px;
 color:#fff;
 background:#205ea5;
 font-weight:bold;
 text-align:center;
 font-size: 16pt;
 border-radius: 20px;
}
/* Fine personalizzazione lista numerata */

/* Inizio personalizzazione lista puntata */
ul.ul-post {
 list-style:none;   
}
 
ul.ul-post > li {
 position:relative; 
 margin:0 0 10px 25px; 
 padding:4px 30px;
}

ul.ul-post > li:before {
 content: "\f00c";
 position: absolute;
 top: 7px;
 left: -15px;
 width: 35px;
 padding: 2px;
 color: #fff;
 background: #205ea5;
 text-align: center;
 font: normal 17pt/1 FontAwesome;
 border-radius: 50px;
}
/* Fine personalizzazione lista puntata */

/* Inizio Classi che permettono di evidenziare testi allo scroll della pagina (richiamano il relativo JS inserito nel Codice personalizzato di Yootheme) */

/* Classe da attribuire al testo da evidenziare */
.highlight-on-scroll {background-image: linear-gradient(to right, #8afd02 var(--highlight-percent), transparent var(--highlight-percent));
    color: #111;
    padding: 2px 4px;
    border-radius: 5px;
    font-weight: 700;    
}

/* Fine Classi che permettono di evidenziare testi allo scroll della pagina (richiamano il relativo JS inserito nel Codice personalizzato di Yootheme) */

/* FINE TYPOGRAPHY */

/* INIZIO PERSONALIZZAZIONE NAVBAR */
/*crea curvatura della navbar (customizzato qui perchč il builder elimina il "/" */
.uk-navbar-container {border-radius: 0% 0% 0% 100% / 10% 0% 0% 90%;}

/* FINE PERSONALIZZAZIONE NAVBAR */

/* DIV contenitore che serve per inserirci dentro elementi vari che debbano essere posizionati al centro della pagina */
.divcontainer
{
width: auto;
margin: 0 auto;
max-width: 630px;
position: relative;
}

/* Blockquote con riquadro verde chiaro come il ".success" di boostrap */
.blockquotenfasis 
{
background:#DFF0D8;
border-left-style:solid;
border-left-width:6px;
border-color:#D6E9C6 #D6E9C6 #D6E9C6 #90BA0D;
color:#468847;
font-size:110% !important;
border-radius:6px;
font-weight:normal;
padding:15px;
margin:20px 0 30px 30px;
}

/* Blockquote con riquadro verde chiaro come il ".success" di boostrap + virgolettato iniziale e finale */
.blockquotenfasis2 
{
background: url(/images/Icone/quote-i_32.png) 0.3% 0 no-repeat, url(/images/Icone/quote-f_32.png) 99.7% 100% no-repeat#DFF0D8;
border-left-style:solid;
border-left-width:6px;
border-color:#D6E9C6 #D6E9C6 #D6E9C6 #90BA0D;
color:#468847;
font-size:110% !important;
border-radius:6px;
font-weight:normal;
padding:15px 43px;
margin:20px 0 30px 30px;
vertical-align:text-top;
line-height: 1.7em;
}

/* Come Blockquotenfasis2 ma ottimizzato per lettori media */
.blockquotenfasis2media 
{
background: url(/images/Icone/quote-i_32.png) 0.3% 0 no-repeat, url(/images/Icone/quote-f_32.png) 99.7% 100% no-repeat#DFF0D8;
border-left-style:solid;
border-left-width:6px;
border-color:#D6E9C6 #D6E9C6 #D6E9C6 #90BA0D;
border-radius:6px;
color:#468847;
font-size:125% !important;
font-weight:bold;
text-align:center;
padding:35px 0px;
margin:20px 0;
}

/* Riquadro bianco con bordi rossi per messaggi di alert (es. sblocco contenuto nascosto nei post) */
.attenzione {
border-style: solid;
border-width: 6px;
border-color: #f90119;
color: #f90119;
font-size: 115% !important;
border-radius: 15px;
font-weight: bolder;
padding: 15px 40px;
line-height: 1.7em3
text-align: center;
}

/* Etichetta uppercase "Novitą" */
.evidenza
{
background: #FE8C38;
border-radius: 3px;
color: #FFFFFF;
font-family: 'Dosis-Regular',Helvetica,Arial,sans-serif !important;
font-size: 11pt;
padding: 2px 3px;
margin: 0 10px;
text-transform: uppercase;
text-shadow: none !important;
box-shadow: #000033 0 5px 15px;
}
        

/* Scritta Biz Consulting */
.biz {
font-size: 12pt;
line-height: 1.5em;
font-family: Dosis-Regular; 
font-weight:bold;
color: #333399;
}
.biz .font-size-is-xlarge {
font-size: 15px;
line-height: 1.5em;
}
.biz .font-size-is-large {
font-size: 14px;
line-height: 1.5em;
}
.biz .font-size-is-default {
font-size: 12px;
line-height: 1.5em;
}
.biz .font-size-is-small {
font-size: 11px;
line-height: 1.5em;
}
.biz .font-size-is-xsmall {
font-size: 10px;
line-height: 1.5em;
}                      

/* serve a eliminare i DIV voluti su device mobili */
@media (max-width: 599px) {
div.togli
{display:none !important;}
}                              

/* serve a ridurre le dimensioni dei DIV voluti su device mobili */
@media (max-width: 599px) {
div.riduci
{max-width:50% !important;}
}                                

/* serve a fare in modo che le call to action occupino tutta la larghezza su schermi sotto i 767 px */
@media (max-width: 767px) {
.ctagreen, .ctaorange, .ctared  
{max-width: 100% !important;}
}

/* class suffix da usare per non mostrare un elemento nella pagina */
.nonmostrare
 {
 display:none !important;
 }

/*INIZIO PERSONALIZZAZIONE FACOLTATIVA VOCI MENU DELLE LANDING */
.menulanding 
{
-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0 2px 4px;
background-color: #F90119;
background-repeat: repeat-x;
box-shadow: rgba(0, 0, 0, 0.2) 0 6px 3px, rgba(255, 255, 255, 0.2) 0 1px 0 inset;
color: #FFFFFF;
text-shadow: #4A4A4A 0 1px 1px;
border-bottom-left-radius: 15px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 15px !important;
font-weight: bold;
text-align: center;
width: auto;
padding: 5px 10px;
margin: 5px;
} 

.menulanding:hover
{
box-shadow: none;
}

/*INIZIO PERSONALIZZAZIONE AVVISI DI ALLERTA */
/* personalizzazione avvisi di allerta (es. errori nel modulo di registrazione)*/
.alert {
  background-color:#cc3333;
  border:1px solid #cc0000;
  color:#FFFFFF;
  text-shadow:rgba(0, 0, 0, 0.79) 0 2px 0;
}
  
/* personalizzazione titolo avvisi di allerta*/ 
.alert h4 {
  color:#FFFFFF;
}

 /* personalizzazione icona "close"" avvisi di allerta*/ 
.alert .close {
  font-size:30px;
  opacity:0.4;
  text-shadow:#FFFFFF 0 1px 0;
}
/*FINE PERSONALIZZAZIONE AVVISI DI ALLERTA */

/*INIZIO MODELLI DI BOX CREATI DA BIZ */
/* classe da me inventata per enfatizzare i moduli pił in rilievo*/
.boxmodule
{
  border:4px solid #90BA0D;
  border-radius:6px;
  box-shadow:#000033 0 10px 30px;
  display:inline-block;
  width:85%;
  margin:25px 8px 25px 10px;
}

/* classe da me inventata per enfatizzare i moduli meno in rilievo di .boxmodule*/
.boxmodule2
{
  border:2px solid #90BA0D;
  border-radius:6px;
  box-shadow:#000033 0 5px 20px;
  margin:25px 8px 25px 10px;
  padding:8px 25px 0 8px;
  width:85%;
}

/* classe da me inventata per enfatizzare i moduli*/
.boxmoduleg
{
  border:2px solid #90BA0D;
  border-radius:6px;
  box-shadow:#000033 0 10px 30px;
  display:inline-block;
  margin:25px 8px 25px 25px;
  padding: 1px;
}

/* classe da me inventata per moduli semplici (solo bordino verde)*/
.simple_boxmodule
{
  border:1px solid #90BA0D;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  display:inline-block;
}

/* classe da me inventata per moduli semplici (bordino verde e sfondo grigio)*/
.simple_boxmodule_2
{
  border:1px solid #90BA0D;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  display:inline-block;
  background:#dddddd;
}
/*FINE MODELLI DI BOX CREATI DA BIZ */

/* INIZIO PERSONALIZZAZIONE DELLE SCHEDE DELLA PAGINA CONTATTI */
/* regola la dimensione del testo introduttivo delle schede */
legend 
{ 
font-size:125%;
}

/* FINE PERSONALIZZAZIONE DELLE SCHEDE DELLA PAGINA CONTATTI */

/* INIZIO PERSONALIZZAZIONE JMOOTIPS */

.popover {
max-width: 350px;
padding: 4px 8px;
}

.popover-header  {
background-color: #90ba0d;
border: 1px solid #90ba0d;
color: #fff;
font-size: 0.75rem;
font-family: var(--bs-font-sans-serif);
padding: 15px 0;
}

.popover-body {
font-size: 0.75rem;
color: #205ea5;
padding: 20px 8px;
}

.jmootipper {
border-bottom: 2px dashed #205EA5;
}

.jmootipper:hover {
background-color: #90ba0d;
opacity: 0.8;
}  

/* FINE PERSONALIZZAZIONE JMOOTIPS */

/* INIZIO PERSONALIZZAZIONE JMCOUNTER */

@media (max-width: 599px){
.jmm-counter.default .jm-count {font-size: 40px;}
}
/* FINE PERSONALIZZAZIONE JMCOUNTER */

/* -- INIZIO PERSONALIZZAZIONE POP-UP REGULAR LAB MODAL -- */
[data-modals-element=modal] [data-modals-element=overlay] {
background-color: #205ea5d1;
}

/* -- FINE PERSONALIZZAZIONE POP-UP REGULAR LAB MODAL -- */

/* INIZIO PERSONALIZZAZIONE BOX VIDEO POST DEL BLOG */
.box-shadow-video {
box-shadow: #000033 0 10px 20px;
width: 100%;
height: 0;
margin: 0 auto;
position: relative;
overflow: hidden;  
padding-bottom: 56.25% /* Rapporto d'aspetto 16:9 per il video */
}

.box-shadow-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* FINE PERSONALIZZAZIONE BOX VIDEO POST DEL BLOG */

/* INIZIO CLASSE CREATA COME SELETTORE PER IL JS PARTICLES.JS (FIGURE GEOMETRICHE E PARTICELLE ANIMATE) */
.background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
/* FINE CLASSE CREATA COME SELETTORE PER IL JS PARTICLES.JS (FIGURE GEOMETRICHE E PARTICELLE ANIMATE) */

/* INIZIO FIXED BAR CONTATTI */
/* da usare sempre come contenitore principale delle fixed bar per mantenerle al centro della pagina */
.fixedbarcontainer {
  bottom: 0px !important;
  left: 0px !important;
  position: fixed !important;
  width: 100% !important;
  z-index: 9997 !important;
}

 .fixedbardesktop {
  box-shadow: 0px 0px 30px #000033;
  display: block;
  margin: 0 auto;
  width: 80%;
  background-color: rgba(0, 71,171, 0.75);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.fixedbarmobile {
  box-shadow: 0px 0px 30px #000033;
  display: block;
  margin: 0 auto;
  width: 80%;
  background-color: rgba(0, 71,171, 0.75);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 2px;
}

/* -- Inizio css per la visualizzazione corretta dele immagini sprite delle fixedbar -- */
.sprite-fixedbar 
{
background: url(/images/Icone/fixedbar.png);
}
.messenger
{
background-position: 0px 0px;
}
.mail
{
background-position: -38px -2px;
}
.telefono
{
background-position: -76px -2px;
}
.skype
{
background-position: -114px 0px;
}
/* -- Fine css per la visualizzazione corretta dele immagini sprite della fixedbar -- */

/* FINE FIXED BAR CONTATTI */  

/* INIZIO PERSONALIZZAZIONE DIV EB WHATSAPP CHAT */
.whatsappchat .popup-section .help-you-btn {
    margin-bottom: 4vh;
    padding: 0;
    left: 200%;
    position: relative;
    
}

.whatsappchat .popup-section .popup .popuptext {
    display:none;
    z-index: -1;
}

.whatsappchat .popup-section .popup .show {
    display:block;
    bottom: 100px !important;
}

.whatsappchat .popup-section .popup .popuptext .popup-box .chat-content {
    margin: 15px;
}                      
/* FINE PERSONALIZZAZIONE DIV EB WHATSAPP CHAT */

/* INIZIO PERSONALIZZAZIONE TAWK.TO */
.rectangle #tawkchat-status-text-container {
    bottom: 30px !important;
    margin-left: 20px !important;
}

/* FINE PERSONALIZZAZIONE TAWK.TO */

/* INIZIO PERSONALIZZAZIONE CHATNODE */
/* Ingrandisce il contenitore che contiene il toggle che apre la chat (ricordarsi di cambiare il cod. alfanumerico se si cambia il chatbot)*/
#toggle-btn-eee724f7-2af8-4c05-bf9e-8bde00f2ce66 {
    width: 65px !important;;
    height: 65px !important;;
}

/* Posiziona il toggle che apre la chat in modo corretto (ricordarsi di cambiare il cod. alfanumerico se si cambia il chatbot)*/
#toggle-btn-container-eee724f7-2af8-4c05-bf9e-8bde00f2ce66 {
    bottom: 5.5vh !important;
    right: 8% !important;
    z-index: 1000 !important;
}
 
 /* Mantiene sempre visibile il bottone di chiusura del pop-up del msg "Chiedi a..." */
.close-btn-glow {
display: flex !important;
}

/* FINE PERSONALIZZAZIONE CHATNODE  */

/* INIZIO PERSONALIZZAZIONE BADGE RECAPTCHA GOOGLE  */
.grecaptcha-badge { 
    display: none; 
}

/* FINE PERSONALIZZAZIONE BADGE RECAPTCHA GOOGLE  */

/* INIZIO PERSONALIZZAZIONE TC EVENT COUNTODOWN */
.ds-element .ds-element-title {
  border-radius: 18px;
}

.event_countdown_wrapper .event_countdown_boxes .ds-element .ds-element-value {
 border-radius: 20px;
}

.event_countdown_wrapper .event_countdown_boxes .ds-element {
 border-radius: 20px;
}
 
.countdown_button a.countdown_button_link {
background-color: #e44e56 !important;
border: 1px solid transparent !important;
background-image: linear-gradient(#f90119,#e44e56) !important;
box-shadow: 0 6px 3px 0 rgba(0,0,0,.2) !important;
}

.countdown_button a.countdown_button_link:hover {
background-color: #fff !important;
background-image: none !important;
color: #e44e56 !important;
border: 1px solid #e44e56 !important;
}

@media (max-width: 599px) {
.countdown_button a.countdown_button_link {
font-size: 13pt !important;
font-weight: 700 !important;
}
}

.finish_text {
font-size: 1.5em !important;
}

/* FINE PERSONALIZZAZIONE TC EVENT COUNTODOWN */

/* INIZIO PERSONALIZZAZIONE MODULI LOGIN  */
/* Regola il padding dei bottoni "Accedi" al sito compresi quelli social*/
.controls .btn
{padding: 0 5px;} 

/* FINE PERSONALIZZAZIONE MODULI LOGIN  */

/* INIZIO PERSONALIZZAZIONE MODULO SLOGIN */

/* Regola stile bottoni "Accesso" e "Invia" */
.jlslogin .button, .login .btnslogin
{background-color: #205ea5;
color: #fff;
border: 1px solid transparent;
background-image: linear-gradient(#a4d311,#6b880e);
box-shadow: 0 6px 3px 0 rgba(0,0,0,.2);
font-family: Syncopate;
font-size: 20pt;
text-transform: uppercase;
}

/* Regola dimensione e margini delle icone dei vari social */
.slogin-ico 
{width: 60px;} 
.slogin-default span 
{height: 60px;}   
.slogin-default a 
{width: 90px;}

/* Regola colore di sfondo dei nomi dei vari social */
.linklinkedinslogin {background-color: transparent;}
.linkgoogleslogin {background-color: transparent;}
.linkfacebookslogin {background-color: transparent;}

/* Nasconde i nomi dei vari social */
.text-socbtn {display: none !important;}

/* FINE PERSONALIZZAZIONE MODULO SLOGIN */

/* Scrollbar in testa alle pagine */
#scrollBar 
{position: fixed;
top: 0;
left: 0;
width: 0%;
height: 10px;
transition: width 0.1s;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #90ba0d;
z-index: 9997;
}

/* INIZIO PERSONALIZZAZIONE PLAYER AUDIO HTML5 (ES. PLAYER AUDIO DEI POST) */

audio 
{border-radius: 100px;
box-shadow: 0px 10px 25px #0a5005f0;}

audio::-webkit-media-controls-panel
{background-color: #19b102ad;}

/* FINE PERSONALIZZAZIONE PLAYER AUDIO HTML5 (ES. PLAYER AUDIO DEI POST) */