.wpml-ls-legacy-dropdown { width: 15.5em; max-width: 100%; } .wpml-ls-legacy-dropdown > ul { position: relative; padding: 0; margin: 0 !important; list-style-type: none; } .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu { visibility: visible; } .wpml-ls-legacy-dropdown .wpml-ls-item { padding: 0; margin: 0; list-style-type: none; } .wpml-ls-legacy-dropdown a { display: block; text-decoration: none; color: #444; border: 1px solid #cdcdcd; background-color: #fff; padding: 5px 10px; line-height: 1; } .wpml-ls-legacy-dropdown a span { vertical-align: middle; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { position: relative; padding-right: calc(10px + .7em + .7em); } .rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { padding-right: 10px; padding-left: calc(10px + .7em + .7em); } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { content: ''; vertical-align: middle; display: inline-block; border: .35em solid transparent; border-top: .5em solid; position: absolute; right: 10px; top: calc(50% - .175em); } .rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { right: auto; left: 10px; } .wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a { color: #000; background: #eee; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { visibility: hidden; position: absolute; top: 100%; right: 0; left: 0; border-top: 1px solid #cdcdcd; padding: 0; margin: 0; list-style-type: none; z-index: 101; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { border-width: 0 1px 1px 1px; } .wpml-ls-legacy-dropdown .wpml-ls-flag { display: inline; vertical-align: middle; } .wpml-ls-legacy-dropdown .wpml-ls-flag + span { margin-left: .4em; } .rtl .wpml-ls-legacy-dropdown .wpml-ls-flag + span { margin-left: 0; margin-right: .4em; }