/*
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. ***************/
.header-bottom {
    max-width: 1312px;
    margin: auto;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    text-transform: uppercase;font-size: 12px;
}
.nav-dropdown>li>a {color: rgb(0 0 0);}
@media screen and (max-width: 549px) {.footer-section .box-vertical .box-image {width: 18% !important;float: left;padding-right: 10px;margin-bottom: 10px;}.mfp-content .toggle i {font-size: 1em;}}
.footer-section .has-shadow>.col>.col-inner {background-color: #ffffff00;}
.footer-section .row-box-shadow-2 .col-inner {box-shadow: none!important;}
.footer-section .has-shadow .box:not(.box-overlay):not(.box-shade) {background-color: #ffffff00!important;}
.widget-area .post-title {
    font-size: 14px!important;
    font-weight: normal!important;
    margin-bottom: 0px!important;
}
.widget-area .col-inner {
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 1px solid #ececec;
}

.posted-on {margin-right:10px;}
.entry-meta i{margin-right:3px;}
/* === Header & Topbar === */
.imgheader img { max-height: 105px; }

.wp-caption { text-align: center; }
.wp-caption .wp-caption-text { background: none; }

.header-top {
  background-image: linear-gradient(#2f2f2f, #191919);
}

.header-bottom {
  box-shadow: 0 4px 5px #0000000f;
}

#top-bar .nav li a {
  text-transform: uppercase;
  font-weight: 600;
  color: #d0d0d0;
  font-size: 13px;
}


.header-bottom-nav li a {
  text-transform: none;
  font-size: 15px;
  font-weight: normal;
}


.top-bar-nav .header-button a {
  border-radius: 99px;
  padding: 0 !important;
  background: none !important;
  color: #0aacfb !important;
}
.top-bar-nav .header-button a:hover { background: none !important; }

/* === Mega Menu === */
#wpmm-megamenu {
  width: 1182px;
  background: #111;
  border-top: 1px solid #f2f2f2;
}

#wpmm-megamenu .wpmm-subcategories { width: 20%; }
#wpmm-megamenu .wpmm-3-posts { width: 80%; }
#wpmm-megamenu .wpmm-3-posts .wpmm-post { width: 25%; }

.fa-caret-down { display: none; }

#wpmm-megamenu .wpmm-posts a {
  color: #cecece;
  font-weight: normal;
  font-size: 14px;
}

#wpmm-megamenu .wpmm-thumbnail img {
  height: 144px;
  object-fit: cover;
}

.wpmm-megamenu-showing { background: #ef6c00 !important; }
#wpmm-megamenu.wpmm-light-scheme .wpmm-posts .wpmm-entry-title a:hover { color: #3d8901 !important; }

/* === Global Layout Helpers === */
#wrapper, #main { z-index: 0; }
.is-divider { display: none; }
.fa { margin-right: 7px; }
a.back-to-top {
  background: gray !important;
  border: none !important;
  color: #fff;
}
.widget img { width: 100%; }
.row-divided > .col + .col:not(.large-12) { border-left: 1px dashed #dcdcdc; }
.row-dashed .col:before, .row-solid .col:before { border-left: none; }

/* === Sections & Lists === */
.box-blog-post .is-divider { display: none; }
.section1 .flickity-page-dots { bottom: 15px !important; }
.section1 .flickity-page-dots li {
  background: gray !important;
  width: 7px !important;
  height: 7px !important;
}

.list-post,
.list-post8,
.list-post9,
.list-post10,
.list-post15,
.list-post16,
.list-post7,
.list-post6,
.list-post5,
.list-post4,
.list-post3 {
  /* container level tweaks if needed */
}

.list-post .post-item { padding: 7px; border-bottom: 1px solid #eee; }
.list-post .post-item .box-text { padding: 0; }
.list-post .post-item .post-title {
  margin: 0;
  font-size: 15px;
  font-weight: normal;
  color: #191919;
}
.list-post .post-item .post-title:hover { color: #519000; }

.list-post1 .flickity-button,
.list-post2 .flickity-button,
.list-post10 .flickity-button { display: none; }

.list-post1 .cat-label {
  margin-bottom: 10px;
  letter-spacing: 0;
  font-weight: normal;
  font-size: 13px;
  text-transform: none;
}
.list-post1 .post-item .box-text {
  padding: 40px 30px;
  background-image: linear-gradient(transparent, #000);
}
.list-post1 .post-item .box-text .post-title { font-size: 25px; font-weight: normal; }
.list-post1 .post-item .box-text .post-title:hover { color: #fff; }

.list-post2 .col.post-item,
.list-post2 .post-item .box-text { padding-bottom: 0 !important; }
.list-post2 .post-item .box-text .post-title { font-size: 16px; } /* fixed from .post-tilte */

.section-title-normal { border-bottom: 2px solid #efefef; }
.section-title-normal span {
  margin-right: 15px;
  padding: 7px 15px 5px;
  margin-bottom: 0;
  background: #03a310;
  font-size: 16px;
  color: #fff;
  border-left: 4px solid #30377b;
}

.section-title a {
  font-size: 15px;
  color: #a2a2a2;
  font-weight: normal;
}
.section-title-container { margin-bottom: 5px; }

.list-post3 .post-item .box-text,
.list-post6 .post-item .box-text,
.list-post5 .post-item .box-text { padding-bottom: 0; }

.list-post4 .post-item .post-title {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}

.list-post5 .post-item {
  padding: 10px 0;
  border-left: 1px dashed #ddd;
  border-right: 1px dashed #ddd;
}
.list-post5 .post-item:first-child { border-top: 1px dashed #ddd; }
.list-post5 .post-item .post-title {
  margin: 0 0 5px;
  font-size: 16px;
}
.list-post5 .post-item .box-text { vertical-align: top; padding: 0 0 0 10px; }

.list-post6 .post-item .post-title { margin-bottom: 10px; font-weight: 500; }

.list-post7 .post-item { padding: 0 10px; }
.list-post7 .post-item .col-inner {
  padding: 8px 0;
  border-bottom: 1px dashed #ddd;
}
.list-post7 .overlay-icon { width: 25px; height: 25px; }
.list-post7 .overlay-icon i { top: -7px; }
.list-post7 .post-item .box-text { padding: 0 0 0 10px; }
.list-post7 .post-item .box-text .post-title { font-size: 15px; font-weight: 500; }

.list-post8 .post-item { padding-bottom: 0; }
.list-post8 .post-item .post-title { font-size: 18px; font-weight: 500; }
.list-post8 .post-item .box-text {
  border-bottom: 1px dashed #e8e8e8;
  padding-bottom: 5px;
}

.section-title-center {
  background: #f1f1f1;
  border-left: 5px solid #e4e4e4;
  border-right: 5px solid #e4e4e4;
  padding: 4px;
  color: #000;
  font-size: 17px;
}
.section-title-center b { background: transparent; }

.list-post9 .post-item { padding-bottom: 0; }
.list-post9 .post-item .box-text { padding: 0 0 0 10px; }
.list-post9 .post-item .col-inner {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #eaeaea;
}
.list-post9 .post-item .box-text .post-title { font-weight: 500; font-size: 15px; }

.anh-dep-section .list-post10 .flickity-page-dots { bottom: -20px; }

.list-post10 .post-item .box-text {
  padding: 20px;
  background-image: linear-gradient(transparent, #000);
}
.list-post10 .post-item .post-title {
  margin: 0;
  text-transform: none;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0;
}
.list-post10 .flickity-page-dots .dot { width: 7px; height: 7px; }
.list-post10 .flickity-page-dots .dot.is-selected { background: #1264ac; }

.list-post15 .post-item .post-title { font-size: 15px; font-weight: 500; }
.list-post15 .post-item .ngay-cap-nhat { display: none; }

.list-post16 .post-item .from_the_blog_excerpt,
.list-post16 .post-item .ngay-cap-nhat { display: none; }
.list-post16 .post-item .box-text { padding: 0; padding-top: 10px; }

/* === Tabs Tin Tức === */
.tab-tin-tuc .tab-panels {
  padding: 0;
  border: 1px solid #eee;
}
.tab-tin-tuc ul li {
  width: 50%;
  margin: 0 !important;
  background: #a0a0a0;
}
.tab-tin-tuc ul li a {
  color: #fff;
  border: none !important;
  font-size: 15px;
  padding: 5px 10px;
  width: 100%;
}
.tab-tin-tuc ul li a:hover { color: #fff; }
.tab-tin-tuc ul li.active a { background: #717171; color: #fff; }

.tab-tin-tuc ul li:first-child a {
  background-image: url(/wp-content/uploads/2019/08/icon-clock.png);
  background-repeat: no-repeat;
  background-position: 9px center;
  background-size: 14px;
  padding-left: 30px;
}
.tab-tin-tuc ul li:last-child a {
  background-image: url(/wp-content/uploads/2019/08/eye-icon.png);
  background-repeat: no-repeat;
  background-position: 9px center;
  background-size: 16px;
  padding-left: 30px;
}

/* === Video Gallery === */
.videogallery .the-title {
  text-transform: none !important;
  font-size: 15px !important;
  font-weight: normal !important;
}
.videogallery.skin-pro .navigationThumb {
  background: #1f1f1f !important;
  border: 1px solid #000;
  padding: 7px;
}
.gallery-precon { box-shadow: 2px 2px 20px #00000052; }
.video-section .col { padding-bottom: 0; }
.videogallery .videogallery--navigation-container .navigationThumb.active {
  background: #272727 !important;
}

/* === Footer === */
.footer-secondary { padding: 0; }
.footer-section .col { padding-bottom: 0; }

/* === Blog Archive & Single === */
.blog-archive .large-9 .badge { display: none; }
.blog-archive .post-item .ngay-cap-nhat {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  color: gray;
}
.blog-archive .post-item .post-title { font-size: 20px; font-weight: 500; margin-bottom: 4px; }
.blog-archive .post-item,
.blog-single .large-3 .post-item { padding-bottom: 0; }

.blog-archive .post-item .col-inner,
.blog-single .large-3 .post-item .col-inner {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ececec;
}

.blog-archive .post-item .from_the_blog_comments { display: none; }

span.widget-title {
  text-transform: none;
  letter-spacing: 0;
  font-size: 19px;
  color: #3c3c3c;
  font-weight: 500;
}

.widget_recent_entries ul { margin-top: 7px; border: 1px solid #ececec; }
.widget_recent_entries ul li a {
  font-size: 14px;
  padding: 6px;
  color: #484848;
  line-height: 18px;
}
.widget_recent_entries ul li a:hover { text-decoration: underline; color: #0f61a7; }

.blog-single .blog-share { text-align: left; }

.danh-muc { margin-bottom: 15px; }
.danh-muc a,
.the-tim-kiem a {
  line-height: 32px;
  margin-bottom: 10px;
  padding: 4px 10px;
  background: #b5b5b5;
  color: #fff;
}
.danh-muc a:hover,
.the-tim-kiem a:hover { background: gray; }

.danh-muc span.title,
.the-tim-kiem span.title {
  background: #5ba703;
  padding: 4px 10px;
  color: #fff;
  margin-right: 5px;
}

.blog-single .entry-content { padding-top: 0; padding-bottom: 0; }
.blog-single .entry-content p { margin-bottom: 10px; }
.blog-single .pingback p { margin-bottom: 0; }
.blog-single .pingback { margin-bottom: 15px; padding: 10px; background: #e1f5fe; }

.post { margin: 0 0 15px; }

.bai-viet-lien-quan { margin-top: 20px; }
.bai-viet-lien-quan h2 { font-size: 22px; }
.bai-viet-lien-quan ul {
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
}
.bai-viet-lien-quan ul li {
  list-style: none;
  width: 33.33%;
  color: graytext;
  float: left;
  padding: 0 5px 0 4px;
}
.bai-viet-lien-quan ul li h3 {
  height: 45px;
  overflow: hidden;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  margin-top: 7px;
  line-height: 21px;
}
.bai-viet-lien-quan ul li .box-image img {
  height: 150px;
  border-radius: 6px;
  object-fit: cover;
  object-position: center;
}

.blog-single .entry-content h2 { font-size: 21px; }
.blog-single .entry-content h3 { font-size: 20px; }
.blog-single .entry-content h4 { font-size: 19px; }
.blog-single .entry-content h5 { font-size: 18px; }
.blog-single .entry-content h6 { font-size: 17px; }

.xem-them .tieu-de-xem-them {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}
.xem-them ul li { margin-bottom: 3px; }
.xem-them ul li a { font-weight: 500; color: #35a000; }

#breadcrumbs {
  margin-bottom: 5px;
  font-size: 15px;
  color: #4a4a4a;
}

.blog-single .large-2, .blog-single .large-7 { padding-right: 15px; }
.blog-single .large-7 { padding-left: 0; }
.blog-single .large-3 { padding-left: 0; }
.blog-single .gallery-col .box-text { padding-top: 0; padding-bottom: 0; }

.blog-single .entry-meta {
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
  color: gray;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0;
  background: #f9f9f9;
}

.blog-single .entry-content h2.des {
  line-height: 24px;
  background: #e1f5fe;
  padding: 10px;
  font-size: 16px;
  margin-bottom: 15px;
  border: 1px solid #c2e2f1;
  border-bottom: 2px solid #afd2e2;
}

.blog-archive .large-3 { padding-left: 0; }
.blog-archive h1.page-title {
  margin-bottom: 14px;
  font-size: 23px;
  letter-spacing: 0;
  color: #000;
}

.blog-archive .large-9 .post-item:first-child .box-image {
  display: table-caption;
  width: 100% !important;
}
.blog-archive .large-9 .post-item:first-child .box-text {
  padding: 0;
  position: absolute;
  margin-top: -58px;
  background-image: linear-gradient(transparent, #000);
}
.blog-archive .large-9 .post-item:first-child .ngay-cap-nhat,
.blog-archive .large-9 .post-item:first-child .from_the_blog_excerpt { display: none; } /* fixed None -> none */

.blog-archive .large-9 .post-item:first-child .post-title {
  height: 58px;
  overflow: hidden;
  margin: 0 0 4px 0;
  padding: 15px 20px;
  color: #fff;
  font-size: 22px;
}

.blog-archive .large-9 .post-item:nth-child(2),
.blog-archive .large-9 .post-item:nth-child(3),
.blog-archive .large-9 .post-item:nth-child(4) { flex-basis: 33.33%; max-width: 33.33%; }

.blog-archive .large-9 .post-item:nth-child(2) .box-image,
.blog-archive .large-9 .post-item:nth-child(3) .box-image,
.blog-archive .large-9 .post-item:nth-child(4) .box-image {
  width: 100% !important;
  display: table-caption;
}

.blog-archive .large-9 .post-item:nth-child(2) .box-text,
.blog-archive .large-9 .post-item:nth-child(3) .box-text,
.blog-archive .large-9 .post-item:nth-child(4) .box-text { padding: 0; padding-top: 10px; }

.blog-archive .large-9 .post-item:nth-child(2) .box-text .post-title,
.blog-archive .large-9 .post-item:nth-child(3) .post-title,
.blog-archive .large-9 .post-item:nth-child(4) .box-text .post-title {
  font-size: 16px; font-weight: 500;
}

.breadcrumb-sub { display: inline-block; margin-bottom: 10px; margin-left: -10px; }
.breadcrumb-sub li {
  line-height: 35px;
  margin-bottom: 0;
  float: left;
  list-style: none;
  padding: 0 10px;
  border-right: 1px solid #d3d3d3;
  margin-left: 0 !important;
}
.breadcrumb-sub li a { color: gray; }
.breadcrumb-sub li a:hover { color: #0e5ea4; }

/* === Links misc === */
ul.links { margin: 10px 0; }
ul.links li a {
  color: #fff;
  background: gray;
  border: 2px solid gray;
  /* color duplicated above (kept white) */
}

.icon-envelop:before,
.icon-phone:before { color: #4dbc15; }

#header-contact li { display: block !important; margin: 0 !important; }
#header-contact li a {
  text-transform: none;
  letter-spacing: 0;
  font-size: 15px;
  color: #242424;
  padding: 3px;
}
#header-contact li + li > a:after { display: none; }

/* === Home tweaks === */
.home .ngay-cap-nhat { display: none; }

/* === Responsive === */
@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE ***************/
  .list-post2 .post-item .box-text .post-title {font-size: 13px;}
  .header-search-form { width: 80% !important; margin-right: 10px !important; }

  .list-post1 .post-item .box-text { padding: 35px 13px; }
  .list-post1 .post-item .box-text .post-title { font-size: 16px; }

  .col { padding: 0 7px 15px; }
  .gap-element { padding-top: 10px !important; }

  .list-post2 { margin-left: -5px !important; margin-right: -5px !important; }
  .list-post2 .col.post-item { padding: 0 5px; flex-basis: 33.33%; max-width: 33.33%; }

  #top-bar .nav li a { text-transform: none; font-weight: normal; background: none; }

  .list-post3 .post-item,
  .list-post5 .post-item,
  .list-post7 .post-item,
  .list-post9 .post-item,
  .list-post15 .post-item { flex-basis: 50%; max-width: 50%; }

  .list-post5 .post-item .box-text,
  .list-post7 .post-item .box-text,
  .list-post9 .post-item .box-text { padding: 0; padding-top: 5px; }

  .list-post3 .post-item:nth-child(2n+1),
  .list-post7 .post-item:nth-child(2n+1),
  .list-post9 .post-item:nth-child(2n+1) { padding-right: 5px; }

  .list-post3 .post-item:nth-child(2n+2),
  .list-post7 .post-item:nth-child(2n+2),
  .list-post9 .post-item:nth-child(2n+2) { padding-left: 5px; }

  .list-post3 .post-item .post-title,
  .list-post2 .post-item .post-title,
  .list-post5 .post-item .post-title,
  .list-post7 .post-item .box-text .post-title,
  .list-post6 .post-item .post-title,
  .list-post10 .post-item .post-title { font-size: 15px; }

  .anh-dep-section .list-post10 .flickity-page-dots { bottom: -12px; }

  .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        padding: 10px 0 10px 20px;
        text-transform: none;
        font-size: 13px;
        font-weight: 500;
        color: #fff !important;
        opacity: 1;
  }

  .nav-sidebar.nav-vertical > li + li { border-color: rgb(14, 69, 121); }
  .off-canvas:not(.off-canvas-center) li.html { padding: 10px 0; }
  .off-canvas-left.mfp-ready .mfp-content { background: #009348; }

  .blog-archive .large-9 .post-item:first-child .box-image { display: block; width: 100% !important; }
  .blog-archive .large-9 .post-item:first-child .box-text { margin-top: -65px; }
  .blog-archive .large-9 .post-item:first-child .post-title { height: 65px; font-size: 17px; }

  .breadcrumb-sub li a {
    background: gray;
    color: #fff;
    width: 100%;
    display: block;
    padding: 12px 10px;
    font-size: 15px;
    text-align: center;
  }
  .breadcrumb-sub li {
    margin-bottom: 16px;
    width: 50%;
    display: inline-block;
    border-right: none;
  }

  .blog-archive .large-9 .post-item:nth-child(2) .box-image,
  .blog-archive .large-9 .post-item:nth-child(3) .box-image,
  .blog-archive .large-9 .post-item:nth-child(4) .box-image { display: block; }

  .blog-archive .large-3 .list-post15 { margin-left: -5px; margin-right: -5px; }
  .blog-archive .large-3 .list-post15 .post-item { padding: 0 5px !important; }

  .blog-archive .large-9 .large-columns-1 { margin-left: -5px !important; margin-right: -5px !important; }

  .blog-archive .large-9 .post-item:nth-child(2) .box-text .post-title,
  .blog-archive .large-9 .post-item:nth-child(3) .post-title,
  .blog-archive .large-9 .post-item:nth-child(4) .box-text .post-title,
  .blog-archive .post-item .post-title { font-size: 15px !important; }

  .page-wrapper { padding-top: 15px; padding-bottom: 15px; }

  .blog-archive .large-9 .post-item:nth-child(n+5) .from_the_blog_excerpt { display: none; }
  .bai-viet-lien-quan ul li { width: 50%; }
  .bai-viet-lien-quan ul li .box-image img { height: 120px; }
  .bai-viet-lien-quan ul li h3 { font-size: 15px; line-height: 20px; height: auto; }

  .blog-single .large-3 { padding-left: 6px; padding-right: 6px; }
  .blog-single .large-3 .list-post15 { margin-left: -5px !important; margin-right: -5px !important; }
  .blog-single .large-3 .post-item { padding: 0 5px !important; }
  .blog-single .large-2.post-sidebar2 { display: none; }
  .blog-single .large-7 { padding-left: 6px; padding-right: 6px; }

  .blog-archive .large-9 .post-item:nth-child(n+5) { flex-basis: 50%; max-width: 50%; }
  .blog-archive .post-item .box-text,
  .blog-single .large-3 .post-item .box-text { padding: 0; padding-top: 10px; }

  .blog-archive .large-9 .post-item .post-title { font-size: 18px; }
  .blog-archive .large-3 { padding-left: 5px; }
}