:root{--ellipsi1:1; --ellipsi2:2; --ellipsi3:3; --ellipsi4:4;}
.ellipsi{display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;  white-space: normal;  box-orient: vertical;-webkit-line-clamp: 4;}
.IntervisteBox1 { margin: 35px auto; box-sizing: border-box; padding: 0 0 10px 0; position: relative; border-bottom: 7px solid #d1e73f;width: 100%; }
.IntervisteBox1 > h2 {padding: 0 0 8px 5px; border-bottom: 1px solid #83b217;  display: block; margin: 0;}
.IntervisteBox1 > h2 , .IntervisteBox1 > h2 a {font-size: 20px; font-weight: 700; color: #000}
.IntervisteBox1 .imgC {position: relative; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.IntervisteBox1 img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; object-fit: cover; width: 100%;  height: 100%;}	
.intervistaBoxTop a:hover  { text-decoration:none!important}	
.intervistaBoxTop {position: relative}
.intervistaBoxTop * {box-sizing: border-box;}	
.intervistaBoxTop a  .overlay {position: relative; box-sizing: border-box;  bottom: 0;  padding: 8px 15px;  color: #fff; width: 100%; height:auto; background: #353535eb!important}
.intervistaBoxTop a  .overlay > h2, .intervistaBoxTop a > .overlay > span {display: block; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.intervistaBoxTop a  .overlay > span {-webkit-line-clamp:1; font-size: 11px; margin: 5px 0;}
.intervistaBoxTop a  .overlay > h2 {-webkit-line-clamp: 2; font-size: 16px;margin-bottom: 5px}
.intervistaBoxTop:hover a >i{ color:#d1e73f}
.intervistaBoxTop i { position: absolute; left: 50%; color:#fff ;  transform:translate(-50%, -50%);top: 36%; font-size: 6em;}
.intervistaBoxTopi { top: 36%; font-size: 5rem;  }	
.intervistaBoxTop .overlay > span:before { width: 4px; height: 12px; background-color: #83b217; content: " "; display: inline-block;margin-right: 5px;}
/**/	
.intervistaBoxList, .intervistaBoxTop { max-width: 650px;    margin: 0 auto!important;}

.intervistaBoxList	{ margin:0px 8px; position: relative}
.intervistaBoxList article {width: 100%;padding: 20px 0; box-sizing: border-box;  border-bottom: 1px solid #eee; margin:0!important}
.intervistaBoxList article:after { display: block; clear: both; width: 100%; content: " "}
.intervistaBoxList article span {-webkit-line-clamp: var(--ellipsi1); display: block; font-size: 11px;letter-spacing: 0.2px; margin: 2px 5px;  color: #838383;}
.intervistaBoxList article span:before { width: 3px; height: 12px; background-color: #83b217; content: " ";  display: inline-block;  margin-right: 5px;}
	.intervistaBoxList article h3 {-webkit-line-clamp: var(--ellipsi2)!important}
.intervistaBoxList article a { display: block; position: relative; color: #000; font-size: 16px;padding: 2px 0;line-height: 21px;}
.intervistaBoxList article img { border: 1px solid #cddc3996;}	
.intervistaBoxList article .imgC {padding-top:17%; max-width: 31%; float: left; margin-right: 12px;}
.intervistaBoxList article .imgC i { position: absolute; top: 50%; left: 51%; font-size: 2em; color:#fff ;  transform:translate(-50%, -50%);    z-index: 3;}
.intervistaBoxList article:hover .imgC i{ color:#cddc39}
.intervistaBoxList>a { display: block; width: 35px; height: 35px; border-radius: 100%;  background: #fbfbfb;  text-align: center; line-height: 35px; position: absolute; right: calc(50% - 25px);  -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / 30%), 0 0 4px rgb(0 0 0 / 20%);  -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.38),0 0 4px rgba(0 0 0 / 0.20);   box-shadow: 0 4px 4px rgb(0 0 0 / 30%), 0 0 4px rgb(0 0 0 / 20%);  text-decoration: none; cursor: pointer;  font-size: 28px;  color: #3a3a3a;  bottom: -28px;
}


@media all and (max-width: 500px) 
{
	.intervistaBoxTop a > .overlay {position: relative!important;}
}
@media all and (orientation:landscape) and (max-width: 850px) 
{ 
	.intervistaBoxList article .imgC i { font-size: 7vw;}
}
@media all and (min-width: 490px) and (max-width: 850px) 
{ 
	.intervistaBoxList article a { font-size: 19px;line-height: 29px;}
}	
@media all and (max-width: 768px) 
{ 
	.IntervisteBox1	{ min-width: 290px!important }
}	
	
/* HOME */
	.HomeInterviste {min-width:350px;}
.HomeInterviste .intervistaBoxTop a  .overlay {position: absolute;}