:root {
    --light: #ede7e4;
}

#HCB_comment_box {
    padding: 0px 20px;
    width: 80%;
    max-width:80%;
    margin: 0 auto;
    height: auto;
    overflow: visible;
    font-family:"Linden Hill";
}

#HCB_comment_box blockquote {
    border-left:;
    overflow: visible;
    font-style: normal;
    font-family:"Linden Hill";
    line-height: 16px;
}
#HCB_comment_box .hcb-comment-body {
    font-size: 20px;
}

a[href^="https://www.htmlcommentbox.com/rss_clean?"]
{
    display: none;
}

label#hcb_file_label a.btn-secondary,
#HCB_comment_box > h3, .admin-link {
    display: none;
    background: #050505;
    font-family:'Linden Hill';
    text-transform: lowercase;
    border: 1px  darkgrey solid;
    font-size: 12px !important;
    border-radius:5px;
    width:50% !important;
}

.hcb-like, .hbc-reply{
  border:none !important;
}

label#hcb_file_label a.btn-secondary,
#HCB_comment_box > h3, .admin-link, div.home-desc, .home-desc {
    display: none;
}

label#hcb_file_label a.btn-secondary, .admin-link, .home-desc, #hcb_msg, .hcb-like {
    display: none !important;
}

label#hcb_file_label a.btn-secondary,
#HCB_comment_box > h3, .admin-link, div.home-desc, .home-desc {
    display: none;
}

#comments_list .comment {
    border-top: 3px var(--light) solid;
    padding-top: 10px;
    padding-bottom:10px;
    margin:0px;
    padding-left:0px;
    padding-right:0px;
}


#HCB_comment_box #hcb_form textarea,
#HCB_comment_box #hcb_form #hcb_form_name,  #HCB_comment_box  #hcb_form_website {
    font-family:'Linden Hill' !important;
    color: black;
    border:  var(--light) solid 1px;
    padding:10px;
    max-width:450px;
    box-sizing:border-box;
    display:visible;
}

#hcb_form_name, #hcb_form_website  { 
  display:inline-block;
  float:none;
  margin-bottom:10px;
  margin-right:10px !important;
  width:90%
  }

button{
  font-family: 'Linden Hill' !important;
}

  .likes {display:none}
  .likes img {display:none}
  .likes span::before { 
  content:url('https://pixelsafari.neocities.org/favicon/symbol/heart/boil2.gif');
  margin-right:2px;
    }

.hcb-wrapper-half { display: inline-block; width: 100%; max-width: 200px; vertical-align: text-top !important;  }
.hcb-wrapper-half input { width: 95%; height: 2rem; padding: 0.5rem !important; text-transform: capitalize; vertical-align: text-top; }
#HCB_comment_box textarea, .hcb-wrapper-half input { font-family: "Linden Hill", monospace !important; background: var(--light); border: 2px inset var(--light); }
textarea { resize: vertical; }
#HCB_comment_box blockquote { border: none; padding: 0 0 0 2px !important ; color:var(--light);}
#HCB_comment_box .comment { border: none; 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: 0.9rem !important; }
.hcb-comment-tb button { color: darkgrey !important; font-family: "Linden Hill", monospace !important; font-weight: normal !important; padding: 2px !important; width: 30%; display:inline-block; margin-left:20px;}
.hcb-comment-tb button:hover, .hcb-comment-tb button:focus { color: var(--light) !important; background-color: darkgray !important; }
#HCB_comment_box .author-name { font-weight: bold; letter-spacing: 2px; color: var(--light); }
#HCB_comment_box .author { margin-right: -5px !important; }
#hcb_submit { padding: 0.5rem; color: #050505 !important; background: #050505 !important; font-family: "Linden Hill", monospace !important;  border: 2px outset #050505 !important; cursor: pointer; color: #050505; }
#hcb_submit:hover { text-decoration: underline !important; }
#hcb_submit:active { border: 2px inset var(--light) !important; padding: 0.6rem 0.4rem 0.4rem 0.6rem; }

@media {
	#HCB_comment_box textarea, .hcb-wrapper-half input { color: var(--light) !important; background: transparent; border: 1px inset darkslategrey; }
	#hcb_submit { color: var(--light) !important; background: transparent !important; border: 2px outset darkgrey !important; }
	#hcb_submit:active { border: 2px inset darkgrey !important; }
	.hcb-comment-tb button { color: darkgrey !important; }
	.hcb-comment-tb button:hover, .hcb-comment-tb button:focus { color: darkgrey !important; background-color: grey !important; }
}