/* Language Switcher */
.twc-language-switcher ul {list-style:none; margin:0;}
.twc-language-switcher ul > li {padding:0;}

/* Language Switcher > Hover */
.twc-language-switcher.hover {position:relative; margin-left:75px;}
.twc-language-switcher.hover:before {
    font-family:var(--twc-font-icomoon); content:"\e951";
    line-height:1; font-size:22px; color:#000;
    position:absolute; top:50%; transform:translateY(-50%); right:100%;
    transition:var(--twc-transition);
}
body.home .twc-language-switcher.hover:before {color:#fff;}
.twc-language-switcher.hover:after {
    font-family:var(--twc-font-icomoon); content:"\e931";
    line-height:1; font-size:10px; color:#000;
    position:absolute; top:50%; transform:translateY(-50%); right:0;
    transition:var(--twc-transition);
}
.twc-language-switcher.hover .active {
    margin-left:12px; line-height:.8; cursor:pointer;
    padding:5px 22px 5px 0; position:relative;
}
.twc-language-switcher.hover .active img {height:15px;}
.twc-language-switcher.hover:not(:hover) ul {opacity:0; visibility:hidden;}
.twc-language-switcher.hover ul {
    position:absolute; top:100%; left:2px; right:12px;
    background:#fff; box-shadow:0 0 5px 5px rgba(0, 0, 0, .05); display:block;
    transition:var(--twc-transition);
}
.twc-language-switcher.hover:hover:after {transform:translateY(-50%) rotate(180deg);}
.twc-language-switcher.hover ul > li > a {white-space:nowrap; display:block; padding:5px 10px; line-height:1;}

/* Homepage */
body.home .twc-language-switcher.hover:after {color:#fff;}

/***********************************
* Language Switcher - Responsive
***********************************/
/* Mobile */
@media only screen and (max-width:480px) {
    .twc-language-switcher.hover {display:flex; align-items:center;}
    .twc-language-switcher.hover:before {opacity:0;}
    .twc-language-switcher.hover:after {display:none;}
    .twc-language-switcher.hover .active {margin:0 10px 0 0; padding:0;}
    .twc-language-switcher.hover:not(:hover) ul {opacity:1; visibility:visible;}
    .twc-language-switcher.hover ul {
        position:static; top:auto; left:auto; right:auto;
        background:rgba(255, 255, 255, 0); box-shadow:none;
        display:flex; align-items:center;
    }
    .twc-language-switcher ul > li:not(:last-child) {margin-right:10px;}
    .twc-language-switcher.hover ul > li > a {padding:0; opacity:.5;}
    .twc-language-switcher.hover ul > li > a > img {width:22px;}
}