.box-news{display:flex; margin-bottom: 40px; position: relative; /* background-color: #cfc5c1; */  border-radius: 0; padding: 0!important}
.box-news-title{padding: 0}
.box-news-img {min-height: 200px; min-width: 200px; border:var(--colbright) 2px solid;}
.box-data { color:#333; font-size: 0.7em;}
.box-title {font-size: 1.1em; font-weight:500;}
.box-news-title a:link, .box-news-title a:visited {color:#333333}
.box-news-title a:hover {color: #645751;}
.box-news-title hr {border-color: #333; max-width: 80%; margin-top: 6px; margin-bottom: 6px}
.box-button {position: absolute; right: 10px; bottom: 10px; overflow: hidden;}
.txprev{font-size: 0.8em;}

.pageof{font-size: 0.8; font-weight: 500; margin-left:16px; margin-right: 16px}
.btn-sp{border-radius:0; border: var(--coldark) 1px solid; text-transform: uppercase; background-color: var(--coldark); color:#fff; padding:4px; min-width: 118px}
.btn-sp:hover{border: var(--coldark) 1px solid; background-color: #fff; color: var(--coldark)}
.btn-small{display: none;}
.btn-big{font-size:0.8em}

.share span {font-size: 0.8em}
.share i {font-size: 1.8em; margin-left: 18px}
.share a:link, .share a:visited{ color:var(--coldark)}
.share a:hover{ color: #ccc }

.divisore{border-color: #b7b8b9 !important; opacity: 1}

.item-grid{min-height: 300px; margin:15px 10px 15px 10px; border-color: #404040; border-width:1px; border-style: solid}
.item-grid:hover{border-color: #fff;}

 @media (max-width: 576px) {
     .box-news-img {min-height: 140px; min-width: 140px;}
     .box-title {font-size: 0.9em;}
     .btn-sp{ min-width:40px}
     .btn-small{display: inline-block;}
     .btn-big{display: none}
}