/*
Theme Name: BTrans
Author: Breadnbeyond
Version: 1.0
Description: A Bootstrap 5 boilerplate.
*/

header #mobile-menu {
    z-index: 10000;
}
header.smaller.header-dark {
    background: #ffffff !important;
}

@media screen and (min-width: 993px) {
    header #mobile-menu{
        display: none;
    }
}

.post-template-default #subheader #jarallax-container-0:after,
.page-template-default #subheader #jarallax-container-0:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    opacity: .5;
}

.wp-singular .entry-content *,
body:not(.home) .bloglist .post-text .entry-summary p {
    color: var(--body-font-color);
}

body.single .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt > *,
body.single .wp-block-latest-posts__list .wp-block-latest-posts__post-title {
    display: -webkit-box !important;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}
body.single .wp-block-latest-posts__list .wp-block-latest-posts__post-title {
    -webkit-line-clamp: 1 !important;
}
body.single .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt > * {
    line-height: 1.5em;
}
body.single .wp-block-latest-posts__list .wp-block-latest-posts__featured-image {
    align-items: start !important;
}

body:not(.home) .bloglist .post-text .entry-summary p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    min-height: 140px;
    /*line-height: 1.5em !important;*/
    margin-bottom: 1rem !important;
}
body.home #section-news .bloglist .post-text h4,
body.home #section-news .bloglist .post-text .entry-summary p,
body:not(.home) .bloglist .post-text h4 a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    min-height: 3em;
}
body.home #section-news .bloglist .post-text h4,
body.home #section-news .bloglist .post-text .entry-summary p {
    -webkit-line-clamp: 1;
    min-height: 1.7em;
}
body.home #section-news .bloglist .post-text h4 {
    min-height: 1.5em;
}
body.home #items-carousel .de-item .d-text p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
body.home #section-img-with-tab .image-container {
    border-radius: 15px;
    background-size: cover !important;
}
body.page-id-70 .h2.s3 {
    font-family: var(--title-font);
    letter-spacing: -1.8px;
    line-height: 50px;
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 20px;
}

.single #sidebar .wp-widget-group__inner-blocks h4 {
    margin-bottom: 20px;
}
.single #sidebar .wp-widget-group__inner-blocks .wp-block-latest-posts__list li {
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-template-rows: auto auto;
    column-gap: 20px;
    row-gap: 0px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px rgba(0, 0, 0, .1);
    padding-bottom: 15px;
}
.single #sidebar .wp-widget-group__inner-blocks .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single #sidebar .wp-widget-group__inner-blocks .wp-block-latest-posts__list li .wp-block-latest-posts__post-title {
    font-family: var(--title-font);
    font-weight: 600;
    color: #031B4E;
    grid-column: 2;
    grid-row: 1;
    margin: 0;
}
.single #sidebar .wp-widget-group__inner-blocks .wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
}

footer .menu-footer-container ul {
    list-style: none;
    padding: 0;
}
footer .menu-footer-container ul li {
    margin-bottom: .5rem;
}

#back-to-top {
    left: 20px;
}