/****************************
 * Language Switcher
*****************************/
.language-switcher {margin-left:50px; margin-bottom:5px;
    font-family:var(--twc-font-secondary);
}
.language-switcher ul {list-style:none; margin:0;}
.language-switcher ul > li {padding:0;}

.language-switcher-item {white-space:nowrap; display:flex; align-items:center; font-size:var(--twc-size-15);}
.language-switcher-item.text-code {text-transform:uppercase; color:rgba(255, 255, 255, .5);}
img.language-switcher-item__flag {width:25px; height:auto; margin-left:5px; background-color:#ccc;}
a.language-switcher-item:hover,
a.language-switcher-item:focus {color:var(--twc-color-primary); text-decoration:none;}
.scroll-up:not(.scroll-top) .language-switcher {margin-bottom:-5px;}

/****************************
 * Language Switcher > List
*****************************/
.language-switcher.list ul {display:flex;}
.language-switcher.list ul > li:not(:last-child) {margin-right:20px;}

/****************************
 * Language Switcher > Hover
*****************************/
/* hover */
.language-switcher.hover {position:relative; color:#fff;}
.language-switcher.hover:not(:hover) .language-switcher-dropdown {opacity:0; visibility:hidden;}

.language-switcher.hover > .language-switcher-item:after {
    content:"\e931"; font-family:var(--twc-font-icomoon); font-size:.6em;
    margin-left:5px; display:inline-block;
    transition:transform .3s ease;
}
.language-switcher.hover:hover > .language-switcher-item:after {transform:rotate(180deg);}

/* dropdown */
.language-switcher-dropdown {
    position:absolute; top:100%; left:50%; transform:translateX(-50%);
    padding-top:10px; z-index:3;
    transition:all .3s ease;
}
.language-switcher-dropdown ul {
    background:#fff;
    box-shadow:0 0 0 1px #ccc; border-radius:5px;
}
.language-switcher-dropdown ul li:not(:last-child) {border-bottom:1px solid #ccc;}
.language-switcher-dropdown ul .language-switcher-item {padding:5px 15px; color:rgba(29, 27, 27, .5); font-weight:500;}
.language-switcher-dropdown ul .language-switcher-item:hover {color:var(--twc-color-primary);}


/* Responsive */
@media only screen and (max-width:1180px) {
    .language-switcher {margin-bottom:0; margin-left:var(--twc-gap-container);}
}