.fascia-top{width:100%; background-color: var(--colblue); text-align:center }
.fascia-top > div {width: 50%; margin:0 auto; background: url('../imgs/pixel-white.svg') repeat-x; background-size: 1px 1px; background-position: center}
h1, .pseudo-h1 {font-size:2.5rem; display:inline-block; color: #fff; background-color: var(--colblue); padding: 10px 20px;}

.intestazione-h1{font-size: 0.8em}
h1.pro{background:none !important; color: #333; padding-left:0; padding-right: 0; margin-top: 40px}

.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-container {min-height: 200px; min-width: 200px; background-color: #000}
.box-news-img {min-height: 200px; min-width: 200px; opacity: 0.8}
.box-data { color:var(--colred); font-size: 0.8em; font-weight: 700; text-transform: uppercase;}
.box-title {font-size: 1.1em; font-weight:500; line-height: 1.1em}
.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; padding-top: 12px}
.box-news:hover .box-news-img {opacity: 1}
  .box-news-img-xs {display:none}

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


.descrizione{max-width: 70%; margin-left: auto; margin-right: auto; text-align: justify;}
.data-post{font-size: 1.1em; font-weight: 700; padding-bottom:24px}
.sharecontent{margin-top:40px; display: flex; align-items: center; justify-content: flex-end;}

.is{margin-left: 12px}
.btn-share {margin:0; padding: 0; text-align: center; background: none; width: 30px; height: 30px; border:var(--colred) 1px solid; display: flex; align-items: center; justify-content: center}
.btn-share svg{fill: var(--colred); width: 16px; height: 16px}
.btn-share:hover {background: var(--colred);}
.btn-share:hover svg{fill: #fff;}
.directions{margin-top: 80px}

@media (max-width: 1199px) {
   .descrizione{max-width: 80%;}
}
@media (max-width: 991px) {
 .descrizione{max-width: 90%;}

}
@media (max-width: 640px) {
   /* .item{max-width: 80%; } */
}

@media (max-width: 767px) {
  h1, .pseudo-h1 {font-size:1.8rem; display:inline-block; color: #fff; padding: 10px 20px;}
  .intestazione-h1{font-size: 0.7em}
  .descrizione{max-width: 100%;}
  
}
@media (max-width: 575px) {
  .box-news{margin-bottom: 60px;}
  .fascia-top div {width: 80%;}

  .box-news-img-container{display: none}
  

     .box-title {font-size: 1em;}
     .btn-sp{ min-width:40px}
     .btn-small{display: inline-block;}
     .btn-big{display: none}
}