@charset "UTF-8";
/*
Theme Name: LOGISTICS
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
/* #region | ALBUM */
.portfolio-box {
  border-radius: 5px;
  overflow: hidden;
}

.portfolio-box .portfolio-box-title {
  height: 3em;
  overflow: hidden;
  line-height: 1.5 !important;
}

.portfolio-box.box.has-hover:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.22);
  transition: all 300ms ease-in-out;
}

.portfolio-box-category {
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 10px !important;
}

.mo-ta-ngan-giao-dien ul {
  list-style: none;
}

.mo-ta-ngan-giao-dien ul li {
  margin-left: 0;
}

.mo-ta-ngan-giao-dien ul li::before {
  content: '\f05d';
  text-align: center;
  font-family: 'FontAwesome';
  color: green;
  font-size: 16px;
  margin-right: 5px;
  line-height: 0;
}

.item-tags {
  border-top: none;
  border-bottom: none;
}

.item-tags a {
  display: inline-block;
  border: 0.5px solid #1e73be;
  border-radius: 4px;
  padding: 2px 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.item-tags a:hover {
  background-color: #1e73be;
  color: white;
}

img.mfp-img {
  max-width: 87vw;
  max-height: 90vh;
}

.portfolio-box {
  background: white;
  box-shadow: 2px 2px 20px #0000002b;
  border-radius: 5px;
  overflow: hidden;
}

/* #endregion */
/* #region | HOME */
.stars a.active,
.star-rating:before,
.woocommerce-page .star-rating:before,
.star-rating span:before {
  color: #ffc800 !important;
}

.testimonial-text {
  background-color: #ececec;
  padding: 10px;
  border-radius: 5px;
}

.testimonial-text:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 0;
  border-color: transparent #ececec transparent transparent;
  top: 45px;
  left: 125px;
  position: absolute;
}

.section-title span {
  font-family: 'Lobster';
  font-size: 1.6rem;
}

/* #endregion */
/* #region | BLOG ARCHIVE */
.blog-archive .archive-page-header .large-12 {
  text-align: left;
  padding-bottom: 0px;
}

.blog-archive h1.page-title {
  text-transform: none;
  letter-spacing: 0;
  font-size: 23px;
}

.blog-archive {
  background: #f7f7f7;
}

.blog-archive .post-item .box-text {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px 10px 20px 10px;
  background: white;
}

.blog-archive .post-item .post-title:hover {
  color: #1e73be;
  text-decoration: underline;
}

.blog-archive .post-item .post-title {
  font-size: 16px;
  margin-bottom: 10px;
  height: 44px;
  overflow: hidden;
}

.box-blog-post .is-divider {
  display: none;
}

.blog-archive .post-item .from_the_blog_excerpt {
  height: 48px;
  overflow: hidden;
}

.blog-archive .post-item a:hover {
  color: black;
}

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

.blog-archive .post-item .box-image {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

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

.badge-outline .badge-inner:before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;
  border: 3.2px solid #175892;
  border-left-color: transparent;
  border-bottom-color: transparent;
  bottom: -6px;
  z-index: -1;
  left: 0px;
}

/* #endregion */
/* #region | FOOTER */
.tieu-chi-section .icon-box .icon-box-text {
  font-size: 15px;
  padding-top: 12px;
}

.tieu-chi-section .icon-box h3 {
  margin-bottom: 0;
  font-size: 16px;
  color: #9a036d;
}

.tieu-chi-section .col {
  padding-bottom: 0;
}

.tieu-chi-section .icon-box {
  background: white;
  border: 1px solid #f4f4f4;
  padding: 6px;
  border-radius: 5px;
  box-shadow: 2px 2px 20px #0000000f;
}

.section-title-normal {
  border-bottom: 1px solid #9a036d;
}

.section-title-container {
  margin-bottom: 0;
}

.absolute-footer {
  background-color: #1b66a8;
  height: 30px;
  padding: 3px;
  font-size: 0.8em;
}

.keyword-footer {
  border-top: 0.5px solid #00000050;
  padding-bottom: 15px;
  padding-top: 15px;
}

.keyword-footer ul {
  margin-bottom: 0px;
}

.keyword-footer ul li {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  font-size: 0.9rem;
}

.keyword-footer ul li:before {
  content: "•";
  margin-right: 5px;
  font-size: 22px;
  position: absolute;
  left: -10px;
  top: -5px;
}

#footer ul {
  list-style: none;
}

#footer ul li {
  margin-left: 0px;
}

.list-footer-bottom li {
  opacity: 0.7;
}

.list-footer-bottom li a {
  line-height: 2.0;
  font-size: 0.9rem;
}

.list-footer-bottom li a:hover::before {
  margin-right: 10px;
  transition: all 300ms ease-in-out;
}

.list-footer-bottom li a::before {
  content: "";
  margin-right: 5px;
  text-align: center;
  font-family: fl-icons !important;
}

.info-footer-bottom p {
  opacity: 0.7;
}

.info-footer-bottom .icon-box-text {
  padding-top: 3px;
  font-size: 0.9rem;
}

.info-footer-bottom .icon-box-text:hover {
  color: #1e73be;
}

.info-footer-bottom i {
  width: 20px;
}

.info-footer-bottom h2, .info-footer-bottom h3, .info-footer-bottom h4, .info-footer-bottom h5,
.list-footer-bottom h2,
.list-footer-bottom h3,
.list-footer-bottom h4,
.list-footer-bottom h5,
.social-footer-bottom h2,
.social-footer-bottom h3,
.social-footer-bottom h4,
.social-footer-bottom h5 {
  font-size: 1em;
}

.hotline-footer {
  position: relative;
  padding-left: 1em;
}

.hotline-footer .icon-box-img {
  position: absolute;
  top: -15px;
  left: 0px;
}

.hotline-footer .icon-box-img .icon {
  background-color: #f1f1f1;
  border-radius: 50px;
}

.hotline-footer .icon-box-text {
  flex: none;
  border: 2px dashed red;
  border-radius: 5px;
  padding-left: 1.5em !important;
  padding-right: 1em !important;
}

.hotline-footer .icon-box-text h6 {
  color: red;
  position: absolute;
  top: -10px;
  background-color: #f1f1f1 !important;
  padding: 2px 5px;
  opacity: 1;
  width: 5em;
}

.social-footer-bottom .social-icons {
  margin-left: 18px;
}

.social-footer-bottom .social-button,
.social-footer-bottom .social-icons .button.icon:not(.is-outline) {
  background-color: #d2d2d2 !important;
  border-color: #d2d2d2 !important;
  border-radius: 3px !important;
  border: none;
}

.social-footer-bottom .social-icons .button.icon:hover {
  background-color: #1e73be !important;
  border-color: #1e73be !important;
}

.social-footer-bottom input.wpcf7-form-control.wpcf7-submit.button {
  width: 100%;
}

.back-to-top {
  background-color: #9a036d !important;
  border-color: #9a036d !important;
  color: white !important;
}

/* #endregion | FOOTER */
/* #region | SIDEBAR */
.tag-cloud-link {
  border-radius: 3px;
  padding: 2px 5px;
  border: 1px solid;
}

.tag-cloud-link:hover {
  color: white;
}

/* #endregion | SIDEBAR */
/* #region | BLOG SINGLE */
.xem-them .tieu-de-xem-them {
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  font-size: 19px;
  color: black;
}

.xem-them ul {
  padding-left: 20px;
}

.xem-them ul li {
  margin-bottom: 3px;
}

.xem-them ul li a {
  font-weight: 700;
  font-size: 16px;
  color: #9a036d;
}

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

.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;
  background: #f9f9f9;
}

.danh-muc {
  margin-bottom: 15px;
}

.danh-muc span.title, .the-tim-kiem span.title {
  border-radius: 4px;
  background: #1e73be;
  padding: 4px 10px;
  color: white;
  margin-right: 5px;
}

.danh-muc a, .the-tim-kiem a {
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 4px 10px;
  background: #dedede;
  color: #464646;
}

.danh-muc a:hover, .the-tim-kiem a:hover {
  background: #148c9e;
  color: white;
}

.bai-viet-lien-quan {
  margin-top: 15px;
}

.bai-viet-lien-quan h3 {
  font-size: 19px;
  color: black;
}

.bai-viet-lien-quan ul {
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
}

.bai-viet-lien-quan ul li {
  list-style: none;
  width: 25%;
  color: graytext;
  float: left;
  padding-left: 4px;
  padding-right: 5px;
}

.bai-viet-lien-quan ul li .box-image img {
  height: 120px;
  border-radius: 4px;
  object-fit: cover;
  object-position: center;
}

.bai-viet-lien-quan h4 {
  font-size: 15px;
  color: black;
  line-height: 19px;
  padding-top: 7px;
  height: 64px;
  overflow: hidden;
}

.bai-viet-lien-quan h4:hover {
  color: #1e73be;
  text-decoration: underline;
}

/* #endregion | BLOG SINGLE */
/* #region | FORM */
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
  background-color: white;
}

.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
  border-radius: 0px;
}

.form-flat button, .form-flat input {
  border-radius: 0px;
}

.wpcf7-form-control.wpcf7-submit {
  width: 100%;
}

#dat-lich {
  padding-bottom: 0px !important;
  border-radius: 5px;
}

/* #endregion | FORM */
@media (max-width: 849px) {
  .nav {
    display: inline-block;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout ul.mega-sub-menu {
    box-shadow: none;
  }
  #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-top_bar_nav #mega-menu-top_bar_nav ul.mega-sub-menu {
    border-radius: 0px;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li > ul.mega-sub-menu::before, #mega-menu-wrap-top_bar_nav #mega-menu-top_bar_nav > li > ul.mega-sub-menu::before {
    display: none;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li > ul.mega-sub-menu::after, #mega-menu-wrap-top_bar_nav #mega-menu-top_bar_nav > li > ul.mega-sub-menu::after {
    display: none;
  }
  li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
    padding-left: 25px !important;
  }
  .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    box-shadow: none;
  }
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
}
/*# sourceMappingURL=style.css.map */