/* CSS Document */

/*PAGINAZIONE*/
.paginazione-articoli { position:relative; display:block; margin:40px 0 40px 0; padding: 80px 0; border-top: 1px solid #f4f4f4;}
.paginazione-articoli .precedente { text-align:center;} 
.paginazione-articoli .centrale {text-align:center; color:#ccc; align-items: center;} 
.paginazione-articoli .successivo { text-align:center} 

.paginazione-articoli a { display:block;}

.paginazione-articoli .precsucc { display: none; font-size:20px; font-weight:600; margin-top: 5px;} 
.paginazione-articoli .precsucc.prec {   } 
.paginazione-articoli .precsucc.succ {   } 
.paginazione-articoli .titoloart { clear:both; display:block; font-size:20px; margin-top: 5px; line-height:normal;} 
.paginazione-articoli .titoloart.prec {  } 
.paginazione-articoli .titoloart.succ {  } 
.paginazione-articoli .icona { font-size:20px;  } 
.paginazione-articoli .icona.prec { margin-right:15px } 
.paginazione-articoli .icona.succ { margin-left:15px } 
.paginazione-articoli .img { position:relative; display: inline-block; width: 200px; height: 200px; aspect-ratio:4/3; overflow:hidden;}
.paginazione-articoli .img.prec{ margin-left:0;}
.paginazione-articoli .img.succ { margin-right:0;}
.paginazione-articoli .img img {object-fit: cover; object-position: center; width: 100%; height: 100%;  transform: scale(1,1); clip-path: circle(40%); -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear }
.paginazione-articoli a:hover .img >.rollover { visibility: visible; opacity: 1; transition-delay: 0s; }

.paginazione-articoli .img >.rollover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 15px 15px; background-color: rgba(70,74,76,0.4); color: #fff; text-align: center; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s linear; }
.paginazione-articoli .img >.rollover .newsboxBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.paginazione-articoli .img >.rollover .newsboxBtn span { display: inline; text-align: center; padding: 5px 5px; }

.paginazione-articoli a .img >.rollover .newsboxBtn  i{  }
 

.paginazione-articoli a:hover .img .rollover{visibility:visible;opacity:1;transition-delay:0s}
.paginazione-articoli  .img .rollover{position: absolute;
    top: 60%;
    left: 70%;
    /* transform: translate(-50%,-50%); */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 10px 10px;
    background-color: rgba(115,50,15,.8);
    color: #fff;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear .3s, opacity .3s linear;}
.paginazione-articoli .img  .rollover .newsboxBtn{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.paginazione-articoli  .img .rollover .newsboxBtn span{display:inline;text-align:center;padding:5px 5px}



/* RESPONSIVE MOBILE INFERIORE A  */
@media screen and (max-width: 666px) {
.paginazione-articoli .precedente { text-align:center !important;} 
.paginazione-articoli .centrale {text-align:center !important;} 
.paginazione-articoli .successivo { border-top:1px solid #f4f4f4; margin-top:20px; padding-top:20px; text-align:center !important;} 
.paginazione-articoli .icona { display:none }
.paginazione-articoli .img { float:none !important; margin:20px 0; width:100%; overflow:auto; height:auto;}
.paginazione-articoli .img img { position:relative; transform:none; left:auto; top:auto; }
.paginazione-articoli .titoloart.prec { margin-left:0;} 
.paginazione-articoli .titoloart.succ { margin-right:0;} 
}