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

html, body, select, select option, .select2-selection__choice { 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; }


/* 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: 12px !important;
    left: auto !important;
    height: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow { width: 24px; }
.select2-container--default .select2-selection--single { height: 37px; } 
/* ------------------------------------------------------------------------- end
*/

/*
    .admin-container .edit-post textarea[name=intro] { height: 94px ;} 


    .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;
    }

*/


/** select2|multiple overides
 * --- -- -- - - -
 */
input.select2-search__field { font-size: 15px; }
ul.select2-selection__rendered { margin-bottom: 0; }  /* select2: ul */
.select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 2px; }   /* select2: li */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { /* select2: button */
    border-right: none;
    padding: 1px 4px;
}
.select2-container--default .select2-selection--multiple { font-size: 15px; }




/* select2.min.css | https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css */

.select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 32px; }
  
.select2-container .select2-selection--single .select2-selection__rendered { font-size: 15px; padding: 2px 20px 2px 8px; }