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

/*************** ADD CUSTOM CSS HERE.   ***************/
.nav-dropdown > li.nav-dropdown-col {
    display: block;
}
.nav-dropdown {
    border: 1px solid #ddd;
    padding: 0;
}
.nav-dropdown .nav-dropdown-col > a,
.nav-dropdown li a {
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 15px;
    font-weight: 500;
}

.nav-dropdown-default > li > a {
    border-bottom: 0 !important;
}
.nav-dropdown-has-arrow li.has-dropdown:before {
    border-width: 10px;
    margin-left: -10px;
}
.nav-dropdown .nav-dropdown-col > ul {
    margin-top: -36px;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.15);
    display: none;
    position: absolute;
    left: 100%;
    z-index: 9;
    background: white;
    min-width: 240px;
}
.nav-dropdown > li.nav-dropdown-col {
    width: 100%;
    border-right: 0;
}

.entry-content.single-page a {
    text-decoration: underline;
}

.header-nav li.nav-dropdown-col:hover > ul {
    display: block !important;
}
.active > ul.children,
.active > ul.sub-menu:not(.nav-dropdown) {
    display: none !important;
}

.header.show-on-scroll,
.stuck .header-main {
    background: #fff;
}

ul.header-nav.header-nav-main.nav-left > li {
    margin: 0 20px;
}

ul.header-nav.header-nav-main.nav-left > li > a {
    font-size: 14px;
    font-weight: 700;
    padding: 0;
}

.header-nav .header-search-form {
    width: 200px;
}

.header-nav .header-search-form input {
    height: 40px;
    border-radius: 12px;
    background: none;
    font-size: 13px;
    border: 1px solid #e3e3e3 !important;
    box-shadow: none !important;
    color: #000 !important;
    outline: none !important;
}

.header-nav .header-search-form input:hover {
    border: 1px solid #fff !important;
}

ul.header-nav.header-nav-main.nav-right > li {
    margin: 0 14px;
}

ul.header-nav.header-nav-main.nav-right > li > a {
    padding: 20px 0;
}

.nav-dropdown-has-arrow li.has-dropdown:after {
    display: none;
}

.nav-dropdown-has-arrow li.has-dropdown:before {
    display: none;
}

.nav-dropdown-has-border .nav-dropdown {
    border: none;
}

.nav-dropdown-has-shadow .nav-dropdown {
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.15);
}

ul.header-nav.header-nav-main.nav-left > li > ul.sub-menu li a {
    padding: 7px 12px;
    margin: 0;
    font-size: 14px;
    font-weight: 600 !important;
    color: #4f4f4f;
    text-transform: uppercase;
    line-height: 22px;
}

ul.header-nav.header-nav-main.nav-left > li > ul.sub-menu li a:hover {
    color: #000;
}

.grid-product--selects {
    width: 100%;
    padding: 12px;
}

.image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), hsla(0, 0%, 100%, 0.4);
    border-radius: 8px;
    width: 85%;
    left: 0;
    right: 0;
    margin: auto;
    top: inherit;
    bottom: 5px;
}

.quick-title {
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 14px;
}

.options-select {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.option-select__item {
    padding: 4px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    background: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.option-select__item:hover,
.option-select__item.active {
    background: #d8d8d8;
    color: #fff;
}

.quick-add-toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #007cba;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    z-index: 9999;
    opacity: 0.95;
}

.product-small.box .box-text {
    padding: 0;
}

.product-small.box .box-text p a {
    font-size: 16px;
    line-height: 1.5715;
    min-height: 25.144px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

.product-small.box .box-text p {
    margin: 0 0 10px 0 !important;
}

.product-small.box .box-text .price-wrapper span.amount {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.product-small.box .box-text .price-wrapper span.amount span {
    margin-left: 4px;
}

.row-small > .col.product-small,
.gb-product.row-small > .flickity-viewport > .flickity-slider > .col,
.home-4 .row-small > .flickity-viewport > .flickity-slider > .col {
    padding: 0 5px 20px 5px;
}

.home-2 .flickity-prev-next-button svg,
.home-4 .flickity-prev-next-button svg {
    padding: 0;
}

.row .products.row-small {
    margin-left: -5px;
    margin-right: -5px;
}

.page-title-inner {
    padding-top: 0;
    min-height: 39px;
}

.product-page-title {
    background: #f8f8f8;
}

.breadcrumbs a {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-transform: initial;
}

.breadcrumbs span {
    font-weight: 400 !important;
    color: #000 !important;
    opacity: 1 !important;
    font-size: 16px;
}

.page-title:not(.featured-title) + main .product-main {
    padding: 20px 0 30px 0;
}

.col.large-2.large-col-first.vertical-thumbnails.pb-0::-webkit-scrollbar {
    display: none;
}

.col.large-2.large-col-first.vertical-thumbnails.pb-0 {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE, Edge cũ */
}

.product-thumbnails img {
    opacity: 1;
    filter: brightness(0.75);
}

.product-thumbnails .is-nav-selected a img,
.product-thumbnails a:hover img {
    filter: none;
}

.product-gallery .row-small > .col {
    padding-bottom: 0;
}

.image-tools.absolute.bottom.left.z-3 {
    display: none;
}

.image-tools.absolute.bottom.left.z-3 {
    display: none;
}

.woocommerce-product-gallery .flickity-prev-next-button {
    opacity: 1;
    transform: none;
}

.woocommerce-product-gallery .flickity-prev-next-button svg {
    padding: 5px;
    color: #fff !important;
    fill: #fff !important;
}

.woocommerce-product-gallery .flickity-prev-next-button:hover svg,
.woocommerce-product-gallery .flickity-prev-next-button:hover svg .arrow {
    fill: #fff !important;
}

.product-info {
    padding-top: 0;
    padding-bottom: 0;
}

h1.product-title.product_title.entry-title {
    font-size: 18px;
    line-height: normal;
}

.product_meta > span {
    border: none;
    padding: 0;
    font-size: 15px;
}

.product-info .price {
    font-size: 20px;
}

.product-info .price .woocommerce-Price-currencySymbol {
    margin-left: 5px;
    font-size: 19px;
}

.product-info .ux-swatch--image {
    padding: 0;
    box-shadow: none;
    width: 36px;
    height: 36px;
}

.product-info .ux-swatch--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.product-info .ux-swatches {
    margin: 0;
}

.product-info .ux-swatch--label {
    padding: 8px 15px;
    -webkit-text-stroke: 0px #000000ff;
    border-color: #c4c4c4ff;
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    border-width: 1px;
    color: #000000d9;
    font-size: 13px;
    line-height: 20.8px;
    text-align: center;
    box-shadow: none;
}

.product-info .variations_form .ux-swatch.selected,
.product-info .variations_form .ux-swatch:hover {
    box-shadow: 0 0 0 1px #000 !important;
    border-radius: 6px !important;
}

.product-summary .variations_button {
    padding: 0;
}

.product-info input.ux-quantity__button {
    width: 38px;
    height: 38px;
    font-size: 14px;
    border: none !important;
}

.product-info .quantity input[type='number'] {
    min-width: 42px;
    height: 38px;
    font-size: 14px;
    box-shadow: none;
    border: none;
}

.product-info .ux-quantity.quantity {
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid #dddddd;
}

a.size-guide-link {
    font-size: 15px;
    font-style: italic;
    text-decoration: underline;
}

.product-info .woocommerce-variation-add-to-cart button.button {
    width: 48%;
    height: 52px;
    border-radius: 6px;
    opacity: 1 !important;
}

.product-info form.variations_form {
    margin: 0;
}

.spro-tbctsp {
    padding: 15px 0 0 0 !important;
}

.spro-tbctsp .icon-box-text h3 {
    font-size: 14px;
}

.spro-tbctsp .icon-box-text p {
    font-size: 14px;
}

.spro-tbctsp .row .col {
    padding-bottom: 15px;
}

.product-short-description h3 {
    font-size: 18px;
}

.product-short-description p {
    font-size: 14px;
}

.yith-ywar-edit-forms .form-content .form-element.form-review-rating .rating-label {
    width: 70px;
}

.sprofc-main .sprofc-content {
    max-height: 150px;
    overflow: hidden;
    transition: max-height 0.4s ease;
    position: relative;
}

.sprofc-main.expanded .sprofc-content {
    max-height: 9999px;
    /* Mở rộng */
}

.sprofc-button {
    text-align: center;
}

.sprofc-toggle {
    width: 225px;
    height: 46px;
    margin: 20px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    text-transform: inherit;
    border: 2px solid #000;
    border-radius: 5px;
}

.product-section {
    border: none;
}

.sprofc-content a {
    text-decoration: underline;
}

h3.sprofc-title {
    text-align: center;
    font-size: 18px;
    margin: 0 0 20px 0;
}

.sprofc-main {
    padding-top: 30px;
    border-top: 1px solid #c4c4c4ff;
    margin: 0 0 60px 0;
}

h3.sprofr-title {
    text-align: center;
}

h3.sprofr-title span {
    padding: 12px 10px;
    font-size: 18px;
    border: 1px solid;
    display: inline-block;
}

.sprofr-main {
    margin: 0 0 60px 0;
}

h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
    text-align: center;
}

.nav-pagination > li > a {
    border: none;
    font-weight: 400;
    border-radius: 4px;
    min-width: 30px;
    height: 30px;
}

.nav-pagination > li {
    margin: 0 5px !important;
}

.nav-pagination > li > a:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
}

.nav-pagination > li > .current {
    border: 1px solid;
    min-width: 30px;
    height: 30px;
    border-radius: 4px;
    background: none !important;
    color: #000 !important;
    font-weight: 400;
}

.breadcrumbs-main #breadcrumbs {
    margin-bottom: 0;
}

.breadcrumbs-main {
    height: 39px;
    line-height: 39px;
    background: #f8f8f8;
    margin: 0 0 20px 0;
}

.breadcrumbs-main #breadcrumbs a {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-transform: initial;
}

.breadcrumbs-main #breadcrumbs .divider {
    font-weight: 400 !important;
    color: #000 !important;
    opacity: 1 !important;
    font-size: 16px;
    margin: 0 0.3em;
}

.category-page-row .shop-container {
    border-top: 1px solid #eaecf5;
    padding-top: 10px;
}

.category-page-row {
    padding-top: 20px;
}

.filters-container form {
    line-height: normal;
}

.slider-nav-dots-dashes-spaced .flickity-page-dots .dot {
    height: 2px;
    width: 30px;
    border: 2px solid #fff;
}

.gb-heading h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.home-3 .tabbed-content .nav-pills {
    gap: 12px;
}

.home-3 .tabbed-content .nav-pills li a {
    padding: 10px 30px;
    border: 1px solid #000;
    border-radius: 0;
}

.home-3 .tabbed-content .nav-pills li a span {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    font-weight: 400;
    text-transform: initial;
}

.home-3 .tabbed-content .nav-pills li.active a span {
    color: #fff;
}

.gb-button {
    border: 1px solid #000 !important;
    width: 250px;
    height: 44px;
    line-height: 42px !important;
    font-size: 16px !important;
    font-weight: 400;
}

.home-4 .box .box-text {
    padding: 0;
}

.home-4 .box .box-text p {
    font-size: 14px;
    font-weight: 600;
}

.footer-1 .section-content .row-full-width {
    width: 90%;
}

.footer-1 {
    border: none;
}

.heading-footer p {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: 700;
}

.footer-1 .icon-box .icon-box-text {
    padding-left: 10px;
}

.footer-1 .icon-box .icon-box-text p {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
}

.absolute-footer {
    display: none;
}

.footer-1 .section-content .row-full-width .col {
    padding-bottom: 5px;
}

.footer-1 .icon-box {
    margin-bottom: 15px;
}

.footer-1 ul {
    margin: 0;
    list-style: none;
}

.footer-1 ul li {
    margin-left: 0;
    margin-bottom: 8px;
    font-size: 14px;
}

.footer-1 p {
    font-size: 14px;
    margin: 0 0 5px 0;
}

.footer-1 form p {
    position: relative;
    width: 316px;
}

.footer-1 form p .wpcf7-submit {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 84px;
    height: 40px;
    font-size: 14px;
}

.footer-1 form p .wpcf7-text {
    width: 316px;
    height: 40px;
    box-shadow: none;
    border: 1px solid;
    font-size: 14px;
    margin: 0;
}

span.wpcf7-spinner {
    position: absolute;
    top: 0;
    right: -78px;
}

.footeer-1-row .large-2 {
    flex-basis: 10%;
    max-width: 10%;
    padding: 0 5px;
}

.footeer-1-row {
    margin: 0 -5px !important;
}

.footer-social {
    position: fixed;
    bottom: 80px;
    left: 20px;
    z-index: 99999999;
}

.footer-social li {
    width: 44px;
    height: auto;
    list-style: none;
}

h1.entry-title {
    font-size: 27px;
    font-weight: 700;
    font-family: Roboto, sans-serif;
}

.is-divider {
    max-width: 35px;
    background-color: #000;
}

.entry-header-text {
    padding-bottom: 0;
}

#comments.comments-area {
    display: none;
}

.widget_nav_menu ul li a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0;
    border-bottom: 1px solid #e6e8ea;
}

.box-blog-post .is-divider {
    display: none;
}

.box-blog-post .is-divider {
    display: none;
}

.sidebar-post .box .box-text {
    padding: 0 0 0 5px;
    vertical-align: top;
}

.sidebar-post .box .box-text h5 a {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    font-family: Roboto, sans-serif;
}

.sidebar-post .col,
.sidebar-product .col {
    padding-bottom: 10px;
}

a.quick-view.quick-view-added,
.sidebar-product .grid-product--selects {
    display: none !important;
}

.sidebar-product a.quick-view.quick-view-added {
    display: block !important;
}

.sidebar-product a.quick-view.quick-view-added {
    display: block !important;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Zm0,112a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z" opacity="0.2"></path><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"></path></svg>');
    font-size: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}

.sidebar-product .image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {
    width: 40px !important;
    height: 40px;
    background: #fff;
    bottom: 14px;
    left: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-product .image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover:hover {
    opacity: 0.7;
}

.product-lightbox .product-info .product-short-description,
.product-lightbox .product-info .product_meta {
    display: none;
}

.page-template-default h1.entry-title {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
}

#post-list .box .box-text {
    padding-bottom: 0;
}

#post-list .box .box-text h5 a {
    font-size: 16px;
    font-weight: 700;
    font-family: Roboto, sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

#post-list .box .box-text p {
    font-size: 16px;
    color: #363f4d;
}

@media only screen and (min-width: 52em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .product-gallery .row-small .large-2 {
        flex-basis: 80px;
        max-width: 80px;
    }

    .product-gallery .row-small .large-10 {
        flex-basis: calc(100% - 80px);
        max-width: calc(100% - 80px);
    }

    .blog-wrapper > .row > .large-9 {
        flex-basis: 72%;
        max-width: 72%;
    }

    .blog-wrapper > .row > .large-3 {
        flex-basis: 28%;
        max-width: 28%;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable {
        border: none;
        font-size: 14px;
        padding: 0;
        margin: 0;
        width: 110px;
        display: flex;
        align-items: center;
        font-family: Roboto, sans-serif;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter {
        min-width: 130px;
        margin: 0;
        line-height: normal;
    }

    .yith-wcan-filters .yith-wcan-filter .filter-title.collapsable:after {
        position: relative;
        top: 0;
        right: 0 !important;
        margin-left: 25px;
    }

    .yith-wcan-filters {
        margin: 0;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable.opened,
    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable.opened + .filter-content {
        border: none;
        box-shadow: none;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable + .filter-content {
        top: 40px;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable + .filter-content .filter-content-footer {
        padding: 15px;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable + .filter-content .filter-content-footer .apply-filters {
        font-size: 14px;
    }

    .woocommerce-ordering select {
        margin: 0;
        font-size: 14px;
        border: 1px solid #000;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable span.filter-count {
        display: none;
    }
}

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

    #logo {
        width: 70px !important;
    }

    .mobile-nav .searchform-wrapper form.searchform {
        width: 186px;
    }

    li.nav-icon.has-icon {
        top: 2px;
    }

    .home-1 .row > .col {
        padding: 0 10px 15px;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footeer-1-row .large-2 {
        flex-basis: 15%;
        max-width: 15%;
    }

    .footer-1 .row > .col {
        padding-bottom: 5px;
    }

    .footer-1 {
        padding-bottom: 0 !important;
    }

    .footer-1 .row > .col {
        padding-bottom: 5px;
    }

    .footer-1 {
        padding-bottom: 0 !important;
    }

    .footer-1 .accordion-title {
        border: none;
        padding-left: 0;
        font-size: 14px;
        font-weight: 700;
        background: none;
    }

    .footer-1 .accordion {
        margin-bottom: 20px;
    }

    .footer-1 .accordion .toggle {
        right: 0;
        left: inherit;
    }

    .footer-1 .accordion .active .toggle i {
        top: 1px;
    }

    .footer-1 .accordion-inner {
        padding: 0;
    }

    .breadcrumbs-main {
        margin: 0 0 10px 0;
    }

    .shop-page-title .medium-flex-wrap .flex-col {
        padding: 0;
    }

    .category-page-row {
        padding-top: 0;
    }

    .category-page-row > .col {
        padding: 0 10px;
    }

    .product-main .content-row .product-gallery.col.large-6 {
        padding: 0 10px;
    }

    .col.large-2.large-col-first.vertical-thumbnails.pb-0 {
        margin-top: 10px;
    }

    .product-thumbnails.small-columns-4 .flickity-slider > .col {
        padding: 0 5px !important;
    }

    .product-thumbnails.row-small:not(.row-collapse) {
        margin-left: -5px;
        margin-right: -5px;
    }

    h1.product-title.product_title.entry-title {
        margin-top: 5px;
    }

    .product-info .woocommerce-variation-add-to-cart button.button {
        width: 100%;
    }

    .page-wrapper {
        padding-top: 10px;
    }

    .page-wrapper .row.row-main > .col {
        padding: 0 10px;
    }

    .blog-wrapper .row.row-large > .col {
        padding: 0 10px;
    }

    .sidebar-post .box-vertical,
    .sidebar-product .box-vertical {
        display: flex;
        width: 100%;
    }

    .sidebar-post .box-vertical .box-image,
    .sidebar-product .box-vertical .box-image {
        width: 30% !important;
    }
}