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

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


/* Menu giống ảnh: căn giữa + 2 đường line 2 bên */
.header-bottom-nav.nav.nav-center{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* 2 đường kẻ trái/phải */
.header-bottom-nav.nav.nav-center::before,
.header-bottom-nav.nav.nav-center::after{
  content: "";
  flex: 1 1 auto;
  border-top: 1px solid rgba(0,0,0,.18);
}

/* khoảng cách giữa line và menu */
.header-bottom-nav.nav.nav-center::before{ margin-right: 28px; }
.header-bottom-nav.nav.nav-center::after{  margin-left: 28px; }

/* Style chữ giống ảnh */
.header-bottom-nav.nav.nav-center > li > a.nav-top-link{
  text-transform: uppercase;  
  letter-spacing: 0.22em;
  font-size: 13px;
  font-weight: 600;
  color: rgba(0,0,0,.45);
  padding: 12px 18px;
}

/* Item đang active có nền nhạt */
.header-bottom-nav.nav.nav-center > li.current-menu-item > a.nav-top-link,
.header-bottom-nav.nav.nav-center > li.current_page_item > a.nav-top-link,
.header-bottom-nav.nav.nav-center > li.active > a.nav-top-link{
  background: rgba(0,0,0,.06);
  color: rgba(0,0,0,.75);
}

.header-bottom-nav > li > a {
  line-height: 32px !important;
}

/* Mobile: ẩn line cho gọn */
@media (max-width: 849px){
  .header-bottom-nav.nav.nav-center::before,
  .header-bottom-nav.nav.nav-center::after{
    display:none;
  }
}


.text.welcome{
  font-size: 56px !important;
}



/* Ép banner row thoát khỏi container (full màn hình) */
body .banner_row{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Row/Col/Inner full width, bỏ mọi giới hạn */
body .banner_row > .banner_colum,
body .banner_row > .banner_colum > .col-inner{
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Banner full width + các lớp bên trong */
body .banner_row .banner_image,
body .banner_row .banner_image .banner-inner,
body .banner_row .banner_image .banner-bg,
body .banner_row .banner_image .bg,
body .banner_row .banner_image .overlay{
  width: 100% !important;
  max-width: 100% !important;
}

/* Layers container của Flatsome hay bị max-width -> ép full */
body .banner_row .banner_image .banner-layers.container{
  width: 100% !important;
  max-width: 100vw !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* (Tuỳ chọn) tránh bị kéo thanh ngang do 100vw */
html, body{
  overflow-x: hidden !important;
}
















































































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


}