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

:root{
    --green: #10b55b;
    --orange: #f78716;
    --white: #fff;
    --black: #000;
    --min-black: #0d2129;
    --grey: #505C61;
}

body, h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: 'Be Vietnam Pro', sans-serif !important;
}
.container, .container-width, .full-width .ubermenu-nav, .row{
	max-width: 1300px;
}
h1{
	font-size: 45px !important;
	color: var(--min-black);
    font-family: 'Be Vietnam Pro', sans-serif;
}
h2{
    font-size: 36px !important;
    color: var(--min-black);
    font-family: 'Be Vietnam Pro', sans-serif;
}
h3{
    color: var(--min-black);
}
p{
    color: var(--min-black);
}
@media only screen and (max-width: 767px){
    h1{
		font-size: 30px !important;
	}
	h2{
		font-size: 26px !important;
	}
}
#main{
	background-color: #F7F9FB !important;
}

/********************* Header *********************/
.header .header-top{
    background-color: var(--green);
}
.header .header-top .contact-header a{
    font-size: 14px;
    color: var(--white);
}
.header .header-top .contact-header span{
    padding-left: .2rem;
}
.header-nav .menu-item a{
    font-size: 14px;
    color: var(--min-black);
    font-family: 'SVN-Avenir Next', Arial, sans-serif !important;
}
.header .header-search .icon-search{
    font-size: 22px !important;
    color: var(--min-black);
}
.header .header-button-1 a{
    background-color: #f78716;
}
.header .header-cart-link{
    background-color: var(--green);
    font-size: 1.15em;
    border-width: unset !important;
    border-radius: 11px;
}
.header .header-nav{
    justify-content: center;
}
.header .nav li:first-child{
    margin-right: 20px;
}
.header .nav>li{
    margin: 0 20px;
}
.header .header-nav .menu-item a{
    font-size: 16px;
}
.header .nav-right li{
    margin: 0 10px;
}
.header .sub-menu{
    border-radius: 20px;
}
.header .widget_shopping_cart{
    min-width: 400px !important;
}
.header .buttons .wc-forward{
    background-color: var(--green);
    border-radius: 6px;
}
.header .buttons .checkout{
    background-color: var(--orange);
}
.body{
	background-color: #F7F9FB !important;
}


/********************* Footer *********************/
.footer-2{
    background-color: var(--white);
}
.footer-2 p,
.footer-2 ul li{
    color: var(--min-black);
}
.footer-2 #block_widget-6{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.footer-2 .title-footer{
    font-weight: 700;
}
.absolute-footer{
    background-color: var(--white);
}
.absolute-footer .container{
    border-top: 1px solid #e7e9ea;
}
.absolute-footer .copyright-footer{
    color: #68767C;
    padding-top: 20px;
}
.absolute-footer .copyright-footer strong{
    font-weight: 500;
}
.absolute-footer .social-icons{
    color: #505c61;
}
.absolute-footer .payment-icons{
    display: none;
}
#footer .is-outline:hover{
    background-color: var(--green);
    border-color: var(--green);
}
.footer-widgets #block_widget-5,
.footer-widgets #block_widget-6{
    flex-basis: 40%;
    max-width: 40%;
}
.footer-widgets #nav_menu-3{
    flex-basis: 20%;
    max-width: 20%;
}
.footer-widgets .widget-title{
    color: var(--min-black);
}
.footer-widgets .is-divider{
    background-color: var(--min-black);
}
.dark ul.menu>li>a:hover{
    color: var(--min-black);
} 

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .footer-widgets #block_widget-5{
        flex-basis: 60%;
        max-width: 60%;
    }
    .footer-widgets #nav_menu-3{
        flex-basis: 40%;
        max-width: 40%;
    }
    .footer-widgets #block_widget-6{
        flex-basis: 100%;
        max-width: 100%;
    }
}
@media only screen and (max-width: 767px){
    .footer-2 #block_widget-5 p br{
        display: none;
    }
    .footer-2 #block_widget-5 p{
        text-align: justify;
    }
    .footer-widgets #block_widget-5,
    .footer-widgets #block_widget-6,
    .footer-widgets #nav_menu-3{
        flex-basis: 100%;
        max-width: 100%;
    }
}



/*Giới thiệu*/
.intro-s2 h2{
	font-size: 36px;
}