/**
 * 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) */
#ubermenu-main-2 .gtranslate_wrapper select.gt_selector,
#ubermenu-nav-main-2 .gtranslate_wrapper select.gt_selector {
  border: 0.5px solid #fff !important;
  margin-left: 15px!important;
  background-color: transparent !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;
  appearance: none !important;
  -webkit-appearance: none !important;

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



/* 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;
}