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

.twc-language-switcher-item {white-space:nowrap; display:flex; align-items:center;}
.twc-language-switcher-item.text-code {text-transform:uppercase;}
img.twc-language-switcher-item__flag {width:21px; height:auto;}
a.twc-language-switcher-item:hover,
a.twc-language-switcher-item:focus {color:var(--twc-color-primary); text-decoration:underline;}


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


/****************************
 * Language Switcher > Hover
*****************************/
/* hover */
.twc-language-switcher.hover {position:relative; margin-left:45px;}
.twc-language-switcher.hover:not(:hover) .twc-language-switcher-dropdown {opacity:0; visibility:hidden;}

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

/* dropdown */
.twc-language-switcher-dropdown {
    position:absolute; top:100%; left:-10px; padding-top:10px;
    transition:var(--twc-transition); z-index:2;
}
.twc-language-switcher-dropdown ul {
    background:#fff;
    box-shadow:0 0 10px 5px rgba(0, 0, 0, .1); border-radius:5px; overflow:hidden;
}
.twc-language-switcher-dropdown ul li:not(:last-child) {border-bottom:1px solid rgba(112, 112, 112, .2);}
.twc-language-switcher-dropdown ul .twc-language-switcher-item {padding:10px;}
.twc-language-switcher-dropdown a:hover {background:rgba(37, 121, 230, .5);}

@media only screen and (max-width:1360px) {
    /* hover */
    .twc-language-switcher.hover {margin-left:25px;}
}
@media only screen and (max-width:480px) {
    /* hover */
    .twc-language-switcher.hover {margin-left:0;}
}