/*CSS per lo stile dei testi e formattazione commeti*/
/*da incorporare anche nell'editor*/
.text_commento{
	line-height: 1.6rem;	
	margin-bottom: 10px;
}

.text_commento p{
	font-size: 16px;
	font-size: calc(var(--font-size_base) * 0.6499999);
}

.commento{
	margin-bottom: 15px;
	padding: 18px 10px 18px 10px;
	border-left: 10px solid #CADFE4;
}

.commento:empty{
	margin: 0; padding: 0;
}

.commento h3{
	display: inline
}

.commenter{
	font-size: 0.9rem; margin-bottom: 15px; font-style: italic; color: #6a6969;
}
.commenter:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f4ff  ";
}
.richiamoReplay{
	background-color: #f6f7fb;
	padding: 10px;
	font-size: 0.8rem;
	margin: 10px 10px 10px 0;
}
.richiamoReplay p{
	font-size: 0.8rem;
}

.transiente{
	transition: 1s;
	max-height: 300px;
	overflow-y: hidden;
	margin-bottom: 20px;
	background: linear-gradient(to bottom, #000 0%, #fff 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255,255, 255, 0);
	background-clip: text;
	text-fill-color: rgba(255,255, 255, 0);	
}

.transiente-commento{
	max-height: 45px;
}

.collassa_trans{
	float: right;
	text-align: right;
	cursor: pointer;
	margin-right: 20px; 
	display: none
}

.collassa_trans:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f139  ";	
}

#comment-frame{
	font-size: 1.3rem; cursor: pointer; user-select: none; margin-top: 20px; color: rgb(72, 117, 112); margin-bottom: 20px;
}

#comment-frame span{
	display: inline-block;
	width: 100%;
	height: 85px;
	border: 1px solid #cdcdcd;
	border-radius: 10px;
	background-color: #fdfdfd;
	font-size: 15px;
	padding: 10px;	
}

#comment-frame span:hover{
	border-color: #8d8d8d;
}

#frameComments > #comment-frame + div{
	padding: 10px; display: none; /*background-color: #f8f8f8*/
}

.comments_buttons{
	font-size: 25px; margin-right: 10px; cursor: pointer;
	width: 40px;
	height: 40px;
	text-align: center;	
	border-radius: 100%;
	background: #f2f2f2;
	padding-top: 2px;
}

#commento_ripreso{
	font-size: 0.8rem;
	padding: 10px;
	margin-bottom: 5px;
}

#commento_ripreso p{
	font-size: 0.8rem !important;
}

.newcomment{
	padding: 12px;
	background-color: #feffe8;
	animation-name: newcommentAnima;
	animation-duration: 0.7s;
	animation-iteration-count: 6;
	animation-timing-function: ease-in;
	animation-direction: alternate;  	
}

@keyframes newcommentAnima {
  from {background-color: #feffe8;}
  to {background-color: #aaff7f;}
}

.comments_buttons:hover{
	background-color: #4c4c4c;
	color: #eaeaea;
}

.continua-lettura{
	margin-top: -18px; padding-bottom: 35px; cursor: pointer; color: rgb(78, 125, 120) !important;
}

.continua-lettura:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f13a  ";	
}

.continua-lettura:after{
	content: "Continua...";	
}

.flex-row-reverse{
	position: relative;
}

.acceptcom{
	position: absolute;
	left: 0;
	margin-top: 10px;
	font-weight: bold;
}