/* Comments */
#c_widget {
box-sizing: border-box;
height: 100%;
overflow: auto;
background-attachment: fixed;
}

#c_widget button, #c_widget input[type=submit] {
padding: 4px;
text-decoration: none;
text-align: center;
text-decoration: 1.5px solid underline;
color: var(--med);
border: none;
background: none;
}
#c_widget button:hover, #c_widget input[type=submit]:hover {
color: var(--med);
border: none;
background: none;
}
#c_widget button:disabled, #c_widget input[type=submit]:disabled {opacity: 60%;}
#c_widget button:disabled:hover, #c_widget input[type=submit]:disabled:hover {
text-decoration: 1.5px solid underline;
color: var(--med);
border: none;
background: none;
}

/* Input section */
#c_inputDiv {
margin-bottom: 15px;
padding: 10px;
}
#c_widgetTitle {
margin: -10px;
margin-bottom: 10px;
padding: 5px;
}

.c-inputWrapper {
display: block;
text-align: right;
}
.c-input {
padding: 4px;
margin-bottom: 5px;
border: var(--border);
background: none;
color: var(--med);
}
.c-textInput {
width: calc(100% - 10px);
max-width: 900px;
resize: none;
}
#c_submitButton {
display: block; 
margin-left: auto; 
margin-right: 0;
}
#c_replyingText {
text-align: right;
}

/* Comment section */
.c-comment {
margin-bottom: 15px;
padding: 10px;
border: var(--border);
}
.c-reply {
display: block;
width: 90%;
margin-bottom: 10px;
margin-left: auto;
margin-right: 0;
padding: 10px;
border: var(--border);
}
.c-reply:last-child {margin-bottom: 0;}
.c-replyContainer {
margin: -10px;
margin-top: 10px;
padding: 10px;
}

.c-name {
display: inline-block;
margin: 0;
margin-right: 10px;
padding: 0;
color: var(--med);
}
.c-site {
text-decoration: none;
}
.c-site:hover {color: white;}
.c-timestamp {
float: right;
opacity: 75%;
}
.c-text {
margin: 0;
margin-left: -10px;
margin-right: -10px;
padding: 10px;
}
/* Pagination */
#c_pagination {text-align: center;}
.c-replyButton {
margin-top: 10px;
margin-right: 4px;
}
.c-expandButton {
margin-top: 10px;
margin-left: 4px;
}
.c-paginationButton {
margin-right: 4px;
margin-left: 4px;
}