/*

REQUIRED VARS

*/

:root
{
    --header-line-height: 4rem;
    --wp-adminbar-height: 32px;
}

/*

WORDPRESS SPECIFIC

*/

html body.admin-bar 
{
    padding-top: var(--wp-adminbar-height);
}
html body.admin-bar nav.navbar
{
    top: var(--wp-adminbar-height);
}
html body header.wp-block-template-part
{
    margin-bottom: var(--wp-adminbar-height);
}
html body .text-center
{
    text-align: center !important;
    display: block !important;
}

html body section .container *, 
html body section .container 
{
    z-index: 2;
}
html body section .container *
{
    position: relative;
}
html body section .container .wp-block-post-featured-image
{
    height: 100%;
    margin-bottom: 0;
}
html body section .container .bootblock-fluid-image
{
    display: block;
    position: relative;
    z-index: 1;
}
html body section .container img
{
    height: auto;
    width: 100%;
    background: transparent;
    border-color: transparent;
}
html body section .container .bootblock-fluid-image
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
html body section .container .avatar-or-featured .bootblock-fluid-image figure img
{
    height: 100%;
    object-fit: contain;
}
html body section .container .avatar-or-featured .bootblock-fluid-image
{
    z-index: 9;
}

html body .btn a.wp-block-read-more
{
    color: var(--bs-light);
}
html body .btn a.wp-block-read-more span
{
    display: none;
}
html body .wp-block-post-comments h3.comment-reply-title small
{
    font-size: 1rem;
    margin: calc(var(--header-line-height) / 2) 0;
}
html body .wp-block-post-comments h3.comment-reply-title small,
html body .wp-block-post-comments .required-field-message,
html body .wp-block-post-comments p.comment-form-comment label
{
    display: block;
}
html body .wp-block-post-comments ol.commentlist
{
    list-style: none;
    padding-left: 0;
}
html body .wp-block-post-comments form.comment-form,
html body .wp-block-post-comments ol.commentlist li.comment
{
    display: block;
    padding: calc(var(--header-line-height) / 2);
    margin-top: calc(var(--header-line-height) / 2);
    background: var(--bs-light);
    border: 1px solid var(--bs-dark-border-subtle);
    border-radius: var(--bs-border-radius);
}
html body .wp-block-post-comments form.comment-form textarea
{
    max-width: 100%;
}
html body .wp-block-post-comments ol.commentlist li.comment ul.children
{
    padding-left: 15px;
}
html body .wp-block-post-comments ol.commentlist li.comment ul.children li.comment form.comment-form textarea,
html body .wp-block-post-comments ol.commentlist li.comment form.comment-form,
html body .wp-block-post-comments ol.commentlist li.comment ul.children li.comment
{
    background: var(--bs-white);
}
html body .wp-block-post-comments ol.commentlist li.comment ul.children li.comment form.comment-form,
html body .wp-block-post-comments ol.commentlist li.comment form.comment-form textarea,
html body .wp-block-post-comments ol.commentlist li.comment ul.children li.comment ul.children li.comment
{
    background: var(--bs-light);
}
html body .wp-block-post-comments .comment-metadata,
html body .wp-block-post-comments .comment-author .says
{
    display: none;
}
html body .wp-block-post-comments .comment-author.vcard b.fn
{
    font-size: 0.8rem;
    margin: 5px 0;
}
html body .wp-block-post-comments .comment-meta,
html body .wp-block-post-comments .comment-content
{
    vertical-align: top;
    display: inline-block;
    width: 100px;
}
html body .wp-block-post-comments .comment-reply-title
{
    display: block;
    padding-top: 30px;
}
html body .wp-block-post-comments .comment-content
{
    width: calc(100% - 145px);
    margin-left: 15px;
    text-align: left;
    padding: 0 15px;
}
html body .wp-block-post-comments .reply 
{
    text-align: left;
    margin: 20px 0 0 15px;
}
html body .wp-block-post-comments .reply .comment-reply-link
{
    width: 100px;
    display: inline-block;
    text-align: center;
    color: var(--bs-light);
    background: var(--bs-blue);
    padding: calc(var(--header-line-height) / 6) calc(var(--header-line-height) / 4);
    text-decoration: none;
    border-radius: var(--bs-border-radius);
}
html body .wp-block-post-comments .reply .comment-reply-link:hover
{
    background: var(--bs-secondary);
}
html body section header,
html body section footer,
html body section general,
html body section header.wp-block-template-part
{
    margin: 0;
    padding: 0;
}
html body .wp-block-query-title
{
    text-transform: capitalize;
}

/*

WP COLUMNS

*/

html body .columns-3 ul.wp-block-post-template li.wp-block-post
{
    width: calc(100% / 3);
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    vertical-align: top;
}
html body .columns-3 .list-group.list-group-flush li.list-group-item .row
{
    width: calc(100% + 20px);
}

/*

BOOTSTRAP ALERTS

*/

html body alert.alert,
html body div.alert
{
    display: block;
    text-align: center;
}

/*

BOOTSTRAP BUTTONS

*/

html body .btn.btn-block
{
    display: block !important;
    width: 100% !important;
    text-align: center;
}
html body .card-header .btn
{
    position: absolute;
    top: 15px;
    right: 15px;
}
html body .navbar-expand-lg #loginform input.button,
html body input.button
{
    border-radius: 6px;
}

/*

BOOTSTRAP IMAGES

*/

html body .img.img-block
{
    display: block;
    text-align: center;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

/*

BOOTSTRAP FORMS

*/

html body .form-select-lg
{
    font-size: 1rem;
    line-height: 2.5rem;
}

/* 

BOOTSTRAP NAVBAR

*/

html body nav.navbar
{
    z-index: 9999;
}
html body .navbar-expand-lg .navbar-nav
{
    margin-left: auto;
}
html body .navbar-expand-lg .navbar-nav.login-nav
{
    margin-left: 0;
}
html body .navbar-nav #loginform
{
    display: block;
    padding: calc(var(--header-line-height) / 3);
}
html body .navbar-nav #loginform input,
html body .navbar-nav #loginform label
{
    display: block;
    width: 100%;
}
html body .navbar-expand-lg,
html body .navbar-expand-lg #navigation,
html body .navbar-expand-lg .navbar-nav,
html body .navbar-expand-lg .navbar-nav .nav-link
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: var(--header-line-height) !important;
    height: var(--header-line-height) !important;
}

html body .navbar-expand-lg #main-navigation form.search
{
    margin-top: calc(var(--header-line-height) - 3.2rem);
    margin-left: calc(var(--header-line-height) - 3.2rem);
}

/* 

BOOTSTRAP DROPDOWN 

*/

html body .navbar .dropdown-menu
{
    transition: all 0.42s;
}
html body .navbar .dropdown-menu,
html body .navbar .dropdown-menu[data-bs-popper]
{
    top: calc(100%);
    min-width: 330px;
}
.dropdown:hover .dropdown-menu 
{
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}

/*

BOOTSTRAP TABLES

*/

html body table.table
{
    width: 100%;
}
html body table.table.table-lg thead tr th,
html body table.table.table-lg tbody tr th,
html body table.table.table-lg tbody tr td,
html body table.table.table-lg
{
    padding: calc(var(--header-line-height) / 2);
}
html body table.table.table-lg
{
    padding: var(--header-line-height);
}
html body table.table thead tr th:first-child,
html body table.table tbody tr td:first-child,
html body table.table tbody tr th:first-child,
html body table.table tfoot tr th:first-child,
html body table.table tfoot tr td:first-child
{
    text-align: left;
}
html body table.table thead tr th:last-child,
html body table.table tbody tr td:last-child,
html body table.table tbody tr th:last-child,
html body table.table tfoot tr th:last-child,
html body table.table tfoot tr td:last-child
{
    text-align: right;
}
html body table.table tbody tr.child td:last-child
{
    text-align: left;
}

/*

DATATABLES

*/

html body .dtfh-floatingparent,
html body .dtfh-floatingparent-head,
html body .dtfh-floatingparent .dtfh-floatingparent-head
{
    z-index: 9998 !important;
}

html body section .container table .avatar,
html body table .avatar
{
    display: inline-block;
    position: relative;
    height: 22px;
    width: auto;
    margin: -3px 5px 0 0;
}

html body table.data-table thead tr th.sorter
{
    cursor: pointer;  
    vertical-align: middle
}
html body table.data-table thead tr th select
{
    width: 100%;
}
html body table.dataTable thead tr:first-child th .fa-angles-right
{
    display: inline-block;
}
html body table.dataTable thead tr:first-child th .fa-angles-up,
html body table.dataTable thead tr:first-child th .fa-angles-down,
html body table.dataTable thead tr:first-child th.dt-ordering-desc .fa-angles-right,
html body table.dataTable thead tr:first-child th.dt-ordering-desc .fa-angles-up,
html body table.dataTable thead tr:first-child th.dt-ordering-asc .fa-angles-right,
html body table.dataTable thead tr:first-child th.dt-ordering-asc .fa-angles-down,
html body table.dataTable thead tr th span.dt-column-order
{
    display: none;
}

html body table.dataTable thead tr:first-child th.dt-ordering-desc .fa-angles-down,
html body table.dataTable thead tr:first-child th.dt-ordering-asc .fa-angles-up
{
    display: inline-block;
}

html body table.dataTable thead tr:first-child th
{
    border-bottom-color: transparent;
}
html body table.dataTable thead tr:nth-child(2) th
{
    border-top-color: transparent;
}
html body table.dataTable thead tr:first-child th.dt-ordering-desc
{
    border-bottom-color: transparent;
}
html body table.dataTable thead tr:first-child th.dt-ordering-asc
{
    border-bottom-color: transparent;
}
html body table.dataTable thead tr:nth-child(2) th.dt-ordering-desc
{
    border-top-color: transparent;
}
html body table.dataTable thead tr:nth-child(2) th.dt-ordering-asc
{
    border-top-color: transparent;
}
html body table.dataTable tfoot tr th
{
    padding: calc(var(--header-line-height) / 2);
}
html body table.dataTable tbody tr.child td ul.dtr-details,
html body table.dataTable tbody tr.child td ul.dtr-details li
{
    display: block;
}
html body table.dataTable tbody tr.child td ul.dtr-details li
{
    border-bottom: 1px dotted var(--bs-blue);
}
html body table.dataTable tbody tr td.dtr-control 
{
    min-width: 218px !important;
}
html body table.dataTable tbody tr td i.fa-regular.fa-star-half-stroke,
html body table.dataTable tbody tr td i.fa-regular.fa-star
{
    color: var(--bs-blue);
}
html body table.dataTable tbody tr td i.fa-solid.fa-star
{
    color: var(--bs-blue);
}
html body table.dataTable tbody tr.child td ul.dtr-details li span.dtr-data
{
    float: right;
}
html body table.dataTable tfoot tr th input
{
    min-width: 140px;
}
html body table.dataTable thead tr th a.sorter
{
    cursor: pointer;
}
html body .dt-container.dt-bootstrap5 .row mt-2.justify-content-md-center
{
    margin-top: 0 !important;
}
html body .dt-container.dt-bootstrap5 .row.mt-2.justify-content-between
{
    background: var(--bs-tertiary-bg);
    padding: calc(var(--header-line-height) / 2);
    margin: 0 0 calc(var(--header-line-height) / 2) 0 !important;
}
html body .dt-container.dt-bootstrap5 .row.mt-2.justify-content-between:last-child .page-link
{
    padding-top: 0;
    padding-bottom: 0;
    color: var(--bs-blue);
}
html body .dt-container.dt-bootstrap5 .row.mt-2.justify-content-between:last-child .active .page-link
{
    background: var(--bs-tertiary-bg);
    border-color: var(--bs-tertiary-bg);
    color: var(--bs-blue);
}
html body .dt-container.dt-bootstrap5 .row.mt-2.justify-content-between:last-child
{
    margin: calc(var(--header-line-height) / 2) 0 0 0 !important;
}
html body .dt-container.dt-bootstrap5 .row.mt-2.justify-content-between .col-md-auto.me-auto,
html body .dt-container.dt-bootstrap5 .row.mt-2.justify-content-between .col-md-auto.me-auto div.dt-info,
html body .dt-container.dt-bootstrap5 .row.mt-2.justify-content-between .col-md-auto.me-auto div.dt-search,
html body .dt-container.dt-bootstrap5 .row.mt-2.justify-content-between .col-md-auto.ms-auto,
html body .dt-container.dt-bootstrap5 .row.mt-2.justify-content-between .col-md-auto.ms-auto div.dt-info,
html body .dt-container.dt-bootstrap5 .row.mt-2.justify-content-between .col-md-auto.ms-auto div.dt-search
{
    line-height: var(--header-line-height);
    padding: 0;
    margin: 0;
}

/*

BOOTSTRAP CAROUSEL

*/

html body .carousel-control-next, 
html body .carousel-control-prev
{
    position: absolute;
    z-index: 99;
}
html body .carousel-control-next i, 
html body .carousel-control-prev i
{
    color: var(--bs-blue);
    font-size: var(--header-line-height);
}

html body section .carousel .carousel-inner .carousel-item .container img
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
html body section .carousel .carousel-inner .carousel-item.style-tit .container img,
html body section .carousel .carousel-inner .carousel-item.style-tib .container img
{
    position: relative;
}

/*

FOOTER WIDGETS

*/

.menu-footer-left-container .list-group.list-group-flush li,
.menu-footer-middle-container .list-group.list-group-flush li,
.menu-footer-right-container .list-group.list-group-flush li
{
    list-style: none;
    position: relative;
}
.menu-footer-left-container .list-group.list-group-flush li:first-child,
.menu-footer-middle-container .list-group.list-group-flush li:first-child,
.menu-footer-right-container .list-group.list-group-flush li:first-child
{
    list-style: none;
    font-size: var(--header-line-height);
}
.menu-footer-left-container .list-group.list-group-flush li:first-child:after,
.menu-footer-middle-container .list-group.list-group-flush li:first-child:after,
.menu-footer-right-container .list-group.list-group-flush li:first-child:after
{
    content: "";
    display: block;
    position: absolute;
    width: calc(var(--header-line-height) * 2);
    height: calc(var(--header-line-height) * 2);
    border-radius: var(--header-line-height);
    background: white;
    top: calc(calc(var(--header-line-height) / 4) * -1);
    left: 50%;
    margin-left: calc(var(--header-line-height) * -1);
    z-index: 1;
}
.menu-footer-left-container .list-group.list-group-flush li:first-child:before,
.menu-footer-middle-container .list-group.list-group-flush li:first-child:before,
.menu-footer-right-container .list-group.list-group-flush li:first-child:before
{
    z-index: 2;
    position: relative;
}
.menu-footer-left-container .list-group.list-group-flush li:first-child a,
.menu-footer-middle-container .list-group.list-group-flush li:first-child a,
.menu-footer-right-container .list-group.list-group-flush li:first-child a
{
    font-size: var(--bs-body-font-size);
}
section.dark .list-group.list-group-flush,
section.dark .list-group.list-group-flush .list-group-item
{
    background: transparent;
    border-color: transparent;
}
section.dark .list-group.list-group-flush .list-group-item:hover
{
    
}
section.dark .list-group.list-group-flush a.list-group-item.list-group-item-action[href="#"],
section.dark .list-group.list-group-flush .list-group-item.list-group-item-dark,
section.dark .list-group.list-group-flush .list-group-item.list-group-item-dark:hover
{
    cursor: default;
}
section.dark .list-group.list-group-flush a.list-group-item.list-group-item-action[href="#"]
{
    border-bottom: 1px dotted;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: calc(var(--header-line-height) / 2);
    margin-bottom: calc(var(--header-line-height) / 2);
}
html body section .sidebar-module ul
{
    padding-left: 0;
}
html body section .sidebar-module h4
{
    border-bottom: 1px dotted;
    text-transform: uppercase;
    padding-bottom: calc(var(--header-line-height) / 4);
    margin-bottom: calc(var(--header-line-height) / 4);
}

/*

BOOTBLOCK

*/

html body section
{
    display: block;
    position: relative;
    padding: calc(var(--header-line-height) * 2) 0;
}

html body section.fold
{
    padding: calc(var(--header-line-height) * 4) 0;
}

html body section.slim
{
    padding: calc(var(--header-line-height) / 2) 0;
}

html body section.dark
{
    background: var(--bs-secondary-bg);
}

html body section.folded,
html body section.fold
{
    background: linear-gradient(180deg, var(--bs-tertiary-bg) 0%, var(--bs-secondary-bg) 100%);
}

html body [alt="opacity-50"]
{
    opacity: 0.5;
}
html body [alt="opacity-75"]
{
    opacity: 0.75;
}
html body .accordion-body.text-justify,
html body .text-justify p
{
    text-align: justify !important;
}



/*

BUDDYPRESS

*/

html body section .container > ul.wp-block-post-template > li.bp_group
{
    margin-top: calc(var(--header-line-height) * -6)
}

html body #buddypress #header-cover-image
{
    height: 625px;
}
html body #buddypress #item-header-cover-image
{
    min-height: 625px;
}

html body #buddypress #item-actions,
html body #buddypress #item-header-content,
html body #buddypress #item-header-avatar
{
    display: none;
}

/*

CSS BASED ICONS

*/

html body li.fa
{
    display: inline-block;
    line-height: inherit;
    position: relative;
    width: auto;
}
html body .navbar-expand-lg .navbar-nav li.fa > a.nav-link
{
    display: inline-block;
    position: relative;
    margin-left: -35px;
    padding-left: 40px;
    padding-right: 15px;
    margin-right: 15px;
}
html body li.fa a,
html body li.fa ul
{
    font-family: var(--bs-body-font-family);
    font-weight: normal;
}
html body li.fa a.active
{
    font-weight: bold;
}

/*

CSS BASED FLAGS

*/

html body li.fi
{
    margin-left: 0;
    line-height: 25px;
    display: block;
    position: relative;
    background-position: left;
}
html body li.fi a
{
    display: inline-block;
    position: relative;
    padding-left: 32px;
    line-height: 0;
    vertical-align: top;
}
html body .flag-rem-1 i
{
    font-size: 1rem;
}
html body .flag-rem-2 i
{
    font-size: 2rem;
}
html body .flag-rem-3 i
{
    font-size: 3rem;
}
html body .flag-rem-4 i
{
    font-size: 4rem;
}
html body .flag-rem-5 i
{
    font-size: 5rem;
}
html body .flag-rem-6 i
{
    font-size: 6rem;
}
html body .flag-rem-7 i
{
    font-size: 7rem;
}
html body .flag-rem-8 i
{
    font-size: 8rem;
}
html body .flag-rem-9 i
{
    font-size: 9rem;
}
html body .flag-rem-10 i
{
    font-size: 8rem;
}