/*CSS for translation button. please edit to fit your styling. */
#recite-translation-dropdown, #recite-translation-dropdown-mobile {
    position: absolute;
    height: 400px;
    overflow: auto;
    min-width: 160px;
    padding: 0;
    background-color: #fff;
    border: solid 1px black;
    color: #111;
    font-size: 10pt;
    z-index: 1;
}

@media(max-width: 768px) {
    #recite-translation-dropdown-mobile {
        top: 303.5px;
    }
}

@media(min-width: 768px) {
    #recite-translation-dropdown-mobile {
        top: 303.5px;
    }
}

#recite-translation-dropdown {
    top: 47px;
    left: 0px;
}

    #recite-translation-dropdown ul, #recite-translation-dropdown-mobile ul {
        margin: 0;
        padding: 0;
    }

    #recite-translation-dropdown li, #recite-translation-dropdown-mobile li {
        margin: 0;
        padding: 20px 30px;
        font-size: 10pt;
        list-style: none;
        cursor: pointer;
    }

        #recite-translation-dropdown li:hover, #recite-translation-dropdown-mobile li:hover {
            color: #eee;
            background-color: #01395c;
        }

            #recite-translation-dropdown li:hover .recite_language_native_name_str_dropdown, #recite-translation-dropdown-mobile li:hover .recite_language_native_name_str_dropdown {
                color: #eee !important;
            }

.recite_language_main_name_str_dropdown {
    font-size: 1em;
}

.recite_language_native_name_str_dropdown {
    font-size: 0.9em;
    font-style: italic;
    color: #01395c;
}