/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ============ AVI LOTUS – Hover mở accordion 01-05 ============ */
.eco-acc .accordion-item {
  background: #dcdcdc;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  transition: background-color .45s ease;
}
.eco-acc .accordion-title {
  padding: 16px 22px !important;
}
.eco-acc .accordion-title .toggle {
  display: none;
}
.eco-acc .accordion-title span {
  font-weight: 700;
  color: #133d31;
  font-size: 17px;
  transition: color .3s ease;
}
.eco-acc .accordion-inner {
  padding: 0 22px 18px !important;
}
.eco-acc .accordion-inner p {
  margin: 0;
}
.eco-acc .acc-sub {
  font-style: italic;
  font-weight: 600;
  font-size: 14px;
  color: rgba(255,255,255,.85);
  margin: 8px 0 10px;
}
.eco-acc .acc-desc {
  font-size: 14px;
  line-height: 1.55;
  color: #fff;
}
.eco-acc .acc-btn {
  display: inline-block;
  margin-top: 14px;
  padding: 7px 16px;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  transition: background-color .3s ease, color .3s ease;
}
.eco-acc .acc-btn:hover {
  background: #fff;
  color: #133d31;
}
/* Khi mo hoac re chuot: nen xanh dam, chu trang */
.eco-acc .accordion-item.av-open,
.eco-acc .accordion-item:hover {
  background: #133d31;
}
.eco-acc .accordion-item.av-open .accordion-title span,
.eco-acc .accordion-item:hover .accordion-title span {
  color: #fff;
}


/* ===== Chu doc 3 banner phai - writing-mode ===== */
@media (min-width: 550px) {
  .text-box.vtxt {
    width: auto !important;
    left: 15% !important;
    top: auto !important;
    bottom: 5% !important;
    transform: none !important;
  }
  .text-box.vtxt .text-box-content {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }
  .text-box.vtxt .text-inner {
    white-space: nowrap;
  }
}