﻿#translateTopBar {
    position: relative;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    z-index: 999999;
    background: #e8f8e8;
    border-bottom: 1px solid #a8d8a8;
    padding: 2px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    text-align: center;
}

#google_translate_element {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    color: #000000;
    font-size: 14pt;
    text-align: center;
}

.goog-te-gadget {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #000000 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14pt !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

    .goog-te-gadget span,
    .goog-te-gadget a,
    .goog-te-gadget a:link,
    .goog-te-gadget a:visited,
    .goog-logo-link,
    .goog-logo-link:link,
    .goog-logo-link:visited {
        color: #000000 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 14pt !important;
    }

.goog-te-combo {
    width: min(260px, calc(50vw - 16px)) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0px 8px !important;
    padding: 0px !important;
    border: 1px solid #78ad82 !important;
    border-radius: 7px !important;
    background: #e8f8e8 !important;
    color: #000000 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14pt !important;
    cursor: pointer;
}

iframe.goog-te-banner-frame,
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}


@media (max-width: 600px) {
    #translateTopBar {
        width: 100%;
        padding: 2px 0;
        justify-content: center;
    }

    #google_translate_element,
    .goog-te-gadget {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 14pt !important;
    }

    .goog-te-combo {
        width: auto !important;
        min-width: 150px !important;
        max-width: calc(50vw - 10px) !important;
        height: 38px !important;
        margin: 4px 0 !important;
        font-size: 14pt !important;
    }
}
