/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.19.7.2
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/


/***************
Colors:
--primary-color: #d51b21;
--fs-color-primary: #d51b21;
--fs-color-secondary: #44494d;
--fs-color-success: #7a9c59;
--fs-color-alert: #b20000;
--fs-experimental-link-color: #334862;
--fs-experimental-link-color-hover: #111;
***************/

/***************
CSS for layout
***************/
/* Reset */
html {
  background-color: #ffffff;
}

blockquote,dl,figure,form,ol,p,pre,ul {
  margin-bottom: 1em;
}

/* Common */

/* #content list item  */
#content ol,
#content ul {
  margin-bottom: 1em;
}

#content ol ol,
#content ol ul,
#content ul ol,
#content ul ul {
  margin: .2em 0 .5em 0;
}

#content li {
  margin-bottom: .2em;
}

.entry-content ol li, 
.entry-content ul li, 
.entry-summary ol li, 
.entry-summary ul li {
  margin-left: 1em;
}

/* Table */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #e5e5e5;
}

table thead {
  background-color: #f5f5f5;
}

table tr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

table tr th,
table tr td {
  line-height: 1.6;
  color: #363636;
  border-left: 1px solid #e5e5e5;
  padding: 10px 15px;
}

table tr th:first-child, 
table tr td:first-child {
  padding-left: 15px;
  border-left: 0 solid #e5e5e5;
}

table tbody tr:nth-child(even) {
  background-color: #ffffff;
}

table tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
}

/* Head */
header .header-button .button {
  font-weight: 400;
}

/* Header */

/* Body */

/* Footer */
footer .absolute-footer {
  padding: 0;
}

/* Post list */
.posts-archive-list-custom .latest-post {
  margin-bottom: 68px;
}

.posts-archive-list-custom .latest-post a.latest-post--title {
  display: block;
  font-size: 2rem;
  margin-top: 45px;
}

.posts-archive-list-custom #post-list .post-item .box-image:before {
  background: transparent;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  transition: all 0.5s;
}

.posts-archive-list-custom #post-list .post-item .box-image:hover:before {
  background: rgba(0, 0, 0, 0.2);
}

.posts-archive-list-custom #post-list .post-item .is-divider {
  display: none;
}

.posts-archive-list-custom #post-list .post-item .post-title {
  margin-bottom: 6px;
}

/***************
CSS for Post/Blog
***************/
.single-post .featured-title {
  background-image: url(/wp-content/uploads/2024/10/bngp01-min.jpg);
  background-position: 40% 39%;

  /* Option 2 */
  /* background-image: url(/wp-content/uploads/2024/10/dich-vu-giay-phep-kinh.jpg);
  background-position: 59% 54%; */
}

.single-post .featured-title .title-overlay {
  background-color: rgba(0, 0, 0, .29) !important;
}

.single-post .featured-title .flex-col {
  margin: unset;
  width: 100%;
}

.single-post .featured-title .entry-title {
  font-size: 2em;
}

.single-post .featured-title .entry-divider {
  display: none;
}

/* .single-post .blog-wrapper {
  padding-top: 0;
} */

.single-post .blog-wrapper .blog-share {
  text-align: right;
}

.single-post .post-sidebar .flatsome_recent_posts .is-divider {
  background-color: var(--fs-color-primary);
}

.single-post .post-sidebar .flatsome_recent_posts .post_comments {
  display: none;
}

.social-icons .button i {
  top: unset;
}

/***************
CSS for pages
***************/

/* Contact form */
.wpcf7 .wpcf7-not-valid-tip {
  background-color: #f2dddd;
  margin-bottom: 15px
}

.wpcf7 .wpcf7-not-valid-tip:after {
  border-bottom-color: #f2dddd;
}

.wpcf7 #input-captcha-cf7,
.wpcf7 .box-input-captcha-cf7 {
  margin-bottom: 15px;
}

.wpcf7 #reload_captcha {
  border: 1px solid #8bc34a;
  align-items: center;
  justify-content: center;
  min-width: 40px;
}

@media (min-width: 768px) {
  .wpcf7 .box-input-captcha-cf7 {
    display: flex;
    align-items: center;
  }

  .wpcf7 #input-captcha-cf7 {
    max-width: 95%;
  }

  .wpcf7 #input-captcha-cf7 {
    margin-bottom: 0;
  }
}

/* Home page */
@media (max-width: 767px) {
  .home .are-you-ready .button {
    margin-right: 0;
  }
}