/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.header-bg-image {
    background-image: url(./assets/img/bg.webp)
}

#main,
.header-main {
    background-image: url(./assets/img/bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}


.j-img {
    overflow: auto;
    word-wrap: break-word;
    border-radius: 10px;
    max-height: 500px;
    border: .5px solid #fff
}

.nonenav .flickity-button,
.j-heading b,
.j-heading-left b {
    display: none
}

.j-heading .section-title {
    justify-content: center
}

.j-text-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px;
    padding-top: 20px;
    word-wrap: break-word;
    border-radius: 10px;
    box-shadow: 0 0 20px #ff8d18;
    border: 2px solid #000018;
    padding: 20px
}

.j-text-scroll::-webkit-scrollbar {
    width: 7px;
    background: 0 0 !important
}

.j-text-scroll::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 6px
}

.j-footer .ux-menu .ux-menu-title {
    color: var(--fs-experimental-link-color);
    font-size: 1rem
}

.j-footer .ux-menu .ux-menu-link__link {
    color: #fff
}

.j-footer .ux-menu .ux-menu-link__link:hover {
    color: var(--fs-experimental-link-color)
}

.j-sidebar .j-heading {
    margin-bottom: .5rem
}

.j-sidebar .j-heading .section-title {
    margin-bottom: unset;
    font-size: 20px
}

.j-sidebar .post-item .box {
    display: flex;
    gap: 10px;
    padding: 5px 0
}

.j-sidebar .post-item:first-child .box {
    border-top: unset
}

.j-sidebar .post-item .box-text {
    padding: unset;
    width: 60%
}

.j-sidebar .post-item .post-title {
    font-size: 16px
}

.j-sidebar .post-item .post-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100% !important
}

.j-sidebar .post-item .box-image {
    width: 40% !important
}

.rank-math-breadcrumb a,
.rank-math-breadcrumb span {
    font-weight: 700
}

.badge.post-date {
    display: none
}

.text-left .is-divider,
.text-left .is-star-rating,
.text-left .star-rating {
    display: none
}

.entry-content {
    padding-top: 0
}

.related-box .related-head {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    color: #000
}

.related-box ul li {
    margin-bottom: 3px
}

.related-box ul li a {
    font-weight: 700;
    font-size: 16px
}

.related-box ul li a:hover {
    text-decoration: underline
}

.feature {
    position: relative;
    overflow: hidden
}

.feature:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.feature .image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center
}

ul.row.related-post li {
    list-style: none
}

.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important
}

.related-title a {
    font-weight: 700
}

.nav-icon a {
    color: #fff !important
}

#ez-toc-container a {
    color: #fff
}