/* CSS Document */

/*PAGINAZIONE*/
.paginazione-articoli { position:relative; display:block; margin:0 0 40px 0;}
.paginazione-articoli .precedente { text-align:center;} 
.paginazione-articoli .centrale {text-align:center; color:#ccc} 
.paginazione-articoli .successivo { text-align:center} 

.paginazione-articoli a { display:block;}

.paginazione-articoli .precsucc { font-size:14px; font-weight:600; margin-top: 5px; display: none;} 
.paginazione-articoli .precsucc.prec {   } 
.paginazione-articoli .precsucc.succ {   } 
.paginazione-articoli .titoloart { clear:both; display:block; font-size:14px;font-weight:700; margin-top: -5px; line-height:30px;} 
.paginazione-articoli .titoloart.prec {  } 
.paginazione-articoli .titoloart.succ {    } 
.paginazione-articoli .icona { font-size:14px;  } 
.paginazione-articoli .icona.prec { float:left; } 
.paginazione-articoli .icona.succ { float:right;} 
.paginazione-articoli .img { position:relative;  margin:0 auto; width:100px; height:80px; margin-bottom: 20px; overflow:hidden}
.paginazione-articoli .img.prec{  }
.paginazione-articoli .img.succ {  }
.paginazione-articoli .img img { width: 100%; height: 100%; object-fit: cover; object-position: center;   -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{ display:none; }
.paginazione-articoli a .img:after, .paginazione-articoli a .img:before { content: ''; background-color: #fff; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) translateZ(0)}
.paginazione-articoli a .img:before { width: 20px; height: 1px; left: 100% }
.paginazione-articoli a .img:after { height: 20px; width: 1px; top: 0 }
.paginazione-articoli a .img:hover:after, .paginazione-articoli a .img:hover:before { opacity: 1; top: 50%; left: 50% }
.paginazione-articoli a .img:after, .paginazione-articoli a .img:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s ease; transition: all .4s ease }

/* 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;} 
}