/*
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.   ***************/
div#glt-translate-trigger {
    display: none;
}
/* Màu chữ menu chính */
.header-nav-main nav > ul > li > a {
  color: #000000 !important; /* Đổi sang màu bạn muốn */
}

/* Màu chữ khi hover */
.header-nav-main nav > ul > li > a:hover {
  color: #ff0000 !important;
}

/* Màu mục đang active */
.header-nav-main nav > ul > li.current-menu-item > a {
  color: #0073aa !important;
} 
.header-top {
    background-color: #4d90fe;
}
.slideshow-home .banner-bg.fill{
  width: 800px;
}
.slideshow-home > div {
    max-width: 1080px;
    margin: 35px auto 0 auto;
}
.slideshow-home{
  background-color: #64b6ce;
}
.home-new-top .box-text{
  padding-top: 0;
  margin-top: -35px;
}
.home-new-top h5.post-title.is-xxlarge{
  padding: 0 20px 0 0px;
}
.blog-post-inner {
  position: relative;
  overflow: hidden;
}

.blog-post-inner .box-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: rgba(0,0,0,0.6); /* nền mờ đen */
  color: white;
  z-index: 2;
  transition: all 0.3s ease;
}

.blog-post-inner .box-text h5 {
  color: white !important;
  font-size: 18px;
  margin: 0;
}

.blog-post-inner .box-image {
  position: relative;
  z-index: 1;
}
.box-text .is-divider,
.box-text .from_the_blog_comments {
  display: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
  .flickity-slider .blog-post-inner{
    margin-top: 30px;
  }
  #flags{
    width: 40px;
  }
  .header-main li.html.custom {
        display: block;
    }
}