/* ==========================================================
   BASE YOST - POST / NEWS / EVENTI
   Post/news/eventi estratti dalla base generale.
   ========================================================== */

.fixed-nav,.thisevento{ 
-ms-transition:all .3s ease 0s}

.skew + .thisothernewss {
    box-sizing: border-box;
    padding: 8% 0;
}

.thisothernews .leggiit a { 
display:inline-block;
margin-top:20px;
transition:all .3s ease 0s;
text-align:center;
display: none;
}

.nextothernews {
    position: relative;
    margin: 60px 0;
    background-color: #f2f2f2;
}

.thisothernewss{
    width: 96%;
    max-width: 1200px;  
    padding: 60px 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
}

.YOSTP1 .thisothernews{ 
    width: 33.33%;
}

.thisothernews .col {
    margin: 0 15px 40px;
}

.othernews113 {
    display: -webkit-box;  
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;
    justify-content : center;  
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;  
}

.YOSTP1 {
    margin: 60px auto 20px;
}

.YOSTP2 .thisothernews {
    width: 50%;
}

.YOSTP2 .col-m-top {
    padding-left: 100px;
}

.YOSTP2 a {
    position: relative;
    display: block;
}

.YOSTP2 a:hover {
    text-decoration: none;
}

.YOSTP2 a:before {
    content: "";
    font-family: Fontawesome;
    font-size: 40px;
    background: #ef4523;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    color: #fff;
}

.YOSTP3 .thisothernews {
    width: 20%;
}

.YOSTP3 h3 {
    color: #fff;
}

.YOSTP4 .thisothernews {
    width: 33.33%;
}

.YOSTP4 h3 {
    color: #fff;
}

.YOSTP4 .text-top {
    color: #fff;
}

.data_agg{  
color:#888;
font-size:14px}

.text-evento{   
padding:1.5% 0;
margin-top:1.5%;
border-top:1px solid #dfdfdf}

.titleev:before {
    font-family: FontAwesome;
    content: "";
    margin-right: 12px;
    font-size: 32px;
}

.titleev:hover:before {
    text-decoration: none;
}

.titleev{   
display:block;
color:#fff;
font-size:20px;
margin-bottom:15px;
text-transform:uppercase}

.leggiit a,.titleev2{   
font-size:16px;
width:80px;
text-align:center}

.titleev:hover{ 
color:#e4e4e4}

.titleev2{  
color:#fff;
transition:all .3s ease;
display:inline-block;
margin-top:15px;
border:1px solid #fff;
padding:10px 0}

.titleev2:hover{    
background:#3a3a3a;
border:1px solid #3a3a3a;
color: #fff;
text-decoration: none;
}

@media screen and (max-width:1200px) {
.list-eventi .thisevento img{   
max-width:100%}
}

@media screen and (max-width:960px) {
.YOSTP3 .thisothernews {
    width: 33.33%;
}

.title-evento,.titleev{ 
font-size:18px}

.thisevento{    
width:40%;
margin:30px 15px}
}

@media screen and (max-width:768px) {
.YOSTP2 .thisothernews {
    width: 100%;
}

.YOSTP3 .thisothernews {
    width: 50%;
}

.evento p,.maincontent{ 
text-align:justify;}
}

@media screen and (max-width:600px) {
.YOSTP3 .thisothernews {
    width: 100%;
}
}