/*
Add custom css
*/

.custom3-css {

}


body {
    :has(.elementor-menu-toggle.elementor-active) {
        overflow: hidden !important;
    }
}

.elementor-nav__container {
    height: 100% !important;
    position: fixed !important;
}

/*blog*/
.th-custom-container-category{

    .blog-category-cover{
        width: 100%;
        height: 400px;
        border-radius: 12px;
        margin-top: 30px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.simpleblog__listing__post__wrapper__content__footer a {
    display: flex;
    gap: 6px !important;
}

.simpleblog__listing {
    &:has(.category-home-header) {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    &:has(.th-home-blog-category) {
        margin-bottom: 30px !important;
    }

    &.home-list > .row {
        display: flex;

        .simpleblog__listing__post {
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            .container {
                flex: unset !important;
            }

            .simpleblog__listing__post__wrapper__content__footer {
                padding-top: 24px !important;
            }
        }
    }
}

/*.simpleblog__listing.home-list{*/
/*    display:none;*/
/*}*/

.row > .simpleblog__listing__post:first-of-type:has(.th-home-blog-category) {
    padding-right: 15px;
}

.row > .simpleblog__listing__post:last-of-type:has(.th-home-blog-category) {
    padding-left: 15px;
}

.custom-blog-featured.th-home-blog-category {
    width: unset !important;
    flex-direction: column; !important;
    background: unset !important;
    padding: 0 !important;
    margin-bottom: 0 !important;

    .simpleblog__listing__post__wrapper__content {
        padding: 0 !important;
    }

    .slpwf {
        padding-bottom: 24px !important;
    }
    .blog-headline a{
        transition: color 0.3s ease;
    }
    .simpleblog__listing__post__wrapper__content__footer {
        padding-top: 24px !important;
    }

    .simpleblog__listing__post__wrapper__content__footer a {
        max-height: 40px !important;
        min-height: 40px !important;
    }

    .container a{
        border: 6px solid #6655A1;
        border-radius: 12px;
        overflow: hidden;
        img{
            transform: scale(1);
            transition: transform 0.3s ease;
            border-radius: 0;
        }

    }

    .blog-description,
    .blog-description p{
        color: var(--th-dark-grey, #252525FF) !important;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: -0.14px;
    }
}

.simpleblog__listing.home-list{
    .simpleblog__listing__post{

        &:hover{
            .container a img{
                transform: scale(1.1);
            }

            .blog-headline a{
                color: var(--th-gold, #D0AA5A);
            }

            .simpleblog__listing__post__wrapper__content__footer{
                .btn{
                    color: var(--th-white) !important;

                    &::before {
                        opacity: 1;
                    }
                }
            }
        }
    }
}

.custom-blog-featured:not(.th-home-blog-category) {
    .simpleblog__listing__post__wrapper__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 0 0 50% !important;

        .simpleblog__listing__post__wrapper__footer {
            padding: 0 !important;
        }

        p:first-of-type,
        p:last-of-type {
            margin: 0 !important;
            padding: 0 !important;
        }

        .simpleblog__listing__post__wrapper__content__footer {
            padding-top: 24px !important;
        }
    }

}

.load-more-container {
    width: 100%;
    margin: 30px 0;
    text-align: center;
}

.load-more-button {
    background-color: #d4b25c; /* Gold/amber color as seen in image */
    color: #333;
    border: none;
    border-radius: 25px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-family: 'Roboto';
    font-size: 16px;
}

.load-more-button:hover {
    background-color: #c19b40;
}

.load-more-icon {
    margin-left: 8px;
    font-size: 12px;
}

/* Loading state */
.load-more-button.loading {
    opacity: 0.7;
    pointer-events: none;
}

.load-more-button.loading .load-more-text {
    visibility: hidden;
}

.load-more-button.loading::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
}

.displayBlogAfterPost {
    .blog-headline{
        color: var(--th-purple, #42376A);
        font-family: Cinzel;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px; /* 150% */
        letter-spacing: 0.264px;
        margin-top: 24px;
        height: 4rem;

        Overflow: hidden;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 4rem;
        min-height: 4rem;
    }
}

#module-ph_simpleblog-single #main-content{
    padding-bottom:0 !important;
}
.displayBlogAfterPost{
    background-color: var(--th-light-yellow, #FFFBF0);
    box-shadow: 0 0 0 100vmax var(--th-light-yellow, #FFFBF0);
    clip-path: inset(0 -100vmax);
    padding: 54px 0;
}


@media (max-width: 768px){

    .simpleblog__listing__post.col-md-12 .simpleblog__listing__post__wrapper__content > p {
        font-size: 14px !important;
    }

    .simpleblog__listing__post{
        .simpleblog__listing__post__wrapper__content{
            .blog-headline,
            .blog-headline a{
                font-size: 18px;
            }
            .blog-description,
            .blog-description p{
                font-size: 14px !important;
            }
        }
    }

    .row.blog-row{
        .custom-svg-divider{
        margin-top: 30px !important;
            margin-bottom: 30px !important;
        }
    }

    .simpleblog__listing {
        &.container{
            padding: 0 10px !important;
        }
        &.home-list > .row {
            flex-direction: column;

            > .simpleblog__listing__post:first-of-type:has(.th-home-blog-category) {
                padding-right: 10px;
            }

            > .simpleblog__listing__post:last-of-type:has(.th-home-blog-category) {
                padding-left: 10px;
            }
        }
        .simpleblog__listing__post__wrapper__content__footer {
            padding-bottom: 24px !important;
        }

    }
    .load-more-container{
        padding:0 15px;
    }

    .displayBlogAfterPost .simpleblog__listing__post__wrapper__content__footer a{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .th-custom-container-category{
        margin: 0 10px;

        .dummy-button{
            gap: 0;
        }
        .above-blog-left{
            .dummy-lorem{
                font-size:14px;
            }
            h2.h1{
                font-size:18px;
            }
        }
    }

    .category-home-header {
        font-size: 20px;
    }

}