/*
====================================================================
____    __    ____  ___       __  ___  __  ____    __    ____  __  
\   \  /  \  /   / /   \     |  |/  / |  | \   \  /  \  /   / |  | 
 \   \/    \/   / /  ^  \    |  '  /  |  |  \   \/    \/   /  |  | 
  \            / /  /_\  \   |    <   |  |   \            /   |  | 
   \    /\    / /  _____  \  |  .  \  |  |    \    /\    /    |  | 
    \__/  \__/ /__/     \__\ |__|\__\ |__|     \__/  \__/     |__| 

    2025                                                                 
====================================================================
*/

body {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    color: #061B39;
    background-color: #fff;
}


.decorazione_cgm {   
            background-image: linear-gradient(170deg,#021236 20%,#398B5B 87%);
            background-repeat: no-repeat;
            background-size:auto auto;
            }

 .divisore_rotondo {
        position: absolute; left: 0; 
        bottom: -3vh; /* legato al background-size della decorazione_cgm */
        width: 100%; height:20vh; /* legato alla sbg contenuta */
        z-index:-10;
        
 }
 .divisore_rotondo svg { 
        width: calc(100% + 1.3px);  
        height: 20vh; 
        display: block;    position: relative; left: 50%;  
        transform: translateX(-50%); 
 }


.decorazione_cgm2 {  
  position:absolute;
  top:      40vh; 
  height:   40vh;
  width:    100%;

  background-image: url('../img/linea_decorativa.svg');
  background-position: bottom left;
  background-repeat: no-repeat;
  opacity:0.3;
  mix-blend-mode: lighten;
  transition: background 0.3s,border-radius 0.3s,opacity 0.3s;

}


 .divisore_rotondo path {   fill: #fff;   transform: rotateY(0deg);  transform-origin: center; }


header {  }
header img { height: 90px; width:auto; margin: 1rem; }

.titolone { color:#fff; }

.titolone h1 { font-size: 5rem;     color: #FFF1DB;  font-weight:bold; }
.titolone h2{   font-size:3rem;     color:#03872A;   }
.titolone h5{  line-height:180%;    font-weight:normal;  }

.titolone img{   border-radius:20px; transform: rotate(5deg);   }

footer {/*
                border-top:10px solid #ffe14d;  border-bottom:10px solid #ffe14d; 
                color: #0e1a50;
        */ 
        background-image: linear-gradient(180deg,#011039 78%,#007058 100%);
        background-repeat: no-repeat;

        color:#fff; 
        font-weight:normal; 
        
}

footer h4 { margin-bottom:3rem; }
footer a { color:#b8234f; }
.social a { background-color:#fff; border-radius:50%; padding:5%; margin-left:2rem; color:#fff0; }
.social .fas,  .social .fab { color:#0e1a50; }

.btn.newsletter { border: 3px solid #fff;color:#fff; }
/* ========================================================== */

.sezione  { border-top: 5px solid  #03872A; padding-top:2rem; margin-top:3rem;}

.box_scelta  { color:#03872A ; height:100%;}
.box_scelta h3 { color:#146c30;}
.box_scelta { cursor: pointer;}
.box_scelta:hover   { background-color: #03872A15;}
.boxEdizione .titolo  { background-color: #03872A33; margin:-15px -15px 0 -15px ;}


.boxCategoria   {}
.boxCategoria  img { border-radius:25px; box-shadow: -4px 10px 25px -5px rgba(100, 100, 100, 0.5);}

.boxCorso       {}

label { font-weight: bold; }

.avvisoValidazione { font-style:italic; text-align:center; color:royalblue;}

select.form-control { appearance: listbox; }

.box-shadow {  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
/* ========================================================== */
.AjaxCaricamento {
    display:    none;
    position:   fixed;    top:       0;    left:       0;
    z-index:    1000;        height:     100%;    width:      100%;
    background-color: rgba( 255, 255, 255, .8 );/* questa impostazione "flicckera" lo schermo */
    background-color: transparent;
    background-image: url('/img/ico_attesa5.gif');
    background-position:  50% 50% ;
    background-size: 100px auto;
    background-repeat:  no-repeat;
    transition:all ease-out 3s;
}

.loading .AjaxCaricamento {   /* overflow: hidden; */ display: block;}

/* ========================================================== */
 @media(max-width: 545px)
{
        .titolone h1 { font-size: 3.2rem;}
        .titolone h2 { font-size: 2.8rem;}
        .titolone h5 { font-size: 1.3rem;}
        .titolone img { margin-top:50px; }


 }

/* ========================================================== */