/* HTML comment box */

#HCB_comment_box { text-align:left!important;max-width: 47rem; margin: 2rem auto; font-family: 'EB Garamond', serif !important;  }
#HCB_comment_box > h3 { display: none;  }
label#hcb_file_label a.btn-secondary, .admin-link, .home-desc, #hcb_msg, .hcb-like {
    display: none;
}
.btn.btn-secondary {font-family: 'EB Garamond', serif !important;}
.hcb-wrapper-half { display: inline-block; width: 50%; max-width: 200px; vertical-align: text-top !important;  }
.hcb-wrapper-half input { width: calc(100% - 1.1em); height: 2rem; padding: 0.5rem !important; vertical-align: text-top; }
#hcb_form_name_container { padding-right: 0px!important; }
#HCB_comment_box textarea, .hcb-wrapper-half input { font-family: 'EB Garamond', serif !important; background: white; border: 2px inset white; }
textarea { resize: vertical; }
#HCB_comment_box blockquote { border: none; padding: 0 0 0 2px !important ;}
#HCB_comment_box .comment {font-size:1.1rem!important; border: 1px dashed #888!important; padding: 0.5rem 1rem 1rem 1rem; margin: 1rem auto !important; }
#HCB_comment_box .comment .comment { margin-bottom: 0 !important; }
#HCB_comment_box .hcb-comment-body { font-size:1.1rem!important; }
.hcb-comment-tb button { color: gray !important; font-family: 'EB Garamond', serif !important; font-weight: normal !important; padding: 0!important; }
.hcb-comment-tb button:hover, .hcb-comment-tb button:focus { color: white !important; background-color: gray !important; }
#HCB_comment_box .author-name { font-weight: normal; margin-right: 4px!important; letter-spacing: 0!important;}
#HCB_comment_box .author { margin-right: -5px !important; }
#hcb_submit { padding: 0.5rem; color: black !important; background: whitesmoke !important; font-family: 'EB Garamond', serif !important;  border: 2px outset whitesmoke !important; cursor: pointer; }
#hcb_submit:hover { text-decoration: underline !important; }
#hcb_submit:active { border: 2px inset whitesmoke !important; padding: 0.6rem 0.4rem 0.4rem 0.6rem; }

@media (prefers-color-scheme: dark) {
	#HCB_comment_box textarea, .hcb-wrapper-half input { font-size:1.1rem!important; color: black !important; background: #f4f4f4; border: 2px inset #e3e3e3; }
	.hcb-wrapper-half input::placeholder{text-transform: capitalize!important;}
	#HCB_comment_box textarea::placeholder, .hcb-wrapper-half input::placeholder{ color: #777 !important;}
	#hcb_submit { font-size:1.1rem!important;  color: #777 !important; background: #f4f4f4 !important; border: 2px outset #e5e5e5 !important; }
	#hcb_submit:active { border: 2px inset #4C5C5C !important; }
	.hcb-comment-tb button { color: #777777 !important; }
	.hcb-comment-tb button:hover, .hcb-comment-tb button:focus { color: lightgrey !important; background-color: #ffffff !important; }
}

#HCB_comment_box .hcb-comment-tb{margin:0 0 0 2px!important;}
#HCB_comment_box .hcb-comment-tb button {margin-right:3px!important;}
.hcb-comment-tb button{padding:0!important;}