.trp-language-switcher {
height: 40px;
position: relative;
width: auto;
min-width: 100px;
max-width: 150px;
text-overflow: ellipsis;
white-space: nowrap;
}
.trp-language-switcher > div {
padding: 4px 10px 3px 8px;
border: 1px solid #949494;
border-radius: 2px;
background-image: url(../../assets/images/arrow-down-3101.svg);
background-repeat: no-repeat;
background-position: calc(100% - 8px) center;
background-size: 8px 8px;
background-color: #fff;
}
.trp-language-switcher > div:hover {
background-image: none;
}
.trp-language-switcher > div > a {
display: block;
padding: 4px 8px;
border-radius: 2px;
text-decoration: none;
color: #1E1E1E;
font-size: 14px;
line-height: 1.3;
}
.trp-language-switcher > div > a:hover {
background: #F0F0F0;
}
.trp-language-switcher > div > a > img {
display: inline-block;
margin: 0 3px 0 0;
width: 18px;
height: 12px;
vertical-align: middle;
}
.trp-language-switcher .trp-ls-shortcode-current-language {
display: inline-block;
}
.trp-language-switcher:focus .trp-ls-shortcode-current-language,
.trp-language-switcher:hover .trp-ls-shortcode-current-language {
visibility: hidden;
}
.trp-language-switcher .trp-ls-shortcode-language {
display: inline-block;
height: 1px;
overflow: hidden;
visibility: hidden;
z-index: 1;
max-height: 200px;
overflow-y: auto;
left: 0;
top: 0;
min-height: auto;
}
.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language {
visibility: visible;
height: auto;
position: absolute;
left: 0;
display: inline-block !important;
min-height: auto;
}
@media screen and (max-width: 767px) {
.trp-language-switcher {
max-width: 100px;
}
.trp-language-switcher > div {
padding: 4px 5px 3px 5px;
}
.trp-language-switcher > div > a {
padding: 4px 5px;
font-size: 13px;
}
.trp-language-switcher > div > a > img {
margin: 0 2px 0 0;
width: 16px;
height: 11px;
}
}