/* Extra styles for the board. Loaded after styles.css. */

input[type="text"],
textarea {
    width: 100%;
    box-sizing: border-box;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1rem;
    color: #e8e2d4;
    background-color: #000;
    border: 2px solid #5a4126;
    padding: 6px;
}

button {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1rem;
    color: #fff;
    background-color: #5a4126;
    border: 2px solid #8a6a43;
    padding: 6px 16px;
    cursor: pointer;
}

button:hover,
button:focus {
    background-color: #6f5030;
}

.error {
    color: #ff9c8a;
}

.meta {
    color: #a89f8a;
    font-size: 0.9rem;
}

.thread-row {
    border-top: 1px solid #5a4126;
    padding: 6px 0;
}

.thread-row p {
    margin: 4px 0;
}

.preview {
    color: #cfc7b4;
}

.post {
    border: 1px solid #5a4126;
    background-color: rgba(0, 0, 0, 0.35);
    padding: 4px 14px;
    margin-bottom: 10px;
}

.post:target {
    border-color: #8fd16a;
}

.post .body {
    overflow-wrap: anywhere;
}

/* Hidden trap field for bots. Real people never see it. */
.hp {
    position: absolute;
    left: -9999px;
}

/* Admin page */
form.inline {
    display: inline;
}