/*
 *  Menu Language Switcher
 */

.menu-item-object-language_switcher .trp-flag-image {
    display: inline-block;
    margin: -1px 5px;
    vertical-align: baseline;
    padding: 0;
    border: 0;
    border-radius:0;
}

/*
 *  Shortcode Language Switcher
 */
.trp-language-switcher {
    position: relative;
    display: inline-block;
    padding: 0;
    border: 0;
    margin: 2px;
    box-sizing: border-box;
}


.trp-language-switcher > div {
    box-sizing: border-box;
    padding:3px 20px 3px 5px;
    /* border: 1.5px solid #949494; */
    border-radius: 3px;

    background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);

    background-position: calc(100% - 8px) calc(1em + 0px),
            calc(100% - 3px) calc(1em + 0px);

    background-size: 5px 5px, 5px 5px;

    background-repeat: no-repeat;

    /* background-color: #fff; */
}

.trp-language-switcher > div > a {
  display: block;
  padding: 2px;
  border-radius: 3px;
  color: rgb(7, 105, 173);
}

/* .trp-language-switcher > div > a:hover {
    background: #F0F0F0;
    border-radius: 2px;
} */
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
    cursor: default;
}
/* .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language:hover {
    background: none;
} */

.trp-language-switcher > div > a > img {
    display: inline;
    margin: 0 3px;
    width: 18px;
    height: 12px;
    border-radius: 0;
}

.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: 250px;
    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;
    max-height: 250px;
    height: auto;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block !important;
    min-height: auto;
}

/*
 *  Front-end Admin Bar Icon
 */
#wpadminbar #wp-admin-bar-trp_edit_translation .ab-icon:before {
    content: "\f326";
    top: 3px;
}

@media screen and (max-width: 782px) {
    #wpadminbar #wp-admin-bar-trp_edit_translation > .ab-item {
        text-indent: 0;
    }

    #wpadminbar li#wp-admin-bar-trp_edit_translation {
        display: block;
    }
}