body {
    font-family: Barlow;
    --color-blu: #194778;
    --color-text: #1a2347;
    --color-gold: #FD7B01;
    --color-gray: #f5f4f4;
    /*#f19100;  /*#E49E45;*/
    color: var(--color-blu);
}

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed&display=swap');



@font-face {
    font-family: Barlow;
    src: url("../../../../fnt/Barlow-Regular.ttf") format("opentype");
}

@font-face {
    font-family: Barlow-ExtraBold;
    src: url("../../../../fnt/Barlow-ExtraBold.ttf") format("opentype");
}


@font-face {
    font-family: BarlowCondensed-Medium;
    src: url("../../../../fnt/BarlowCondensed-Medium.ttf") format("opentype");
}

@font-face {
    font-family: BarlowCondensed-Bold;
    src: url("../../../../fnt/BarlowCondensed-Bold.ttf") format("opentype");
}

@font-face {
    font-family: BarlowCondensed-Regular;
    src: url("../../../../fnt/BarlowCondensed-Regular.ttf") format("opentype");
}

@font-face {
    font-family: Barlow;
    src: url("../../../../fnt/Barlow-Regular.ttf") format("opentype");
}


@font-face {
    font-family: Barlow-Bold;
    src: url("../../../../fnt/Barlow-Bold.ttf") format("opentype");
}


b, strong {
  font-family: Barlow-Bold;
}

#networkNav input[type="hidden"][name="__logout__"] + button.nav-link {
    color: #ffffff !important;
    font-size: 1rem;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-color: transparent;
}

/* tasto di logout nel menu principale */
nav input[type="hidden"][name="__logout__"] + button.nav-link {
    color: #ffffff !important;
    padding: .5em 0px;
    margin: 0px;
    border: 0px;
    background-color: transparent; 
}

/* header e fascia arancione */
.testata{
    padding: 30px 0;
    color: var(--color-gold);
    background-color: #fff !important;
    font-weight: bold;
}

nav, .orange{
    background-color: var(--color-gold) !important;
    color: #fff;
}

/* testata è la classe dell'elemento contenente l'header e la banda arancione, uguali nel contenuto */
.testata .row{
    align-items: center;
}

.testata .row > div:first-of-type{
    border-right: 2px solid var(--color-gold);/* #fff;*/
}

.testata .row > div:nth-of-type(2){
    padding-left: 30px;
}

.testata .row > div:last-of-type{
    text-align: right;
}

a.btnprenota, .btn.btnprenota{
   color: #fff!important;
    font-family: Barlow-Bold;
    font-size: 1em;
    background-color: var(--color-gold) !important; 
    display: inline-block;
    justify-content: center;
    align-content: center;
    text-decoration:none;
    border-radius: 30px;
    padding: 15px 30px;
    margin-top: 20px;
    cursor: pointer;
    width: 100%;
}

a.btnprenota:hover, .btn.btnprenota:hover{
    cursor: pointer;
    color: var(--color-gold) !important;/* #fff;*/
    text-decoration: none!important;
background-color: #fff!important;}

a.btnheader, .btn.btnheader{
    display: block;
    text-align: center;
    border: 2px solid var(--color-gold);/* #fff;*/
    padding: 10px;
    color: var(--color-gold) !important;/* #fff */
    text-decoration: none;
    width: 100%;
    font-weight: bold;
    border-radius: 25px;
}

a.btnheader:hover, .btn.btnheader:hover{
    cursor: pointer;
    color: var(--color-gold) !important;/* #fff;*/
    text-decoration: none!important;
    border-radius: 25px;
}
    

img{
    max-width: 100%;
}

main > div a, main > div a:hover, main > div a:visited{
   text-decoration: none!important;
    color: var(--color-blu);
}

main{
    padding: 0;
    font-size: 18px;
    color: var(--color-blu);
    margin-top: 20px;
}


@media( max-width: 960px ){
    main{
        text-align: left;
        font-size: 18px;
    }

    .testata .row > div:nth-of-type(2){
        padding-left: 15px;
        font-size: 0.9em;
    }

    .testata .row > div:last-of-type{
        text-align: center;
    }
    
    a.btnprenota{
        display: block;
        padding: 5px;
    }
    
    .orange{
        padding: 15px 0;
    }
}


h1{
    position: relative;
    font-family: Barlow-ExtraBold;
    text-transform: none;
    font-size: 3.2em;
    display: inline-block;
    line-height: 1em;
    padding-bottom: 20px;
    margin-bottom: 15px;
    text-align: left;
    color: var(--color-blu);
}

h1:after {
    content : "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 7rem;
    border-style: solid;
    border-color: var(--color-gold);
    border-width: 0 0 3px 0;
}


h4 {font-family: Barlow-Bold;
    font-size: 1em;
    color: var(--color-gold) !important;
    position: relative;
    padding-bottom: 15px;
    text-transform: uppercase;}

.schedacorso h2{
    font-family: Barlow-ExtraBold;
    font-size: 3em;
    display: inline-block;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.schedacorso h2:before {
    content : "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 50%;
    border-style: solid;
    border-color: var(--color-gold);
    border-width: 0 0 5px 0;
}


@media( max-width: 768px ){
    h1{
        font-size: 2em;
    }
    
    h2{
        font-size: 2.1em;
    }
}




/* sezione iniziale con titolo e dettagli corso */
.titolo h1
    font-family: Barlow-ExtraBold;
    font-weight: bold;
    color: #B1B1B1;
    font-size: 1.5em;
text-align:center!important;
}


.obiettivigen div> p {
      font-family: 'Barlow';
    color: var(--color-blu);
    font-size: 1.6em;
    text-align: center!important;
    padding-top: 10px;
}



/* elementi con sfondo bianco */
.bianco{
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 70px;
    text-align: left;
    color: var(--color-blu);
}

.bianco h2{
   font-family: Barlow-Bold;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1em;
    padding-bottom: 20px;
    text-align: center;
    color: var(--color-blu);
}

.bianco a, .bianco a:hover, .bianco a:visited{
    text-decoration: underline;
    color: var(--color-blu)!important;
}


@media( max-width: 768px ){
    .bianco{
        padding-top: 50px;
        padding-bottom: 60px;
    }
}


/* elementi con sfondo blu */
.blu{
    background-color: var(--color-blu);
    padding-top: 60px;
    padding-bottom: 100px;
    text-align: left;
    color: #fff;
}

.blu a, .blu a:hover, .blu a:visited{
   text-decoration: underine;
    color: #fff !important;
}


@media( max-width: 768px ){
    .blu{
        padding-top: 30px;
        padding-bottom: 60px;
    }
}

/* sezione con dettagli (date, orari, ecc.) */
.dettagli{
    font-family: BarlowCondensed-Medium;
    font-size: 1.5em;
}

@media( min-width: 768px ){
    .dettagli > div{
        padding-left: 0;
        padding-right: 0;
    }
}

.dettagli > div{
    position: relative;
}

.dettagli > div:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 1px 1px;
}

.dettagli > div:last-child:after{
    border-width: 0 1px 1px 1px;
}

.dettagli > div > div {
    text-align: center;
}

.dettagli > div > div:last-child{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


@media( max-width: 768px ){
    .dettagli > div{
        margin-top: 30px;
    }
    
    .dettagli > div:after{
        border-width: 0 1px 1px 1px;
    }
    .dettagli > div:after{
        left: 10%;
        width: 80%;
    }
}


.dettagli p{
    margin-bottom: 0;
}


#date p{
    font-size: 1.4em;
    line-height:1em;
}


#orari p {
    font-size: 1.8em;
    margin-bottom: -10px;
    margin-top: -3px !important;
}



#euro p:first-child{
    font-size: 1.4em;
    margin-top: 0;
}
#euro p:last-child{
    font-size: 0.7em;
    text-transform: uppercase;
    line-height:2em;
}

#crediti p:first-child{
    font-size: 1.4em;
    margin-top: 0;
}
#crediti p:last-child{
    font-size: 0.7em;
    text-transform: uppercase;
    line-height:2em;
}





/* riga dell'indirizzo */
#location{
    text-align: center;
    font-family: BarlowCondensed-Medium;
    font-size: 1.3em;
}

/* stili per le tendine intelligenti */
div.combobox-container > .spinner-border {
    position: absolute;
    right: 0.5em;
    height: 1.5em;
    width: 1.5em;
    top: 0.5em;
    display: none;
}



/* stili popup */
.popup-modal p.title{
    font-size: 1.4em;
    font-weight: bold;
}

.modal-dialog{
    overflow-y: initial !important
}

.modal-body{
    max-height: 70vh;
    overflow-y: auto;
}

@media (min-width: 768px){
    .modal-dialog {
        max-width: 750px;
    }
}


/* uniformo le select e le selectbox */
.form-control-sm{
    height: calc(1.5em + 0.5rem + 6px) !important;
    font-size: 0.9rem !important;
}

/* messaggi di errore su campi obbligatori */
.label-err{
    font-size: 0.9em;
    color: red;
}

/* stili per il back to top */
#back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    height: 3em;
    width: 3em;
    padding: 8px;
}

main a.icona{
    margin: 0 20px;
    font-size: 1.3em;
    display: inline-block;
    background-color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    color: var(--color-blu) !important;
}

main a.icona:hover, main a.icona:visited{
    color: var(--color-blu) !important;
    text-decoration: none!important;
}

main .social{
    justify-content: center;
    padding-top: 0;
}


/* sezioni "cosa imparerai", "come lavorerai" e info "corsi 2023" */
#imparerai, #corsi, #lavorerai{ 
    background-size: 100% auto;
    background-position: top center;
    padding-top: 350px;
    background-repeat: no-repeat;
}

#imparerai > div, #corsi > div, #lavorerai > div{
    display: flex;
}

#imparerai > div, #corsi > div{
    justify-content: flex-end;
}
#lavorerai > div{
    justify-content: center;
}

/* necessario per evitare gli span con font-size letto dal ws più piccolo */
#lavorerai span{
    font-size: inherit !important;
}

@media( max-width: 768px ){
    #imparerai > div, #corsi > div{
        justify-content: center;
    }
}


#imparerai{
    background-image: url('../../../../img/gimbeducation/cosa_imparerai.png');
}

#lavorerai{
    background-image: url('../../../../img/gimbeducation/come_lavorerai.png');
}

#corsi{
    background-image: url('../../../../img/gimbeducation/corsi.png');
}

#corsi .row{
    align-items: center;
}


/* riquadri info per "cosa imparerai", "come lavorerai" e info "corsi 2023" */
.info{
    color: #fff;
    position: relative;
    padding: 50px;
    margin: 50px;
    width: 70%;
    min-height: 400px;
}

.info a, .info a:hover, .info a:visited{
    color: #fff !important;
    text-decoration: none!important;
}

.info img{
    max-width: 85%;
}


@media( max-width: 768px ){
    #imparerai, #corsi, #lavorerai{     
        padding-top: 100px;
    }

    .info{
        width: 97%;
        padding: 20px;
        margin: 20px;
    }
}

.info > *{
    position: relative;
}

.info:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--color-blu);
    opacity: 0.85;
}

#lavorerai h2:before{
    border-color: #fff;
}

#lavorerai .info:before{
    background-color: var(--color-gold);
}

/* sezione faculty */


/* inserito per sovrascrivere il css restituito dal ws */
#faculty p{
    font-size: inherit !important;
    line-height: inherit !important;
    text-align:left;
}

#faculty h2, #faq h2{
    margin-bottom: 0px;
}

#faculty h1 {font-size: 2.8em;
}

#faculty h2:before, #faq h2:before{
    width: 100%;
}

#faculty p.ruolo{
    font-size: 0.9em !important;
    color: #fff;
    margin-bottom: 0;
    text-align:center;
}

#faculty p.nominativo{
    font-size: 1.2em !important;
    font-family: Barlow-Bold;
    font-weight: bold;
    text-align:center;
}



@media( max-width: 768px ){
    #responsabile{
        column-count: 1;
    }
    
    #faculty h1 {font-size: 2.3em!important;
}


}

/* sezione "cosa otterrai" */
#otterrai{
    background-color: #EBEDEC;
    padding: 40px 0;
}


/* titolo principale delle sezioni "vuoi maggiori informazioni", ecc. */
p.maintitle{
    font-family: Barlow-Bold;
    color: var(--color-blu) !important;
    font-size: 1.9em;
    position: relative;
    text-transform: none;
    font-weight: bold;
    padding-bottom: 10px;
}

p.maintitle::before {
    content : "";
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 25%;
    border-style: solid;
    border-color: var(--color-gold);
    border-width: 0 0 4px 0;
}

#otterrai p.maintitle::before {
    left: 0;
}

#contatti p.maintitle::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 30%;
    border-style: solid;
    border-color: var(--color-gold);
    border-width: 0 0 4px 0;
    left: 33%;
}

#contatti p.maintitle {
    font-family: Barlow-Bold;
    color: var(--color-blu) !important;
    font-size: 1.9em;
    position: relative;
    text-transform: none;
    font-weight: bold;
    padding-bottom: 17px;
}


p.title{
    font-family: Barlow-Bold;
    color: var(--color-blu);
    text-transform: uppercase;
    font-weight: bold;
    font-weight: bold;
    font-size: 1.3em;
    margin: 30px 0 10px 0;
}



#otterrai .row > div:last-child{
    text-align: right;
}

@media( max-width: 768px ){
    #otterrai .row > div:last-child{
        text-align: center;
    }
    #otterrai p.maintitle {
    font-size:1.6em;
}
}

/* sezione "vuoi maggiori informazioni?" */
#contatti{
    padding-top: 30px;
    padding-bottom: 30px;
}

#contatti .row > div{
    text-align: center;
}

#contatti p{
    text-align: center;
    color: #747576;
    font-weight: bold;
}

a.btnblu, button.btnblu{
    display: block;
    background-color: var(--color-blu);
    color: #fff !important;
    padding: 10px;
    margin-top: 20px;
    width: 100%;
    border-style: none;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

a.btnblu:hover, .btnblu:hover{
    cursor: pointer;
    text-decoration: none!important;
}

/* sezione con le statistiche GIMBEDUCATION */

.statistiche{
    font-family: BarlowCondensed-Medium;
    font-size: 1.5em;
}


.statistiche > div{
    position: relative;
}

.statistiche > div:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 0 1px;
}

.statistiche > div:last-child:after{
    border-width: 0 1px 0 1px;
}

.statistiche > div > div {
    text-align: center;
}

.statistiche > div > div:last-child{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


@media( max-width: 768px ){
    .statistiche > div{
        margin-top: 30px;
    }
    
    .statistiche > div:after, .statistiche > div:last-child:after{
       border-width: 0 1px 1px 1px;
    }
    .statistiche > div:after{
        left: 10%;
        width: 80%;
    }
}


.statistiche p{
    margin-bottom: 0;
}


#numeri p:first-child{
    font-size: 1.6em;
    margin-top: 0;
}
#numeri p:last-child{
    font-family: 'Barlow';
    font-size: 0.7em;
    line-height: 1.2em;
        padding-bottom: 0.5em;
}





/*


#statistiche .row:last-child > div{
    border-right: 1px solid #fff;
    text-align: center;
    margin-top: 30px;
}

#statistiche .dati
{font-size: 1.4em;
font-family: BarlowCondensed-Medium;
line-height:1em;}

#statistiche .didascalie
{font-family: BarlowCondensed-Medium;
font-size:0.7em;}

/*#statistiche  .row:last-child > div:last-child{
    border-right: 0;
}

#statistiche .row:last-child > div p:first-child{
    font-size: 4em;
    font-family: BarlowCondensed-Bold;
    margin-bottom: -0.2em;
}

#statistiche .row:last-child > div p:last-child{
    font-size: 2em;
    font-family: BarlowCondensed-Bold;
}



#statistiche p.maintitle {
    font-family: Barlow-Bold;
    color: #fff!important;
    font-size: 1.9em;
    position: relative;
    text-transform: none;
    font-weight: bold;
    text-align:center;
    padding-bottom: 17px;
}

#statistiche p.maintitle::before {
    display:none;}

@media( max-width: 768px ){
    #statistiche  .row:last-child > div{
        border-right: 0;
        margin-top: 0;
    }
    
    #statistiche .row:last-child > div p:first-child{
        font-size: 3.2em;
    }

    #statistiche .row:last-child > div p:last-child{
        font-size: 1.6em;
    }

}*/

/* le div con le recensioni */
.recensioni{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.85em;
    text-align: left;
    color: var(--color-blu);
}

.recensioni > div:first-child > div > div {
    background-color: #fff;
    padding: 15px;
    border: 4px solid var(--color-gold);
    position: relative;
    font-style: italic;
    font-weight: bold;
}
    
.recensioni > div:first-child  > div > div:after, .recensioni > div:first-child  > div > div:before{
    top: 100%;
    left: 20%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.recensioni > div:first-child  > div > div:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 30px;
    margin-left: -30px;
}

.recensioni > div:first-child  > div > div:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: var(--color-gold);
    border-width: 35px;
    margin-left: -35px;
}

.recensioni > div:last-child{
    margin-top: 35px;
    align-items: center;
}

/* sezione faq */
#faq i{
    font-size: 1.3em;
    display: inline-block;
    margin-right: 20px;
}

#faq p{
    font-family: Barlow;
}

#faq .risposta, #faq .risposta a{
    color: var(--color-blu);
    font-style: italic;
}

#faq .risposta a{
    overflow-wrap: break-word;
}

#faq .risposta > ul{
    margin-top: -0.7rem;
}

#faq .row:last-child > div{
    border-top: 1px solid #fff;
}

#faq .row:last-child > div:first-of-type{
    border-top: none;
}

/* sezione faq con fondo blu */
#faqbianche i{
    font-size: 1.3em;
    display: inline-block;
    margin-right: 20px;
}

#faqbianche p{
    font-family: Barlow;
}

#faqbianche .risposta, #faq .risposta a{
    color: white;
    font-style: italic;
}

#faqbianche .risposta a{
    overflow-wrap: break-word;
}

#faqbianche .risposta > ul{
    margin-top: -0.7rem;
}

#faqbianche .row:last-child > div{
    border-top: 1px solid #fff;
}

#faqbianche .row:last-child > div:first-of-type{
    border-top: none;
}

/* tabella con gli sconti */
#sconti{
    min-width: 50%;
}
#sconti, #sconti th, #sconti td{
    border: 1px solid #6BC2FF;
}

#sconti th, #sconti td{
    text-align: center;
}

/* footer */
.reverse:first-of-type {
    background-color: #fff !important;
    color: var(--color-blu) !important;
}

.reverse:last-of-type {
    background-color: var(--color-blu) !important;
    color: #fff !important;
}

.reverse:first-of-type a {
    color: var(--color-blu) !important;
}

.reverse:last-of-type a {
    color: #fff !important;
}

.reverse a.icona, .reverse a.icona:hover {
    font-size: 1.3em;
    background-color: #fff;
    text-decoration: none!important;
    color: var(--color-blu) !important;
    border: 1px solid var(--color-blu);
}

.reverse ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.reverse:last-of-type ul li {
    display: inline-block;
}
.reverse:last-of-type div.row > div:last-of-type ul li {
    text-align: right;
    padding-right: 0.5em;
}
.reverse:last-of-type ul li {
    display: inline-block;
}
.reverse {
    padding-top: 1.4em;
    padding-bottom: 1.4em;
    /*font-size: 0.8em;*/
}
footer.reverse a img, footer.reverse .social {
    width: 80% !important;
}

footer.reverse div p:first-of-type {
    font-size: 1.4em;
    font-weight: bold;
}

footer:first-of-type  {
    color: #ffffff !important;
}
/* pagina calendario */
main #calendario{
    font-size: 13px;
    text-align: left;
}

@media( max-width: 768px ){
    main #calendario{
        font-size: 15px;
    }
}

/* legenda versione mobile */
#legenda > div{
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

#legenda p{
    margin-left: 8px;
    margin-bottom: 0;
}


/* legenda versione desktop con tabella */
#tbl-legenda td > div{
    display: flex;
    align-items: center;
}

#tbl-legenda p{
    margin-left: 8px;
    margin-bottom: 0;
}

/* calendario versione desktop con tabella */
.tbl-calendario td{
    vertical-align: middle !important; 
    
}

.tbl-calendario th{
    text-align: center !important;
    vertical-align: middle !important;
}

.tbl-calendario thead{
    text-align: center !important;
    vertical-align: middle !important;
    background-color:#264576;
    font-family: 'Barlow-Bold';
    color:white;
    border-radius:16px;
}


.tbl-calendario tfoot{
    text-align: center !important;
    vertical-align: middle !important;
    background-color:#264576;
    font-family: 'Barlow-Bold';
    color:white;
    border-radius:16px;
}

.tbl-calendario .bdr {border-radius: 6px;
  overflow: hidden;}


.tbl-calendario tbody tr:nth-child(even){
    background-color: #EEEEEE;
}

.tbl-calendario tbody {
    color: #264576;}

/* calendario versione desktop con tabella VERSIONE PAGINA PROVIDER */


.tbl-calendario-prov th{
    text-align: center;
}

.tbl-calendario-prov tr td:not(:first-child, :last-child) {
    border-left: 0px;
    border-right: 0px;
    background-color: #fff;
    text-align: center;
    padding-right: 0px;
}

.tbl-calendario-prov thead{
    text-align: center;
        font-size: 1.2em;
    vertical-align: middle !important;
    background-color:transparent;
    font-family: 'Barlow-Bold';
    color:#264576;
    border-radius:16px;
    border:0px;
}


.tbl-calendario-prov .bdr {border-radius: 6px;
  overflow: hidden;}


.tbl-calendario-prov tbody tr:nth-child(even){
    background-color: #EEEEEE;
}

.tbl-calendario-prov tbody {
    color: #264576;}

.table-bordered th, .table-bordered tr {
    border: transparent;}

.tbl-calendario-prov thead th {
    vertical-align: bottom;
    border-bottom: none;}


.tbl-calendario-prov th, .tbl-calendario-prov td {
    vertical-align: middle;
padding:0px;}

.bdr {
  border-radius: 16px;
  overflow: hidden;
}

/* calendario versione MOBILE con tabella VERSIONE PAGINA PROVIDER */

.card-calendario {
    position: relative;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 20px;
    padding:20px;
}


.card-calendario-header:first-child {
    border-radius: 20px;}


#calendario #accordion .btn-link{
    color: var(--color-blu);
}

#calendario #accordion .btn-link:focus {
    text-decoration: none;
}

#calendario #accordion p,
#calendario #accordion button{
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
}

#calendario #accordion .btn{
    padding: 0 .75rem;
}


.tab-pane{
    width: 100%;
}

/* sezione relativa all'overlay dei cookies*/
#cookie {
    bottom: 0px;
    height: auto; 
    width: 100%;
    position: fixed;
    background-color:#00437bc9;
    color: #ffffff;
    z-index: 7859;
    overflow: auto;
}

.modal-content p {
    color:#065B9C;
}

.custom-switch .custom-control-label::after {
    background-color:#065B9C;
}


/* fine sezione relativa all'overlay dei cookies*/
/* footer */

footer button.btn.btn.btn-sm.btn-secondary {
    background-color: #005d9f;
    border-color:#005d9f;
}

/* stili per la pagina del carrello */
.carrelloedu{
    font-size: 16px;
}
.carrelloedu fieldset{
    border: 1 px solid grey;
}

.carrelloedu .form-check{
    padding-left: 0;
}

.carrelloedu .form-check-input{
    margin-top: .5rem;
}

.carrelloedu .row-privacy{
    padding-left: 1.25em;
}

.table-carrello span{
    display: inline-block;
    margin-top: 4px;
}

.table-carrello .btn-group-sm>.btn, .btn-sm {
    padding: .25rem;
}

.pagamento{
    border: 1px solid #00457b;
    background-color: #fff; 
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 5px;
    padding: 0;
    margin-top: 20px;
}

.pagamento.attivo, .pagamento:hover{
    background-color: #00457b;
    text-decoration: none!important;
}

.pagamento .btn{
     font-size: 1.1em;
     text-align: center;
     text-transform: uppercase;
     color: #00457b;
     width: 100%;
     font-weight: bold;
    text-decoration: none!important;
}

.pagamento.attivo .btn, .pagamento:hover .btn{
    color: #fff !important;    
    text-decoration: none!important;
}

.carrelloedu .card{
    margin-top: 20px;
}

.btnconferma, .btnconferma:hover{
    width: 100%;
    padding: 8px;
    text-decoration: none!important;
    font-weight: bold;
    color: #fff;
    background-color: var(--color-gold);
    font-size: 1.3em;
}

.datiCarrello{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-bottom: 20px;
}

.datiCarrello > div{
    padding: 20px;
}

.datiCarrello > div:first-child{
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding-top: 10px;
    padding-bottom: 10px;
}


.datiCarrello > div > p{
    font-size: 1.2em;
    font-weight: bold; 
    margin-bottom: 0;  
}



/* STILI MENU */
.navbar{
        padding-left: 0;
        padding-right: 0;
}

nav {
    background-color: var(--color-gold);
    padding: 1em 0;
    font-size: 1.2em;
}

nav li.nav-item{
    padding-left: 0.5em;
    padding-right: 0.5em
}

ul.navbar-nav > li.nav-item:first-child {
    padding-left: 0px !important;
}


a.nav-link, a.nav-link:visited {
    color: #fff !important;
}

a.nav-link:active, a.nav-link:hover,
li.nav-item.active a.nav-link,
li.nav-item:hover a.nav-link,
li.nav-item:hover a.nav-link:active,
li.nav-item:hover a.nav-link:hover {
    color: #fff !important;
    text-decoration: none !important;
}

li.nav-item li.nav-item:hover {
    background-color: #ed5a23 !important;
    text-decoration: none!important;
}

nav.navbar-slider ul.navbar-nav ul li a.nav-link, nav.navbar-slider ul.navbar-nav ul li a.nav-link:visited {
    color: #fff !important;
}

nav.navbar-slider ul.navbar-nav ul li a.nav-link {
    text-decoration: none ;
}

nav.navbar-slider ul {
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px;
}

nav.navbar-slider ul.navbar-nav > li:last-child {
    border-right: 1px solid #fff;
}

nav.navbar-slider ul.navbar-nav > li:nth-last-child(2) {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

nav.navbar-slider ul ul {
        background-color: var(--color-gold);
        display: none;
        left: 0;
        margin: 0px;
        padding: 8px 0px 0px 0px;
        position: absolute;
        top: 2em;
        text-transform: none;
}

nav.navbar-slider ul ul ul {
        background-color: var(--color-gold);
        display: none;
        left: 100%;
        top: 0;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        position: absolute;
        text-transform: none;
}

@media( max-width: 768px ) {
        
        nav.navbar-slider ul.navbar-nav ul {
                position: relative;
                top: 0;
        }

    #navbarNav{
        overflow-y: scroll;
    }
}

.navbar-light .navbar-toggler{
    color: #fff;
    border-color: #fff;
}

#cart{
    font-size: 1.5em;
}

@media( max-width: 768px ) {
    #cart{
        font-size: 1.3em;
    }

#navbarNav > ul > li > ul {
    display: none!important;
}


#navbarNav > ul > li.nav-item.active > ul {
    display: block!important;
}

#navbarNav > ul > li.nav-item.active > ul > li > ul {
    left: 0!important;
}

}

/* tab di navigazione nella pagina del calendario, per filtrare i corsi */
.tab-corsi {
    border-bottom: 1px solid #dee2e6;
    background-color: #e2e2e2;
    margin: 2% 0 3% 0;
        font-size: 1.3em;
}

.tab-corsi a {
        color: #00437B !important;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

.tab-corsi a:hover {
    cursor: pointer;
    text-decoration: none!important;
}

.tab-corsi a.active, .tab-corsi a:hover {
    background-color: var(--color-gold) !important;
    color: #fff !important;
    border-radius: 0 !important;
    text-decoration: none!important;
    border: 1px solid var(--color-gold) !important;
}

.nav-tabs.tab-corsi li.nav-item a{
    padding: 8px 16px 8px 16px;
}

@media (max-width: 768px) {
        .tab-corsi .nav-item {
                margin-bottom: -1px;
                width: 100%;
                text-align: center;
                border-bottom: 1px solid #fff;
        }
}

/* STILI pagina staff */
.staff img {
        margin-bottom: 0rem !important;
    /*width: 137px;
    height: 220px;*/
    width: 100%;
}

.staff > div{
        margin-bottom: 2.5em;
}


.staff a, .staff a:hover{
        color: #fff !important;
        text-decoration: none;
}

.staff .testo {
        background-color: var(--color-gold);
        color: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
}

.staff .testo p {
        margin-bottom: 0;
        font-size: 1em;
    font-family: Barlow-Bold;
}

.staff .testo p:last-of-type{
        font-size: 0.9em;
    font-family: Barlow;
}

.staff i {
        font-size: 2.6em;
    padding-top: 3px;
}

@media screen and (max-width: 760px){
        .staff .testo p {
                font-size: 1.2em;
        }

        .staff .testo p:last-of-type{
                font-size: 1.1em;
        }

        .staff i {
                font-size: 3.2em;
        }
}

/* pagina scheda docente (id assegnato dal cms, schema edu-default) */
#docente img{
    float:left;
    margin: 0 20px 20px 0;
    border-radius:24px;
}

@media screen and (max-width: 760px){
    #docente img{
        max-width: 100%;
        float:none;
        margin: 0 0 20px 0;
    }  
}

.table-multiacquisto-edu td {
    padding: .5em;
}

.table-multiacquisto-edu tbody tr {
    border-bottom: 1px solid #666666;
}

.table-multiacquisto-edu thead tr {
    border-bottom: 2px solid #666666;
}


/* STILI pagina home */

.edu-home-arancio {
    background-color: var(--color-gold) !important;
padding-top:70px;
padding-bottom:70px;}

.edu-home-arancio h2 {
    font-family: Barlow-Bold;
    display: inline-block;
    position: relative;
    text-transform: none;
    font-size: 1.8em;
    line-height: 1em;
    padding-bottom: 20px;
    color: #fff !important;
}

.edu-home-arancio h4 {
    font-family: Barlow-Bold;
    font-size: 1em;
    color: var(--color-blu) !important;
    display: inline-block;
    position: relative;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.edu-home-arancio p {
    color: #fff !important;
}




.scopri {font-size: 0.8em;
    font-family: 'Barlow-Bold';
color: #fff!important;
text-align:right;
}

.iscriviti {font-size: 0.6em;
    font-family: 'Barlow-Bold';
color: black;
text-align:center;
    padding-bottom: 5px;}


.titoloareacore
{color:#fff;
font-family: 'Barlow-Bold';
    position: relative;
    font-size: 1.6em;
    letter-spacing:1px;
    text-transform: uppercase;
padding-bottom:20px;
line-height:1.1em;}

.titoloareacore::after {content : "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 7rem;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 3px 0;}

.titoloareacoregold
{color:#fff;
font-family: 'Barlow-Bold';
    position: relative;
    font-size: 1.6em;
    letter-spacing:1px;
    text-transform: uppercase;
padding-bottom:20px;
line-height:1.1em;}

.titoloareacoregold::after {content : "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 7rem;
    border-style: solid;
    border-color: #FD7B01;
    border-width: 0 0 3px 0;}

.edu-home-grigia {
    background-color: var(--color-gray) !important;
padding-top:70px;
padding-bottom:70px;
}

.edu-home-grigia h2 {
    font-family: Barlow-Bold;
    display: inline-block;
    position: relative;
    text-transform: none;
    font-size: 1.8em;
    line-height: 1em;
    padding-bottom: 20px;
}

.edu-home-grigia h4 {
    font-family: Barlow-Bold;
    font-size: 1em;
    color: var(--color-gold) !important;
    position: relative;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.edu-home-grigia h5 {
    font-family: Barlow;
    font-size: 1.5em;
    color: var(--color-blu) !important;
    position: relative;
  
    padding-bottom: 15px;
    text-transform: none;
}



/* EDU-BLOCCO-BLU */


.edu-blocco-blu {
    background-color: var(--color-blu) !important;
    color:#fff;
}


/* If the screen size is 601px wide or more */
@media screen and (min-width: 601px) {
  .edu-blocco-blu h1 {
    font-size: 2.8em!important;
    line-height: 1em;
padding-bottom: 0px !important;
  color:#fff!important;
  }
     .edu-blocco-blu h2 {
    font-size: 2.1em!important;
    line-height: 1.2em;
  color:#fff!important;
  }
}

/* If the screen size is 601px wide or less */
@media screen and (max-width: 600px) {
 .edu-blocco-blu h1 {
    font-size: 1.7em!important;
    line-height: 1em;
     padding-bottom: 0px !important;
  color:#fff!important;
  }
    
    .edu-blocco-blu h2 {
    font-size: 1.4em!important;
    line-height: 1em;
  color:#fff!important;
  }
    .edu-blocco-verde h2 {
    font-size: 1.4em!important;
    line-height: 1em;
  color:#fff!important;
  }
}


.edu-blocco-blu h1 {
    font-family: Barlow-Bold;
    position: relative;
    text-transform: none;
    font-size: 2.8em;
    line-height: 1em;
    padding-bottom: 30px;
  color:#fff!important;
}

.corso-blocco-bianco .titolo > p {text-align:center!important; font-size: 1.3em !important; line-height:1.2;}

}

.edu-blocco-blu h1:after {
    content : "";
    position: absolute;
    left: 0;
    bottom: -19px;
    height: 6px;
    width: 7rem;
    border-style: solid;
    border-color: var(--color-gold);
    border-width: 0 0 3px 0;}

.edu-blocco-blu h2 {
    font-family: Barlow-Bold;
    display: inline-block;
    position: relative;
    text-transform: none;

    padding-bottom: 30px;
  color:#fff!important;
}


.edu-blocco-blu h4 {
    font-family: Barlow-Bold;
    font-size: 1em;
     color:#fff!important;
    position: relative;
    padding-bottom: 15px;
    text-transform: uppercase;
}


.edu-blocco-blu h5 {
    font-family: Barlow-Bold;
    font-size: 1.5em;
      color:#fff!important;
    position: relative;
    padding-bottom: 15px;
    text-transform: none;
      text-align:left;
}


.edu-blocco-blu h6 {
    font-family: 'Barlow';
    font-size: 1.2em;
      color:#fff!important;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.corso-blocco-bianco .titolo h1:after {
    display:none;}



.edu-blocco-bianco,
.corsi-blocco-bianco {
        background-color: #fff;
        color: var(--color-blu) !important;
}

/* If the screen size is 601px wide or more */
@media screen and (min-width: 601px) {
        .edu-blocco-bianco .titolo h1 {
                text-align: center;
                padding: 0em 1em 0em 1em;
                font-size: 2.4em !important;
                line-height: 110% !important;
                margin-bottom: 0.5em;
        }

        .edu-blocco-bianco .titolo h1:after {
                width: 0;
                margin: auto;
                content: "";
                height: 0px;
                border-style: none;
        }

        .edu-blocco-bianco h1 {
                font-size: 2.8em !important;
                line-height: 1em !important;
                padding-bottom: 0px !important;
        }

        .edu-blocco-bianco h2 {
                font-size: 2.1em !important;
                line-height: 1.2em !important;
                padding-bottom: 30px;
        }

        .corso-blocco-bianco .titolo h1 {
                text-align: center;
                padding: 0em 1em 0em 1em;
                font-size: 2.4em !important;
                line-height: 110% !important;
                margin-bottom: 0.5em;
                font-family: 'Barlow-Bold';
        }

        .corso-blocco-bianco .titolo h1:after {
                display:none;
        }

        .corso-blocco-bianco h1 {
                font-size: 2.8em !important;
                line-height: 1em !important;
                padding-bottom: 0px !important;
        }

        .corso-blocco-bianco h2 {
                font-size: 2.1em !important;
                line-height: 1.2em !important;
                padding-bottom: 30px;
        }

        .edu-home-bianca h2 {
                font-size: 2.1em !important;
                line-height: 1.2em !important;
        }

        .edu-home-bianca h1 {
                font-size: 2.8em !important;
                line-height: 1em !important;
                padding-bottom: 0px !important;
        }
}

/* If the screen size is 601px wide or less */
@media screen and (max-width: 600px) {
        .edu-blocco-bianco .titolo h1 {
                text-align: center;
        }

        .edu-blocco-bianco h1 {
                font-size: 1.7em !important;
                line-height: 1.2em !important;
                padding-bottom: 0px !important;
        }

        .edu-blocco-bianco h2 {
                font-size: 1.4em !important;
                line-height: 1.2em !important;
                padding-bottom: 10px !important;
        }

        .corso-blocco-bianco .titolo h1 {
                text-align: center;
                font-family: 'Barlow-Bold';
        }

        .corso-blocco-bianco h1 {
                font-size: 1.7em !important;
                line-height: 1.2em !important;
                padding-bottom: 0px !important;
        }

        .corso-blocco-bianco h2 {
                font-size: 1.1em !important;
                line-height: 1.2em !important;
                padding-bottom: 10px !important;
        }

        .edu-home-bianca h2 {
                font-size: 1.1em !important;
                line-height: 1.2em !important;
        }

        .edu-home-bianca h1 {
                font-size: 1.7em !important;
                line-height: 1.2em !important;
                padding-bottom: 0px !important;
        }
    
    .edu-blocco-bianco h4, .edu-blocco-arancio h4, .edu-blocco-grigio h4 {
        
        font-size: 80%!important;
        
}
}

.edu-blocco-bianco h1 {
        font-family: Barlow-Bold;
        display: inline-block;
        position: relative;
        text-transform: none;
}

.edu-blocco-bianco h1:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -19px;
        height: 6px;
        width: 7rem;
        border-style: solid;
        border-color: var(--color-gold);
        border-width: 0 0 3px 0;
}

.edu-blocco-bianco h2 {
        font-family: Barlow-Bold;
        position: relative;
        text-transform: none;
}

.edu-blocco-bianco h4 {
        font-family: Barlow-Bold;
        font-size: 1em;
        color: var(--color-gold) !important;
        position: relative;
        padding-bottom: 15px;
        text-transform: uppercase;
}

.edu-blocco-bianco h5 {
        font-family: Barlow-Bold;
        font-size: 1.3em;
        color: var(--color-blu) !important;
        display: inline-block;
        position: relative;
        padding-bottom: 15px;
        text-align: left;
}

.edu-blocco-bianco h3 {
        font-family: Barlow;
        font-size: 2em;
        color: var(--color-blu) !important;
        position: relative;
        padding-bottom: 10px;
        text-transform: none;
}

.corso-blocco-bianco .titolo > p {text-align:center!important; font-size: 1.5em;}


/* EDU-BLOCCO-GRIGIO */


.edu-blocco-grigio {
    background-color: var(--color-gray) !important;
    color:var(--color-blu) !important;
}



/* If the screen size is 601px wide or more */
@media screen and (min-width: 601px) {
  .edu-blocco-grigio h1 {
    font-size: 2.8em!important;
    line-height: 1em;
padding-bottom: 0px !important;
  }
     .edu-blocco-grigio h2, .edu-blocco-foto h2 {
    font-size: 2.1em!important;
    line-height: 120%;
         padding-bottom:1em;
  }
     .edu-blocco-grigio h5 {
    font-size: 1.3em!important;
    line-height: 1.2em!important;
  }
.edu-docenti h2 {
    font-size: 2.8em!important;
    line-height: 1em;
}
    
}

/* If the screen size is 601px wide or less */
@media screen and (max-width: 600px) {
 .edu-blocco-grigio h1 {
    font-size: 1.7em!important;
    line-height: 1em;
     padding-bottom: 0px !important;
  }
    
    .edu-blocco-grigio h2, .edu-blocco-foto h2 {
    font-size: 1.5em!important;
    line-height: 1.2em!important;
        padding-bottom:0.7em;
  }
     .edu-blocco-grigio h5 {
    font-size: 1em!important;
    line-height: 1.2em!important;
  }
.edu-docenti h2 {
    font-size: 1.8em!important;
    line-height: 1em;
    padding-bottom:0px!important;
  
}

}


.edu-blocco-grigio h1 {
    font-family: Barlow-Bold;
    position: relative;
    text-transform: none;
    font-size: 2.8em;
    line-height: 1em;
    padding-bottom: 30px;
}

}

.edu-blocco-grigio h1:after {
    content : "";
    position: absolute;
    left: 0;
    bottom: -19px;
    height: 6px;
    width: 7rem;
    border-style: solid;
    border-color: var(--color-gold);
    border-width: 0 0 3px 0;}

.edu-blocco-grigio h2, .edu-blocco-foto h2 {
    font-family: Barlow-Bold;
    position: relative;
    text-transform: none;
    font-size: 1.8em;
    line-height: 1em;

}


.edu-blocco-grigio h4 {
    font-family: Barlow-Bold;
    font-size: 1em;
    color: var(--color-gold) !important;
    position: relative;
    padding-bottom: 15px;
    text-transform: uppercase;}


.edu-blocco-grigio h5 {
    font-family: Barlow-Bold;
    color: var(--color-blu) !important;
    position: relative;
    padding-bottom: 15px;
    text-transform: none;
      text-align:left;
}


.edu-blocco-grigio h6 {
    font-family: 'Barlow';
    font-size: 1.2em;
    color: var(--color-blu) !important;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
}


/* css tabella info provider */


.edu-blocco-grigio table {
        border-collapse: separate;
        border-spacing: 0 16px;
    text-align:left;
      }

      .edu-blocco-grigio tr td {
        border: 1px solid transparent;
        padding: 10px 20px 10px 5px;
          text-align:left;
          
      }

      .edu-blocco-grigio tr td:first-child {
        border-right: 0px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
          background-color: #fff;
          text-align:left;
          padding-left: 15px;
      }

      .edu-blocco-grigio tr td:last-child {
        border-left: 0px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
          background-color: #fff;
          text-align:left;
       
      }

   .edu-blocco-grigio tr td:not(:first-child, :last-child) {
        border-left: 0px;
        border-right: 0px;
       background-color: #fff;
       text-align:left;
           padding-right: 30px;

      }


/* fine css tabella info provider */



.edu-blocco-verde {
    background-color: #00675f!important;
    color:#fff;
}

.edu-blocco-verde h2 {
    font-family: Barlow-Bold;
    display: inline-block;
    position: relative;
    text-transform: none;
    padding-bottom: 30px;
    font-size: 2.3em;
        line-height: 1.2em !important;
}


/* EDU-BLOCCO-ARANCIO */

.edu-blocco-arancio {
    background-color: var(--color-gold) !important;
    color:#fff;
}

.edu-blocco-arancio h2 {
    font-family: Barlow-Bold;
    display: inline-block;
    position: relative;
    text-transform: none;
    padding-bottom: 30px;
}



/* If the screen size is 601px wide or more */
@media screen and (min-width: 601px) {
     .edu-blocco-arancio h3 {
    font-size: 3.8em !important;
        line-height: 1.1em!important;
        font-family: 'Barlow-Bold';
        padding-bottom: 20px;}
    
    .edu-blocco-arancio h4 {
    font-family: Barlow-Bold;
    display: inline-block;
    position: relative;
    text-transform: none;
    padding-bottom: 30px;
       
}
}

/* If the screen size is 601px wide or less */
@media screen and (max-width: 600px) {
 .edu-blocco-arancio h3 {
        font-size: 1.7em !important;
        line-height: 1.1em !important;
        font-family: 'Barlow-Bold';
        padding-bottom: 20px;
  }
    
    
}


/* If the screen size is 601px wide or more */
@media screen and (min-width: 601px) {
     .edu-blocco-arancio h2 {
    font-size: 2.2em!important;
    line-height: 1em!important;  }
}

/* If the screen size is 601px wide or less */
@media screen and (max-width: 600px) {
 .edu-blocco-arancio h2 {
   font-size: 1.6em!important;
    line-height: 1.1em!important;
  }
    
}

.edu-blocco-arancio ul, .edu-blocco-grigio ul {
    padding-left: 18px;
text-align:left;}


.edu-docenti {
    background-color: #fff!important;

    color:var(--color-blu) !important;
}

.docente-nome {}
.docente-titolo {}



.edu-docenti h2 {
    font-family: Barlow-Bold;
    position: relative;
    text-transform: none;
    font-size: 2.8em;
    line-height: 1em;
    padding-bottom: 25px;
}

.edu-docenti h4 {
    font-family: Barlow-Bold;
    font-size: 1em;
    color: var(--color-gold) !important;
    position: relative;
    padding-bottom: 15px;
    text-transform: uppercase;}


.edu-chisiamo {
    font-family: Barlow-Bold;
    position: relative;
    text-transform: none;
    line-height: 1em;
    margin-bottom: 10px!important;
}

.edu-home-bianca {
    background-color: #fff !important;
padding-top:70px;
padding-bottom:70px;
}


.edu-home-bianca h1 {
    font-family: Barlow-Bold;
    position: relative;
    text-transform: none;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.edu-home-bianca h2 {
    font-family: Barlow-Bold;
    position: relative;
    text-transform: none;
    padding-bottom: 20px;
}


.edu-home-bianca h4 {
    font-family: Barlow-Bold;
    font-size: 1em;
    color: var(--color-gold) !important;
     position: relative;
    padding-bottom: 15px;
    text-transform: uppercase;}

.edu-home-bianca h3 {
    font-family: Barlow;
    font-size: 2em;
    color: var(--color-blu) !important;
    position: relative;
    padding-bottom: 10px;
    text-transform: none;
}


a.edu-home-pulsante-arancio
{
  color: #fff!important;
    font-family: Barlow-Bold;
    font-size: 1em;
    background-color: var(--color-gold) !important; 
    display: inline-block;
    justify-content: center;
    align-content: center;
    text-decoration:none!important;
    border-radius: 30px;
    padding: 15px 30px;
    margin-top: 20px;
    cursor: pointer;
   }

.edu-home-pulsante-blu
{
  color: #fff!important;
    font-family: Barlow-Bold;
    font-size: 1em;
    background-color: var(--color-blu) !important; 
    display: inline-block;
    text-decoration:none!important;
    justify-content: center;
    align-content: center;
    border-radius: 30px;
    padding: 15px 30px;
    margin-top: 20px;
}

.edu-home-pulsante-bianco
{
  color: var(--color-gold) !important;
    font-family: Barlow-Bold;
    font-size: 1em;
    background-color: #fff;
    display: inline-block;
    justify-content: center;
    text-decoration:none!important;
    align-content: center;
    border-radius: 30px;
    padding: 15px 30px;
    margin-top: 20px;
}

.edu-home-etichetta-blu
{
  color: #fff!important;
    font-family: Barlow-Bold;
    font-size: 0.6em;
    background-color: var(--color-blu) !important; 
    display: inline-block;
    text-align: left!important;
    align-content: left;
    border-radius: 11px;
    padding: 1px 10px;
    text-transform: uppercase;
}


img.img-fluid {
width: 100% !important;
height: auto !important;
}

img.img-indicecolori {
height: auto !important;
}


.area1
{
    background-color:#f8b432;
  border-radius:20px;
    margin-bottom: 46px;
    padding:0px!important;
    margin-right:20px;
        margin-left:20px;
}

.area2
{
    background-color:#1265AB;
    border-radius:20px;
    margin-bottom: 46px;
    padding:0px!important;
    margin-right:20px;
        margin-left:20px;
}

.area3
{
    background-color:#06513C;
    border-radius:20px;
    margin-bottom: 46px;
    padding:0px!important;
    margin-right:20px;
        margin-left:20px;
}


.area4
{
    background-color:#9C71A9;
    border-radius:20px;
    margin-bottom: 46px;
    padding:0px!important;
    margin-right:20px;
        margin-left:20px;
}

.area5
{
    background-color:#AE212A;
    border-radius:20px;
     margin-bottom: 46px;
    padding:0px!important;
    margin-right:20px;
    margin-left:20px;
}

.area6
{
    background-color:#E0006C;
    border-radius:20px;
     margin-bottom: 46px;
    padding:0px!important;
    margin-right:20px;
    margin-left:20px;
}

.areanews
{
    background-color:#fff;
    border-radius:20px;
    padding-top:0px!important;
    padding-right:0px!important;
        padding-left:0px!important;
        padding-bottom: 30px!important;
}

.card-body
{padding:20px 30px 20px 30px;
color:#fff;
   text-align:left;
    
}



.card-bottom-corsi
{padding:20px 30px 20px 30px;
   text-align:center;
}

.card-bottom
{padding:20px 30px 20px 30px;
color:#fff;
   text-align:center;
    
}

.card-body h5
{
color:#fff!important;
   text-align:left;
    font-family: Barlow-Bold;
}

.card-body-home
{padding:20px;
color:#fff;
   text-align:left;
}

.areanumero {color:#fff;
font-family: Barlow-Bold;
text-align:left;
padding-bottom:10px;
font-size: 1.2em;
letter-spacing:1px;}

.card-text {padding-top:20px;   

    padding-bottom: 35px;
}

.card-text-sconti {padding-top:10px; 
    font-family: Barlow-Bold;

}
.card-text-prezzo { 
    font-family: Barlow-Bold;
    text-align:center;
    font-size: 2em;
}


.titoloarea
{color:#fff;
font-family: Barlow-Bold;
    position: relative;
    font-size: 1.8em;
line-height:1.1em;
text-align:center;}

.iconaarea{
    text-align:center;
    padding:25px;
}


.tag-categoria{
   text-align: right!important;
    padding-bottom: 15px;
    padding-right: 15px;
}

.titolonews
{color:var(--color-blu) !important;
font-family: Barlow-Bold;
    position: relative;
    text-align:left;
    font-size: 1.4em;
line-height: 1.1em;
padding-left: 15px!important;
padding-right: 15px!important;
padding-bottom: 10px!important;}

.datanews {
    font-family: Barlow;
    font-size: 1em;
    line-height: 1.2em;
       text-align:left;
    color: var(--color-gold) !important;
    position: relative;
    padding-left: 15px!important;
padding-right:15px!important;
    padding-bottom:10px!important;
}

.news-text {padding-top:5px;
    color:var(--color-blu);
    padding-left: 15px!important;
padding-right: 15px!important;
    text-align:left;
padding-bottom:10px!important;}

.news-button
{ float:right;
padding-right: 15px!important;
padding-bottom: 15px!important;
    margin-top: -15px!important;
}

.area-button
{ position: absolute;
bottom: 10px;
right: 10px;}

.accordion-button {
  color: var(--color-blu) !important;
    border:0px;
    background-color:white;
    padding: 5px 0px 0px 0px;
}

.accordion-header {padding-bottom:2px;
font-family: Barlow-Bold;
margin-bottom:0px;}

.accordion-item {border-bottom: 2px solid;
border-color:var(--color-blu) !important;}

.tizio
{
    border-radius:20px;
    color: var(--color-blu) !important;
    margin:30px;
    padding:0px!important;
}

.tizio h4
{
    font-family: Barlow-Bold;
    position: relative;
    text-align:left;
    font-size: 1.4em;
}
.tizio p
{
    position: relative;
    text-align:left;
    font-size: 0.8em;
}


.list-display li {
  margin-bottom:.4rem;
  font-size:1.1rem;
}
.list-checkmarks {
  padding-left:1.5rem;
}
.list-checkmarks li {
  list-style-type:none;
  padding-left:1rem;
}
.list-checkmarks li:before {    
font-family: 'FontAwesome';
    font-size:xx-large;
content: "\f00c";
margin:0 10px 0 -46px;
color: #FD7B01;
}


 .lista-obiettivo li {
  font-size:1.1rem;
    text-align: left!important;
}
.singolo-obiettivo-cg, .singolo-obiettivo-ebp, .singolo-obiettivo-hm, .singolo-obiettivo-mr, .singolo-obiettivo-fsp, .singolo-obiettivo-dh {
  padding-left:1.5rem;
   text-align: left!important;
    color: var(--color-blu) !important;
}
.singolo-obiettivo-cg li, .singolo-obiettivo-ebp li, .singolo-obiettivo-hm li, .singolo-obiettivo-mr li, .singolo-obiettivo-fsp li, .singolo-obiettivo-dh li { 
  list-style-type:none;
  padding-left:0;
 text-align: left!important;
    color: var(--color-blu) !important;
    padding-bottom: 10px;
}




.singolo-obiettivo-cg li:before {    
font-family: 'FontAwesome';
    font-size:xx-large;
content: "\f00c";
margin:0 10px 0 0;
color: #1265AB;
}

.singolo-obiettivo-ebp li:before {    
font-family: 'FontAwesome';
    font-size:xx-large;
content: "\f00c";
margin:0 10px 0 -16px;
color: #F9B433;
}

.singolo-obiettivo-hm li:before {    
font-family: 'FontAwesome';
    font-size:xx-large;
content: "\f00c";
margin:0 10px 0 -16px;
color: #06513D;
}

.singolo-obiettivo-mr li:before {    
font-family: 'FontAwesome';
    font-size:xx-large;
content: "\f00c";
margin:0 10px 0 -16px;
color: #9C72A9;
}

.singolo-obiettivo-fsp li:before {    
font-family: 'FontAwesome';
    font-size:xx-large;
content: "\f00c";
margin:0 10px 0 -16px;
color: #AE212A;
}

.singolo-obiettivo-dh li:before {    
font-family: 'FontAwesome';
    font-size:xx-large;
content: "\f00c";
margin:0 10px 0 -16px;
color: #E0006C;
}



.blocco-area {
    border-radius: 25px;
    color: #fff;
    margin-bottom: 45px;}

.banner-area {
    padding: 25px 40px 25px 40px;
    border-radius: 0px 0px 25px 25px!important;
    color: #fff;
    margin-bottom: 45px;}

/* If the screen size is 601px wide or more */
@media screen and (min-width: 601px) {
  span.blocco-area-titolo {
    font-family: Barlow-Bold;
    display: inline-block;
    text-align:left;
    position: relative;
    font-size: 2em;
    line-height: 1.5em;
    color: #fff !important; 
  }
    
    section.blocco-area {padding: 20px 40px 20px 40px;}
    
    p.blocco-area-testo {
    text-align:left; 
    margin-bottom: 0px !important;
    line-height: 1.3em;
        font-size: 1.1em;
  }
}

/* If the screen size is 600px wide or less */
@media screen and (max-width: 600px) {
 span.blocco-area-titolo {
     font-family: Barlow-Bold;
    display: inline-block;
    text-align:left;
    position: relative;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #fff !important; 
  }
     section.blocco-area {padding: 20px 20px 20px 20px;}
    
    p.blocco-area-testo {
     text-align:left; 
    margin-bottom: 0px !important;
    line-height: 1.3em;
        font-size: 1em;
  }
}



.blocco-area-pulsanti
{font-size: 0.7em;
font-family: Barlow-Bold;
padding: 0px!important; 
    text-align:right;
margin-bottom: 0px !important;}

.blocco-area-pulsanti a, .blocco-area-pulsanti a:hover, .blocco-area-pulsanti a:visited{
    text-decoration: none!important;
    color: #fff;
}

/* If the screen size is 600px wide or less */
@media screen and (max-width: 600px) {
    .blocco-area-pulsanti
{font-size: 0.8em;
font-family: Barlow-Bold;
padding: 0px!important; 
    text-align:right;
margin-bottom: 0px !important;}
}

.linkati a, .linkati a:hover, .linkati a:visited{
    text-decoration: none!important;
    color: #fff;
}

/* headerone pagine corsi tipo https://gimbeducation.istricesrl.it/corsi/aree-didattiche/corsi-ebp.it-IT.html */


.obiettivi {
    border-radius: 15px;
    text-align: center;
    color: #fff;
    font-family: 'Barlow-Bold';
    font-size: 1.4em;
    justify-items: center;
    margin-top: 20px;}

.linea {
  width: 100%;
  height: 0;
  border: 2px solid;
     margin-top: -19px;
    margin-bottom: 50px;
    
}

.prossimicorsi
{
    font-family: 'Barlow-Bold';
    font-size: 1.4em;
    text-align:center;
}


.cardcorsi {}

.cardcorsi .card {
  
    border-radius: 15px;
    border:none;
}

.cardcorsi .cardtop {
    background-color:orange;
    border-radius: 15px 15px 0px 0px;
    padding:20px;
}


.cardcorsi h5 {
    border-bottom: 2px solid #194778;
    color: #194778;
} 


/* If the screen size is 601px wide or more */
@media screen and (min-width: 601px) {
  div.cardcorsititolo {
    color: #fff;
        font-family: 'Barlow-Bold';
    font-size:1em;
  }
}

/* If the screen size is 600px wide or less */
@media screen and (max-width: 600px) {
 div.cardcorsititolo {
     color: #fff;
        font-family: 'Barlow-Bold';
    font-size:1.4em;
  }
}


.cardcorsi .carddata {
   color: var(--color-blu);
padding-top:10px;
    font-family: 'Barlow-Bold';
        font-size: 0.8em;

}

a.cardpulsante, a.cardpulsante:hover, a.cardpulsante:active, a.cardpulsante:visited
{
  color: #fff!important;
    font-family: Barlow-Bold;
    font-size: 1em;
    background-color: #fd7b01; 
    display: inline-block;
    justify-content: center;
    align-content: center;
   text-decoration: none!important;
    border-radius: 25px;
    padding: 10px 15px;
    margin-top: 20px;
    cursor: pointer;
   }

a.cardpulsantelarge, a.cardpulsantelarge:hover, a.cardpulsantelarge:active, a.cardpulsantelarge:visited
{
  color: #fff!important;
    font-family: Barlow-Bold;
    font-size: 1em;
    background-color: #fd7b01; 
    display: inline-block;
    text-decoration:none!important;
    justify-content: center;
    align-content: center;
    border-radius: 20px;
    padding: 15px 40px;
    margin-top: 20px;
    cursor: pointer;
        line-height: 1em;
   }


a.cardpulsantelg-bianco, a.cardpulsantelg-bianco:hover, a.cardpulsantelg-bianco:active, a.cardpulsantelg-bianco:visited
{
    font-family: Barlow-Bold;
    font-size: 1em;
    background-color: #fff; 
    display: inline-block;
    justify-content: center;
    align-content: center;
    text-decoration:none!important;
    border-radius: 20px;
    padding: 15px 40px;
    margin-top: 20px;
    cursor: pointer;
    width:100%;
        line-height: 1em;
   }

.cardsconto {border: 1px solid #f27730;
border-radius:15px;
padding:15px;
text-align:center;
}

.cardcontatti {border: 1px solid #f27730;
border-radius:24px;
text-align:center;
}

.cardcontatti h4 {
    font-family: Barlow-Bold;
    font-size: 0.8em;
    color: var(--color-gold) !important;
    position: relative;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.cardcontatti p {
    line-height: 1.3;
}

.cardofferta {
    background-color: var(--color-gold) !important;;
color: #fff;
    border-radius:24px;
   padding-bottom: 80px;
        padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
}

.cardofferta h2 {
color: #fff!important;
   text-transform: uppercase;
    font-family: Barlow-Bold;
    font-size: 1.8em !important;
    padding-bottom: 0px;
    line-height: 1.2em;
}






.quotasconto {
    color:#f27730;
        font-family: 'Barlow-Bold';
    font-size: 3em;
    margin-bottom:0px;
}

.tagcorsi {
    font-family: 'Barlow-Bold';
    background-color: white;
    border-radius: 13px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 20px;
    font-size: 0.8em;
}

@media only screen and (min-width : 481px) {
  .flex-row.row {
    display: flex;
         flex-wrap: wrap;
  }
  .flex-row.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  .flex-row.row:after, 
  .flex-row.row:before {
         display: flex;
  }
  .flex-row.row > [class*='col-'] > .box {
    display: flex;
         flex: 1;
  }
}


.core-curriculum {
    background-image: url('https://megimbe.istricesrl.it/var/contenuti/fondo-core.png');

}

.core-curriculum h2 {
    font-family: 'Barlow-Bold';
    color: #fff;
    padding-bottom:10px;
}

.core-curriculum h4 {
    font-family: 'Barlow-Bold';
    color: #fff!important;
    padding-bottom:10px;
}

.corecurr {
    font-family: 'Barlow-Bold';
    margin-bottom:0px!important;
    }

.numeroiscritti {
    color:#f27730;
        font-family: 'Barlow-Bold';
        border-bottom: 2px solid #194778;
        padding-bottom: 10px;
    margin-bottom:20px;
}



/* If the screen size is 601px wide or more */
@media screen and (min-width: 601px) {
  .core-curriculum h2 {
    font-size: 2.5em;}

     .core-curriculum h4 {
    font-size: 1.5em;}
    
    .corecurr {font-size: 1em;
    }
    
    .numeroiscritti {
font-size: 5.5em!important;
line-height: 1em;}

     .contattiarancio {font-size:1.2em!important;}
    
    .edu-chisiamo  {
    font-size: 2em!important;
}
    
    .ico-chisiamo {
      height: 15%;

    }
}

/* If the screen size is 601px wide or less */
@media screen and (max-width: 600px) {
.core-curriculum h2 {
    font-size:1.5em!important;
   }
     .core-curriculum h4 {
    font-size: 0.8em!important;}
    
    .corecurr {font-size: 1em;
    }
    
    .numeroiscritti {
font-size: 3em!important;
line-height: 1em;}
    
    .contattiarancio {font-size:1em!important;}

    .edu-chisiamo  {
    letter-spacing:0px!important;
    font-size: 1.6em!important;
       
}
    
    .ico-chisiamo {
      height: 13%;

    }
}

.contattiarancio {
background-color: #f27730;
color: #fff;
padding: 25px;
    margin-bottom: 0px;
text-align:left;}

.iscrittirid {
        font-family: 'Barlow-Bold';
}

.a-areanews,
.a-areanews:hover,
.a-areanews:visited,
.a-areanews:active {
    text-decoration: none!important;
     cursor: pointer;
}

.notizia h4 {font-family: Barlow-Bold;
    font-size: 1em;
    color: #fff!important;
    position: relative;
    padding-bottom: 0.2em;
    text-transform: uppercase;
text-decoration:none!important;}



.notizia h1 {font-family: Barlow-Bold;
    font-size: 2.5em;
    position: relative;
    padding-bottom: 15px;
    text-transform: none;
color: var(--color-gold) !important;}

/* If the screen size is 601px wide or less */
@media screen and (max-width: 600px) {
.notizia h1 {font-family: Barlow-Bold;
    font-size: 1.5em;
    position: relative;
    padding-bottom: 0px;
    text-transform: none;
    color: var(--color-gold) !important;}}




.notizia h1:after {
    content : "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0px;
    width: 0%;
}

 div a.notizia, a:hover.notizia, a:visited.notizia {text-decoration:none!important;}

a.notizia-pulsante-arancio
{
  color: #fff!important;
    font-family: Barlow-Bold;
    font-size: 1em;
    background-color: var(--color-gold) !important; 
    display: inline-block;
    justify-content: center;
    align-content: center;
text-decoration:none!important;
    border-radius: 30px;
    padding: 15px 30px;
    margin-top: 20px;
    cursor: pointer;
   }


.categorienews a, .categorienews a:hover, .categorienews a:visited{text-decoration:none!important;}
.categorienews {
    position: absolute;
    top: 30px;
    left: 30px;
    border-radius: 24px;
    padding: 10px 30px;
    background-color: var(--color-gold) !important;
    line-height: 1;
    text-transform:uppercase;
    text-decoration: none!important;
}

.categorienews2 a, .categorienews2 a:hover, .categorienews2 a:visited{text-decoration:none!important;}
.categorienews2 {
    position: absolute;
    left: 30px;
    border-radius: 24px;
    padding: 10px 30px;
    color: #fff!important;
    background-color: var(--color-blu) !important;
    line-height: 1;
    text-transform:uppercase;
    text-decoration: none!important;
        margin-top: -20px;
}

.notizia-data {
    
}

.notizia-data-giorno {
    font-size:2em;
    color:white;
    font-family: 'Barlow-Bold';
    line-height: 1!important;
}

.notizia-data-mese {
    font-size:1em;
    color:#e17d3a;
    text-transform: uppercase;
    font-family: 'Barlow-Bold';
}

.notizia-data a {
   display: block;
    color: white;
    text-decoration: none;
    padding: 25px;
    background: #264576;
    border-radius: 8px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);}

.notizia-testo {
    font-size: 1.2em;
    text-align: left;
    line-height: 1.1em;
    color: #264576;
}


.notizia {border-radius:24px;}

/* If the screen size is 601px wide or less */
@media screen and (max-width: 600px) {
.notizia-testo {
    font-size:0.8em;
    color:#264576;
    margin-bottom: 0px;
    }}

.notizia-testo-archivio {
    font-size:0.8em;
    color:#264576;
}

.notizia-data-archivio {
    text-align:center;
    border-radius: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1;
}


.notizia-data-giorno-archivio {
    font-size:1.4em;
    color:white;
    font-family: 'Barlow-Bold';
    line-height: 1!important;
}

.notizia-data-mese-archivio {
    font-size:0.8em;
    color:#e17d3a;
    text-transform: uppercase;
    font-family: 'Barlow-Bold';
}

.sezioni-archivio h1 {
    font-family: Barlow-Bold;
    font-size:1.6em;
padding-bottom: 15px !important;
    margin-bottom: 0px!important;
    margin-left: -15px!important;
}

/* If the screen size is 601px wide or less */
@media screen and (max-width: 600px) {
.sezioni-archivio h1 {
    font-family: Barlow-Bold;
    font-size:1.5em;
padding-bottom: 15px !important;
    margin-bottom: 20px!important;
    }}

.sezioni-archivio h1:after {
    content : "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 7rem;
    border-style: solid;
    border-color: var(--color-gold);
    border-width: 0 0 3px 0;}



a.pulsante-arancio-news
{
  color: #fff!important;
    font-family: Barlow-Bold;
    font-size: 1em;
    background-color: var(--color-gold) !important; 
    display: inline-block;
    justify-content: center;
    align-content: center;
    text-decoration:none;
    border-radius: 30px;
    padding: 15px 30px;
    margin-top: 20px;
    cursor: pointer;
   }

/* If the screen size is 601px wide or less */
@media screen and (max-width: 600px) {
    a.pulsante-arancio-news
{
  color: #fff!important;
    font-family: Barlow-Bold;
    font-size: 0.9em;
    background-color: var(--color-gold) !important; 
    display: inline-block;
    justify-content: center;
    align-content: center;
text-decoration:none!important;
    border-radius: 30px;
    padding: 10px 20px;
    cursor: pointer;
    }}

.tiny-orange-underline 
{
  display: block;
  height: 3px;
  background-color: var(--color-gold) !important;
    margin: auto;}

.pulsanteblu-full, .pulsanteblu-full a, .pulsanteblu-full a:hover, .pulsanteblu-full a:visited  {
    color: #fff !important;
    font-family: Barlow-Bold;
    font-size: 1em;
   background-color: var(--color-blu) !important;
    display: inline-block;
    align-content: center;
    border-radius: 20px;
    padding: 15px 30px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    text-decoration:none!important;
}

.pulsantearancio-full, .pulsantearancio-full a, .pulsantearancio-full a:hover, .pulsantearancio-full a:visited{
    color: #fff !important;
    font-family: Barlow-Bold;
    font-size: 1em;
    background-color: var(--color-gold) !important;
    display: inline-block;
    align-content: center;
    border-radius: 24px;
    padding: 15px 30px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    text-transform:uppercase;
    text-decoration:none!important;
}

.pulsantebianco-full a, .pulsantebianco-full a:hover, .pulsantebianco-full a:visited {
    color: inherit;
    font-family: Barlow-Bold;
    font-size: 1em;
    background-color: #fff !important;
    display: inline-block;
    align-content: center;
    border-radius: 20px;
    padding: 15px 30px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    text-decoration: none!important;
}



/* intestazione titolo e icona blocchi pagina scheda corso*/

.corsi-imp img {
      height: 8dvh;
    }

.corsi-imp h2
{font-size: 2.7em;
        line-height: 1em !important;
    padding-bottom:0px;
    margin-bottom:0px;
    padding-top: 5px;
    }

.corsi-imp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;}

/* css di tutti i blocchi della scheda corso */



.edu-blocco-corsi-arancio p, .edu-blocco-corsi-bianco p {
    text-align:left!important;}
.edu-blocco-corsi-arancio b, .edu-blocco-corsi-bianco b {
    margin-bottom:0px!important; font-size:18px!important; text-transform:uppercase;}

.edu-blocco-corsi-arancio ul, .edu-blocco-corsi-bianco ul {
    padding-left: 18px;
text-align:left;}


/* css solo blocco arancio */
.edu-blocco-corsi-arancio a, .edu-blocco-corsi-arancio a:hover, .edu-blocco-corsi-arancio a:visited{
    text-decoration: underline dotted;
    color: #fff!important;
}

.edu-blocco-corsi-arancio {
    background-color: var(--color-gold) !important;
    color:#fff;
    border-radius: 24px;
    position: relative;
    height: 100%;
    align-self: center !important;
}

/* css solo blocco bianco */
.edu-blocco-corsi-bianco a, .edu-blocco-corsi-bianco a:hover, .edu-blocco-corsi-bianco a:visited{
    text-decoration: underline dotted;
    color: var(--color-blu);!important;
}

.edu-blocco-corsi-bianco {
    background-color: #fff!important;
    color:var(--color-blu);!important;
    border-radius: 24px;
    position: relative;
    height: 100%;
    align-self: center !important;
}


.edu-blocco-corsi-blu {
    background-color: var(--color-blu) !important;
    color:#fff;
    text-align:center;
}

.edu-blocco-corsi-blu h1 {
    font-family: Barlow-Bold;
    position: relative;
    text-transform: none;
    font-size: 3.2em;
    line-height: 1em;
    text-align:center;
    padding-bottom: 30px;
  color:#fff!important;
}


.edu-blocco-corsi-blu h1:after {
    content : "";
    position: absolute;
    left: 0;
    bottom: -19px;
    height: 6px;
    width: 0%;
    border-style: none;
    border-color: var(--color-gold);
    border-width: 0 0 3px 0;}


.edu-blocco-corsi-blu h2 {
    font-family: Barlow-Bold;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 30px;
  color:var(--color-gold);!important;
}

.corso-docente {
    border: 5px solid white;
    border-radius: 16px;}

.corso-docente .arancio {
    background-color:var(--color-gold);!important;
    margin:0px;
    border-radius: 10px 0px 0px 0px;
}

.corso-docente p {
    margin-bottom:0px;
}

.tab-area-EP, .tab-area-CG, .tab-area-HM, .tab-area-RM, .tab-area-FC, .tab-area-DH  {
       position: absolute;
    padding: 0.5em;
    border-bottom-left-radius: 14px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 14px;
    margin-left: 8%;
    text-wrap: auto;
    font-family: Barlow-Bold;
    overflow-wrap: break-word;
    inline-size: 20%;
    text-align: left;
    color: #fff;
}

@media( max-width: 768px ){
    .tab-area-EP, .tab-area-CG, .tab-area-HM, .tab-area-RM, .tab-area-FC, .tab-area-DH  {
       position: absolute;
    padding: 0.5em;
    border-bottom-left-radius: 14px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 14px;
    margin-left: 8%;
    text-wrap: auto;
    font-family: Barlow-Bold;
    overflow-wrap: break-word;
    inline-size: 50%;
    text-align: left;
    color: #fff;
        font-size: 70%;
    }

.corsi-imp h2
{font-size: 2em!important;
        line-height: 1em !important;
    padding-bottom:10px;
    margin-bottom:0px;
    padding-top: 20px;
    }


}




.tab-area-EP {
    background-color: #f8b432;
}

.tab-area-CG {
    background-color: #1265AB;
}

.tab-area-HM {
    background-color: #06513C;
}

.tab-area-RM {
    background-color: #9C71A9;
}

.tab-area-FC {
    background-color: #AE212A;
}

.tab-area-DH {
    background-color: #E0006C;
}




.container-blog-card-post .card {
    background-color: #f7f7f7;
    padding: 0px !important;
    border-radius: 24px;
border:none;}


.container-blog-card-post h3
{font-size: 1.5em;
    font-family: 'Barlow-Bold';
    text-transform: none;
    text-align: left;
    color: var(--color-blu);
}

a.card-title, a.card-title:hover, a.card-title:visited {text-decoration:none!important;}

.card-data {color:#fff;}


.riga-archivio {background-color: #f7f7f7;
    border-radius: 14px;
    font-size: 80%;}

.candidatura {text-align:center;}

.candidatura h3 {
    color: var(--color-gold)!important;
font-family: 'Barlow-Bold';
    font-size:3em;
    padding-top: 0.5em;
}


.candidatura h4 {color: var(--blu) !important;
    text-transform: none !important;
    font-size: 1.4em;}

.candidatura p {
    line-height:110%;
    font-family: BarlowCondensed-Regular;
}

.candidatura svg {
  border: 2px solid #15467a;
    border-radius: 50%;
    padding: 20px;
}


/* css step candidatura */

.timeline-steps {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Cpath fill='%2315467a' d='M12.5 5h-9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h9c.28 0 .5.22.5.5s-.22.5-.5.5'/%3E%3Cpath fill='%2315467a' d='M10 8.5a.47.47 0 0 1-.35-.15c-.2-.2-.2-.51 0-.71l3.15-3.15l-3.15-3.15c-.2-.2-.2-.51 0-.71s.51-.2.71 0l3.5 3.5c.2.2.2.51 0 .71l-3.5 3.5c-.1.1-.23.15-.35.15Z'/%3E%3C/svg%3E");

        display: block;
        width: 3em;
        position: absolute;
        left: 10.5rem;
        top: 2.75rem;
    }
    
}

.timeline-steps .timeline-content {
    width: 10em;
    text-align: center
}


.esploso .card-header {
    background-color:var(--color-gold);
    border-radius: 24px;
    text-align:center;
    color: #fff;
    font-family: 'Barlow-Bold';
    border:0px;
}

.esploso .card-body {
    background-color:var(--color-gray);
}

.esploso a.card-link, a.card-link:hover, a.card-link:visited {text-decoration:none!important;color: #fff!important;}

.soluzioni-ico {
position: absolute;
    margin-top: -8dvh;
background-color: #fff !important;
border-radius:50%;
border: 3px solid var(--color-blu);
padding:10px;}

.soluzioni-ico img {
      height: 9dvh;
    padding:2dvh;
    }

.soluzioni-obiettivi {border-radius: 24px;
    position: relative;
    height: 100%;
    text-align: center;
    background-color: #fff !important;
    color: var(--color-blu);
    border-radius: 24px;
    position: relative;
    height: 100%;
    box-shadow: 0px 0px 13px 6px rgba(22, 70, 121, 0.12);}

.soluzioni-modali {
    color:#fff!important;
    border-radius: 24px;
    padding: 2em!important;
     text-align: left;
}

.soluzioni-modali h3 {
    font-family: 'Barlow-Bold';
    color:#fff!important;
    font-size: 1.8em;
    overflow-wrap: break-word;
    text-align:left;
}

.soluzioni-modali img { width:100%}


@media( max-width: 768px ){.soluzioni-modali img { width:6em; text-align:center;}
.soluzioni-modali h3 {
    text-align:center!important;
        overflow-wrap: normal;
    font-size: 1.6em;
}}

.container.obiettivo-valore {text-align:center;}

.obiettivo-valore .card {text-align:left; background-color:transparent; border:none;}

.obiettivo-valore .card p {
    text-align: left;
    font-family: 'Barlow-Bold';
    font-size: 16px;
    padding-left: 14px;
margin-bottom:0px;
}

.obiettivo-valore .card h5 {
    text-align: right;
    font-family: 'BarlowCondensed-Light';
    color: var(--color-gold) !important;
    font-size: 5em !important;
padding-bottom:0px;}

.gimbesolutions-card {
    text-align: center!important;
    background-color: #fff !important;
    color: var(--color-blu);
    border-radius: 24px;
    position: relative;
    height: 100%;
    box-shadow: 0px 0px 13px 6px rgba(22, 70, 121, 0.12);
    font-size:120%;
}

.gimbesolutions-card h3 {
    font-family: 'Barlow-Bold';
    font-size:1.6em;
    padding-bottom:10px;
}

.soluzioni-aree {
    color:#fff!important;
    border-radius: 24px;
    padding: 2em!important;
     text-align: left!important;
}

.soluzioni-aree h3 {
    text-align: left!important;
    font-family: 'Barlow-Bold';
    color:#fff!important;
    font-size: 1.4em;
}

.summary {
    position: relative;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.summary.is-collapsed {
    max-height: 180px; /* altezza visibile */
}

.summary.is-collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}

.summary.is-expanded {
    max-height: 2000px; /* valore alto */
}

.summary-toggle {
    display: inline-block;
    margin-top: 10px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

.dashboard {
flex-direction:column;
display:flex;
}

.dashboard .ombra { 
box-shadow:
2px 2px 8px 0px rgba(0, 0, 0, 0.1);
border-radius:16px; margin-bottom:1em;
}

.dashboard .card-body {
background-color: #fff;
text-align: left;
}

.dashboard .card-body h2 {
color: #00447b;
font-size: 1.1em;
margin-top: 16px;
}

.dashboard p {
font-size:70%;}

.dashboard .card-body p {
font-size:80%;
color:var(--color-blu);}

.dashboard .card-top {
text-align: center;
border-radius:16px 16px 0px 0px;
}

.dashboard .card-bottom {
text-align: center;
background-color: #fff;
border-radius:0px 0px 16px 16px;
padding-left:1em;
padding-right:1em;
}

a.pulsante-dash, a.pulsante-dash:hover, a.pulsante-dash:visited {
color: #fff!important;
font-size: 80%;
display: inline-block;
align-content: center;
border-radius: 12px;
padding: 15px 30px;
width: 100%;
text-align: center;
text-decoration: none!important;
}

.cardtag {color: #fff;
    background-color: var(--color-blu);
    padding: 2px 12px;
    border-radius: 16px;
    text-transform: uppercase;
    font-family: Barlow-Medium;
    font-size: 60%;}


.card.mb-4.online, .card.mb-4.sede, .card-header, .card-header:first-child {border-radius:24px;}

.verdesolution {
    text-align:center;
    text-transform: none!important;
    font-size: 1.6em; 
    color:#00675f!important;
    font-family: Barlow-Bold;
}

@media( max-width: 768px ){
    .container.solutions p {text-align:left!important;}
.verdesolution {
    text-align:center;
    text-transform: none!important;
    font-size: 1.3em; 
    line-height:1.2em;
    color:#00675f!important;
    font-family: Barlow-Bold;
}
}


.edu-blocco-foto {
    background-color: #00447b75;
  background-blend-mode: multiply;
}

.rect-img-container {
  position: relative;
}

.rect-img-container::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.rect-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
    left: 0;
    object-position: top center;
        border-radius: 10px 0px 0px 0px;
}

@media( max-width: 768px ){
.rect-img {
        border-radius: 10px 10px 0px 0px!important;
    }
.corso-docente .arancio {
        border-radius: 10px!important;
    }}

@media( max-width: 768px ){ .icoarea {width: 30vw!important;}}

.icoarea {width: 100%;}


/* viewport */
.prossimi-corsi-marquee{
  position: relative;
  overflow: hidden;            /* nasconde l'eccesso */
  max-width: 100%;
}

/* track che scorre */
.prossimi-corsi-track{
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;                   /* distanza tra card */
  will-change: transform;
}

/* ogni item ha larghezza fissa e non va a capo */
.corso-item{
  flex: 0 0 auto;
    box-shadow:
2px 2px 8px 4px rgba(0, 0, 0, 0.1);
    border-radius:16px;
 width: 33vw;                /* cambia qui la larghezza card */
}

@media( max-width: 768px ){ .corso-item{
  flex: 0 0 auto;
    box-shadow:
2px 2px 8px 4px rgba(0, 0, 0, 0.1);
    border-radius:16px;
 width: 100vw;                /* cambia qui la larghezza card */
    }

.corso-titolo h3{
 
  font-size: 1.2em!important;
    margin-top:0px!important;
}
    
    .corso-area {
  font-size: 0.8em!important;
}

}

.corso-item p {
  color:var(--color-blu);
}




/* stessa altezza: tutto in colonna, bottone sempre in basso */
.corso-card{
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* titolo come nel tuo stile */
.corso-titolo h3{
  font-family: 'Barlow-Bold';
  font-size: 1.6em;
  margin-bottom: 0;
     margin-top: 8px;
}

.corso-area {
  /* min-height: 48px; */      /* altezza fissa per allineare i titoli */
  font-size: 1em;
    color: var(--color-blu);
    font-family: 'Barlow';
}

.corso-area svg {
  margin-right: 6px;
}

.corso-card-body {
  flex: 1;               /* prende tutto lo spazio disponibile */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* spinge il bottone in basso */
}
.corso-card-body p {
  margin-bottom: 16px;   /* spazio tra testo e bottone */
}

.corso-card-body a {
  align-self: flex-start; /* allinea il bottone a sinistra */
}