/*
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.   ***************/
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyBlackItalic.woff2') format('woff2'),
        url('fonts/SVN-GilroyBlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyBoldItalic.woff2') format('woff2'),
        url('fonts/SVN-GilroyBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyBlack.woff2') format('woff2'),
        url('fonts/SVN-GilroyBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyBold.woff2') format('woff2'),
        url('fonts/SVN-GilroyBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyHeavy.woff2') format('woff2'),
        url('fonts/SVN-GilroyHeavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyHeavyItalic.woff2') format('woff2'),
        url('fonts/SVN-GilroyHeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyLightItalic.woff2') format('woff2'),
        url('fonts/SVN-GilroyLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy.woff2') format('woff2'),
        url('fonts/SVN-Gilroy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyMediumItalic.woff2') format('woff2'),
        url('fonts/SVN-GilroyMediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyMedium.woff2') format('woff2'),
        url('fonts/SVN-GilroyMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyLight.woff2') format('woff2'),
        url('fonts/SVN-GilroyLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyItalic.woff2') format('woff2'),
        url('fonts/SVN-GilroyItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroySemiBoldItalic.woff2') format('woff2'),
        url('fonts/SVN-GilroySemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroySemiBold.woff2') format('woff2'),
        url('fonts/SVN-GilroySemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyThinItalic.woff2') format('woff2'),
        url('fonts/SVN-GilroyThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy XBold';
    src: url('fonts/SVN-GilroyXBold.woff2') format('woff2'),
        url('fonts/SVN-GilroyXBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-GilroyThin.woff2') format('woff2'),
        url('fonts/SVN-GilroyThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy XBold';
    src: url('fonts/SVN-GilroyXBoldItalic.woff2') format('woff2'),
        url('fonts/SVN-GilroyXBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy XLight';
    src: url('fonts/SVN-GilroyXLight.woff2') format('woff2'),
        url('fonts/SVN-GilroyXLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy XLight';
    src: url('fonts/SVN-GilroyXLightItalic.woff2') format('woff2'),
        url('fonts/SVN-GilroyXLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
body {
    font-family: "SVN-Gilroy" !important;
}
/*header*/
.header-main a.nav-top-link {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff !important;
}
.header-main .has-dropdown .icon-angle-down {
    font-size: 12px;
    opacity: 1;
    margin-left: 5px;
}
.header-main .has-dropdown .icon-angle-down:before {
    content: '\f0d7';
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
}
/*section sp*/
span.section-title-main {
    font-size: 32px;
}
.section-title b {
    opacity: 1;
    height: 1px;
}
.sec-sp .product-small, .row.category-page-row .product-small.box, .related.related-products-wrapper.product-section .product-small.box {
    padding: 20px;
    background: #F5F5F5;
    border: 1px solid #ddd;
}
.sec-sp a.woocommerce-LoopProduct-link.woocommerce-loop-product__link, .related.related-products-wrapper.product-section a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-size: 22px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
p.name.product-title.woocommerce-loop-product__title {
    margin-bottom: 15px;
}
a.read_more {
    color: #000;
    font-size: 18px;
    border: 1px solid #000;
    padding: 7px 20px;
    border-radius: 50px;
    font-weight: 500;
}
a.read_more:hover {
	background: #000;
	color: #fff;
}
span.section-title-main:after {
    content: '\f058';
    font-family: 'Font Awesome 6 Pro';
    margin-left: 10px;
    font-weight: bold;
    color: #000;
}
/*Section ứng dụng*/
.sec-ud img {
    border: 1px solid #000;
    border-radius: 20px;
}
/*section post*/
h3.section-title.section-title-normal a {
    font-weight: 500;
    color: #000;
}
.post-meta.is-small.op-8 {
    background: #dddddd4f;
    width: fit-content;
    padding: 0px 10px;
    margin-bottom: 5px;
}
.sec-post a.plain {
    color: #000;
    margin-bottom: 7px;
}
.box-blog-post .is-divider {
    display: none;
}
.row.post-right.large-columns-1.medium-columns-1.small-columns-1 {
    margin-top: -17px;
}
/*section hỗ trợ*/
.sec-hotro .text-box h3 {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 32px;
}
.sec-hotro a.button.primary {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}
/*section footer*/
.sec-footer1 {
    border-bottom: 1px solid rgb(255 168 0 / 40%);
}
.row-1 .medium-4 {
    border-right: 1px solid rgb(255 168 0 / 40%);
}
.row-1 .medium-4:last-child {
    border-right: unset;
}
.row-1 .medium-4 .icon-box {
    margin-top: 30px;
}
.sec-footer1 .icon-box h3 {
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
}
/*section chi tiết*/
li#tab-title-description a, li#tab-title-reviews a, li#tab-title-fl_custom_tab a {
    color: #000;
    font-size: 15px;
    border: 1px solid #000;
    padding: 0px 20px;
    border-radius: 50px;
    font-weight: 500;
    text-transform: capitalize;
}
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-outline.nav-left, ul.nav.nav-outline.nav-normal.nav-size-normal.nav-center {
    gap: 10px;
}
.page-title.shop-page-title.product-page-title {
    background: #fafafa;
}
.sec-sp .tabbed-content li a {
    color: #000;
    font-size: 16px;
    border: 1px solid #000;
    padding: 0px 20px;
    border-radius: 50px;
    font-weight: 500;
}
.sec-sp .tabbed-content .tab.active a {
    background: #000;
    color: #fff;
}
ul.nav.nav-outline.nav-normal.nav-size-normal.nav-center {
    margin-bottom: 20px;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    font-size: 14px;
    text-transform: capitalize;
}
.page-title-inner.flex-row.medium-flex-wrap.container {
    padding-top: 0;
}
svg.flickity-button-icon {
    background: #A9AAA8;
    color: #fff;
    border-radius: 4px;
}
/*tab tskt*/
ul.tskt>li {
    display: flex;
    background: #fff;
    width: 100%;
    border-top: 1px solid #eee;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 10px;
    align-items: center;
}
ul.tskt>li span {
    vertical-align: top;
    padding: 10px 0;
    font-weight: 600;
    margin-right: 20px;
}
ul.tskt>li div {
    vertical-align: top;
    padding: 6px 10px;
}
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-outline.nav-left .active a {
    background: #000;
    color: #fff !important;
}
/*sub cate*/
ul.product-subcategories {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.product-subcategory-item {
    flex: 0 0 auto;
    margin-right: 10px;
}
li.product-subcategory-item a {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    background: #101010;
    padding: 10px 15px;
    margin-right: 15px;
    border-radius: 5px;
}






@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
a.read_more {
    padding: 8px 10px;
    font-size: 15px;
}
.sec-sp .product-small, .row.category-page-row .product-small.box, .related.related-products-wrapper.product-section .product-small.box {
    padding: 10px;
}	
span.section-title-main {
    font-size: 22px;
}	
.row-slider .flickity-prev-next-button {
    width: 40px !important;
}	
.row-slider .flickity-prev-next-button svg {
    border: 0 !important;
    padding: 12px !important;
}	
.sec-sp a.woocommerce-LoopProduct-link.woocommerce-loop-product__link, .related.related-products-wrapper.product-section a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-size: 20px;
}
.sec-post .container.section-title-container.title-new {
    margin-bottom: -40px;
}	
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-outline.nav-left {
    display: flex;
    flex-wrap: nowrap;
	gap: 5px;
}	
h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
    font-size: 22px;
}	
.page-title-inner.flex-row.medium-flex-wrap.container {
    padding-top: 20px;
}	
.sidebar-menu.no-scrollbar a {
    font-size: 15px;
    font-weight: 400;
    color: #000;
}	
li#tab-title-description a, li#tab-title-reviews a, li#tab-title-fl_custom_tab a {
    font-size: 14px;
    padding: 0px 5px;
    text-align: center;
}
li#tab-title-description {
    width: 150px;
}	
	
	
	

}