.language-selector {
    padding-left: var(--space-zero);
    list-style: none;
    margin: 0 !important;
}

    .language-selector li {
        margin-bottom: var(--space-zero) !important;
    }

    .language-selector .language--button {
        font-family: var(--project-sans-serif);
        border: none;
        background: #e8e8e8;
        color: hsl(var(--text-black));
        padding: var(--space-xs) var(--space-sm);
        font-size: var(--step--2);
        z-index: 1000;
        position: relative;
    }

    .language-selector .language--button:after {
            content: '\f078';
            font-family: var(--font-awesome);
            padding-left: var(--space-sm);    
        }

    .language-selector ul#language-options {
        list-style-type: none;
        padding-left: var(--space-zero);
        margin: 0;
        display: none;
        position: absolute;
        width: 100%;
        z-index: 100;
    }

    .language-selector ul#language-options.active {
            display: block;
        }

    .language-selector ul#language-options li {

            background: #f6f6f6;
            margin-bottom: var(--space-zero);
        }

    .language-selector ul#language-options li.is-active {
                background: #75BBE1;
            }

    .language-selector ul#language-options li a {
                font-size: var(--step--2);
                padding: var(--space-sm) var(--space-md);
                display: block;
                font-family: var(--project-sans-serif);
                color: hsl(var(--text-black));

            }