/* Global styles */
.entry-content {
    margin-block-start: 0 !important;

    > div {
        isolation: isolate;
    }

    &:not(.wp-block-post-content) {
        > * {
            margin: 0;
        }
    }
}

/** Insights Post contents **/
.single-post {
    h1 {        
        font-size: var(--wp--preset--font-size--h-3) !important;        
    }
    h2 {
        font-size: var(--wp--preset--font-size--h-5) !important;
    }
    p {
        margin-top: var(--wp--preset--spacing--small-secondary);
        a:link, a:visited {
            color: var(--wp--preset--color--primary);
        }
    }
    
    
}

footer.wp-block-template-part{
    margin: 0;
}

/* Header */
.page-template-wp-custom-template-transparent-header {
    header.wp-block-template-part {
        &:not(.scrolling) {
            .has-primary-background-color {
                background-color: var(--wp--preset--color--transparent) !important;

                .wp-block-buttons {
                    .wp-block-button:nth-child(2):not(.gspb_slidingPanel-wrap .wp-block-button) {
                        a {
                            background-color: var(--wp--preset--color--primary);
                            color: var(--wp--preset--color--white);
                            border-color: var(--wp--preset--color--primary);

                            &:hover {
                                background-color: var(--wp--preset--color--white);
                                color: var(--wp--preset--color--primary);
                            }
                        }
                    }
                }
            }
        }

        &.scrolling {
            .has-primary-background-color {
                background-color: var(--wp--preset--color--primary);

                .wp-block-site-logo {
                    img {
                        filter: brightness(100);
                    }
                }

            }
        }
    }
}

.page-template-default, body.blog, .post-template-default {
    .wp-block-site-logo {
        img {
            filter: brightness(100);
        }
    }
}

header.wp-block-template-part {
    top: 0;
    transition-property: top;
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    width: 100%;
    z-index: 99;

    &:not(.block-editor-iframe__body header.wp-block-template-part){
        position: fixed !important;

        .main-header-wrapper{
            transition-property: background-color, padding;
            transition-duration: 0.35s;
            transition-timing-function: ease-in-out;
        }
    }

    .wp-block-site-logo{
        max-width: 248px;
        transition-property: max-width;
        transition-duration: 0.35s;
        transition-timing-function: ease-in-out;
    }

    .hide-on-scroll{
        display: grid;
        grid-template-rows: 1fr;
        overflow: hidden;
        transition-property: grid-template-rows, margin, padding;
        transition-duration: 0.35s;
        transition-timing-function: ease-in-out;

        .hide-on-scroll--inner{
            min-height: 0;
            opacity: 1;
            visibility: visible;
            transition-property: opacity, visibility;
            transition-duration: 0.35s;
            transition-timing-function: ease-in-out;
        }
    }

    .top-navigation-wrapper {
        margin-bottom: 10px;
    }

    &.scrolling{
        .wp-block-site-logo{
            max-width: 100px;
        }

        .hide-on-scroll{
            grid-template-rows: 0fr;
            margin-bottom: 0;
            padding-bottom: 0 !important;
            padding-top: 0 !important;

            .hide-on-scroll--inner {
                opacity: 0;
                visibility: hidden;
            }
        }

        .main-header-wrapper{
            padding-bottom: 10px !important;
            padding-top: 10px !important;
        }
    }

    &:not(.scrolling){
        &:not(.block-editor-iframe__body header.wp-block-template-part){
            .main-header-wrapper{
                background-color: transparent !important;
            }
        }

    }
}

iframe:not(.edit-site-visual-editor__editor-canvas){
    border-radius: 16px;
    max-width:100%;
}

.hide-overflow {
    overflow: hidden;
}

/* Campsite tags */
.campsite-tag,
.taxonomy-category {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    margin: 0 !important;
    border-radius: 100px;
}

@media screen and (max-width: 1050px) {
    .testimonial-block {
        .wp-block-columns {
            flex-direction: column-reverse;
            overflow:clip;

            .wp-block-column:nth-child(1) {
                padding: 1rem !important;
                width:90%;

            }

            .wp-block-column:nth-child(2){
                flex-basis: unset !important;
            }
        }
        .wp-block-cover {
            min-height: 430px !important;
        }
        .why-harrys-stamp {
            left: unset !important;
            right: 0px;
            bottom: -125px !important;
        }
    }

    .blog-swiper-wrapper {
        .wp-block-columns {
            flex-direction: column;

            .wp-block-column:nth-child(1) {
                h3, p {
                    max-width: unset !important;
                }
            }

            li {
                .wp-block-group {
                    flex-direction: column;

                }
            }
        }
    }
}


@media screen and (max-width: 781px) {
    .all-about-harrys {
        .wp-block-columns {
            flex-direction: column-reverse;
        }
    }

    .next-adventure-block {
        .wp-block-cover__inner-container {
            .wp-block-group {
                padding-left: 35px !important;
            }
        }
    }
}


@media screen and (max-width: 700px) {
    .experience-icons {
        flex-direction: column;
        & > div {
            flex-basis:auto;
        }
    }    
}

.wp-block-categories-list {
    list-style:none;
    display:flex;
    gap:1rem;
}