/**
 * GTranslate inside UberMenu (front-end).
 * Enqueued from functions.php as handle `trinity-foundation-gtranslate-ubermenu`.
 */
 .gtranslate-desktop-only{
  display: flex;
 }
#ubermenu-main-2 .gtranslate_wrapper,
#ubermenu-nav-main-2 .gtranslate_wrapper {
	height: auto !important;
}

#ubermenu-nav-main-2 .gtranslate_wrapper select {
	margin-bottom: 9px !important;
}

/*
 * Chevron on the GTranslate dropdown (native select).
 * Use opaque header green + color-scheme:dark — Windows Chrome ignores transparent
 * on <select> and paints a white system background (Mac/iOS look fine with transparent).
 */
#ubermenu-main-2 .gtranslate_wrapper select.gt_selector,
#ubermenu-nav-main-2 .gtranslate_wrapper select.gt_selector {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  color-scheme: dark;
  forced-color-adjust: none;

  border: 0.5px solid #fff !important;
  margin-left: 15px !important;
  /* Match .header-wrap (#324629); avoid transparent (breaks on Windows) */
  /* background-color: #324629 !important; */
  background-image: url("../images/arrow-language.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 12px 12px !important;
  color: #fff !important;

  padding-right: 32px !important;
  margin-bottom: 9px !important;
}

select.gt_selector{
  background-color: #19250F!important;
  color: #fff!important;
}
#ubermenu-main-2 .gtranslate_wrapper select.gt_selector option,
#ubermenu-nav-main-2 .gtranslate_wrapper select.gt_selector option {
  background-color: #19250F;
  color: #fff;
}



/* Vietnamese language */
.gt-active-lang-vi #ubermenu-main-2 .gtranslate_wrapper select.gt_selector,
.gt-active-lang-vi #ubermenu-nav-main-2 .gtranslate_wrapper select.gt_selector {
  margin-left: 8px!important;
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .gt-active-lang-vi .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* Mobile - slider menu */
.gtranslate-mobile-only {
  display: none !important;
}

@media (max-width: 1199px) {
  .gtranslate-desktop-only {
    display: none !important;
  }

  .gtranslate-mobile-only {
    display: block !important;
  }
}

/* Home banner RevSlider: during GTranslate + RS relayout — hide grouped hero (text, shapes, vertical lines) and any loose text/button; RS inline styles need !important on visibility/opacity. */
rs-module-wrap.trinity-gt-revslider-layout-pending rs-group-wrap,
rs-module-wrap.trinity-gt-revslider-layout-pending [data-type="text"],
rs-module-wrap.trinity-gt-revslider-layout-pending [data-type="button"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
}

/*
 * Desktop: hero copy hidden before JS; JS adds html.trinity-rs-home-banner-layout-done after
 * pageload resize settles (see gtranslate-nav-menu-lang.js). Mobile (max-width 1199px) unchanged.
 */
@media (min-width: 1200px) {
  html:not(.trinity-rs-home-banner-layout-done) rs-module-wrap[data-alias="home-banner-max"] rs-group-wrap,
  html:not(.trinity-rs-home-banner-layout-done) rs-module-wrap[data-trinity-rs-alias="home-banner-max"] rs-group-wrap,
  html:not(.trinity-rs-home-banner-layout-done) rs-module-wrap[data-alias="home-banner-max"] rs-module [data-type="text"],
  html:not(.trinity-rs-home-banner-layout-done) rs-module-wrap[data-trinity-rs-alias="home-banner-max"] rs-module [data-type="text"],
  html:not(.trinity-rs-home-banner-layout-done) rs-module-wrap[data-alias="home-banner-max"] rs-module [data-type="button"],
  html:not(.trinity-rs-home-banner-layout-done) rs-module-wrap[data-trinity-rs-alias="home-banner-max"] rs-module [data-type="button"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: none !important;
  }
}


body #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow{
  width: 80px!important;
  background-position: right 50%!important;
}