/* CSS Document */
.commenti > .blocco { clear: both; position: relative; margin-top: 100px; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }
/*.commenti > .blocco:after { content: ''; position: absolute; width: 30%; height: 1px; background: #ccc; top: 100%; left: 50%; margin-left: -15%; }*/
.commenti > .blocco:last-child { border-bottom: none; }

.commenti > .blocco >.titolo-blocco, .commenti .titolo-blocco { display: inline-block; width: 100%; font-size:clamp(1.5rem, 1.5vw, 2.0rem); font-weight: 700; margin-bottom: 65px; text-align: center;text-transform: uppercase;}
.commenti > .blocco >.titolo-blocco, .commenti .titolo-blocco > div { display: inline-block;}
 
/*LISTA*/
.commenti > .blocco > .commenti-lista { padding: 0; margin: 0; list-style: none; }
.commenti > .blocco > .commenti-lista > li { position: relative; display: inline-block; width: 100%; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ccc; }
.commenti > .blocco > .commenti-lista > li:last-child { border-bottom: 0px solid #f4f4f4; }
.commenti > .blocco > .commenti-lista > li .icon { float: left; margin: -4px 0; font-size: 40px; color: #ccc; }
.commenti > .blocco > .commenti-lista > li h3 { font-size: 16px; font-weight: 600; color: #333; margin: 0 0 10px 0; }
.commenti > .blocco > .commenti-lista > li h4 { font-size: 14px; font-weight: 500; color: #999; margin: 0 0 15px 0; }
.commenti > .blocco > .commenti-lista > li .testo { text-align: justify; }
/*FORM*/

.btn-rispondi { display: inline-block; border: 1px solid #ccc !important; color: #dd3333!important; width: auto; margin-bottom: 20px; padding: 4px 12px !important;   font-weight: 600!important; }
.commenti form .form-control { border-color: #d1d1d1 !important; background-color: #f4f4f4 !important }
.commenti form textarea.form-control { margin-bottom: 10px; }
.commenti form .form-control:focus { border-color: #333 !important; background-color: #ffffff !important }
.commenti form .nome-campo { display: block; position: relative; width: 100%; font-size: 15px; font-weight: 500; margin-bottom: 5px; }
.commenti form .custom-checkbox .custom-control-input.invalid + .custom-control-label::after { border:1px solid #ccc !important;}

/* contatore sovrapposto a textarea */
.commenti .over-input-box { position: absolute; background-color: #f1f1f1 !important; top: 1px; right: 3px; color: #666; font-size: 11px; border: none; opacity: 0.5; padding: 0 3px; height: 20px; min-height: 20px !important; }

@media all and (max-width: 767px) {
.commenti form textarea.form-control { margin-bottom: 8px; }
}

@media screen and (max-width: 480px) {
.commenti .commenti-lista li { padding-left:0 !important;}
}