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


}
#wide-nav .flex-row{
	flex-wrap:wrap;
}
#wide-nav .flex-row .flex-right{
	margin-left:0;
	border-top: 1px solid #ccc;
    width: 100%;
}
#wide-nav .flex-row .flex-right ul{
	justify-content:center;
}
#wide-nav .flex-center ul.header-bottom-nav>li>a{
	display: block;
    color: #010101;
    text-transform: capitalize;
    white-space: nowrap;
    letter-spacing: .0125rem;
    font-family: inherit;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
    padding: .6875rem .125rem .625rem;
    text-align: center
}
#wide-nav .flex-row .flex-right ul li a{
	display: block;
    color: #010101;
    text-transform: capitalize;
    white-space: nowrap;
    letter-spacing: .0125rem;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    padding: .6875rem .125rem .625rem;
    text-align: center
}

.nav>li>a {
    font-size: 15px;
}
.flex-col.flex-centers{
	width:20%;
}
.dropbtn{
	color: #fff;
	border: none;
	line-height: 3.077;
	font-weight: 300;
	text-transform: capitalize;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  right: 0;
}

.dropdown-content a {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #f1f1f1;
  margin: 0 10px;
}

.dropdown-content a:hover {
	text-decoration: underline;
}

.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn:after{
	transform: rotate(-180deg);
}
.dropbtn:before{
	background-image: url(/wp-content/uploads/2025/02/svgexport-1.svg);
	background-size: .625rem 1rem;
	content: "";
	position: absolute;
	width: .625rem;
	height: 1rem;
	top: 10px;
	left: 0;
}
.dropbtn:after{
	background-image: url(/wp-content/uploads/2025/02/svgexport-1-1.svg);
	background-size: .5rem .5rem;
	content: "";
	position: absolute;
	width: .5rem;
	height: .5rem;
	top: 14px;
	right: 0;
}
.header-nav.header-nav-main{
	flex-flow: initial!important;
	align-items:flex-end;
	gap:20px;
	justify-content: center;
}
.header-block a{
	font-size: .75rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0;
    margin-top: .25rem;
}
.header-main .nav > li > a {
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
}
/* .account-item,.cart-item {    
	max-width: 70px;
	width: 100%;
	margin-right: 0;
} */
/* .account-item a,.cart-item a{
	display: flex !important;
    flex-direction: column-reverse;
	padding-top: 5px !important;
} */
.account-item a .header-account-title,
.cart-item a .header-cart-title{
	font-size: .75rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0;
    margin-top: 7px;
}
#masthead .header-inner .flex-col{
	margin-right:0;
}
.header-block a .icon{
	height:18px;
}
.header-block .image-icon{
	width: 27px;
    font-size: 20px;
    height: 20px;
    height: 27px;
}
.image-icon img{
	max-width:24px;
}
.header-nav.header-nav-main li{
	margin:0!important;
}
.logo a{
	display: flex;
    justify-content: center;
}
#masthead .header-inner .flex-col.flex-left{
	align-items: center;
    display: flex;
}
.header-search-form .search-field{
	height: 40px;
    box-shadow: none;
}
.searchform .button {
    height: 41px;
    width: 40px;
    background: #838383;
    border: 1px solid #cac8c8;
    margin-left: -1px !important;
}
.section-bottom-header p{
	margin-bottom:0;
}
.section-bottom-header .col-inner{
	padding:0!important;
}
/* Footer */
.menu-footer .ux-menu-link a{
	color: #333;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: .5rem;
    font-family: inherit;
    width: auto;
}
.list-social{
	display: flex;
    justify-content: space-between;
    width: 250px;
}
.title-section h3 span{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
	font-family: Quicksand, sans-serif;
	padding-left:20px;
}
.product-category h5{
	font-family: Quicksand, sans-serif;
    font-weight: 500;
}
.sec-design .col a{
	font-weight: 300;
    text-transform: uppercase;
    border: 1px solid #fff;
}
 .single-post .post-thumbnail-list {
        display: flex;
        margin-left: -15px;
        margin-right: -15px;
        flex-wrap:wrap;
    }
    .single-post .post-thumbnail-list li {
        width: 33.33%;
        float: left;
        clear: inherit;
        padding: 0 15px 0;
        list-style: none;
/*         border-bottom: 1px solid #f2f2f4; */
/*         padding-bottom: 20px; */
        margin-bottom: 0px;
    }
    .post-thumbnail-list li a {
        font-size: 16px;
        line-height: 20px;
        display: block;
        font-weight: 500;
        color: #000;
        padding-top:10px;
    }
.content-box-cate {
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.content-box-cate p:first-child {
    border-right: 1px solid;
}
.content-box-cate p {
    font-size: 11px;
    margin-bottom: 0;
    color: #222;
    padding-right: 5px;
    margin-right: 5px;
    line-height: 12px;
}
#comments{
	display:none;
}
.single-product .product-title{
	color: inherit;
    font-family: TT-Norms-Pro, Open Sans, Helvetica, Arial, sans-serif;
    font-size: 1.625rem;
    font-weight: 400;
    letter-spacing: inherit;
    line-height: 1.23;
    margin-bottom: .25rem;
    text-transform: none;
}
h1, h2, h3, h4, h5, h6{
	text-wrap: inherit;
}
.is-divider{
	display:none;
}
.price.product-page-price{
	font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.375rem;
}
.product-short-description{
	font-size:12px;
	font-family: TT-Norms-Pro, Open Sans, Helvetica, Arial, sans-serif;
	font-weight: 300;
	margin-bottom: 20px;
}
.product-short-description ul{
	margin-bottom:0;
}
.woocommerce-variation-add-to-cart, form.cart{
	flex-direction:row;
}
.product-short-description ul li{
	list-style:none;
	margin-left:0;
}
.cart .single_add_to_cart_button{
	background-color: #010101;
    border-color: #010101;
    text-transform: uppercase;
    height: 42px;
}
/* .cart .ux-buy-now-button{
	background-color: #edebe9;
    border-color: #edebe9;
	 text-transform: uppercase;
    height: 42px;
	color:#010101;
} */
.list-link-scroll li{
    list-style: none;
    padding-left: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.list-link-scroll{
	display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
	border-bottom: 1px solid #cecece;
}
.cnt-title{
	max-width: 58.75rem;
    margin: 0 auto;
}
.cnt-title h3,.cnt-title p{
	font-size: 1.6rem;
    font-family: "garamond-premier-pro-display";
    line-height: 125%;
    font-weight: 100;
    text-align: center;
    letter-spacing: .0375rem;
    margin: 2rem 0 1.5rem;
}
.box-slide{
	padding:40px 0 0;
}
.box-love-it .row{
	max-width:80%;
	margin:0 auto;
}
.box-love-it .box-content{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.box-love-it .box-content h3{
	font-size:14px;
	font-family: Quicksand, sans-serif;
	text-transform:uppercase;
	font-weight: 600;
	margin-bottom:0;
}
.box-love-it .box-detail{
	    font-weight: 300;
    text-align: center;
    font-size: .875rem;
    margin: 0 1.25rem;
    line-height: 1.5;
}
.heading-primary,.product-section-title-related,
.product-section-title,.title-page h2,
.cuw-heading.cuw-template-title{
	align-items: normal;
    color: inherit;
    display: revert;
    flex: initial;
    font-family: TT-Norms-Pro, Open Sans, Helvetica, Arial, sans-serif;
    font-size: 20px!important;
    font-weight: 400;
    letter-spacing: .01rem;
    line-height: 30px;
    margin-bottom: .75rem;
    text-transform: none;
    white-space: normal;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 1rem;
    padding-top: 1rem;
    display: flex;
    padding-left: 0;
    text-transform: uppercase;
}
.box-slide p{
	margin-bottom:0;
}
.product-section{
	border:0;
}
.box-love-it .slick-dots li button:before{
	font-size:12px!important;
}
.box-love-it .slick-dots{
	bottom:-20px;
}
.list-infor-sp{
	list-style:none;
	padding-left:0;
	display:flex;
	gap:10px 20px;
	flex-wrap:wrap;
	align-items:center;	
	margin-bottom:0;
}
.list-infor-sp li{
    width: calc(50% - 10px);
    margin-bottom: 0;
    margin-left: 0 !important;
    display: flex;
    align-items: center;
	padding:10px;
}
.list-infor-sp li:nth-child(1),
.list-infor-sp li:nth-child(2),
.list-infor-sp li:nth-child(5),
.list-infor-sp li:nth-child(6){
	background:#f5f4f2;
}
.list-infor-sp li strong{
	width: 50%;
}
.list-infor-sp li span{
	width: 50%;
}
.box-infor .box-content-infor{
	padding-top:30px;
}
.box-image-inst{
	padding-top: 100%;
}
.box-image-inst img{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cuw-actions{
	display: flex;
    justify-content: center;
    flex-flow: column wrap;
    align-items: flex-end;
}
.cuw-add-to-cart{
    margin: 0;
    background: #000 !important;
    border-radius: 5px !important;
}
.up-sells.upsells{
	display:none;
}
.single_add_to_cart_button.button {
        color: #fff !important;
        width: 40%;
        font-size: 13px;
        line-height: 1;
        padding: 6px 5px 6px 30px;
        background: #1b7ea1 url(https://chiaki.vn/frontend/images/add-cart.svg) no-repeat 7px center / 20px auto !important;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: -0.5px;
	border:0;
}
.woocommerce-variation-add-to-cart, form.cart {
    flex-direction: row;
    justify-content: space-between;
}
.product-info.summary>.row{
	padding-left:0!important;
	padding-right:0!important;
}
.phone-btn, .zalo {
        padding: 5px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-bottom:0;
    }
    .phone-btn span, .zalo span {
        padding-left: 15px;
        font-weight: 400;
    }
    .phone-btn:before {
        content: "";
        width: 30px;
        height: 30px;
        background: url(/wp-content/uploads/2025/03/icon-t1.png);
        position: relative;
        font-size: 24px;
        max-width: 30px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .zalo:before {
        content: "";
        width: 30px;
        height: 30px;
        background: url(/wp-content/uploads/2025/03/icon-t2.png);
        position: relative;
        font-size: 24px;
        max-width: 30px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
.single_add_to_cart_button.button {
    order: 3;
    font-size: 13px;
	width: 40%;
	border-radius: 5px;
}
.cart:before {
    content: 'ha : ';
    display: flex;
    align-items: center;
    font-weight: 500;
}
.ux-quantity.quantity.buttons_added, 
.single_add_to_cart_button.button {
    height: 40px;
}
.ux-buy-now-button{
	width: 32%;
    border-radius: 5px;
}
.shop-container .post-title,.single-product .related .product-title a,.list-product-review  .product-title a{
	font-family: TT-Norms-Pro, Open Sans, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: inherit;
    line-height: 1.23;
    margin-bottom: .25rem;
    text-transform: none;
}
.single-product  .category{
	display:none;
}
.list-product-review .category{
	display:none;
}
.cuw-product-title a{
	font-size:22px;
}
.shop-page-title.category-page-title{
	display:none;
}
.blog-wrapper.blog-archive .large-10.col{
	 flex-basis: 100%;
     max-width: 100%;
}
.archive.category .box .box-image .image-cover {
    padding-top: 80% !important;
}
.account-item a{
    font-size: 12px !important;
    font-weight: 400 !important;
}
#wide-nav .content-menu {
	display:flex;
	justify-content:center;
	    width: 100%;
	    padding: 10px 0;
	    align-items: center;
}
.header-bottom-nav > li > a{
	font-size:14px;
}
.content-menu .flex-left {
    margin-left: auto;
	margin-right:20px;
}
.nav-dropdown-has-border .nav-dropdown{
	border-color:#fff;
}
.nav-dropdown-has-arrow li.has-dropdown:before,
.nav-dropdown-has-arrow li.has-dropdown:after{
	display:none!important;
}
.nav-dropdown-default {
    padding: 5px;
}
.from_the_blog_excerpt {
	display:none;
}
#button-contact-vr {
        position: fixed;
        bottom: 90px;
        z-index: 99999;
        right: 0;
    }
    /*phone*/
    #button-contact-vr .button-contact {
        position: relative;
        margin-top: -5px;
    }
    #button-contact-vr .button-contact .phone-vr {
        position: relative;
        visibility: visible;
        background-color: transparent;
        width: 90px;
        height: 90px;
        cursor: pointer;
        z-index: 11;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transition: visibility .5s;
        left: 0;
        bottom: 0;
        display: block;
    }
    .phone-vr-circle-fill {
        width: 65px;
        height: 65px;
        top: 12px;
        left: 12px;
        position: absolute;
        box-shadow: 0 0 0 0 #c31d1d;
        background-color: rgba(230, 8, 8, 0.7);
        border-radius: 50%;
        border: 2px solid transparent;
        -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
        animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
        transition: all .5s;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animuiion: zoom 1.3s infinite;
        animation: zoom 1.3s infinite;
    }
    .phone-vr-img-circle {
        background-color: #e60808;
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: 25px;
        left: 25px;
        position: absolute;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
        animation: phone-vr-circle-fill 1s infinite ease-in-out;
    }
    .phone-vr-img-circle a {
        display: block;
        line-height: 37px;
    }
    .phone-vr-img-circle img {
        max-height: 25px;
        max-width: 27px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }
    @-webkit-keyframes phone-vr-circle-fill {
      0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
      10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
      20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
      30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
      40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
      50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
      100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    }
    @-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
    .phone-bar a {
        position: fixed;
        bottom: 25px;
        left: 30px;
        z-index: -1;
        color: #fff;
        font-size: 16px;
        padding: 8px 15px 7px 50px;
        border-radius: 100px;
        white-space: nowrap;
    }
    .phone-bar a:hover {
        opacity: 0.8;color: #fff;
    }
@media(max-width:1440px) and (min-width:1200px){
	#header .container{
		max-width:100%!important;
		padding-left:5px;
		padding-right:5px;
	}
	.nav>li{
		margin:0 5px;
	}
	.header-bottom-nav > li > a{
		font-size:12px;
	}
}
    @media(max-width: 736px){
        .phone-bar{display: none;}
    }
    
    #zalo-vr .phone-vr-circle-fill {
        box-shadow: 0 0 0 0 #2196F3;
        background-color: rgba(33, 150, 243, 0.7);
    }
    #zalo-vr .phone-vr-img-circle {
        background-color: #2196F3;
    }
    #messenger-vr .phone-vr-circle-fill {
        box-shadow: 0 0 0 0 #6a4ffe;
        background-color: rgb(106 79 254 / 50%);
    }
    #messenger-vr .phone-vr-img-circle {
        background-color: #6a4ffe;
    }
    #viber-vr .phone-vr-circle-fill {
        box-shadow: 0 0 0 0 #714497;
        background-color: rgba(113, 68, 151, 0.8);
    }
    #viber-vr .phone-vr-img-circle {
        background-color: #714497;
    }
    #contact-vr .phone-vr-circle-fill {
        box-shadow: 0 0 0 0 #2196F3;
        background-color: rgba(33, 150, 243, 0.7);
    }
    #contact-vr .phone-vr-img-circle {
        background-color: #2196F3;
    }
    div#whatsapp-vr .phone-vr .phone-vr-circle-fill {
        box-shadow: 0 0 0 0 #1fd744;
        background-color: rgb(35 217 72 / 70%);
    }
    div#whatsapp-vr .phone-vr .phone-vr-img-circle {
        background: #1cd741;
    }
    div#whatsapp-vr .phone-vr .phone-vr-img-circle img {
        max-width: 100%;
        max-height: 100%;
        border-radius: 50%;
    }
    
    /*css all in one*/
    #gom-all-in-one #phone-vr {
        transition: 0.7s all;
        -moz-transition: 0.7s all;
      -webkit-transition: 0.7s all;
    }
    #gom-all-in-one #zalo-vr {
        transition: 1s all;
        -moz-transition: 1s all;
      -webkit-transition: 1s all;
    }
    #gom-all-in-one #viber-vr {
        transition: 1.3s all;
        -moz-transition: 1.3s all;
      -webkit-transition: 1.3s all;
    }
    #gom-all-in-one #contact-vr {
        transition: 1.6s all;
        -moz-transition: 1.6s all;
      -webkit-transition: 1.6s all;
    }
    #button-contact-vr.active #gom-all-in-one .button-contact {
        margin-left: -100%;
    }
    #all-in-one-vr .phone-bar {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 100%;
        color: #fff;
        padding: 5px 15px 5px 48px;
        border-radius: 50px;
        margin-left: -64px;
        width: max-content;
        cursor: pointer;
    }
@media(max-width:1024px){
	.row-dashed .col:before, .row-solid .col:before{
		display:none;
	}
}
@media(max-width:550px){
	.pdlr0{
		padding:0;
	}
	.single-post .post-thumbnail-list li{
		width:100%;
	}
	.single.single-post .row,.archive.tax-product_cat .row,.archive.category .row,.product-main>.row{
		padding-left:0;
		padding-right:0;
	}
	.product-main>.row{
		
	}
	.single_add_to_cart_button.button{
		width:38%;
	}
	.list-link-scroll{
		gap:10px 30px;
	}
	.list-infor-sp li{
		width:100%;
	}
	.cuw-product-image.cuw-product-curve-image{
		width:100px!important;
		height:100px!important;
	}
	.cuw-product-title a,.cuw-product-title{
		font-size:14px;
		line-height:18px;
	}
}