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


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


}

#top-bar .flex-left {
    padding-left: 20px;
}
.sub-menu.nav-dropdown.nav-dropdown-simple.dark {
/*     margin-left: -200px!important; */
    padding: 20px;
	margin-top:25px
}

@font-face {
    font-family: 'SVN-Didot';
    src: url('https://happyliving.com.vn/wp-content/uploads/2024/01/SVN-Conqueror-Didot.otf');
}
h1,h2{font-family: 'SVN-Didot'!important;}

.background-1{    
	  top: -7rem;
    left: -6vw;
}
.background-1 .img{    
	  top: 7rem;
    left: 7.5vw;
}
#content {
    position: relative; 
    z-index: 1; 
}

#content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://www.aacorporation.com/wp-content/uploads/2020/01/mask-group-5-min_1576733857_grande.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.05;
    z-index: -1; 
}
.dv-ver::before {
    display: inline-block;
    content: '';
    height: 48px;
    border-left: 2px solid #b9060e;
}
.logo-slide img{border-radius:12px;padding:20px}
.logo-slide img:hover{
    transform: scale(0.8);
}

.button_style1 {
    border: 1px solid #000;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 14px;
    padding: 0 35px;
    position: relative;
    overflow: hidden;
    color: #000;
    text-transform: none;
    border-radius: 25px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
}

.button_style1:before {
    background: #000;
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -40%;
    top: 0;
     transform:skew(50deg); 
    transition-duration: .6s;
    transform-origin: top left;
    width: 0
}

.button_style1:hover:before {
    height: 100%;
    width: 140%
}

.button_style1:hover {
    background-color: transparent;
    color: #fff;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    border: 1px solid #000
}

.blog-first .box-blog-post .is-divider, .blog-2th .is-divider{
	display:none;
}
.blog-2th .from_the_blog_excerpt{
	font-size:12px;
} 
.blog-first a.button.is-link.is-small.mb-0, .blog-2th a.button.is-link.is-small.mb-0{text-transform:inherit;}

.blog-2th .box-text{margin-top:8px;}
.blog-2th .post-meta.is-small.op-8{padding:7px 0}
.blog-2th a.plain{font-size:14px;text-transform:uppercase}
.but-book{font-size:14px;font-weight:500;}
.text_about_position h2 {
    color: #000;
    border-top: 1px solid #000;
    padding-top: 40px;
}

.col-tamnhin .col-inner{
    border-bottom-right-radius: 80%;
}
a.phone:before {
    content: "\f095";
	    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 11px;
    height: 28px;
    left: 0;
    line-height: 29px;
    top: 50%;
    width: 20px;
}
a.phone{color:#fff;font-size:12px!important;}
.woocommerce-Price-amount.amount bdi{color:#dd3333;}

.ux-menu.stack.stack-col.justify-start.menu-cus{display:flex;flex-direction:row;}
.ux-menu.stack.stack-col.justify-start.menu-cus a{margin-right:50px;}

img.portfolio-avt{
	width:100%; height:600px;
}

.row-portcus h1{
margin-top:60px;}
.row-portcus h3{font-size:17px;}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('https://happyliving.com.vn/wp-content/uploads/2024/01/SVN-Gilroy-Regular.otf');
}
body, .header-main .nav > li > a, .nav > li > a,h3,h4,h5,h6{font-family: 'SVN-Gilroy'!important;
}
.nav-spacing-xlarge>li{
	margin: 0 ;
}
#logo{filter: brightness(0) invert(1);}
.header-main .nav > li > a{color:#fff;font-size:14px;font-weight:400}
ul.sub-menu.nav-dropdown.tooltipstered.nav-dropdown-simple.dark a{color:#fff}
ul.sub-menu.nav-dropdown.tooltipstered.nav-dropdown-simple.dark 
a:hover{color:#b2b2b2}
ul.sub-menu.nav-column.nav-dropdown-default,ul.sub-menu.nav-column.nav-dropdown-simple.dark{font-size:13px!important;}
.dark.nav-dropdown.nav-dropdown-simple>li.nav-dropdown-col{border:none;}
.page-title, .post-type-archive-product main#main, .portfolio-page-wrapper.portfolio-archive.page-featured-item #content, .portfolio-page-wrapper.portfolio-single-page, .blog-wrapper.blog-archive.page-wrapper, .blog-wrapper.blog-single.page-wrapper{
	background:rgb(232, 223, 214)
}
.portfolio-box .box-image{height:300px}
.portfolio-box span.show-on-hover{display:none}
.portfolio-page-wrapper .page-title-inner.container.flex-row.medium-flex-wrap.medium-text-center{margin-top:30px;}

h2.wp-block-heading {
    font-size: 18px;
}

.nav>li.active>a, .nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover{color:#cc8a40}


a.button.white.is-outline.is-xxlarge.lowercase.but-book:hover{    transform: scale(0.9);
}
.blog-first a.button.is-link.is-small.mb-0, .blog-2th a.button.is-link.is-small.mb-0{
    display: inline-block;
    position: relative;
    transition: transform 0.5s ease-in-out;
}

.blog-first a.button.is-link.is-small.mb-0:hover, .blog-2th a.button.is-link.is-small.mb-0:hover {
    transform: rotate(-10deg);
}
.header-main .flex-col.hide-for-medium.flex-right{height:90px;
display:flex}
.header-main .flex-col.hide-for-medium.flex-right .menu-item-object-page a{border-right: 1px solid #a1a1a2; padding: 0 30px;}
li#menu-item-375 a{
    border: none!important;
}
ul.sub-menu.nav-dropdown.nav-dropdown-simple.dark li a{border:none!important;height:unset!important;padding:15px!important;}
ul.sub-menu.nav-dropdown.nav-dropdown-simple.dark li:last-child{border:none!important;}

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{background:#fff;border:unset;box-shadow:unset;color:#757575;border-radius:12px}
input.wpcf7-form-control.wpcf7-submit.has-spinner{border:1px solid #000; background:none; color:#000;margin-right:0;border-radius:12px;padding:2px 40px;margin-top:15px;}
.wpcf7 p{text-align:center}
.wpcf7-spinner{display:none;}
.cus-form .col{padding-bottom:0}
ul.sub-menu.nav-dropdown.nav-dropdown-simple.dark a:hover{background:#cc8a40;color:#fff!important;}
.img-ra .fill{border-radius:18px}
.dark .form-flat select{background-image:none;}

.woocommerce-Price-amount.amount bdi{color:#cc8a40}

.button-zalo{background:#1e73be}
p.name.product-title.woocommerce-loop-product__title a{color:#000;font-size:15px;}


.devvn_readmore_flatsome a, .devvn_readmore_taxonomy_flatsome a, .custom_readmore_taxonomy_flatsome a, .devvn_readmore_nd_seo a {
    width: 240px;
    line-height: 40px;
    font-size: 14px;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 4px;
    text-align: center;
}
.devvn_readmore_taxonomy_flatsome{padding-bottom:20px;}
.row.logo-slide.large-columns-5.medium-columns-3.small-columns-2{justify-content:center}
.nd-seo-content{padding-top:30px}

span.devvn_woocommerce_price_prefix {
    font-size: 0.8em;
    margin: 0 10px 0 0;
	color: #cc8a40;
}
span.devvn_woocommerce_price_suffix {
    font-size: 14.4px;
	font-weight: 600;
    margin: 0 0 0 2px;
	color: #cc8a40;
}
.icb-footer p {
	margin-top: 3px;
	margin-bottom: 5px;
}
.icb-foote .icon-box-left {
	padding-left: 5px;
}
.sp-noi-bat .box-text {
    padding-bottom: 10px;
}