/*
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.   ***************/
/* ALL */
* {
    font-family: 'Montserrat', sans-serif !important;
}
body, h1, h2, h3, h4, h5, h6, p, span, a, div, h1,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: 'Montserrat', sans-serif !important;
	font-weight: 500;
}
.cus-footer .ux-menu-link__link{
	color: #fff !important;
}
/* Header */
/* .header-main #logo{
	display: none;
} */
.header-main .nav > li > a{
	color: #fff !important;
}
.nav-dark .nav>li.active>a, .nav-dark .nav>li>a:hover{
	color: #f57e25 !important;
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
	width: 370px !important;
}
/*
Css menu đa cấp cho Flatsome
*/
.nav-dropdown-default{
	padding: 0;
}
.nav .nav-dropdown{
	min-width: 270px;
}
.nav-dropdown li:hover {
	background-color: #fff;
}
.nav-dropdown.dark>li>a:hover {
	color: #000;
    font-weight: 700;
    font-style: normal;
}
.nav-dropdown>li>a, .nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a{
	color: #000 !important;
	font-weight: 500;
	font-size: 16px;
	text-transform: capitalize;
}
.nav-dropdown>li>a:hover{
	color: #f57e25 !important;
}
.header-bottom-nav.nav-line-bottom > li > a:before, .header-bottom-nav.nav-line-grow > li > a:before, .header-bottom-nav.nav-line > li > a:before, .header-bottom-nav.nav-box > li > a:hover, .header-bottom-nav.nav-box > li.active > a, .header-bottom-nav.nav-pills > li > a:hover, .header-bottom-nav.nav-pills > li.active > a{

	background-color: #f9f9f9;
}

.is-form-style{
	border-radius: 20px;
}
@media (min-width: 850px){
    header#header .nav-dropdown {
        display: block;
    }
    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: max-content;
        padding: 0;
        display: none !important;
    }
    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
		color: #000;

    }
	header#header .nav-dropdown ul.sub-menu a:hover{
	color: #f57e25;
	}
    header#header .nav-dropdown li:hover > ul.sub-menu{
        display: block !important;
    }
    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }
	header#header .nav-dropdown li.menu-item-has-children  {

        color: #fff !important;

    }
/*     header#header .nav-dropdown li.menu-item-has-children > a:hover {
        text-transform: uppercase !important;
        color: #000 !important;
    } */
	 header#header .nav-dropdown li.active>a:hover,header#header .nav-dropdown li.active>a {
     color: #f57e25 !important;
    }
	
}



/* Home */
.box-badge .box-text{
	background-color: transparent;
	background-image: linear-gradient(180deg, #00000078 0%, #000000 100%) !important;
	bottom: 0 !important;
}

/* Form */
.contact-form input[type=tel],.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{
	background-color: rgba(255, 255, 255, 0);
    border-color: #ffffff;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px 0px 0px 0px;
    box-shadow: unset;
    color: #fff;
}
.contact-form .cus-row{
	display: flex;
    gap: 30px;
}
.contact-form .btn-submit{
	text-align: right;
}
.btn-submit{
	margin: 0;
}
.btn-submit input[type='submit']{
	background-color: #8F8F8F !important;
    color: #000000;
}
.btn-submit .wpcf7-spinner{
	display: none;
}
.contact-form .wpcf7 form.invalid .wpcf7-response-output{
	color: #fff;
}
.cus-svg{
	transform: rotate(180deg);
}
.cus-svg svg{
	height: 65px;
    width: calc(100% + 1.3px);
}
.cus-svg .elementor-shape-fill{
	fill: #060201;
    transform-origin: center;
    transform: rotateY(0deg);
}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea{
	box-shadow: unset;
}
.frm-contact-page .contact-form input[type=tel],.frm-contact-page .contact-form input[type=text],.frm-contact-page .contact-form input[type=email],.frm-contact-page .contact-form textarea{
	border-color: #000000 !important;
	color: #000;
}

/* Blog */
.cus-blog .box-text, .blog-archive .post-item .box-text{
	background-color: transparent;
    background-image: linear-gradient(90deg, #F9D50B 0%, #FFB35F 100%);
    border-radius: 0 0 15px 15px;
	padding: 30px;
	height: 125px;
}
.cus-blog .box-text .post-title, .blog-archive .post-item .box-text .post-title{
	color: #000;
}
.is-divider, .from_the_blog_excerpt {
	display: none;
}
.blog-archive{
	
}
.blog-archive .post-item {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}

.blog-archive .post-item.animate {
  opacity: 1;
  transform: translateY(0);
}

/* Delay khi scroll tới */
.blog-archive .post-item.animate:nth-child(1) { transition-delay: 0.2s; }
.blog-archive .post-item.animate:nth-child(2) { transition-delay: 0.4s; }
.blog-archive .post-item.animate:nth-child(3) { transition-delay: 0.6s; }
.blog-archive .post-item.animate:nth-child(4) { transition-delay: 0.8s; }
.blog-archive .post-item.animate:nth-child(5) { transition-delay: 1.0s; }
.blog-archive .post-item.animate:nth-child(6) { transition-delay: 1.2s; }
.blog-archive .post-item.animate:nth-child(7) { transition-delay: 1.4s; }
.blog-archive .post-item.animate:nth-child(8) { transition-delay: 1.6s; }
.blog-archive .post-item.animate:nth-child(9) { transition-delay: 1.8s; }
.blog-archive .post-item.animate:nth-child(10) { transition-delay: 2.0s; }
.blog-archive .post-item.animate:nth-child(11) { transition-delay: 2.2s; }
.blog-archive .post-item.animate:nth-child(12) { transition-delay: 2.4s; }

.post-sd{
}

/* SVG */
.custom-svg .elementor-shape-bottom {
	transform: rotate(360deg);
}
.custom-svg svg{
    display: block;
    width: calc(125% + 1.3px);
    position: relative;
    left: 50%;
    height: 100px;
    transform: translateX(-50%);
}
.custom-svg .elementor-shape-fill {
    fill: #060201;
    transform-origin: center;
    transform: rotateY(0deg);
}
.custom-svg .dv{
	fill: #0e0c0a;
}
/* Home */
@keyframes slideInRightFast {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.home-section-banner {
  animation: slideInRightFast 1s ease-out forwards;
}
.home-section-intro{
	animation: slideDown 0.3s ease-out forwards;
}

.php-no-security-updates{
  display: none !important;
}
/* Footer */
.irm-footer iframe{
	border-radius: 10px;
	padding: 8px;
    background: #fff;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}