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

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


    .language-switcher {
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
    }

        .mobile-menu-language .language-switcher {
            justify-content: center;
        }

        .language-switcher li:not(:last-child) {
            position: relative;
            padding-right: 15px;
            margin-right: 9px;
        }


        /* Add line AFTER each item except the last */
        .language-switcher li:not(:last-child)::after {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 1em;
            width: 1px;
            background-color: var(--brand-color-white);
        }

            .language-switcher a {
                line-height: 24px;
                text-align: center;
                font-weight: 500;
                color: var(--brand-color-white) !important;
                width: 25px;
                height: 25px;
                border-radius: 50%;
                border: 1px solid transparent;
                /* display: flex; */
                /* align-items: center; */
                /* justify-content: center; */

            }

            .mobile-menu-language .language-switcher li:not(:last-child)::after {
                background-color: var(--brand-color-black);
            }


            .mobile-menu-language .language-switcher a {
                color: var(--brand-color-black) !important;
            }

            /* The header sits over the hero imagery with no background colour
               of its own, so the white language links had nothing for a contrast
               checker to measure against. Kept deliberately faint so the design
               is untouched - it darkens the disc just enough to be a real
               background colour rather than none at all. */
            .main-header-language .language-switcher a {
                background-color: rgba(0, 0, 0, 0.15);
            }

 
            .language-switcher .language-current a {
                border: 1px solid var(--brand-color-white);
            }

                .mobile-menu-language .language-switcher .language-current a {
                    border: 1px solid var(--brand-color-black);
                }

            .language-switcher a:hover {
                border: 1px solid var(--brand-color-white);
            }

                .mobile-menu-language  .language-switcher a:hover {
                    border: 1px solid var(--brand-color-black);
                }

    /* Sticky language switcher */       

    .lang-switcher {
        position: relative;
        display: inline-block;
    }

        .small .lang-switcher {
            margin-right: 15px;
        }
        
        .tablet .lang-switcher {
            margin-right: 2em;
        }
        

            .current-lang {
                cursor: pointer;
                /* padding: 8px; */
                position: relative;
                /* padding-right: 15px; */
                margin-right: 0;
                border: 1px solid var(--nvm-color-white);
                line-height: 24px;
                text-align: center;
                font-weight: 500;
                color: var(--nvm-color-white) !important;
                width: 25px;
                height: 25px;
                border-radius: 50%;
                text-transform: uppercase;
                font-size: 14px;
            }

            .lang-dropdown {
                display: none;
                position: absolute;
                top: 100%;
                left: 50%;
                background: var(--brand-color-darker-pale-blue);
                list-style: none;
                padding: 10px;
                margin: 0;
                transform: translateX(-50%);
                text-transform: uppercase;
                font-size: 14px;
                z-index: 1;
            }

            .lang-dropdown li a {
                display: block;
                color: var(--nvm-color-white);
                line-height: 24px;
                width: 25px;
                height: 25px;
                border-radius: 50%;
                position: relative;
                text-align: center;
                border: 1px solid transparent;
            }

            .lang-dropdown li a:hover {
                display: block;
                color: var(--nvm-color-white);
                border: 1px solid var(--nvm-color-white);
                opacity: 1;
                
            }

        .lang-switcher:hover .lang-dropdown {
            display: block;
        }
 
        .lang-switcher::after {
            display: block;
            position: absolute;
            /*top: 40%;
            right: -10px;*/
            top: 110%;
            left: 10px;
            transform: translateY(-50%);
            content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="7" height="4" viewBox="0 0 7 4" fill="none"><path d="M6.86086 0.816268C7.04633 0.629491 7.04643 0.326721 6.86086 0.140003C6.6753 -0.0467149 6.3744 -0.0466203 6.18878 0.140003L3.50001 2.80444C2.54278 1.85729 0.811216 0.140003 0.811216 0.140003C0.625596 -0.0466206 0.324699 -0.0467152 0.139136 0.140003C-0.0464263 0.32672 -0.0463319 0.629491 0.139136 0.816267L3.16396 3.85993C3.34957 4.04669 3.65043 4.04669 3.83604 3.85993L6.86086 0.816268Z" fill="white"/></svg>');
        }