/**
 * Theme Name: Samaha Retreats
 * Template:   twentytwentyfour
 */

.wp-block-site-logo
{
    img
    {
        width: 100%;
    }
}

.is-relative
{
    position: relative;
}

body.post-template-default
{
    background-color: var(--wp--preset--color--accent-2) !important;
    header > .wp-block-group:first-child
    {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1000;
        
    }
    header > .wp-block-group:first-child:after
    {
        content: '';
        display: block;
        background: transparent;
        height: 400px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1;
        backdrop-filter: blur(90px);
        mask-image: linear-gradient(to bottom, #000000ff 0%, #00000000 100%);
    }
    header + .wp-block-group
    {
        margin-top: -300px;
        z-index: 100;
    }
}

.is-butterfly
{
    position: absolute;
    width: 130%;
    height: auto;
    bottom: 0;
    transform: translate(-10%, 0%);
}

.wp-block-latest-posts
{
    display: flex;
    gap: 30px;
    li
    {
        flex: 1;
        max-width: 400px;
        position: relative;
        overflow: hidden;
        z-index: 100;
        border-radius: 30px;
        color: var(--wp--preset--color--base-2) !important;
        background-color: var(--wp--preset--color--accent-3) !important;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        .wp-block-latest-posts__post-title
        {
            position: relative;
            display: inline-block;
            padding: 15px 30px;
            color: var(--wp--preset--color--base-2) !important;
            font-size: var(--wp--preset--font-size--large) !important;
            font-family: var(--wp--preset--font-family--pt-serif);
            text-decoration: none;
            margin-top: 10em;
            pointer-events: none;
            z-index: 100;
        }
        .wp-block-latest-posts__post-excerpt
        {
            padding: 0px 30px 15px 30px;
            z-index: 100;
            position: relative;
            pointer-events: none;
        }
        .wp-block-latest-posts__featured-image
        {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 0;
            a, img
            {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
            }
        }
        .wp-block-latest-posts__featured-image:after
        {
            transition: all ease-in-out .3s;
            content: '';
            display: block;
            width: 100%;
            height: 50%;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            pointer-events: none;
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--wp--preset--color--accent-3) 100%);
        }
        &:hover
        {
            .wp-block-latest-posts__featured-image:after
            {
                height: 70%;
            }
        }
    }  
}

.is-style-asterisk:before
{
    background: var(--wp--preset--color--accent);

    clip-path: path('M17.57,6.473c-4.912-4.881-13.343-1.408-13.343,5.494s8.431,10.375,13.343,5.494c3.053-3.034,3.053-7.956,0-10.988M12.042,0c10.7,0,16.085,12.913,8.513,20.428C12.993,27.952,0,22.601,0,11.967,0,5.354,5.388,0,12.042,0');
}