.exalate-translation-bar .gt_switcher-popup {
    align-items: center;
    height: 32px;
}

/* hides flag */
.exalate-translation-bar .gtranslate_wrapper a.gt_switcher-popup img {
    display: none;
}

/* sets sizing for language displayed name */
.exalate-translation-bar div.gtranslate_wrapper .glink span:nth-of-type(1) {
    color: rgb(34, 32, 79);
    font-family: "neue-haas-unica", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 13px;
    text-align: center;
}

.exalate-translation-bar .gt_switcher-popup:hover .gt_switcher-popup span:nth-of-type(1) {
    color: #8F64F9;
}

/* adds globe icon */
.exalate-translation-bar a.gt_switcher-popup::before {
    content: '';
    background-image: url("https://staging.exalate.com/wp-content/themes/phlox-pro-child/assets/gtranslate/globe-full.svg");
    width: 25px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(5px);
}

/* removes default chevron and adds a custom chevron */
.exalate-translation-bar .gtranslate_wrapper .gt_switcher-popup span:nth-of-type(2) {
    background-image: url("https://staging.exalate.com/wp-content/themes/phlox-pro-child/assets/gtranslate/chevron-down-solid-full.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent !important; /* to override element inline styling */
    display: inline-block;
    width: 15px;
}
