/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Khand:wght@300;400;500;600;700&display=swap');
body{margin:0px;}
.linkrosso{text-decoration:none;color:#b3121f}
.linkrosso:hover{text-decoration:none;color:black}
@media (min-width: 1024.05px) {
    .spaziatore{display: none}
    #footer{
        box-sizing: border-box;
        background:linear-gradient(to bottom, #292929 0%, #0a0a0a 100%);
        background:webkit-linear-gradient(to bottom, #292929 0%, #0a0a0a 100%);
        color:white;
        padding:0px 60px;
        font-size:16px;
    }
    #footer >.spazi{
       
        padding: 150px 10px 80px 10px;
        position: relative;
        margin: 100px auto 0px auto;
        max-width: 1200px;
        width: 90%;
        text-align: center;
        min-height: 45px; 
    }
    .patrocinio{text-align: center !important;font-family: "Khand", sans-serif; font-size: 1.2rem;}
    #Schema_principale{
            position:relative;
            margin:0px auto;
            max-width:1200px;
            /*width:90%;*/
            text-align:center
    }
    #barradirect{
        display: none;
        background-color: black;
        color:white;
        margin-top:0px;
        font-size: 1.2rem
    }
    #quadrodirect{
        box-sizing: border-box;
        display:block;
        position: relative;
        margin: 0 auto;
        width: 90%;
        max-width: 1200px;
        padding: 5px 20px;
        text-align: right;
    }
    .linkdirect{
        font-family:monospace;
        color: white;
        text-decoration: none;
    }
    .colonne{padding:20px}
    .pulsante:hover{
        background-color: #565656;
    }   
    .pulsante{
            padding:20px 15px;
            border-radius: 8px;
            margin: 0 auto;
            display: block;
            width: 300px;

            text-decoration: none;
            color: #2b2d2f;
            font-family: monospace;
        }
        
    .pulsanti>a{
        padding: 20px 15px;
        /*border: 2px solid red;*/
        border-radius: 8px;
        width: 250px;
        display: inline-block;
        font-family: "Khand", sans-serif;
        font-size: 1.9vw;
        font-weight: 500;
        text-decoration: none;
        color:black;
    }
    .color_back_ciano{background-color: #85DBD9;}
    .color_back_rosella{background-color: #EF7C8E;}
    .color_back_giallo{background-color: #FFEA9A;}
    .color_back_verde{background-color: #93EA6D;}
    .pulsanti{
        display: inline-block;
        width:300px;    
        padding:30px;
    }

    .Spazio,.Spazio1,.Spazio2,.Spazio3,.SpazioA,.spazi{
            /*border: 2px solid green;*/
            padding: 150px 10px 80px 10px;
            position: relative;
            margin: 100px auto;
            max-width: 1200px;
            width: 90%;
            text-align: center;
            min-height: 450px;
        }
    
    .spazi{
        display: flex;
        justify-content: space-evenly;
        text-align: left;
        font-family: "Khand", sans-serif;
        font-weight: 400;
        font-style: normal;
        ;padding: 50px 10px 80px 10px;
        text-align: left;
        min-height: 50px;
    }

    .Spazio{
        font-size: 1.2rem !important;
        background-image: url("Padova insegna_files/img/SfondoRosa.png");
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .Spazio>h1{
        font-family:"Khand", sans-serif;

    }

    .Spazio1{
        font-size: 1.2rem !important;
        background-image: url("Padova insegna_files/img/SfondoGiallo.png");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .Spazio2{
        font-size: 1.2rem !important;
        background-image: url("Padova insegna_files/img/SfondoAzzurro.png");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .Spazio3{
        font-size: 1.2rem !important;
        background-image: url("Padova insegna_files/img/SfondoRosa.png");
        background-size: cover;
        background-repeat: no-repeat;

    }

    .contenitorecolonne2{
        width: 100%;
        text-align: center;

    }

    .contenitorecolonne2>h1{
        font-family: "Khand", sans-serif; font-size: 2rem;
    }

    .contenitorecolonne{
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        align-items: stretch;    
    }

    .colonna1,.colonna2{
        padding: 0px 8px
    }

    .TestoCol{
        align-content: center;
    }

    .TestoCol>h5{
        line-height: 0.1em;
        margin-top: 30px;
        font-size:4em 
    }
    
    .TestoCol>p{
        font-size:1.2em !important;
        margin-top:-10px;
        font-family:"Khand", sans-serif;
    }

    .TestoCol>span{
        font-size: 4rem;
    }

    #gruppo2,#gruppo1, .Sponsor,Titolo,Titoletto{
        vertical-align:top
    }

    :root{
        box-sizing: border-box;
    }

    body{
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: geometricprecision;
        white-space: normal;
        font-size:12px
    }

    html {
        -webkit-text-size-adjust: 100%;
        scroll-behavior: smooth;
    }

    #Testata{
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        align-items: stretch;
    }
    #gruppo1{
        width: 60%
    }
    #Titolo{
        align-content: center
    }
    #Titoletto{
       font-size:3.4vw;
    }
    #Titolo>img {
        width: 70%;
        display: inline-block;
    }
    #TitolettoData{
        margin:10px auto;
        font-size: 3.6em;
        font-weight: 400;
        font-family: fantasy;
        white-space: nowrap; 
    }
    #gruppo2{width: 40%}

    #gruppo2>img{
        display:inline-block;
        width: 100%;
    }

    .Sponsor>img{
        display:inline-block;
        height: 4.3vw;
    }

    #Titoletto,#Titolo,#TitolettoData,#TitolettoDove{
        /*font-family: verdana;*/

        line-height: 6vw
    }

    #Titoletto{
        font-size: 2.7vw;
    }

    .Sponsor{
        display:inline-block;

    }

    #Sponsors{
        display: flex;
        justify-content: space-evenly;
    }

}

@media (max-width: 1024.03px) {
    .spaziatore{display: block}
    #footer{
        box-sizing: border-box;
        background:linear-gradient(to bottom, #292929 0%, #0a0a0a 100%);
        background:webkit-linear-gradient(to bottom, #292929 0%, #0a0a0a 100%);
        color:white;
        padding:0px 60px;
        font-size:16px;
    }
    #footer>.spazi>.colonne{display:block}
    #footer>.spazi{
        margin: 150px auto 0px auto;
        max-width: 1200px;
        padding: 30px 10px;
        text-align: center;
    }
    .patrocinio{text-align: center !important;font-family: "Khand", sans-serif; font-size: 1.2rem;}
    #Schema_principale{
            position:relative;
            margin:0px auto;
            box-sizing: border-box;
            text-align:center
    }
    
    #barradirect{
        text-align: center;
        width:100%;
        background-color: black;
        color:white;
        margin-top:0px;
        font-size: 1.9rem
    }
    #quadrodirect{
        box-sizing: border-box;
        display:block;
        position: relative;
        margin: 0 auto;
        width: 90%;
        max-width: 1200px;
        padding: 5px 20px;
    }
    .linkdirect{
        font-family:monospace;
        color: white;
        text-decoration: none;
    }
     .pulsante:hover{
        background-color: #565656;
    } 
    .pulsante{
         margin: 0 auto;
        display: block;
        width: 300px;
        background-color: #BBE3E0;
            padding:20px 15px;
            border-radius: 8px;
        text-decoration: none;
        color: #2b2d2f;
        font-family: monospace;
    }
    .spazi{
            text-align: left;
            font-family: "Khand", sans-serif;
            font-weight: 400;
            font-style: normal;
            ;padding: 50px 10px 80px 10px;
            text-align: left;
            min-height: 50px;
        }
    .Spazio{
        background-color: #f7a287;      
    }
    .Spazio,.SpazioA{
        font-family: Khand;
    }
    .SpazioA{
        
    }
    .Spazio,.Spazio1,.Spazio2,.Spazio3,.SpazioA,.spazi{
        /*border:1px solid red;*/
        position: relative;
        margin: 150px auto;
        max-width: 1200px;
        width: 90%;padding: 30px 10px;
        text-align: center;
    }
    .Spazio1{
            background-image: url("Padova insegna_files/img/SfondoGiallo.png");
            background-size: cover;
            background-repeat: no-repeat;
            padding-top: 20px;
    }
    
    .Spazio2{
            background-image: url("Padova insegna_files/img/SfondoAzzurro.png");
            background-size: cover;
            background-repeat: no-repeat;
    }
    
    .Spazio3{
            background-image: url("Padova insegna_files/img/SfondoRosa.png");
            background-size: cover;
            background-repeat: no-repeat;
    }
    
    .contenitorecolonne{
        width: 100%;
        display: block;  
    }

    .colonna1,.colonna2{
        padding: 3vw 2vw;
        background-color: #f7a287;
        margin-top: 10px;
        border-radius: 12px;
    }
    .colonne{display: flex}
    .colonna2{}
    .TestoCol{align-content: center}
    .TestoCol>span{
        display:block;
        margin-top: 20px;
        font-size:2.8em;
        font-weight: 400;
    }
    
    .TestoCol>p{
        font-size:2em;
    }
    
    #Schema_principale{
        position:relative;
        margin:0px auto;
        width:100%;
        text-align:center
    }
    
    #gruppo2,#gruppo1,Titolo,Titoletto{
        vertical-align:top
    }
    
    #Testata{
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
        align-items: stretch;
    }
    
    #gruppo1,#gruppo2{
        display:block;
        width: 100%
    }
    
    #gruppo2>img{
        width: 80%
    }
    
    #Titolo{
        align-content: center
    }
    #Titolo>img {
        width: 70%;
        display: inline-block;
    }
    #Titoletto{
        margin: 20px auto;
        font-size: 6.5vw;
    }
    #TitolettoData{
        margin:10px auto;
        font-size: 5.6vw;
        font-weight: 400;
        font-family: fantasy;
    }
    #TitolettoDove{
        margin:10px auto;
        font-size: 4vw;
    }
    #Sponsors{
        margin-top: 30px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-evenly;
    }
    .Sponsor{margin-bottom: 10px}
    .Sponsor>img{
        max-height:8vw;
        
    }

}
    .Spazio1>p,.Spazio2>p{
        font-family: "Khand", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    .Spazio1>h1,.Spazio2>h1{
        font-family: "Bebas Neue", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    .bebas-neue-regular{
      font-family: "Bebas Neue", sans-serif;
      font-weight: 400;
      font-style: normal;
    }
    h1{
        text-align: center;
        margin-top:30px
    }
    .ImmagineInCol{
        width:100%;
        display:block;
        clip-path: rect(10px, 20px, 30px, 40px);
    } 
    .contenitorecolonne{
        width: 90%;
        margin:0px auto;
    }
    #formazione_docenti{
        font-family: "Khand", sans-serif;
        width:100%;
        /*background-color: #C2D2E8*/
    }
    #formazione_docenti th{
        padding:10px;
        width: 50%;
    }
    #formazione_docenti td{
        width:50%;
        padding:0px;
        border-top:3px solid #7FA4D6
    }
    .pulsanteBlue{
        background-color:black;
        color:white
    } 
    .pulsanteOrange{
        background-color:black;
         color:white
}