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

/* base */
.efn-none {
    display: none !important;
}
.efn-title h3.section-title {
    border-bottom-color: var(--primary-color);
}
.radius-10 .img .img-inner {
    border-radius: 10px;
}
* {
    letter-spacing: 0 !important;
}

.sp-box ul>li, .sp-box div span, .efn-question-box .accordion-inner,
.footer-main-inner p>a {
    font-size: 14px;
    color: #555555;
}

.sp-box .badge-container div span.onsale {
    color: #fff;
}

/*  */
.ruou-no-padding > .col {
    padding-bottom: 0;
}
.home-ruou-title-wrapper > .col >.col-inner>a.view-all-btn {
    position: absolute;
    top: -5px;
    right: 0;
    margin-right: 0;
    width: 130px;
}

/* Header */
header .header-vertical-menu .header-vertical-menu__opener {
    background-color: #c30012;
}
header .efn-menu-sub>p {
    display: inline-block;
}
header .efn-menu-sub>p:not(:last-child) {
    padding-right: 20px;
}
header .header-bottom ul>li>a {
    font-size: 14px !important;
}

/* Header main */
header .header-main .header-nav-main {
    justify-content: center;
}
header .header-search-form .search-field {
    border: 1px solid var(--primary-color);
    border-right: none;
    height: 38px;
    border-radius: 4px 0 0 4px;
}
header .header-search-form button {
    width: 55px;
    height: 38px;
    border: none;
    border-radius: 0 4px 4px 0;
    background-color: var(--primary-color) !important;
}
header .header-nav .cart-item>a>i::before {
    color: var(--primary-color);
}


/* contact - 2 */
.header-contact-phone-wrapper {
    display: flex;
    align-items: center;
}
.header-contact-phone-wrapper .icon-phone {
    background-color: var(--primary-color);
    width: 35px;
    border-radius: 100%;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    padding-right: 1px;
}
.header-contact-phone-wrapper .icon-phone::before {
    content: url(../flatsome-child/images/phone-icon.webp);
    transform: scale(0.8);
}
.header-contact-phone-wrapper>div {
    margin-left: 6px;
    height: 35px;
}
.header-contact-phone-wrapper > div .header-contact-title {
    color: rgb(17, 17, 17);
    font-weight: 500;
    line-height: 1.3;
}
.header-contact-phone-wrapper > div > a {
    color: var(--primary-color);
    font-weight: bold;
}

header .header-nav-main .cart-item a.header-cart-link {
    border: 2px solid var(--primary-color);
    border-radius: 6px;
    padding: 10px 8px 8px;
    display: flex;
    flex-direction: row-reverse;
}
header .header-nav-main .cart-item a.header-cart-link span {
    color: #111;
    font-weight: 500;
    text-transform: none;
    padding-left: 8px;
}
header .header-nav-main .cart-item a.header-cart-link i {
    margin-left: 0;
}

/* Header bottom */
@media (max-width: 849px) {
    header .header-bottom {
        display: none;
    }
}
header .header-bottom .flex-row .flex-col:not(.flex-center) {
    flex: inherit;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
}
header .header-bottom .flex-row .flex-col.flex-center {
    flex: 1;
}
header .header-bottom .flex-row .flex-col.flex-center .nav {
    -webkit-box-pack: start;
    -ms-flex-pack: unset;
    justify-content: flex-start;
    padding-left: 20px;
}

/* More */
.home-efn-more .col .col-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 20px 10px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}
@media (max-width: 849px) {
    .home-efn-more .col .col-inner {
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 20px;
    }
}
@media (max-width: 549px) {
    .home-efn-more .col .col-inner {
        grid-template-columns: 1fr 1fr;
        row-gap: 15px;
    }
    .home-efn-more .box .box-image {
        width: 50px !important;
        padding-bottom: 4px;
    }
    .home-efn-more .box .box-text {
        text-align: center;
    }
    .home-efn-more .col .col-inner>.efn-more-item:not(:last-child)::after {
        content: "";
        height: 1px;
        width: 90%;
        background-color: #ededed;
    }
}
.home-efn-more .col .col-inner .efn-more-item {
    padding: 0 20px;
}
.home-efn-more .col .col-inner>.efn-more-item:not(:last-child) {
    border-right: 1px solid #ededed;
}
.home-efn-more .col .col-inner .efn-more-item .box-text {
    padding: 0;
    padding-left: 4px;
}
.home-efn-more .col .col-inner .efn-more-item .box-text h4 {
    font-size: 13px;
}
.home-efn-more .col .col-inner .efn-more-item .box-text p {
    font-size: 12px;
}

/* Banner */ 
.banner-efn.row  {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    padding: 0 15px;
}
.banner-efn.row .col {
    min-width: 100%;
}
.banner-efn.row .col:nth-child(1) {
    grid-column: 1 / span 3;
    grid-row: 1 / span 3;
}
@media (min-width: 850px) {
    .banner-efn.row .col:nth-child(1) {
        grid-column: 1 / span 2;
        grid-row: 1 / span 3;
    }
}
.banner-efn.row .col:nth-child(1) .col-inner, 
.banner-efn.row .col:nth-child(1) .col-inner>div {
    height: 100%;
}
.banner-efn.row .col {
    padding: 0 !important;
}

/* Product */
.woocommerce-page .row.category-page-row,
.home-product .tab-panels .row .row,
.home-product .col .col-inner>.row {
    padding-right: 10px;
    padding-left: 10px;
}
.home-product .ruou-banner-prd .img .img-inner {
    max-height: 874.5px;
}
/* Category */
.home-prd-category .box.box-category>div>div>img {
    border-radius: 100%;
}
.home-prd-category .product-category .box-category .box-image {
    width: 120px;
    height: 120px;
}
.home-prd-category .product-category .box-category .box-text {
    padding: 0;
}
.home-prd-category .product-category .box-category h5 {
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    padding-top: 10px;
}

.shop-container .products.row>div.product-small,
.home-product .row>div.product-small {
    border: 1px solid #eee;
}
/* not tab */

/* has tab */
.prd-tab h4 {
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 7.5px;
}
.prd-tab .nav {
    padding-bottom: 16px;
}
@media (min-width: 850px) {
    .prd-tab .tabbed-content .nav {
        justify-content: flex-end;
    }
}
@media (max-width: 849px) {
    .prd-tab .nav {
        overflow-x: scroll;
        flex-wrap: nowrap;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .prd-tab .nav::-webkit-scrollbar {
        display: none;
    }
}
.prd-tab .nav>.tab {
    margin: 0 7px;
    width: 150px;
    min-width: 150px;
    border-radius: 99px;
    display: flex;
    justify-content: center;
}
.prd-tab .nav>.tab.active {
    background-color: var(--primary-color);
}
.prd-tab .nav>.tab:first-child {
    margin-left: 0;
}
.prd-tab .nav>.tab:last-child {
    margin-right: 0;
}
.prd-tab .nav>.tab>a {
    padding: 3px 0;
}
.prd-tab .nav>.tab:not(.active) {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 20%);
}

.prd-tab .tabbed-content .tab-panels {
    padding-top: 0;
}

/* Thương hiệu */
.home-thuong-hieu.row .col .row .col {
    padding-bottom: 0;
}
.home-thuong-hieu .img .img-inner {
    border: 1px solid #ededed;
    border-radius: 6px;
}


/* Video */
.home-video .slider-wrapper section {
    padding: 0 !important;
}

/* Tin tức */
.home-tin-tuc .tin-tuc-wrapper {
    flex-direction: column;
}
.home-tin-tuc .tin-tuc-wrapper .post-item {
    padding-bottom: 20px;
}
.home-tin-tuc .tin-tuc-wrapper .post-item .box {
    display: flex;
}
.home-tin-tuc .tin-tuc-wrapper .post-item .box .box-image {
    flex: 1;
}
.home-tin-tuc .tin-tuc-wrapper .post-item .box .box-text {
    flex: 2;
    padding: 0;
    padding-left: 10px;
}

body.blog .box-blog-post .box-text p.from_the_blog_excerpt,
.home-tin-tuc .tin-tuc-wrapper .post-item .box-text p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.home-tin-tuc .tin-tuc-wrapper .post-item .box-text h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}


/* Footer */
.absolute-footer {
    display: none;
}
/* Footer top */
.efn-footer-form {
    text-align: center;
}
.efn-footer-form .footer-form-label {
    color: #fff;
}
.efn-footer-form p {
    display: flex;
}
.efn-footer-form p>span {
    flex: 1;
}
.efn-footer-form .input-item {
    height: 40px;
    border-radius: 5px 0 0 5px;
}
.efn-footer-form .submit-btn {
    background-color: #2d2d2d !important;
    border-radius: 0 5px 5px 0;
    width: 100px;
    height: 40px;
    margin: 0;
}
.efn-footer-form span.wpcf7-spinner {
    display: none;
}
.footer-top form, .efn-footer-form .input-item {
    margin-bottom: 0;
}
.footer-top .col {
    padding-bottom: 0;
}

/* Footer main */
.footer-main .footer-main-inner>.col {
    padding-bottom: 0;
}
.footer-main .co-so-efn-title,
.footer-main .efn-footer-title {
    margin-bottom: 0;
}
.footer-main .co-so-efn-title h3 span {
    padding: 2px 10px 0;
    height: 34px;
    background-color: #333;
    color: #fff;
    border-radius: 0 30px 30px 0;
}
.footer-main .co-so-efn-title h3 {
    margin-bottom: 22px;
}
.footer-main .efn-footer-title h3 {
    margin-bottom: 16px;
    border: none;
}
.footer-main .co-so-efn-title h3,
.footer-main .co-so-efn-title h3 span,
.footer-main .efn-footer-title h3 span {
    border: none;
}
.footer-main .efn-footer-title h3 span::after {
    content: "";
    width: 50%;
    height: 2px;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    bottom: -2px;
}
.footer-main .footer-main-inner .col-inner>p>a {
    display: block;
}
.footer-main .efn-footer-info p {
    margin-bottom: 0;
}

.footer-main .social-icon-efn .col {
    padding-bottom: 0;
}
.footer-main .social-icon-efn .col .col-inner {
    display: flex;
}
.footer-main .social-icon-efn .img {
    width: 32px;
    max-width: 32px;
    margin-right: 5px;
}
.footer-main .social-icon-efn .img .img-inner {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    cursor: pointer;
}

/* Footer bottom */
.footer-bottom p {
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
}
.footer-bottom .no-pb {
    padding-bottom: 0;
}
.footer-bottom .copyright-img {
    display: flex;
    align-items: center;
}


/* Trang shop */
/* lọc giá */
.yith-wcan-filters .yith-wcan-filter h4.filter-title,
.widget_price_filter .widget-title {
    color: var(--primary-color);
    text-transform: none;
    letter-spacing: 0;
    font-size: 20px;
}
.price_slider_wrapper .price_slider>div, .price_slider_wrapper .price_slider>span {
    background-color: var(--primary-color) !important;
}
.widget_price_filter .price_slider_wrapper>div>button.button {
    background-color: var(--primary-color);
}
.widget_price_filter .price_slider_wrapper>div .price_label>span {
    color: var(--primary-color);
}

/* more */
.efn-shop-title {
    margin-bottom: 0;
}
.efn-shop-title h3, .efn-shop-title h3 span {
    border: none;
}
.efn-shop-title.ques-title {
    padding-left: 55px;
}
.efn-shop-title.ques-title::before {
    content: '';
    position: absolute;
    top: -9px;
    left: 10px;
    width: 35px;
    height: 35px;
    background-image: url(../flatsome-child/images/ques.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.efn-shop-title.promotion-title {
    background-color: var(--primary-color);
    padding: 5px 10px;
    border-radius: 4px;
    margin-top: 15px;
}
h3.efn-shop-title.promotion-title span {
    display: flex;
    align-items: center;
    padding-left: 25px;
    color: #fff;
    font-size: 18px;
}
h3.efn-shop-title.promotion-title span::before {
    content: '';
    position: absolute;
    left: 10px;
    width: 16px;
    height: 16px;
    background-image: url(../flatsome-child/images/gift.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 2px;
}
ul.promotion-box {
    background-color: #fff;
    padding: 10px;
    border-radius: 0 0 4px 4px;
}
ul.promotion-box>li>a, ul.promotion-box>li {
    font-size: 14px;
    line-height: 1.4;
    /* margin-bottom: 0; */
}
/* question */
.efn-question-box .accordion-item {
    margin-bottom: 15px;
    border-radius: 8px;
    background-color: #f4f4f4;
}
.efn-question-box .accordion-item>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 3px 25px;
}
.efn-question-box .accordion-item>a>button {
    position: unset;
    order: 2;
    padding-top: 2px;
}
.efn-question-box .accordion-item>a>span {
    font-weight: 700;
}

/* Trang sp */
.single-product.single .shop-container {
    background-color: #F9F9FB;
}
.sp-box-wrapper-1 .col-inner .woocommerce-tabs.container,
.sp-box-wrapper .col-inner {
    padding: 15px;
    background-color: #fff;
    border-radius: 4px;
}
.sp-box {
    background: #fff;
    border-radius: 4px;
}
.sp-box.p-15 {
    padding: 15px;
}
.single-product.single .woocommerce-tabs>ul>li>a {
    font-size: 20px;
    padding: 0;
}
.single-product.single .woocommerce-tabs>ul>li>a::before {
    display: none;
}
.sp-pr-8 {
    margin-right: 8px;
}

/* Show more product detail */

.single-product div#tab-description, .field_product {
	overflow: hidden;
	position: relative;
	padding-bottom: 50px;
	margin-bottom: 0;
}
.fix_height{
	max-height: 350px;
	overflow: hidden;
	position: relative;
}
.single-product .tab-panels div#tab-description.panel:not(.active) {
	height: 0 !important;
}
.b360_readmore_detail_product {
	text-align: center;
	cursor: pointer;
	position: absolute;
	z-index: 10;
	bottom: 0;
	width: 100%;
	background: #F9F9FB;
}
.b360_readmore_detail_product:before {
	height: 55px;
	margin-top: -55px;
	content: "";
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #F9F9FB 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#F9F9FB 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#F9F9FB 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
	display: block;
}
.b360_readmore_detail_product a {
	color: #F9F9FB !important;
	max-width: 300px;
	margin: auto;
	background: #d70018 !important;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	border-radius: 30px;
}
.b360_readmore_detail_product a:after {
	content: '';
	width: 0;
	right: 0;
	border-top: 6px solid #ffffff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0 5px;
}
.b360_readmore_detail_product_less a:after, .b360_readmore_detail_product_less_sub a::after {
	border-top: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
}
.b360_readmore_detail_product_less:before ,.b360_readmore_detail_product_less_sub::before{
	display: none;
}

.related-products-wrapper.product-section{
    margin-top: 50px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.single-sp-main .cart button {
    border-radius: 4px;
}



/* Rượu */
/* header */
/* menu */
.header-bottom .nav>li:nth-child(1).current-dropdown>ul {
    display: flex;
    flex-direction: column;
}
.header-bottom .nav>li:nth-child(1).current-dropdown>ul>li>ul {
    position: absolute;
    top: -2px;
}
ul.sub-menu>li>ul>li>a {
    padding: 7px 15px;
}
@media (min-width: 1260px) {
    .header-bottom .nav>li:nth-child(1).current-dropdown>ul {
        display: flex;
        flex-direction: column;
        width: 100vw;
        height: 55vh;
        padding-left: calc((100vw - 1170px) / 2 - 20px);
        left: calc(((100vw - 1170px) / 2) * (-1));
        min-width: 100vw;
    }
    .header-bottom .nav>li:nth-child(1).current-dropdown>ul>li>ul {
        position: absolute;
        left: calc(((100vw - 1170px) / 2) + 140px);
        top: -2px;
        display: grid;
        width: 60vw;
        padding: 20px;
    }
}
@media (max-width: 1259px) {
    .header-bottom .nav>li:nth-child(1).current-dropdown>ul {
        min-width: 160px;
        width: 160px;
    }
    .header-bottom .nav>li:nth-child(1).current-dropdown>ul>li>ul {
        left: 160px;
        background-color: #fff;
        padding: 20px;
        box-shadow: 4px 3px 10px rgb(0 0 0 / 20%);
    }
}
.header-bottom .nav>li:nth-child(1).current-dropdown>ul>li:nth-child(2)>ul,
.header-bottom .nav>li:nth-child(1).current-dropdown>ul>li:nth-child(3)>ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: grid !important;
}
.header-bottom .nav>li:nth-child(1).current-dropdown>ul>li:nth-child(1)>ul>li>ul,
.header-bottom .nav>li:nth-child(1).current-dropdown>ul>li:nth-child(5)>ul>li>ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: grid !important;
}
.header-bottom .nav>li:nth-child(1).current-dropdown>ul>li:nth-child(4)>ul,
.header-bottom .nav>li:nth-child(1).current-dropdown>ul>li:nth-child(4)>ul>li>ul {
    grid-template-columns: 1fr 1fr;
    display: grid !important;
}
.header-bottom .nav>li:nth-child(1).current-dropdown>ul>li {
    transition-duration: 0s !important;
    transition-delay: 0s !important;
}
.header-bottom .nav>li:nth-child(1).current-dropdown>ul>li>ul {
    visibility: hidden;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    opacity: 0;
}
.header-bottom .nav>li:nth-child(1).current-dropdown>ul>li.active>ul {
    visibility: visible;
    opacity: 1;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
}
.header-bottom .nav>li:nth-child(1).current-dropdown>ul>li.active{
    border-left: 1px solid #d70018;
}
.select2-results__option{
    display: none;
}
.select2-results__option[aria-selected], .select2-results__option[data-selected]{
    display: block;
}

/* Filter box */
.woof_redraw_zone {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.woof_submit_search_form_container {
    grid-column: 1 / 7;
}
@media (max-width: 849px) {
    .woof_redraw_zone {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .woof_submit_search_form_container {
        grid-column: 1 / 4;
    }
}


/* filter product reset btn */
button.button.woof_reset_search_form {
    border-radius: 60px;
    width: 120px;
}

/* Filter space */
.woof_container {
    padding: 0 8px;
}
.woof_price2_search_container.woof_container.woof_price_filter>div>div>span {
    max-width: 100%;
}


/* sp */
.product-small .box-text {
    text-align: center;
}
p.product-title>a {
    font-weight: 500;
}
.price>span {
    color: var(--primary-color);
}