header {
    --blue: #045189;

    &#top {
        #header-outer & {
            @media (max-width: 1000px) {
                padding-top: 0 !important;
            }
        }

        .top-bar {
            position: relative;
            padding: 0.813rem 1.313rem;

            @media (max-width: 999px) {
                padding: 0.813rem 0;
                margin: 0 -0.563rem 1.688rem 0;
            }

            &::before {
                content: "";
                position: absolute;
                top: 0;
                right: -100vw;
                bottom: 0;
                left: -100vw;
                background-color: var(--blue);
            }

            .row {
                & > * {
                    display: flex;
                    justify-content: flex-end;

                    @media (max-width: 690px) {
                        justify-content: space-between;
                    }
                }
            }

            ul {
                margin-bottom: 0;
                margin-left: 0;

                &.language-switcher {
                    display: flex;
                    align-items: center;
                    column-gap: 0.5rem;

                    li {
                        font-weight: 600;
                        line-height: 1;
                        color: white;

                        a {
                            color: white;
                            transition: opacity 0.3s ease-in-out !important;

                            &:hover {
                                opacity: 0.8;
                            }
                        }
                    }
                }
            }

            ul.social-links {
                display: flex;
                align-items: center;

                li#social-in-menu {
                    display: flex !important;
                    margin-left: 1.313rem !important;

                    a {
                        display: flex !important;

                        i {
                            color: white !important;
                        }
                    }
                }
            }
        }

        ul.sf-menu {
            li {
                &.btn-blue {
                    a {
                        #header-outer & {
                            @media (min-width: 1000px) {
                                font-size: 1rem !important;
                                font-weight: 600;
                                text-transform: initial;
                                background-color: var(--blue);
                                border-radius: 0.25rem;
                                color: white !important;
                                padding: 0.813rem 1.313rem !important;
                                transition: opacity 0.3s ease-in-out !important;

                                &:hover {
                                    opacity: 0.8;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}