/*********************************************************************************

    ██████╗  ██████╗ ███████╗████████╗███████╗    ██╗     ██╗███████╗████████╗
    ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝██╔════╝    ██║     ██║██╔════╝╚══██╔══╝
    ██████╔╝██║   ██║███████╗   ██║   ███████╗    ██║     ██║███████╗   ██║   
    ██╔═══╝ ██║   ██║╚════██║   ██║   ╚════██║    ██║     ██║╚════██║   ██║   
    ██║     ╚██████╔╝███████║   ██║   ███████║    ███████╗██║███████║   ██║   
    ╚═╝      ╚═════╝ ╚══════╝   ╚═╝   ╚══════╝    ╚══════╝╚═╝╚══════╝   ╚═╝   
                                                                            
 *********************************************************************************/




/* Make links non clickable in backend. */
.is-root-container .nvm-posts-list a {
    pointer-events: none;
}



/* Main styles */
.nvm-posts-list {
}

.nvm-posts-list:has( .beach-box, .village-box ) {
    --nvm-grid-gutter: 5px;
}

    .nvm-posts-list.decorated-blue-bg {
        position: relative;
        background: var(--brand-color-blue);
    }

        .nvm-posts-list.decorated-blue-bg::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 6.25%;
            height: 100%;
            content: '';
            background-image: url('../../../img/icons/brand-triangle-pattern-white.svg');
        }

        .desktop .nvm-posts-list.decorated-blue-bg {
            padding-left: var(--nvm-length-medium);
            padding-right: var(--nvm-length-medium);
        }

    .nvm-posts-list .post-box .post-content {
        margin-left: -10px;
        margin-right: -10px;
    }

    .nvm-posts-list .post-box.beach-box .post-content,
    .nvm-posts-list .post-box.village-box .post-content {
        margin-left: 0;
        margin-right: 0;
    }

    .nvm-posts-list:not( .beach-box, .village-box ) .section-title-column {
        margin-left: -10px;
        margin-right: -10px;
    }

    .nvm-posts-list:has( .beach-box, .village-box ) .section-title-column {
        margin-left: 0;
        margin-right: 0;
    }

        .nvm-posts-list .section-title-column .section-title {
            width: fit-content;
            font-family: var(--nvm-font-serif);
            font-style: italic;
            font-weight: 400;
            font-size: clamp(32px, 24px + 2.4vw, 60px);
        }

        .nvm-posts-list.decorated-blue-bg .section-title-column .section-title {
            color: var(--brand-color-white);
            background: var(--brand-color-blue);
        }

    .nvm-posts-list .cta-column {
        display: flex;
        justify-content: center;
    }