/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 03 2026 | 08:35:45 */
body{
    max-width:100%
}
#app{
    width: 95%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    text-align: center;
    margin:4% auto
}

#app .image-container {
    margin-top: 20px;
    width: 50%;
}
#app .image {
    max-width: 100%;
    width: 90%;
    height: auto;
}

#destinazioni{
    margin-top:20px;
    width: 50%;
    display:grid;
    grid-template-columns: 50% 50%;
}

#venezia, #verona, #treviso, #padova, #vicenza, #colline_prosecco{
    padding:20px;
    width:100%;
    margin:5px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    transition:linear 0.4s;
}

.citta:hover{
   box-shadow:inset 0px 290px 0px #9A4E96
}

#venezia p, #verona p, #treviso p, #padova p, #vicenza p, #colline_prosecco p{
    color:#9A4E96;
    margin-top:10px;
    font-size:1.3vw;
}


#venezia:hover p, #verona:hover p, #treviso:hover p, #padova:hover p, #vicenza:hover p, #colline_prosecco:hover p{
   color:#fff;
}
@media(min-width:1025px){
#venezia svg, #verona svg, #treviso svg, #padova svg, #vicenza svg, #colline_prosecco svg {
   max-width: 25%
} 
}
/** 
#venezia #Livello_1{
    fill:#9A4E96;
}

#venezia:hover #Livello_1{
    fill:#fff
}

#padova #Livello_2{
    fill:#9A4E96;
}

#padova:hover #Livello_2{
    fill:#fff
}

#verona #Livello_3{
     fill:#9A4E96;
}

#verona:hover #Livello_3{
     fill:#fff
}

#treviso #Livello_4{
    fill:#9A4E96;
}

#treviso:hover #Livello_4{
    fill:#fff
}

#vicenza #Livello_5{
  fill:#9A4E96;
 
}

#vicenza:hover #Livello_5{
  fill:#fff
}

#colline_prosecco #Livello_6{
    fill:#9A4E96;
    width: 10%
}

#colline_prosecco:hover #Livello_6{
    fill:#fff
}
**/

#venezia svg *, 
#verona svg *, 
#treviso svg *, 
#padova svg *, 
#vicenza svg *, 
#colline_prosecco svg * {
    fill: #9A4E96;
    transition: fill 0.4s linear;
}

#venezia:hover svg *, 
#verona:hover svg *, 
#treviso:hover svg *, 
#padova:hover svg *, 
#vicenza:hover svg *, 
#colline_prosecco:hover svg * {
    fill: #fff;
}

@media (max-width: 767px) {
    
    #app .image-container{
        display:none;
    }
    
   #destinazioni{
        width:100%;
        display:flex;
        flex-flow:row wrap;
    }
    
    #venezia, #verona, #treviso, #padova, #vicenza, #colline_prosecco{
        width:50%;
        margin:0;
        border:1px solid #9A4E96;
    }
	

    
    #venezia #Livello_1{
    fill:#9A4E96;
    width:100%;
    height:80px;
}



#padova #Livello_2{
    fill:#9A4E96;
    width:100%;
    height:80px;
}



#verona #Livello_3{
     fill:#9A4E96;
     width:100%;
     height:80px;
}



#treviso #Livello_4{
    fill:#9A4E96;
    width:100%;
    height:80px;
}



#vicenza #Livello_5{
  fill:#9A4E96;
  width:100%;
  height:80px;
 
}



#colline_prosecco #Livello_6{
    fill:#9A4E96;
    width:45%;
    height:80px;
}

#venezia p, #verona p, #treviso p, #padova p, #vicenza p{
    font-size:5.6vw;
}

#colline_prosecco p{
    font-size:4.5vw;
}

#app{
    width:100%;
    margin:0 auto
}

}