html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Legacy resets */
.wp-block-group {
    position: relative;
}

.c-hello-bar {
    background-color: var(--green-300);
    color: var(--green-900);
    font-size: 15px;
    font-weight: var(--font-weight-regular);
    position: relative;
    z-index: 90;
    line-height: var(--line-height-tight);
    padding: var(--size-spacing-1-and-half);
}

.c-hello-bar .container {
    margin: 0 auto;
    max-width: calc(100% - 36px) !important;
}

.c-hello-bar--hide {
    display: none;
}

.c-hello-bar__content {
    text-align: center;
}

.c-hello-bar__content p {
    font-size: inherit;
    line-height: inherit;
}

.c-hello-bar__content p a {
    font-size: inherit;
    color: inherit;
    font-weight: 700;
    transition: all 0.3s;
    text-decoration: underline;
}

.c-hello-bar__content p a:hover {
    text-decoration-color: var(--green-600);
}

.c-header__content, .c-header__mobile-rad, .c-hello-bar, button.hamburger { 
    display: none; 
}

nav, .header-links, .nav-icon {
    visibility: hidden;    
}

@media (max-width: 767px) {
    .c-hello-bar {
        padding: 1em 0;
    }

    .c-hello-bar p {
        line-height: 1.3;
    }
}

footer.footer-new.footer-report {
    padding: var(--size-spacing-8) 0;
    
    .footer-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer-custom-logo {        
        width: 148px;
    }
    .legal-container {
        display: flex;
        flex-flow: column;
        align-items: end;
    }
    .legal {
        display: flex;
        margin-bottom: var(--size-spacing-1);
        a {
            font-size: var(--size-font-body-sm);
        }
        span::after {
            content: "•";
            padding: 0 6px;
            font-size: 10px;
            transform: translateY(-2px) translateX(-1px);
            display: inline-block;
            color: var(--neutral-700);
        }

        span:last-child::after {
            content: "";
            padding: 0;
        }
        .privacy-icon {
            display: inline-block;
            max-width: 25px;
            transform: translate3d(2px, -1px, 0);
        }
    }    
    .copyright {
        font-size: var(--size-font-body-sm);
        color: var(--neutral-700);
        font-weight: var(--font-weight-bold);
    }

    .social-media {
        display: flex;
        padding-top: var(--size-spacing-3);
        margin-left: -7px;
        a {
            height: 35px;
            width: 35px;
            border-radius: var(--size-radius-full);
            display: flex;
            justify-content: center;
            align-items: center;
            transition: background-color var(--time-transition-fast) ease;
            &:hover {
                background-color: var(--neutral-1000-05);
            }
        }
    }

    @media (max-width: 991px) {
        .footer-wrap {
            flex-direction: column;
            align-items: center;
            gap: var(--size-spacing-4);
        }

        .footer-logo-group {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            width: 100%;
        }

        .social-media {            
            flex-wrap: wrap;
            justify-content: center;
            gap: var(--size-spacing-1);
            padding-top: var(--size-spacing-2);
            margin-left: 0;
        }

        .legal-container {
            align-items: center;
            text-align: center;
            width: 100%;
        }

        .legal {
            text-align: center;
        }

        .copyright {
            text-align: center;
        }
    }
    @media (max-width: 768px) {
        padding: var(--size-spacing-8) 0 var(--size-spacing-5) 0;

        .footer-logo-group {
            align-items: start;
            border-bottom: 1px solid var(--neutral-400);
            padding-bottom: 2.25rem;
        }

        .legal {
            width: 100%;
            display: flex;
            flex-flow: column;
            align-items: start;
            margin-bottom: var(--size-spacing-6);
            row-gap: var(--size-spacing-1);
            span::after {
                content: "";
            }
        }

        .social-media {                                    
            gap: var(--size-spacing-half);
        }

        .copyright {
            text-align: left;
            width: 100%;
        }
    }
}