/*
Theme Name: Web Khoi Nghiep
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.section-khach-hang .img img{
    border-radius: 15px;
}
.slider-style-focus {
    background-color: transparent;
    padding: 15px 0;
}
.woo_km .product-small .col-inner{
    padding: 0px !important;
    border: unset !important;
    background: unset !important;
}
.product-small.box{
    padding: 8px;
    border-radius: 12px;
    background: #f7f4ef;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
} 
.bg-giam-gia{
        padding: 32px 20px;
    padding-top: 0px;
    border-radius: 12px;
    background: linear-gradient(0deg, #f7c875 0%, #fff 100%);
}
.title-home{
    font-family: "Pacifico", cursive;
    font-size: 40px;
    color: #212529;
    font-weight: 400;
}
.section-slide .flickity-slider>:not(.is-selected), .section-slide .slider-style-focus .flickity-slider>:not(.is-selected),.section-slide .slider-style-shadow .flickity-slider>:not(.is-selected){
    opacity: 1;
}
.section-sp .img img{
    border-radius: 15px;
}
.section-slide .banner,.section-slide .banner-bg {
    border-radius: 15px;
} 
.section-suu-tap .banner,.section-suu-tap .banner-bg {
    border-radius: 15px;
} 
.section-tab li.tab{
    margin-right: 10px;
}
.section-tab li.tab.active a img{
    filter: brightness(0) invert(1);
}
.section-tab li.tab a{

    text-transform: initial;
        border-radius: 4px !important;
    padding: 4px 16px;
   background: #eee;
}
.fce-icon-tabs .nav li.fce-has-icon > a{
       display: block; 
}
.fce-tab-label {
    display: inline;
}
.fce-tab-icon-wrap {
    display: inline-block;}
.fce-tab-icon {
    display: inline-block;}
.product-tabs li a {
    display: block;
    padding: 5px 25px;
    border-radius: 5px;
    border: 1px solid transparent;
}
.shop-sidebar span.widget-title, #shop-sidebar span.widget-title ,.post-sidebar  span.widget-title{
    font-weight: 700;
    font-size: 17px;
    display: block;
    color: var(--primary-color);
    text-align: center;
    padding: 10px;
    padding-bottom: 0;
}
.shop-sidebar .widget, #shop-sidebar .widget ,.post-sidebar .widget{
    border: 1px solid #e5e5e5;
    padding: 10px;
}
.shop-sidebar .is-divider, #shop-sidebar .is-divider,.post-sidebar .is-divider {
    max-width: 100%;
    background-color: var(--primary-color);
}
.woocommerce-page .shop-page-title {
    background: var(--primary-color);
}
.shop-page-title .page-title-inner {
    padding-top: 0px !important;
}
.woocommerce-page .shop-page-title a, .woocommerce-page .shop-page-title .woocommerce-breadcrumb, .woocommerce-page .shop-page-title .woocommerce-result-count {
    color: #ffffff !important;
}
.post-item .box-image {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
}
.post-item .box-text{
    padding: 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #F7F4EF;

}
.post-item .is-divider{
    display: none;
}
.post-item {

    border-radius: 15px;
}
.product-small.col span.amount {
    font-size: 18px;
    color: #f29f33;
    font-weight: 700;
    word-break: break-word;
    line-height: 22px;
}
.product-small.col .product-title a:hover {
    color: var(--fs-color-secondary);;
}
.product-small.col .product-title a {
    
    position: relative;
    width: 100%;
    color: #544f4f;
    line-height: 20px;
    min-height: 40px;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 700;
}
.header-bottom-nav > li > a{
    padding-left: 10px;
    padding-right: 10px;
}
#header .shop-page-title.featured-title .title-bg{
    background-image: unset !important;
}
.section-title b {
    opacity: 0;
}
.section-title {
    border: 0;
}
.product-small.col .box-image {
    border-radius: 10px;
    overflow: hidden;
}
.section-title.section-title-center .section-title-main {
    margin: auto;
}
.section-cho-thue  .box {
    border-radius: 20px;
    background: #fff;
}
.section-cho-thue .box .box-text h3 {
    color: #f29f33;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 5px;
}
.section-cho-thue  .box .box-text p {
    color: #544f4f;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 84px;
    word-break: break-all;
}
.section-title .section-title-main {
    font-size: 34px;
    color: var(--fs-color-secondary); ;
    max-width: 630px;
    border: 0;
}

.section-title.section-title-center .section-title-main:before {
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.nav-pills>li.active>a, .nav-pills>li:hover>a {
    background-color: var(--fs-color-secondary); !important;
    color: #fff !important;
}
.section-ly-do .featured-box:hover {
    background-color: var(--fs-color-secondary);;
}
.section-title .section-title-main:before {
    content: "";
    position: absolute;
    width: 135px;
    height: 2px;
    background: currentColor;
    bottom: 0;
}
.section-dich-vu:before {
    content: "";
    background-image: url(images/bg-before-service.png);
    background-repeat: no-repeat;
    width: 283px;
    height: 472px;
    position: absolute;
    top: -5px;
}
.custom-banner .text-box {
    z-index: 9;
}
.text-box .text-box-content {
    position: relative;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.custom-banner .featured-box:hover h3 {
    color: var(--fs-color-secondary);;
}
.custom-banner {
    border-radius: 20px;
    overflow: hidden;
}
.custom-banner .featured-box h4 {
    font-size: 20px;
    position: relative;
    margin-left: 30px;
    font-weight: 700;
}
.custom-banner .featured-box {
    display: flex;
    align-items: center;
}
.section-dich-vu:after {
    content: "";
    background-image: url(images/bg-after-service.png);
    background-repeat: no-repeat;
    top: 25px;
    right: 0;
    width: 293px;
    height: 419px;
    position: absolute;
}
.custom-banner:before {
    content: "";
    background: linear-gradient(180deg,#1f0e0e 0,#321717d9 13.02%,#5d282812 56.25%);
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.section-ly-do .featured-box h3{
    font-size: 15px;
}
.section-ly-do .featured-box {
    border-radius: 20px;
    min-height: 201px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    cursor: pointer;
    padding: 15px 15px;
    background-color: #fff;
}
.section-ly-do .featured-box:hover img {
    filter: brightness(3);
}
.section-ly-do  .featured-box:hover h3, .section-ly-do .featured-box:hover p {
    color: #fff;
}
a.button.primary:hover{
    box-shadow: unset;
}
a.button.primary:hover:before {
    transform: translate3d(5px, 15px, 0px) scale3d(20, 20, 20) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}
a.button.primary{
    overflow: hidden;
}
a.button.primary:before{

    content: "";
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background: rgba(255, 255, 255, 0.15);
    position: absolute;
    transition-duration: 0.6s;
    transform: translate3d(5px, 15px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    inset: auto 0% 0% auto;
    z-index: 1;
    pointer-events: none;
    user-select: none;

}
.header-main .form-flat input:not([type=submit]) {
    font-size: 14px;
    border: 1px solid #ddd;
    height: 44px;
    min-width: 400px;
    background: white;
}
.sub-title{
    color: var(--primary-color);
}
span.amount{
    color: #f29f33;
}
.div-no-padding{
    padding-bottom: 0px;
}
#billing_address_1_field{
    width: 100%;
}
.hotline-header {
    display: flex;
    align-items: center;
}
.hotline-header svg {
    margin-right: 10px;
}
.hotline-header svg {
    margin-right: 10px;
}
.hotline-header .content p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    color: var(--primary-color);
}
.hotline-header .content a {
    font-size: 18px;
    font-weight: bold;
    color: var(--primary-color);
}

.single-date{
        border-bottom: 1px dashed #ededed;
}
h1.entry-title{
    font-size: 24px !important;
}
/*Kết thúc màu sắc*/

.header-vertical-menu__opener{
  border: 2px solid var(--fs-color-primary);
    border-radius: 10px;
    /* width: 162px; */
    height: 37px;
    padding: 7px;
    width: 150px !important;
}

footer.entry-meta {

    border-top: none !important;
    border-bottom: 1px dashed #ececec !important;
    
}
.single-page{
    padding-top: 0px;
}
.section-slide .slider-style-focus .flickity-page-dots{
        bottom: 25px;
}
.wpcf7-spinner{
    display: none;
}
.section-footer-tren{
    margin-bottom: -24px;
}
.section-footer-duoi{
    padding-top: 50px !important;
}
.section-footer-tren .row{
    padding-top: 10px;
    padding-bottom: 10px;
    background: #F7F4EF;
    border-radius: 10px;
}
.section-footer-tren .row .col{
    padding-bottom: 0px !important;
}
.section-footer-tren .row .col .icon-box{
    align-items: center;
}
.section-footer-tren .row .col .icon-box h4{
    color:var(--fs-color-secondary);
}
.entry-content img{
	width: auto !important
}
.duong-line {
    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
    height: 12px;
    margin-top: 5px;
    overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	    font-size: 18px;
    float: left;
    margin: -8px 20px 0 0;
}

.section-cau-chuyen .img img{
    border-radius: 15px;
}

.section-sp .flickity-button svg{
    background: var(--primary-color) !important;
    fill: var(--primary-color) !important;
    color: white !important;
}
.section-tiktok blockquote{
    border-left: 0px;
}
@media(max-width: 855px){
    .tiktok-embed{
        padding: 0px !important; 
    }
     .div-khach-hang-phai .icon-box .icon-box-img{
        margin: auto;
     }
    .div-khach-hang-phai .icon-box{
        display: block;
    }
    .adminz_slider_custom.ma-uu-dai .col{
        padding-bottom: 0px !important;
    }
    .product-small.col span.amount {
    font-size: 13px;}
    .section-slide .text-box{
        width: 75% !important;
    }
   .section-slide .banner h2{
        font-size: 22px;
    }
    .section-tab li.tab a{
           padding: 0px 10px; 
    }
    .fce-tab-icon-wrap img{
        width:15px !important;
    }
    .fce-tab-label {
    display: inline;
    font-size: 9px;
}
    .fce-icon-tabs .nav li.fce-has-icon > a {
    display: block;
    margin-bottom: 6px;
}
    .title-home{
        font-size: 30px;
    }
    .box-text a.is-xlarge{
            font-size: 14px;
    }
    .section-title .section-title-main {
    font-size: 20px;
}
}


@media(min-width: 1023px){
    .div-khach-hang-phai > .col-inner{
        border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 20px 0px;
    padding-left: 30px;
   
    margin-left: -60px !important;
    background: white;
    margin-top: 24px;
}
    .row-anh-phai .col{
        padding-bottom: 5px;
    }
    .row-anh-phai{
        background: #F7F4EF;
    margin-left: -100px !important;
    padding: 10px;
    border-radius: 10px;
    }

     .section-sp .flickity-button.previous{
         right: 59px;
    left: unset;
     }
    .section-sp .flickity-button{
        top: -50px;
    margin-top: 0px !important;
    opacity: 1 !important;
    transform: unset !important;
   
    bottom: unset;
    }
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}