/**
 * IDE: PhpStorm.
 * Autor: Flavio Laura
 * Email: flaurac@gmail.com
 * Data: 17/06/24
 * --- Provincia Italiana di San Francesco d'Assisi dei Frati Minori Conventuali ----
 */
@import url(https://fonts.googleapis.com/css?family=Oswald:400);

.box_sidebanner{
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}
.box_sidebanner .content{
    overflow:hidden;
    width:100%;
    position:relative;
    padding-bottom: 20px;

}
.box_sidebanner .content img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    -webkit-transition: all 500ms ;
    -moz-transition: all 500ms ;
    -ms-transition: all 500ms ;
    -o-transition: all 500ms ;
    transition: all 500ms ;
}
.box_sidebanner .content:hover img{
    opacity:0.3;
    transform: scale(1.2);
    -webkit-filter: blur(2px);
}
.box_sidebanner .content:hover .text1{
    left:130px;
    opacity:1;
}
.box_sidebanner .content:hover .text2{
    opacity:1;
}
.box_sidebanner .content .text1{
    color:#fff;
    font-size:40px;
    font-family: 'Oswald', cursive;
    position:absolute;
    left:330px;
    top:60px;
    opacity:0;

    -webkit-transition: all 800ms cubic-bezier(0.000, 0.440, 0.000, 0.795);
    -moz-transition: all 800ms cubic-bezier(0.000, 0.440, 0.000, 0.795);
    -ms-transition: all 800ms cubic-bezier(0.000, 0.440, 0.000, 0.795);
    -o-transition: all 800ms cubic-bezier(0.000, 0.440, 0.000, 0.795);
    transition: all 800ms cubic-bezier(0.000, 0.440, 0.000, 0.795);

    -webkit-transition-timing-function: cubic-bezier(0.000, 0.440, 0.000, 0.795);
    -moz-transition-timing-function: cubic-bezier(0.000, 0.440, 0.000, 0.795);
    -ms-transition-timing-function: cubic-bezier(0.000, 0.440, 0.000, 0.795);
    -o-transition-timing-function: cubic-bezier(0.000, 0.440, 0.000, 0.795);
    transition-timing-function: cubic-bezier(0.000, 0.440, 0.000, 0.795);
}
.box_sidebanner .content .text2{
    font-size:24px;
    font-family: 'Oswald', cursive;
    position: absolute;
    top: 50%;
    padding: 10px;
    opacity:0;
    -webkit-transition: all 800ms cubic-bezier(0.000, 0.890, 0.630, 0.980);
    -moz-transition: all 800ms cubic-bezier(0.000, 0.890, 0.630, 0.980);
    -ms-transition: all 800ms cubic-bezier(0.000, 0.890, 0.630, 0.980);
    -o-transition: all 800ms cubic-bezier(0.000, 0.890, 0.630, 0.980);
    transition: all 800ms cubic-bezier(0.000, 0.890, 0.630, 0.980);

    -webkit-transition-timing-function: cubic-bezier(0.000, 0.890, 0.630, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.000, 0.890, 0.630, 0.980);
    -ms-transition-timing-function: cubic-bezier(0.000, 0.890, 0.630, 0.980);
    -o-transition-timing-function: cubic-bezier(0.000, 0.890, 0.630, 0.980);
    transition-timing-function: cubic-bezier(0.000, 0.890, 0.630, 0.980);
}