#google_translate_element {
    display: none;
}

.translate-inner select {
    appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.translate-cont {
    margin-bottom: 10px;
    display: none;
    justify-content: center;
}

.mobile-nav .translate-cont {
    display: block;
}

.mobile-nav .translate-inner {
    color: #000;
}

.mobile-nav .translate-inner img {
    width: 19px;
    height: 16px;
}

.translate-inner {
    position: relative;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 14px;
    font-family: var(--font-body-alt);
    text-transform: uppercase;
    color: var(--white);
    max-width: 210px;
}

.translate-inner .select-cont{
    padding-right: 20px;
}

.translate-inner select {
    margin: 0;
    font-family: var(--font-body-alt);
    letter-spacing: 0.05em;
    font-size: 13px;
    line-height: 1.2;
    border: 0;
    height: 25px;
    padding: 5px 0 0;
    color: var(--white);
    background-color: transparent;
    background-image: none;
    cursor: pointer;
}

.mobile-nav .translate-inner select {
    color: var(--white);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

.mobile-nav .translate {
    margin-top: 15px;
}

.translate-inner select:hover {
    background-color: transparent;
}

.translate-inner select option {
    color: #0b6087;
    letter-spacing: 1.2px;
    cursor: pointer;
}

.translate-inner select {
    align-items: center;
    justify-content: center;
    height: 100%;
    color: currentColor;
    white-space: nowrap;
    color: #fff;
    text-transform: uppercase;
    font-size: calc(13px + (16 - 13) * ((100vw - 1024px) / (1400 - 1024)));
    font-weight: 500;
    font-family: 'Red Hat Display';
    letter-spacing: 0.04em;
    /* margin-left: calc(10px + (18 - 10) * ((100vw - 1024px) / (1400 - 1024))); */
}

@media (max-width: 1024px) {
    .translate-inner select {
        padding-right: 15px;
    }
    .translate-inner .fas{
        display: none;
    } 

    .translate-inner .fas.active {
        margin-left: -25px;
        pointer-events: none;
        color: var(--white);
        font-size: 18px;
        position: relative;
        left: -10px;
        display: block;
    }
}
@media (min-width: 1024px) {
    .translate-inner .select-cont .border-bottom {
        width: calc(100% - 25px);
    }
    .translate-cont {
        margin-bottom: -7px;
        justify-content: flex-start;
        display: inline;
    }
    .translate-inner {
        align-items: center;
        margin-top: -5px;
    }

    .translate-inner img {
        width: 16px;
    }
    
    .translate-inner select {
        display: flex;
    }

    .translate-inner .fas{
        display: none;
    }

    .translate-inner .fas.active {
        position: absolute;
		right: 25px;
        top: 3px;
        font-size: 20px;
        color: var(--white);
		z-index: 5;
        pointer-events: none;
        display: block;
    }

}

@media (min-width: 1440px) {
    .translate-inner select  {
        font-size: var(--text-base);
    }

    .translate-inner .fas.active {
        right: 15px;
    }
}

/*Google Translate on Mobile Menu*/
.panel-header .mobile-nav .mobile-dd .mobile-ctas .translate-cont{
    margin: 0;
    display: block;
}

.panel-header .mobile-nav .mobile-dd .mobile-ctas .translate-inner {
    background: transparent;
    color: var(--black);
    max-width: 100px;
}

@media screen and (min-width: 450px){
    .panel-header .mobile-nav .mobile-dd .mobile-ctas .translate-inner {
        max-width: 140px;
    }
}
.panel-header .mobile-nav .mobile-dd .mobile-ctas .translate-inner .fas{
    font-size: 16px;
    pointer-events: none;
    margin-left: -20px;
}
.panel-header .mobile-nav .mobile-dd .mobile-ctas .translate-inner .select-cont{
    margin: 0 0 0 5px;
}
.panel-header .mobile-nav .mobile-dd .mobile-ctas .translate-inner select{
    border: none;
    color: inherit;
    text-transform: uppercase;
    font-weight: 600;
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1024 - 320)));
    padding: 0;
    padding-right: 20px;
}
/* - * - * - * - * - */
