/* CSS Document */
/* vista 4 */
.menu-articoli.vista4 { margin-top: 20px; }
.menu-articoli.vista4 > ul li { cursor: pointer; visibility: visible; opacity: 1; }
.menu-articoli.vista4 > ul li >.inner { position: relative;  padding: 60px 20px 100px 50px;  border-left: 1px solid #ccc;  border-bottom: 1px solid #ccc;  -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.menu-articoli.vista4 > ul li a { height: auto !important; }
.menu-articoli.vista4 > ul li:last-child { border-bottom: none; }
.menu-articoli.vista4 > ul li:hover >.inner { }
.menu-articoli.vista4 > ul li:hover > h4, .menu-articoli.vista4 ul li.active > h4 { }
.menu-articoli.vista4 .ab-titolo { font-weight: 600; font-size: 22px; margin-bottom: 40px;}
.menu-articoli.vista4 .ab-autore { font-size: 14px; font-weight: 300; margin: 2px 0px; margin-bottom: 40px; }
.menu-articoli.vista4 .data { display: inline-block; margin: 0px 0px 10px 0; padding: 0; }
.menu-articoli.vista4 .data .gg { float: left; margin-right: 5px;  font-size: 14px; font-weight: 700; text-transform: uppercase; color: #999; }
.menu-articoli.vista4 .data .mm { float: left; margin-right: 5px; font-size: 14px;font-weight: 700; text-transform: uppercase; color: #999; }
.menu-articoli.vista4 .data .aaaa { float: left; margin-right: 5px; font-size: 14px; font-weight: 700;text-transform: uppercase; color: #999; }
/*.menu-articoli.vista4 .img { max-width: 100% !important; float: left; margin-bottom: 20px; min-height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; }*/

.menu-articoli.vista4 .img { overflow: hidden; margin-bottom: 0;  }
/*.menu-articoli.vista4 .img img { width: 100%; position: absolute; left: 50%; top: 50%; transform: scale(1,1) translate(-50%, -50%); -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear  }*/

.menu-articoli.vista4 .img img { object-fit: contain; object-position: center; width: 100%; height: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
/*.menu-articoli.vista4 .btn-continua { display: none; border: 1px solid #ccc !important; width: auto; margin-bottom: 20px; font-size: 14px; }*/
.menu-articoli.vista4 .btn-continua { position: absolute; width: auto; bottom: -22px; right: 0px; background-color: #fff; padding-left: 20px; font-size: 45px; line-height: 45px; font-weight: 100;    z-index: 2; }

/*rollover*/
.menu-articoli.vista4 > ul li:hover .img img {  }
.menu-articoli.vista4 > ul li:hover .img >.rollover { visibility: visible; opacity: 1; transition-delay: 0s; }
.menu-articoli.vista4 > ul li .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; }
.menu-articoli.vista4 > ul li .img >.rollover .newsboxBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.menu-articoli.vista4 > ul li .img >.rollover .newsboxBtn span { display: inline; text-align: center; padding: 14px 16px; font-size: 20px; }

.menu-articoli.vista4 ul li a .img >.rollover .newsboxBtn  i{ display:none; }
.menu-articoli.vista4 ul li a .img:after, .menu-articoli.vista4 ul li 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)}
.menu-articoli.vista4 ul li a .img:before { width: 30px; height: 1px; left: 100% }
.menu-articoli.vista4 ul li a .img:after { height: 30px; width: 1px; top: 0 }
.menu-articoli.vista4 ul li a .img:hover:after, .menu-articoli.vista4 ul li a .img:hover:before { opacity: 1; top: 50%; left: 50% }
.menu-articoli.vista4 ul li a .img:after, .menu-articoli.vista4 ul li a .img:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s ease; transition: all .4s ease }


/* colonna laterale  */

.menu-articoli.colonna.vista4 > .blocco { position: relative;   margin-bottom: 60px; padding-bottom: 50px;       padding-left: 50px; }
.menu-articoli.colonna.vista4 > .blocco:before { content: ''; position: absolute; top: 0; left: 5%; height: 100%; width: 1px; background-color: #ccc;}
.menu-articoli.colonna.vista4 > .blocco:after { content: ''; position: absolute; bottom: 0; left: 5%; height: 1px; width: 100%; background-color: #ccc;}
.menu-articoli.colonna.vista4 > .blocco  .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-]{ width: 48%;}
/*.menu-articoli.colonna.vista4 > .blocco:after { content: ''; position: absolute; width: 30%; height: 1px; background: #ccc; top: 100%; left: 50%; margin-left: -15%; }*/
.menu-articoli.colonna.vista4 > .blocco:last-child { border-bottom: none; }
.menu-articoli.colonna.vista4 > .blocco .titolo-colonna { font-size: 14px; font-weight: 600; margin-bottom: 15px; }
.menu-articoli.colonna.vista4 > .blocco > ul { list-style: none; font-size: 12px; font-weight: 300; color: #666; margin-bottom: 5px; padding: 0; }
.menu-articoli.colonna.vista4 > .blocco > ul li { border-bottom: 1px solid #f4f4f4; margin-bottom: 20px; padding-bottom: 10px; }
.menu-articoli.colonna.vista4 > .blocco > ul li:last-child { border-bottom: none; }
.menu-articoli.colonna.vista4 > .blocco a:hover > .img > .innerImg { transform: scale(1.2); }
.menu-articoli.colonna.vista4 > .blocco a:hover > .img > img { }
.menu-articoli.colonna.vista4 > .blocco .ab-titolo { font-size: 14px; font-weight: 600; color: #666666; margin: 5px 0px 5px 0; }

.menu-articoli.colonna.vista4 > .blocco .ab-autore { font-size: 14px; font-weight: 300; margin: 2px 0px }
.menu-articoli.colonna.vista4 > .blocco .data { display: block; float: none; width: 100%; margin: 0; padding: 0; }
.menu-articoli.colonna.vista4 > .blocco .data .gg { float: none; font-size: 12px !important; display: inline-block; margin-right: 3px; margin-bottom: auto; padding-top: 0 }
.menu-articoli.colonna.vista4 > .blocco .data .mm { float: none; width: auto; font-size: 12px; line-height: normal; margin-right: 3px; }
.menu-articoli.colonna.vista4 > .blocco .data .aaaa { float: none; width: auto; font-size: 12px; }
.menu-articoli.colonna.vista4 > .blocco .img { max-width: 24% !important; float: left; margin-right: 20px; margin-bottom: 10px; height: 50px !important; min-height: auto !important; }
.menu-articoli.colonna.vista4 > .blocco .img > .innerImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
.menu-articoli.colonna.vista4 > .blocco > ul li a:hover .img >.rollover { visibility: visible; opacity: 1; transition-delay: 0s; }
.menu-articoli.colonna.vista4 > .blocco > ul li 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; }
.menu-articoli.colonna.vista4 > .blocco > ul li a >.img >.rollover .newsboxBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.menu-articoli.colonna.vista4 > .blocco > ul li a >.img >.rollover .newsboxBtn span { display: inline; text-align: center; padding: 14px 16px; font-size: 20px; }
.menu-articoli.colonna.vista4 > .blocco > ul li a >.img >.rollover .newsboxBtn span { display: inline; text-align: center; padding: 6px 4px; font-size: 16px; }

@media screen and (max-width: 480px) {
	
.menu-articoli.colonna.vista4 > .blocco:before {  left: 0%;}
.menu-articoli.colonna.vista4 > .blocco:after {  left: 0%;}
.menu-articoli.colonna.vista4 > .blocco { padding-right: 40px;margin: 37px;}	
}