#main {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    line-height: 1.7;
}
.btn-verydark {
    background-color: #23272b;
    border-color: #23272b;
    color: #fff;
}
.btn-verydark:hover {
    background-color: #111314;
    border-color: #111314;
    color: #fff;
}

#invite-codes {
    padding-left: 0;
}
.invite-code {
    background-color: #23272b;
    border: 1px solid #111314;
    border-radius: 0.33rem;
    font-family: monospace;
    list-style: none;
    padding: 0.33rem;
}
.invite-code + .invite-code {
    margin-top: 1rem;
}

.message-once {
    background-color: #23272b;
    border: 1px solid #111314;
    border-radius: 0.33rem;
    list-style: none;
    padding: 0.33rem;
}
.message-once .error {
    color: #F66;
}
.message-once .error:before {
    color: #F33;
    content: "ERROR: ";
    font-weight: bold;
}
.message-once .success {
    color: #6C6;
}
.message-once .success:before {
    color: #393;
    content: "Success: ";
    font-weight: bold;
}
.entry-preview {
    background: #eee;
    border: 1px solid #000;
    color: #000;
    margin: 0.33rem;
    padding: 0 0.33rem;
}
.entry-preview *:first-child {
    margin-top: 0.33rem;
}
.entry-preview *:last-child {
    margin-bottom: 0.33rem;
}
.full-width {
    width: 100%;
}
.scrollbox {
    max-height: 15rem;
    overflow-y: auto;
}
.darktext {
    color: #000;
}
.select2-results,
.select2-selection__rendered {
    color: #000;
}
#biography {
    background-color: #eee;
    box-shadow: rgba(0, 0, 0, 0.75) 0 0.25rem 1rem;
    color: #000;
    margin: 0 2rem 1rem 2rem;
    padding: 0.33rem 0.83rem;
}
#biography *:first-child {
    margin-top: 0.33rem;
}
#biography *:last-child {
    margin-bottom: 0.33rem;
}
#biography img {
    max-width: 100%;
}

#front-entry-wrapper {
    background-color: rgba(255, 255, 255, 0.83);
    box-shadow: rgba(0, 0, 0, 0.75) 0 0.25rem 1rem;
    color: #000;
    padding: 1rem 1rem 1.5rem 1rem;
}
#entry-title {
    margin-bottom: 1rem;
}
#entry-title::before {
    content: open-quote;
}
#entry-title::after {
    content: close-quote;
}
#front-entry-contents {
    background-color: #eee;
    box-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25rem;
    font-size: 14pt;
    margin: 0 2rem 1rem 2rem;
    padding: 0.33rem 0.83rem;
}
#front-entry-contents *:first-child {
    margin-top: 0.33rem;
}
#front-entry-contents *:last-child {
    margin-bottom: 0.33rem;
}
#front-entry-contents img {
    max-width: 100%;
}
#entry-follow-ups {
    font-size: 115%;
    margin-left: 0.5rem;
    margin-bottom: 0;
}
#entry-follow-ups li a {
    font-weight: bold;
}
#entry-metadata-header {
    display: none;
}
#entry-metadata {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-shadow: #000 1px 1px 1px;
    width: 100%;
}
#entry-metadata dt {
    text-align: right;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 1px;
}
#manage-collections-table a {
    text-shadow: #000 1px 1px 1px;
}
#manage-collections-table,
#manage-collections-table tbody {
    width: 100%;
}
.text-center {
    text-align: center;
}
.min-width {
    width: 1px;
}
#manage-collections-table .manage-collections-entries a {
    font-weight: bold;
}

#author-bio,
#entry-contents {
    height: 15rem;
}
.dark-navbar {
    background-color: rgba(21, 24, 26, 0.66);
}
.nav-item a {
    color: #3396ff;
    transition: background-color 0.2s, color 0.2s;
}
.nav-item a:hover {
    color: #007bff;
    background-color: #1f2326;
}
.dark-dropdown {
    background-color: #1f2326;
}
.dark-dropdown a {
    transition: background-color 0.2s, color 0.2s;
}
.dark-dropdown a:hover {
    background-color: #0f1112;
}
.dark-body a {
    color: #3396ff;
}
.dark-body a:hover {
    color: #007bff;
}
.dark-dropdown .dropdown-divider {
    border-top: 1px solid #111;
}
#front-entry-contents a,
#entry-follow-ups a {
    color: #0a68cc;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.5);
}
#front-entry-contents a:hover,
#entry-follow-ups a:hover {
    color: #0f5499;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}
.dark-footer {
    background-color: rgba(21, 24, 26, 0.66);
}
.footer-icon {
    float: right;
    font-size: 200%;
    margin-left: 0.5ex;
    transition: background-color 0.2s, color 0.2s;
}

.helptext-icon-small {
    font-size: 1rem;
}
.helptext-icon-medium {
    font-size: 3rem;
}
.helptext-icon-large {
    font-size: 5rem;
    margin-top: -0.5rem;
}
.helptext-icon-xl {
    font-size: 7rem;
}
.helptext-icon-2xl {
    font-size: 9rem;
}
.helptext-icon {
    color: rgba(25, 25, 25, 0.5);
    padding-right: 1rem;
}
.dark-body .helptext-icon {
    color: rgba(255, 255, 255, 0.5);
}
.float-left {
    float: left;
}
.helptext {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0.66rem;
    padding: 0.33rem;
    margin-bottom: 1rem;
}
.helptext p:last-child {
    margin-bottom: 0;
}
.dark-body .helptext {
    background-color: rgba(21, 24, 26, 0.66);
    border: 1px solid #000;
}
#edit-file-contents,
#theme-twig-vars {
    font-family: monospace;
    min-height: 10rem;
}
.admin-entries-list-buttons {
    min-width: 200px;
}
.dark-body .table-striped {
    box-shadow: #222 0 1px 2px;
}
.dark-body .table-striped td,
.dark-body .table-striped th {
    border-color: #111;
}
.dark-body .table-striped tbody tr:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, 0.05);
}

.dark-body .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, 0.15);
}
#admin-entry-options {
    font-family: monospace;
    min-height: 10rem;
}

i.color-success {
    color: #090;
}
.dark-body i.color-success {
    color: #9c9;
}
i.color-error {
    color: #900;
}
.dark-body i.color-error {
    color: #c66;
}

#admin-contributors-list {
    padding: 0.5rem 2.5rem 0.5rem 2.5rem;
    list-style: none;
}
#admin-contributors-list li {
    display: inline-block;
    margin-right: 0.5rem;
}
#settings-contents {
    font-family: monospace;
    min-height: 30rem;
}
blockquote {
    background-color: rgba(153, 153, 153, 0.1);
    border-left-width: 3px;
    border-left-style: solid;
    border-color: #555;
    text-shadow: #fff 0 1px 1px;
    padding: 0.5rem 0.5rem 0.5rem 0.6rem;
    font-size: 16pt;
}
#front-popular-collections-wrapper,
#front-popular-entries-wrapper {
    background-color: #ddd;
    padding: 0.5rem;
}
#front-popular-collections-list,
#front-popular-entries-list {
    font-size: 14pt;
}
#front-page-news {
    padding: 0.5rem 0;
}
.front-page-news {
    background-color: #ddd;
    border: 1px solid #333;
    padding: 0.5rem;
    margin-bottom: 1.75rem;
}
.front-page-news h3 {
    margin-bottom: 0;
}
.front-page-news-time {
    color: #666;
}
.front-page-news-body {
    background-color: #eee;
    padding: 0.67rem;
}
#collection-description *:last-child,
.front-page-news-body *:last-child {
    margin-bottom: 0;
}
#authors-list {
    background-color: #ddd;
    list-style: none;
    padding: 1rem 1.5rem;
    margin: 1rem 2rem;
}
#author-collections {
    margin: 1rem 1rem;
    padding: 1rem 2.5rem;
}
#collection-description {
    background-color: #eee;
    font-size: 12pt;
    padding: 0.67rem;
}
#collection-entries {
    background-color: #ddd;
    padding: 1rem 2.5rem;
    margin: 1rem 1rem;
}
#collection-entry-header {
    margin-top: 1rem;
}
.dark-body #collection-description,
.dark-body .front-page-news-body {
    background-color: #21262c;
}
.dark-body #authors-list,
.dark-body #collection-entries,
.dark-body #author-collections,
.dark-body .front-page-news,
.dark-body #front-popular-collections-wrapper,
.dark-body #front-popular-entries-wrapper {
    background-color: #171b1f;
}
.dark-body .front-page-news-time {
    color: #ccc;
}
.dark-body .table {
    color: #efefef;
}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
    font-family: serif;
}

#author-collections,
#authors-list,
#biography,
#collection-entries,
#front-entry-contents{
    font-size: 14pt;
}

.faq-icon {
    padding-right: 0.33rem;
}
a .faq-icon {
    color: #0f5499;
    transition: color 0.2s;
}
a:hover .faq-icon {
    color: #0a3866;
}
.navbar-brand, .navbar-brand:hover {
    color: #111;
}
.dark-body .navbar-brand,
.dark-body .navbar-brand:hover {
    color: #f8f9fa;
}
.dark-body a .faq-icon {
    color: #cce;
}
.dark-body a:hover .faq-icon {
    color: #66b3ff;
}
@media (max-width: 991px) {
    .navbar {
        display: block;
    }
    #entry-follow-ups {
        margin-left: 0;
    }
    #front-entry-wrapper {
        background-color: rgba(255, 255, 255, 0.83);
        box-shadow: rgba(0, 0, 0, 0.75) 0 0.25rem 1rem;
        color: #000;
        padding: 1rem 0.5rem 1.5rem 0.5rem;
    }
    #entry-title {
        margin-bottom: 1rem;
    }
    #front-entry-contents {
        font-size: 14pt;
        margin: 0 1rem 1rem 1rem;
        padding: 0.33rem 0.83rem;
    }
}
@media (max-width: 575px) {
    #entry-follow-ups {
        padding-left: 1.5rem;
    }
}
.question-inbox-header {
    font-weight: bold;
    padding-top: 0.33rem;
    padding-bottom: 0.33rem;
}
.dark-body .question-inbox-header {
    background-color: #1f2326;
}
.question-inbox-anonymous {
    content: "—";
}
#question-inbox-form {
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: #000 0 0 0.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
}
#question-inbox-form div:nth-child(n-4) {
    padding-top: 0.33rem;
    padding-bottom: 0.33rem;
}
#question-inbox-form div:nth-child(5),
#question-inbox-form div:nth-child(6),
#question-inbox-form div:nth-child(7) {
    padding-top: 0.5rem !important;
}
#question-inbox-form div:nth-child(6n),
#question-inbox-form div:nth-child(6n+1),
#question-inbox-form div:nth-child(6n+5) {
    background-color: rgba(0, 0, 0, 0.1);
}
.manage-author-list {
    background-color: rgba(0, 0, 0, 0.1);
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 1rem 2rem;
}
.manage-author-list .row {
    padding: 0.1rem;
}
.manage-author-list .row:nth-child(2) {
    background-color: rgba(0, 0, 0, 0.1);
}
.leave-question-form-entry .leave-question-form-wrapper {
    margin: 0.5rem 1rem 0 1rem;
}
.leave-question-header {
    margin-top: 1rem;
}