/*======================================
Theme Name: Divi Tung
Theme URI: https://divicake.com/
Description: Divi Tung
Version: 1.0
Author: Tung Pham
Author URI: https://divicake.com/
Template: Divi
======================================*/

/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
.mobile_menu_bar::before {
  color: #032659 !important;
}
li.current-menu-ancestor > a,
li.current_page_item > a,
li.menu-item > a:hover {
  text-decoration: underline !important;
}
#et-boc > #main-header,
#main-header .nav li ul,
.et-search-form,
#main-header .et_mobile_menu,
#main-header.et-fixed-header {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3) !important;
}
.nav li.dich-vu > ul {
  width: 290px !important;
}
.nav li.dich-vu > ul > li > ul {
  left: 290px !important;
}
#top-menu li {
  padding-right: 20px !important;
}
#top-menu li li a {
  padding: 6px !important;
  width: 200px !important;
}
#top-menu li.dich-vu > ul > li > a {
  width: 250px !important;
}
div.gt_languages > a.glink.nturl {
  color: black !important;
}
.et-fixed-header #top-menu div.gt_languages > a.glink.nturl {
  color: black !important;
}
.gt_switcher_wrapper {
  color: white !important;
  background-color: #032659 !important;
  padding: 8px !important;
  border-radius: 4px !important;
}
.gt_switcher_wrapper > a.gt_switcher-popup {
  color: white !important;
}
@media all and (min-width: 982px) {
  div.gt_languages > a.glink.nturl {
    color: black !important;
  }
  .gt_switcher_wrapper {
    display: none !important;
  }
}
@media all and (max-width: 981.999px) {
  li.menu-item-gtranslate {
    display: none !important;
  }
}
.gt_switcher-popup.glink > span:last-of-type {
  color: #032659 !important;
}
.gt_float_switcher .gt_options a:hover {
  background-color: #032659 !important;
}
.et-pb-arrow-next,
.et-pb-arrow-prev {
  background-color: rgba(0, 0, 0, 0.6) !important; /* semi-transparent black */
  color: #fff !important; /* white arrow icon */
  font-size: 24px !important;
  padding: 12px !important;
  border-radius: 50% !important;
  z-index: 1000 !important;
  cursor: pointer !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) !important; /* glow to separate from image */
  transition: background-color 0.3s !important;
}
.et-pb-arrow-next:hover,
.et-pb-arrow-prev:hover {
  background-color: rgba(255, 255, 255, 0.9) !important; /* brighter hover */
  color: #000 !important; /* black arrow icon on hover */
}
.et_pb_bg_layout_light .et-pb-controllers a {
  background-color: rgba(
    255,
    255,
    255,
    0.8
  ) !important; /* White with transparency */
  border: 2px solid #000 !important; /* Black border for contrast */
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  margin: 0 6px !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.7) !important; /* Soft shadow for visibility */
  transition: all 0.3s ease !important;
}
.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {
  background-color: #ffcc00 !important; /* Bright color for the active dot */
  border-color: #fff !important; /* White border for contrast */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9) !important;
}
.entry-content tr td {
  padding: 6px !important;
}