:root {
    --bs-heading-color: #679;
}

html, body { font-family: "Roboto Slab", serif; font-weight: 400; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; };

.content { text-align: unset; }

.form-group { margin-bottom: 8px; }
.form-control, .form-select { border: 1px solid #7777; font-size: .857em; }
.form-label { font-size: .72em; color: var(--bs-heading-color); }

.footer__listLink {
    color: #bbb;
}
.footer__listLink:hover {
    color: #eee;
}

.footer__title { color: #bbb7; }

/* .user .dropdown button { min-width: 256px; } */
.user .dropdown ul.dropdown-menu {
    right: 0 !important;
    left: unset !important;
    transform: translate(0, 34px) !important;
}

.admin-container { font-size: .96em; }
.admin-container .top-bar a:hover { background: #ddd; }

.admin-container .manage { padding: 1em; } 

.admin-container .title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5em 1em 1.5em 1em;
 }

.admin-container .dt-table { font-size: 14px; }

.admin-container .dt-table .btn-sm {
    --bs-btn-padding-y: .2rem;
    --bs-btn-padding-x: .35rem;
    --bs-btn-font-size: .65rem;
 }

.admin-container .modal .form-group { padding: .35em 0;}
/*.admin-container .modal .form-control { padding: 1px 8px; border-radius: 4px; font-size: 15px; } */

.admin-container .table > :not(caption) > * > * { padding: .35rem .35rem; }
.admin-container .table tbody tr:hover { background: #eee; }

ul.select2-results__options li { font-size: 14px; padding: 4px 8px; }

.admin-container .modal-footer .form-actions { display: flex; gap: 8px; }

.admin-container .title-bar h5 { margin-bottom: 0; color: #333; }

.admin-container table.dataTable { margin-top: 1em !important; margin-bottom: 1em !important;}

.admin-container .title-bar .btn { border: 1px solid #7772; }
.admin-container .title-bar .btn:hover { background: #ddd; }

.admin-container form label { padding: 8px 1em 2px 1em; }

.admin-container .form-control { border-radius: 4px; }

.admin-container select[data-chosen='one'] {
    font-weight: 700;
    color: #0d6efd;
    border: 1px solid #0d6efd;
}

/* hack select2 caret styling
 * (like bootstrap5 select caret)
 * ----------------------------------------------------------------------- start
 */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-color: transparent;
    background-size: contain;
    border: none !important;
    height: 16 !important;
    width: 12px !important;
    margin: auto !important;
    top: 9px !important;
    left: auto !important;
    height: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow { width: 24px; }
.select2-container--default .select2-selection--single { height: 31px; } 
/* ------------------------------------------------------------------------- end
*/

.admin-container .edit-post textarea[name=body] {
    height: calc(100vh - 420px); /* almost all avialable height */
}

.admin-container .edit-page textarea[name=body] {
    height: calc(100vh - 380px); /* almost all avialable height */
}

.admin-container .edit-post textarea[name=intro] { height: 94px ;} /* almost 3 (half-)lines */

.admin-container .edit-post textarea[name=body] {
    height: calc(100vh - 420px); /* almost all avialable height */
}

.admin-container .post-media button.over-bar { margin: -26px 0 0 0; float: right; }
.admin-container .post-media ul {
   border: 1px solid #ccc;
   border-radius: 4px;
   padding: 6px;
}

.admin-container .post-media ul li {
   border-bottom: 1px solid #ddd;
   list-style-type: none;
   padding: 3px 6px;

   display: flex;
   justify-content: space-between;
   align-items: center;
}
.admin-container .post-media ul li:last-child { border-bottom: none ;}
.admin-container .post-media ul li:hover { background: #eee; }

.admin-container .post-media li .btn-xs { font-size: 14px; width: 24px; height: 24px; padding:0; }

.classroom .edit-post textarea[name=body],
.classroom .edit-page textarea[name=body] {
    min-height:320px;
    font-family: Consolas, 'Ubuntu Mono','Courier New', Courier, monospace;
    color: #333;
 }