/*
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.   ***************/

@font-face {
  font-family: 'MyFont';
  src: url('/wp-content/themes/flatsome-child/assets/fonts/1Ptgg87LROyAm3k8-C8QSw.woff2') format('woff2'),
       url('/wp-content/themes/flatsome-child/assets/fonts/1Ptgg87LROyAm3k9-C8QSw.woff2') format('woff2'),
       url('/wp-content/themes/flatsome-child/assets/fonts/1Ptgg87LROyAm3k-C8.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.box-blog-post h5.post-title a{
	color:black;
}
.icon-menu:before{
	color:var(--primary-color)
}
.related_post .row .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner .cat-label:first-of-type{
     display:none;
}
.single-project-gallery-item img{
	width:100%;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{

	 display: -webkit-box;
    -webkit-line-clamp: 1;      /* số dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a{
	color:black;
}
section-title-main a:hover{
	color:var(--primary-color) !important;
}
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}
@media(max-width:1024px){
	.col-banner{
		min-width:100%;
	}
}
.bg-color:hover .bg, .has-hover:hover .image-color img{
	filter: brightness(0) saturate(100%) 
            invert(33%) sepia(49%) saturate(747%) 
            hue-rotate(175deg) brightness(95%) contrast(90%);
}
.active>ul.sub-menu:not(.nav-dropdown){
	display:none !important;
}
/* Ẩn mega menu mặc định */
.header-nav .mega-menu .nav-dropdown {
  
    padding: 0;
}
.nav-dropdown>li.nav-dropdown-col{
	min-width:260px !important
}
/* bỏ layout cột */
.header-nav .mega-menu .row{
    display:block;
}
.header-nav .nav-dropdown li:hover > ul{
	padding-top:10px;
	padding-bottom:10px;
}
.nav-dropdown-bold .nav-column li>a, .nav-dropdown.nav-dropdown-bold>li>a{
	font-size:16px;
}
.sub-menu.nav-dropdown.nav-dropdown-bold{
	display:flex;
	flex-direction:column;
	min-width:fit-content;
}
.header-nav .mega-menu .col{
    width:100% !important;
    max-width:100% !important;
    padding:0;
}

/* menu cấp 1 */
.header-nav .nav-dropdown > li{
    position:relative;
}

/* submenu cấp 2 */
.header-nav .nav-dropdown li ul{
    position:absolute;
    left:100%;
    top:0;
    min-width:250px;
    background:#fff;
    display:none;
    box-shadow:0 3px 10px rgba(0,0,0,0.1);
	z-index:10;
}

/* hover hiện submenu */
.header-nav .nav-dropdown li:hover > ul{
    display:block;
}

/* style item */
.header-nav .nav-dropdown a{
    display:block;
    padding:10px 15px;
    border-bottom:1px solid #eee;
}

/* hover */
.header-nav .nav-dropdown a:hover{
    background:#f5f5f5;
}
.menu-item a{
	font-weight:400 !important;
}
.sub-menu .menu-item-has-children > a{
    position: relative;
    padding-right: 20px;
	font-size:14px;
}
.nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover{
	background-color:var(--primary-color) !important;
	color:white;
}
.sub-menu .menu-item-has-children > a::after{
    content: "\f105";
    font-family: "Font Awesome 7 pro";
    font-weight: 900;
    position: absolute;
    right: 5px;
}
li.current-dropdown>.nav-dropdown-full, li.has-dropdown:hover>.nav-dropdown-full{
	max-width:150px !important;
	display:flex;
	left: 44% !important;
}
.entry-content {
  color: #212529;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
  color: var(--primary-color);
}

.entry-content figure {
  background: #fff;
  border: 1px solid #f0f0f0;
  padding: 5px 3px 10px;
  text-align: center;
}

.entry-content h6 {
  font-size: 15px;
}

.entry-content h5 {
  font-size: 17px;
}

.entry-content h4 {
  font-size: 17px;
}

.entry-content h3 {
  font-size: 18px;
}

.entry-content h2 {
  font-size: 20px;
  line-height: 1.5;
}

.entry-content h1 {
  font-size: 25px;
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
}

.entry-content p {
  color: #333;
  margin-bottom: 15px;
  font-size: 16.5px;
  line-height: 1.6;
}
.widget ul{
	padding-left:0 !important;
}
#content ul,
.entry-content ul {
  list-style: disc;
  padding-left: 20px;
  padding-bottom: 5px;
}

.entry-content ul li {
  color: #333;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16.5px;
}

.entry-content ul li a {
  color: #007bff;
}

#content ol,
.entry-content ol {
  list-style: decimal;
  padding-left: 18px;
  padding-bottom: 5px;
  font-size: 16.5px;
}

.entry-content ol li {
  color: #333;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16.5px;
}

.entry-content ol li a {
  color: #ff5912;
}

.entry-content a {
  font-weight: 700;
}

.entry-content blockquote {
  background: #f3f3f3;
  color: #868686;
  display: block;
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 20px;
  padding: 15px 20px 15px 45px;
  position: relative;
  text-align: justify;
}

.entry-content blockquote p {
  margin-bottom: 0;
}

.entry-content blockquote:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  background: var(--primary-color);
  content: "";
}

.entry-content code {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  font-size: 0.85rem;
  color: #e83e8c;
  font-size: 15px;
}
.entry-content > div{
  overflow: auto;
}
.entry-content table {
  width: 100%;
  height: auto;
  overflow: auto;
}

.entry-content table > tbody > tr > td,
.entry-content table > tbody > tr > th,
.entry-content table > tfoot > tr > td,
.entry-content table > tfoot > tr > th,
.entry-content table > thead > tr > td,
.entry-content table > thead > tr > th,
.term-description table > tbody > tr > td,
.term-description table > tbody > tr > th,
.term-description table > tfoot > tr > td,
.term-description table > tfoot > tr > th,
.term-description table > thead > tr > td,
.term-description table > thead > tr > th {
  border: 1px solid #ddd;
  padding: 7px 10px !important;
  font-size: 16.5px !important;
  width: auto !important;
}

.entry-content iframe {
  margin: auto;
}

.entry-content .syntaxhighlighter {
  padding: 10px 0;
}