/*
#68808D = GRIGIO
#F2C249 = GIALLO
#40D8F4 = AZZURRO
#EA4753 = ROSSO
#7EC152 = VERDE
*/


body{
color: #68808D;
font-family: 'Montserrat', sans-serif; //FONT SIMILE A PROXIMA NOVA, NON DISPOBILE SU GOOGLE FONTS 
}

b{
font-weight:500;
}

.risultato{
font-size:1.25em;
}

.box{
margin-bottom:1em;
}

#ambiente{
border-left:30px solid #7EC152;
padding:1em 0 0 1em;
margin:1em 0;
}

#ambiente h4{
color: #7EC152;
border-top:2px solid #7EC152;
padding-top:1em;
}

#architettura{
border-left:30px solid #EA4753;
padding:1em 0 0 1em;
margin:1em 0;
}

#architettura h4{
color: #EA4753;
border-top:2px solid #EA4753;
padding-top:1em;
}

#inclusione_sociale{
border-left:30px solid #F2C249;
padding:1em 0 0 1em;
margin:1em 0;
}

#inclusione_sociale h4{
color: #F2C249;
border-top:2px solid #F2C249;
padding-top:1em;
}

#tecnologia{
border-left:30px solid #40D8F4;
padding:1em 0 0 1em;
margin:1em 0;
}

#tecnologia h4{
color: #40D8F4;
border-top:2px solid #40D8F4;
padding-top:1em;
}

/*.dati input{
margin:0.5em 0;
}*/


.br-theme-bars-square .br-widget a {
    border: 2px solid #eee;
    color: #eee;
}

#ambiente .br-theme-bars-square .br-widget a.br-active, #ambiente .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid #7EC152;
    color: #7EC152;
    }
    
.amb{
    color: #7EC152 !important;
}
    
#architettura .br-theme-bars-square .br-widget a.br-active, #architettura .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid #EA4753;
    color: #EA4753;
    }
    
.arc{
     color: #EA4753 !important;
}
    
#inclusione_sociale .br-theme-bars-square .br-widget a.br-active, #inclusione_sociale .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid #F2C249;
    color: #F2C249;
    }
    
.soc{
    color: #F2C249 !important;
}
    
#tecnologia .br-theme-bars-square .br-widget a.br-active, #tecnologia .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid #40D8F4;
    color: #40D8F4;
    }
    
.tec{
  color: #40D8F4 !important;
} 
      

.btn{
margin-bottom:2em;
}

#descrizione{
font-size:0.8em;
font-style: italic;
border-top:1px solid #ddd;
margin-top:1em;
padding-top:1em;
}

.form-group input{
margin:0.5em 0 !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{

#ambiente{
border-left:5px solid #7EC152;
padding:0.5em 0 0 0;
margin:0.5em 0;
}


#architettura{
border-left:5px solid #EA4753;
padding:0.5em 0 0 0;
margin:0.5em 0;
}

#inclusione_sociale{
border-left:5px solid #F2C249;
padding:0.5em 0 0 0;
margin:0.5em 0;
}

#tecnologia{
border-left:5px solid #40D8F4;
padding:0.5em 0 0 0;
margin:0.5em 0;
}

}