/*
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: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.box-vertical{display: inline-block;}
	.box-text{padding-bottom:0}
	.box-vertical .box-image {
    width: 30% !important;
    float: left;
    margin-right: 15px;}
	.danh-muc:before {
    top: 115px !important;}
}
	
.menu-item .nav-dropdown>li.nav-dropdown-col{display:block}
.menu-item .nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a,.menu-item .nav-dropdown li a{margin:0; padding-left: 10px;font-weight:normal; text-transform:none !important;font-size:0.9em;color:#052465}
.menu-item .nav-dropdown .nav-dropdown-col>ul li:hover{background:#090c41}
.menu-item .nav-dropdown-default>li:hover>a,.menu-item .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.menu-item .nav-dropdown-default>li:hover{background:#090c41}
.nav-dropdown-default>li>a{border-bottom:1px solid #ececec}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
.menu-item .nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none !important;position: absolute;
    left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.menu-item .nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:#052465}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.sub-menu .menu-item i._mi {
    position: absolute;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    right: 0;
	font-size: 1.6em;
}
.dashicons{transition:none;}

.woocommerce .category-page-row .term-description ul{    list-style: disc !important;padding-left: 20px;color: #000000; margin-left: 20px;} .woocommerce .category-page-row .term-description ol{    list-style: decimal !important;padding-left: 20px;color: #000000; margin-left: 20px;}
 .block-v-info .bg-fill{background-position: 50% 10%}
 .block-v-info .box-item-1,.block-v-info .box-item-4 {
    background-color: #fff;
    padding: 10px 22px 0px 22px;
    text-align: center;
    color: #575757;
	width: calc(100% - 52px);
    margin-right: 52px;
    margin-top: 150px;
}
.entry-content ul {padding-left: 30px}
.breadcrumbs a {
	color: #052465;}
.fa-angle-up:before {
    content: "\f106" !important;
}
.block-v-info .box-item-3 .title:before,.block-v-info .box-item-4 .title:before{
    border-radius: 0 150px 0 0;
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    background-image: linear-gradient(141deg, #a049cd 0%, #420e7c 100%);
    top: 0;
    bottom: 0;
}
.block-v-info .box-item-3 .title:after,.block-v-info .box-item-4 .title:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 52px 40px 0;
    border-color: transparent #420e7c transparent transparent;
    bottom: -40px;
    left: 0;
}
.block-v-info .box-item-3 .title,.block-v-info .box-item-4 .title {
    padding: 22px 5px 22px 15px;
    position: relative;
    margin: 15px -32px 15px -84px;
}
 .block-v-info .box-item-2,.block-v-info .box-item-3 {
    background-color: #fff;
    padding: 10px 22px 0px 22px;
    text-align: center;
    color: #575757;
	width: calc(100% - 52px);
    margin-right: 52px;
}
.block-v-info .title {
    padding: 22px 5px 22px 15px;
    position: relative;
    margin: 15px -84px 15px -32px;
}
.block-v-info .title h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.7px;
    position: relative;
    z-index: 1;
}
.block-v-info .title h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.32px;
    position: relative;
    z-index: 1;
    margin: 0;
}
.box-item-1 .title:before, .box-item-2 .title:before{
	border-radius: 150px 0 0 0;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background-image: linear-gradient(141deg, #420e7c 0%, #a049cd 100%);
    top: 0;
    bottom: 0;
}
.box-item-1 .title:after, .box-item-2 .title:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 52px 0 0;
    border-color: #420e7c transparent transparent transparent;
    bottom: -40px;
    right: 0;
}
.danh-muc:before {
    content: "";
    top: 126px;
    width: 100%;
    height: 1px;
    background: #420e7c;
    position: absolute;
}
.danh-muc .sub-menu {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
}
.danh-muc .sub-menu ul {
    text-align: center;
    padding-bottom: 10px;
    padding-right: 10px;
    margin: 0;
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: auto;
}
.danh-muc .sub-menu ul li {
    margin-bottom: 0;
    display: inline-block;
    padding: 0 6px;
}
.danh-muc .sub-menu ul li.active a {
    background: #520e7c !important;
    color: #fff;
}
.danh-muc .sub-menu li.active a:after, .danh-muc .sub-menu li.active a:before, .danh-muc .sub-menu li:hover a:after, .danh-muc .sub-menu li:hover a:before {
    background: #520e7c !important;
}
.danh-muc .sub-menu li:hover a {
    background: #520e7c!important;
    color: #fff;
}
.danh-muc .sub-menu li a {
    margin: 0 15px;
    background: #fff!important;
    border-top: 1px solid #520e7c;
    border-bottom: 1px solid #520e7c;
    border-radius: 0;
    color: #520e7c;
    cursor: pointer;
    display: block;
    margin-bottom: 10px!important;
    font-size: 15px;
    transition: none;
    line-height: 26px;
    padding: 5px 11px;
    position: relative;
    text-decoration: none;
    height: 37px;
    font-weight: 400;
    z-index: 999;
}
.danh-muc .sub-menu li a:after {
    border-right: 1px solid #520e7c;
    right: -13px;
    top: 5px;
    border-bottom: 1px solid #520e7c;
    background: #fff !important;
}
.danh-muc .sub-menu li a:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 26px;
    height: 25px;
    transform: scaleX(.5774) rotate(-45deg);
}
.danh-muc .sub-menu li a:before {
    opacity: 1 !important;
    border-left: 1px solid #520e7c;
    left: -13px;
    top: 5px;
    border-top: 1px solid #520e7c;
    background: #fff !important;
}
.danh-muc .sub-menu li a:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 26px;
    height: 25px;
    transform: scaleX(.5774) rotate(-45deg);
}
.is-divider{display: none;}
.widget-title {
    border-bottom: 1px solid;
    padding-bottom: 2px;
    border-color: #dc3545;
}
.section .col .post-item .box-text {
    padding-bottom: 5px;
}

.post-item .box-image:hover::before{
-webkit-animation:shine .75s;
animation:shine .75s}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.post-item .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
.recent-blog-posts a{ font-size: 14px;}
.category .col.post-item{padding-top: 10px; padding-bottom: 0;}
.category .col.post-item .col-inner {
    padding-bottom: 10px;
    border-bottom: 1px solid #277e7f8f;
}
#ftwp-container.ftwp-wrap #ftwp-contents {border-color: #277e7f8f;}
.post-meta .post_date{
	padding-right: 10px;
}
.post-meta .post_date:before{
	font-family: 'FontAwesome';
    content: "\f017";
    padding-right: 5px;
}
.post-meta .from_the_blog_comments{
	color: #0017cb;
    font-weight: bold;
}
.post-meta .from_the_blog_comments:before{
	font-family: 'FontAwesome';
    padding-right: 5px;
    content: "\f086";
}
a:hover:not(.plain, .form_baogia, .product-title a) {
    color: #007bff;
}
.product-title a {color: #000000; font-size: 16px;font-weight: 400;}
.product-title a:hover{color: #005bad;}
.entry-content a{color: #007bff;}
.meta-related{display:block;
	background: #e6f4ff;
    padding: 10px 0;
	margin-bottom: 10px;
}
 
.meta-related ul {
	margin-bottom: 0;
    margin-left: 15px;
}
.meta-related ul li {   
	margin-bottom: 2px;
	font-size: 15px; 
}
 
.meta-related ul li a{
color: #0092ff;
text-transform: none; }
 
.meta-related ul li a:hover{
color: #0072c8;
}

/***footer posts***/
.tag-key span.title {
    border-radius: 4px;
    background: #051f38;
    padding: 4px 10px;
    color: white;
	margin-right: 5px;}
.tag-key a {line-height:32px;
    border-radius: 4px;
    margin: 5px 0 0 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;}
.tag-key a:hover {
    background: #051f38;
    color: white;
}
.Related-news-category {
    margin-top: 15px;
}

.Related-news-category .title-related-news {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 1em;
    color: black;
	text-transform: uppercase;
    border-bottom: 1px solid;
    border-color: #730708;
    padding-bottom: 2px;
	letter-spacing: 0.05em;
}
.Related-news-category ul {
	padding-top: 10px;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.Related-news-category .row{
	padding-top: 10px;}
.Related-news-category ul li {
    list-style: none;
    width: 33.33333333%;
    color: graytext;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.Related-news-category .box-image img {
    height: 160px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}
.Related-news-category .title-post {
    color: #000;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
	font-weight: 700;
	font-size: 15px;
}
.other-news {    
	background: #daefff;
    padding: 10px;
    border: 1px dashed #0092ff;
    border-radius: 3px;}
.other-news .title-other-news {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 1em;
    color: black;
	text-transform: uppercase;
    border-bottom: 1px solid;
    border-color: #730708;
    padding-bottom: 2px;
	letter-spacing: 0.05em;
}
.other-news ul{padding-top:5px;}
.other-news ul li {
	list-style-image: url(/wp-content/uploads/2022/03/green-star.gif);
    margin-bottom: 3px;
	color: #051f38;
    border-bottom: 1px dashed #c7e7ff;
    margin-left: 20px;
    font-size: 13px;
}
.other-news ul li a {
    font-weight: 700;
    font-size: 15px;
    color: #051f38;
}
.other-news ul li a:hover {
    text-decoration: underline;
}
.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9;
}
.blog-single .entry-header-text{padding:0;}.blog-single .entry-title{display: block;} .blog-single .entry-title {border-bottom: solid 1px #d5d0d0; padding-bottom: 10px;}
/*************** sửa xem thêm  ***************/
		.devvn_readmore_flatsome a{
			border: 1px solid;
			padding: 5px;
			border-radius: 5px;
			width: 130px;
			margin: auto;
		}
        .single-product div#tab-description {
            overflow: hidden;
			height: 400px;
            position: relative;
        }
		.single-product .tab_content:after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
			background: linear-gradient(transparent, #fff);
			height: 150px;
		}
		.term-description.css_term_des:after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
			background: linear-gradient(transparent, #fff);
			height: 200px;
		}
		.category-page-row .devvn_readmore_flatsome {margin-bottom:40px}
		.archive.woocommerce .category-page-row .term-description {
            overflow: hidden;
			height:650px;
            position: relative;
        }
        .single-product .tab-panels div#tab-description.panel:not(.active) {
            height: 0 !important;
        }
        .devvn_readmore_flatsome {
            text-align: center;
            cursor: pointer;
            z-index: 10;
            bottom: 0;
            width: 100%;
            background: #fff;
        }

        .devvn_readmore_flatsome:before {
			height: 45px;
            margin-top: -45px;
            content: "";
            display: block;
			background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
			background: linear-gradient(transparent, #fff);
        }


        .devvn_readmore_flatsome a {
            color: #007bff;
            display: block;
        }
        .devvn_readmore_flatsome a:after {
            content: '';
            width: 0;
            right: 0;
            border-top: 6px solid #007bff;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            display: inline-block;
            vertical-align: middle;
            margin: -2px 0 0 5px;
        }
        .devvn_readmore_flatsome_less a:after {
            border-top: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #007bff;
        }
        .devvn_readmore_flatsome_less:before {
            display: none;
        }
/*************** sửa xem thêm  ***************/

.woocommerce-Tabs-panel--reviews .woocommerce-review-link{display:none;}
.buy_now_button {
    background: #3fa133;
}
.shop-container div.term-description {
            overflow: hidden;
			padding-top: 10px;
			border-top: 2px solid #ebebeb;
            position: relative;
        }
.product-section-title{border-bottom: 1px solid #ececec; padding-left: 15px;}
.related-products-wrapper{border:0px}
.product-container .large-9{
	padding-left: 5px;
    padding-right: 5px;}
.product-container .product-tabs{padding-left:0px}
.product-container .tab-panels:not(.tab-panels .tab-panels){padding:15px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.nav-tabs+.tab-panels{border-top:0;}
.page-title-inner {border-bottom: 1px solid #ececec;}
.product-short-description { border-top: 1px solid #ddd;padding-top: 10px;}
.widget_recently_viewed_products ul>li{padding-left: 75px !important;}
.widget_recently_viewed_products ul>li img{left:5px;}
 .page-right-sidebar .widget ul,.widget>ul>li{    
	border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #ccc;}
 .widget-title {
	border-bottom: 0;}
 span.widget-title{   
	background: #4b4b4b;
    width: 100%;
    display: block;
    padding: 9px 15px;
    color: white;}
.product-footer .woocommerce-tabs {
    padding: 0;
    border-top: 0;
}
 .widget>ul>li+li{border-top: 0;}
.product-container .product-tabs{border: 1px solid #ccc;}
.nav-tabs>li>a {
    border-top: 2px solid #ccc;
	border-right: 1px solid #ccc;}
.nav-tabs>li>a{border-left:0}
.pwb-single-product-brands {
    padding-top: 5px;
    font-size: .8em;
    padding-bottom: 5px;
	border-top: 1px dotted #ddd;}
.tabbed-content .nav-tabs>li{margin: 0;
    margin-bottom: -1px;}
@-webkit-keyframes gradient {
    0% { background-position: 0 0}
    100% {background-position: -200% 0}
}
@keyframes gradient {
    0% { background-position: 0 0}
    100% {background-position: -200% 0}
}
#product-sidebar #text-5 .textwidget ul li{list-style-image: url(/wp-content/uploads/2024/05/green-star.gif);margin-bottom: 3px;color: #051f38;border-bottom: 1px dashed #c7e7ff;}
#product-sidebar #text-5 .textwidget {background: #daefff;border: 1px dashed #0092ff;}
#product-sidebar #text-5 span.widget-title{
    background: repeating-linear-gradient(to right, #fd9a02 0, #a72347 25%, #090c41 50%, #a72347 75%, #fd9a02 100%);
    width: 100%;
    background-size: 200% auto;
    background-position: 0 100%;
    -webkit-animation: gradient 2s infinite;
    animation: gradient 2s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
#product-sidebar .textwidget,#shop-sidebar .textwidget{padding: 10px;border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#product-sidebar .textwidget li {list-style: disc;color: #052465;} #product-sidebar .textwidget ul {margin-left: 16px;} #product-sidebar p{margin-bottom: 8px;} .woocommerce .textwidget img:not(.footer img){max-width:21px}
.product-info .btncn {background: #ff0000 !important; border-radius: 2px;}
.product-info .btndn {background: #4b4b4b !important; border-radius: 2px;}
.product-thumbnails img {
	margin-bottom: 0 !important;}
.icon-menu,.icon-shopping-cart {color: #4b4b4b;}
.product-main {padding: 0;}
.product-thumbnails a:hover img, .product-thumbnails .is-nav-selected a img {
    border-color: rgba(0, 0, 0, .3);
    -webkit-transform: revert;
    -ms-transform: revert;
    transform: revert;
    opacity: 1;
}
.shop-container .btn-show-static {
    display: block;
    text-align: center;
    margin-top: 8px;
    color: #052465;
    font-weight: 600;
    font-size: 14px;
    line-height: 36px;
}
.footer-map-list .item {
    padding: 7px 16px;
    border: 1px solid #E5EAF1;
    border-radius: 8px;
    margin-bottom: 8px;
}
.footer-info-group .item {
    border-radius: 8px;
    margin-bottom: 8px;
}

.footer-info-group .item-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    position: relative;
}
.footer-map-list .item-title {
    color: #052465;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    position: relative;
}
.footer-info-group .item.active .info-list, .footer-map-list .item.active .global-store-info {
    display: block;
}
.footer-info-group .item.active .footer-title {
    display: none;
}
.pro-special-offer-container {
    border: 1px solid #ce0707;
}
.pro-special-offer-container .spec-title {
    padding: 6px 8px 7px 0;
    border-bottom: 1px dashed #e1e1e1;
    position: relative;
}
.pro-special-offer-container .spec-title::before {
    content: '';
    position: absolute;
    width: 10px;
    background: #e05353;
    left: -10px;
    top: 6px;
    bottom: 0;
    height: 38px;
}
.pro-special-offer-container .spec-price {
    background: #e05353;
    color: #fff;
    font-weight: bold;
    padding: 6px 58px 6px 32px;
    display: inline-block;
    position: relative;
}
.pro-special-offer-container .spec-price::before {
    content: '';
    background: url(/wp-content/uploads/2024/06/sprite-2020.png) no-repeat;
    position: absolute;
    left: 10px;
    top: 3px;
    bottom: 0;
    width: 20px;
    background-position: -390px 1px;
}
.pro-special-offer-container .spec-price::after {
    content: '';
    position: absolute;
    right: -21px;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 34px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pro-special-offer-container .spec-title::after {
    content: '';
    position: absolute;
    border-top: 13px solid #ce0707;
    border-left: 10px solid transparent;
    left: -10px;
    bottom: -6px;
}
.pro-special-offer-container ul {
    padding: 15px 10px;
	list-style: none;
	margin-bottom: 0;
}
.pro-special-offer-container li {
	margin-left: 5px !important;
    margin-bottom: 5px;
}

.entry-title{display: inline-block;width: auto;vertical-align: middle;}
.woocommerce-product-rating {display: inline-block;vertical-align: middle;padding: 0 10px;}
.product_meta>.sku_wrapper{border-bottom: 1px dotted #ddd;}
.product_meta .posted_in {display:none;}
.woocommerce-review-link:not(.woocommerce-product-rating a){display:none !important;}
.woocommerce-Tabs-panel  table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.woocommerce-Tabs-panel table tr:nth-child(even){    background-color: rgba(200,200,200,.4);}
.woocommerce-Tabs-panel td{ border: 1px dashed #ccc; text-align: left; padding-left:5px; font-size:16px;}
.woocommerce-Tabs-panel td:first-child{ font-weight:500;}
.woocommerce-Tabs-panel table th{   background-image: linear-gradient(141deg, #420e7c 0%, #a049cd 100%);color: #fff;}
.woocommerce-Tabs-panel table th{font-weight:normal; text-transform:none;border: 1px solid; padding: 5px;}
.product-short-description ul li{padding-left: 20px; margin-bottom: 0;list-style: none;position: relative; margin-left: 0}
.product-short-description ul li:before{display: block; position: absolute; content: "\f058"; font-family: "FontAwesome";color: #8f33bf;left: 0px;top: 0;font-size: 16px;}