/* CSS Document */
/*ARTICOLI CORRELATI*/
.articoli-elenco.correlati { margin-top: 40px; padding: 40px 0; border-top: 1px solid #eee; }
.articoli-elenco.correlati .top { margin-bottom: 60px;font-family: 'Brandon Printed Two';-webkit-font-smoothing: antialiased; text-align: center; font-size: 28px; color: #e30613;  }
.articoli-elenco.correlati .top h1 {margin-top: 0; text-transform: uppercase; }
.articoli-elenco.correlati a { color: #4d4d4d; display: block; font-size: 10px; }
.articoli-elenco.correlati a:hover { color: #cccccc; }
.articoli-elenco.correlati a > h4 { font-family: 'Brandon Printed Two';-webkit-font-smoothing: antialiased; font-size: 14px;  color: #333; font-weight: 300; text-align: center}
.articoli-elenco.correlati .data { position: absolute; display: inline-block; padding: 2px 5px 0 5px; color: #FFF; background-color: #666; top: 0; }
.articoli-elenco.correlati .data .gg { }
.articoli-elenco.correlati .data .mm { }
.articoli-elenco.correlati .data .aaaa { }
.articoli-elenco.correlati .img { position: relative; width: 100%; aspect-ratio:16/9; margin-right: 0px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.articoli-elenco.correlati .img { background-size: 100%; /* effetto transizione generale */ -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear }
.articoli-elenco.correlati .img:hover { background-size: 100%; /* effetto transizione generale */ -webkit-transition: background-size 0.5s ease; -moz-transition: background-size 0.5s ease; -ms-transition: background-size 0.5s ease; -o-transition: background-size 0.5s ease; transition: background-size 0.5s ease; }
.articoli-elenco.correlati a:hover .img >.rollover { visibility: visible; opacity: 1; transition-delay: 0s; }
.articoli-elenco.correlati a .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; }
.articoli-elenco.correlati a .img >.rollover .newsboxBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.articoli-elenco.correlati a .img >.rollover .newsboxBtn span { display: inline; text-align: center; padding: 5px 0px; border: 0px solid #fff; font-size: 16px; }
.articoli-elenco.correlati a .img >.rollover .newsboxBtn  i{ display:none; }
.articoli-elenco.correlati a .img:after, .articoli-elenco.correlati 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)}
.articoli-elenco.correlati a .img:before { width: 20px; height: 1px; left: 100% }
.articoli-elenco.correlati a .img:after { height: 20px; width: 1px; top: 0 }
.articoli-elenco.correlati a .img:hover:after, .articoli-elenco.correlati a .img:hover:before { opacity: 1; top: 50%; left: 50% }
.articoli-elenco.correlati a .img:after, .articoli-elenco.correlati a .img:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s ease; transition: all .4s ease }