body:not(.wp-admin):not(.block-editor-iframe__body) {
    header.header-special,
    header.header-default {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        backdrop-filter: blur(10px);
        z-index: 50;
        padding-top: 5px;
        padding-bottom: 5px;

        &.scrolled {
            background: white;

            figure {
                margin-top: 0 !important;
            }

            .wp-block-site-logo,
            .wp-block-image {
                padding-top: 0 !important;
                transition: all 0.25s;
            }

            .wp-block-columns {
                > .wp-block-column:last-child {
                    > .wp-block-group:first-child {
                        display: none;
                    }
                }
            }

            .wp-container-core-group-layout-2.wp-container-core-group-layout-2 {
                gap: 5px;

                > div:first-child {
                    height: 0;
                }
            }
        }

        .wp-block-site-logo,
        .wp-block-image {
            img {
                width: 245px;
                transition: all 0.25s;
            }
        }

        .wp-container-core-group-layout-2.wp-container-core-group-layout-2 {
            transition: all 0.25s;

            > div:first-child {
                overflow: hidden;
                transition: all 0.25s;
            }
        }
    }   
    
    header.header-default {
        background: white;
        color: var(--wp--preset--color--quaternary);
        -webkit-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.25);
        box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.25);
    }

    header.header-special {
        .wp-block-column {
            position: relative;

            .logo-scroll {
                width: 100%;
                height: auto;
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
            }
        } 

        &.scrolled {
            .logo-scroll {
                opacity: 1;
            }

            .logo-initial {
                opacity: 0;
            }
        }
    }
}

@media screen and (max-width: 795px) {
    body:not(.wp-admin):not(.block-editor-iframe__body) {
        header.header-special,
        header.header-default {
            .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
                display: none !important;
            }

            .wp-block-navigation__responsive-container-open:not(.always-shown) {
                display: block !important;
            }

            .wp-block-columns {
                gap: 0px;

                .wp-block-column:last-child {
                    .wp-block-group:first-child {
                        display: none;
                    }
                }

                .wp-block-column {
                    > * + * {
                        margin-block-start: 0;
                    }
                    
                }
            }

            .wp-block-site-logo,
            .wp-block-image {
                position: relative;

                a {
                    position: relative;
                    z-index: 20;
                }

                img {
                    width: 180px;
                }
            }

            .wp-block-columns {
                flex-wrap: nowrap !important;

                .wp-block-column:last-child {
                    .wp-block-group:first-child {
                        display: none;
                    }
                }
            }

            .wp-block-button {
                .wp-block-button__link {
                    padding-left: 15px !important;
                    padding-right: 15px !important;
                    font-size: 14px;
                }
            }

            .wp-block-navigation__container {
                gap: 20px;

                .wp-block-navigation-item__content.wp-block-navigation-item__content {
                    font-size: 18px;
                }
            }

            .wp-block-navigation__responsive-container {
                min-height: 100vh !important;

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

                    .wp-block-navigation__container {
                        width: 100%;
                        gap: 0px;
                
                        > li {
                            width: 100%;
                            box-sizing: border-box;
                            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                            padding-bottom: var(--wp--preset--spacing--small-secondary);

                            > a {
                                color: white;
                                padding: 0 var(--wp--preset--spacing--small-secondary);
                                font-size: 18px;
                            }
                
                            + li {
                                padding-top: var(--wp--preset--spacing--small-secondary);
                            }
                
                            .wp-block-navigation-submenu {
                                padding-left: 0 !important;
                                padding-top: var(--wp--preset--spacing--small-secondary);
                                padding-bottom: 0;
                
                                > li {
                                    margin-bottom: 5px;
                
                                    > a {
                                        color: rgba(255, 255, 255, 0.75);
                                        padding: 0 var(--wp--preset--spacing--small-secondary);
                                        font-size: 16px;
                                    }
                                }
                            }
                
                            &:last-child {
                                border-bottom: 0;
                            }
                        }
                    }

                    .wp-block-buttons {
                        padding: 0 var(--wp--preset--spacing--small-secondary);
                        width: 100%;
                        box-sizing: border-box;

                        .wp-block-button {
                            flex: 0 1 100%;
                            width: 100%;
                            display: block;

                            .wp-block-button__link {
                                border: 2px solid white;
                                background-color: white;
                                color: var(--wp--preset--color--primary);
                                display: block;
                                font-size: 16px !important;

                                &:hover {
                                    border: 2px solid white !important;
                                    background-color: transparent !important;
                                    color: white !important;
                                }
                            }
                        }
                    }
                    
                }

                .wp-block-navigation__responsive-container-close {
                    top: 30px !important;
                    right: 30px !important;

                    svg {
                        fill: white !important;
                    }
                }
            }
        }

        header.header-special {
            &.scrolled {
                .wp-block-navigation__responsive-container-open {
                    svg {
                        fill: var(--wp--preset--color--secondary) !important;
                    }
                }
            }
            
        }
    }
}

@media screen and (min-width: 796px) and (max-width: 960px) {
    body:not(.wp-admin):not(.block-editor-iframe__body) {
        header.header-special,
        header.header-default {
            .wp-block-navigation__container {
                gap: 20px;

                .wp-block-navigation-item__content.wp-block-navigation-item__content {
                    font-size: 14px;
                }
            }
            .wp-block-button {
                .wp-block-button__link {
                    padding-left: 15px !important;
                    padding-right: 15px !important;
                    font-size: 14px;
                }
            }
        }
    }
}