/*
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.   ***************/
.yoast-breadcrumb a, .yoast-breadcrumb .breadcrumb_last{font-size: 13px}
.quick-view {display:  none !important}
body{font-size: 14px}
.p-hot{color: #0965ac; font-weight: bold; font-size: 105%;}
.iz-hotline{ color:#0965ac; font-size: 120%; margin-bottom: 10px }
.iz-hotline span{font-weight: bold; font-size: 18px}
.ft-menu ul.menu>li{list-style:circle !important; border: none !important}
.title-text h2 {border-bottom: 1px solid #ccc;padding-bottom: 6px;position: relative;}
.title-text h2:before{content: "";display: block;position: absolute;width: 100%;height: 1px;top: initial;left: 0px;
    bottom: -1px;background: linear-gradient(90deg, #f5f5f5 0%, #e1e1e1 10%, #e1e1e1 10%, #e1e1e1 90%, #e1e1e1 90%, #f5f5f5 100%);
}
.title-text h2:after {content: "";display: block;position: absolute;width: 125px;height: 7px;top: initial;bottom: -5px;left: 0px;right: 0px;background: #fff  url('img/mui-ten.png') center no-repeat;}
.title-text.text-left h2:after{background: #f5f5f5 url('img/mui-ten.png') center no-repeat;}
.title-text.text-center h2:after {margin: 0 auto;background: #f5f5f5 url('img/mui-ten.png') center no-repeat;}
.product-small .price .amount{    color: #0965ac;font-size: 15px;font-weight: bold;}
.product-small .product-title a:hover{color:#2e942b}
.product-small .product-title a{font-size: 15px;color: #2d2d2d;margin-bottom: 0;height: 38px;overflow: hidden;}
.product-small .price-wrapper ins span.amount{white-space: nowrap;color: #ff6900;font-weight: normal;font-size: 15px;}
.product-small .price-wrapper del span.amount{font-size:14px}
.badge-inner {background-color: #94c734;border-radius: 100%;background: white;border: 2px solid #94c734;color: #94c734;font-weight: normal;}
.badge{width: 45px; height:45px}
.badge-container{margin:10px}
.product-small .box-image:hover::before{-webkit-animation:shine .75s;animation:shine .75s}
@-webkit-keyframes shine{100%{left:125%}}
@keyframes shine{100%{left:125%}}
.product-small .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)
}
.product-small.box{background:white;border: 0;box-shadow: 2px 2px 20px #00000017;border-radius: 10px;}
.box-text-products{text-align: center}
.product-small .box-image {padding: 8px;}
.product-small .box-text{padding-left: 8px; padding-right: 8px}
.devvn-popup-title, .popup-customer-info-group .devvn-order-btn {
    background: #2e942b;
}
@media only screen and (min-width: 1200px){
/* 	#logo{position: relative} */
	#logo img, .has-sticky .stuck #logo img {max-height:100px !important;}
	.header-main:before{content: "";display: inline-block;width: calc(50% - 537px);left: 0px;top: 0px;position: absolute;height: 120px;background: #fff;z-index: 1}

	#logo img{display: inline-block;float: left;min-width: auto;text-align: center;line-height: 0;position: absolute;margin-left: -45px;top: 20px;z-index: 2;}
	#logo:before{content: "";display: inline-block;background: #fff;left: 0px;width: 167px;height: 120px;position: relative;left: 0px;top: 0;clip-path: polygon(0 0, 112% 0, 39% 100%, 0% 100%);z-index:1;}
	.header-bottom .flex-row{padding-left: 160px;}
}
/*Sidebar*/
.section-anh .box-image:before, .section-anh .box-image:after {content: "";display: inline-block;background: #fff;width: 40px;height: 40px;position: absolute;z-index: 9;
	clip-path: polygon(100% 0, 0 0, 0 100%);
}
.section-anh .box-image:before{left: -1px;top: -1px;}
.section-anh .box-image:after {right: -1px;bottom: -1px;clip-path: polygon(100% 0, 0 100%, 100% 100%);}
.page-wrapper { background-color: rgb(245, 245, 245);}
.is-divider {display: none;}
.breadcrumbs a {text-transform: none;}
.itc-sidebar span.widget-title, #product-sidebar span.widget-title, #secondary span.widget-title span, #shop-sidebar span.widget-title {
    display: block;
    background: #27AE60;
    color: white !important;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: normal;
    margin-bottom: 5px;
}
.itc-sidebar .widget .is-divider, #product-sidebar .widget .is-divider, #secondary .widget .is-divider, #shop-sidebar .widget .is-divider {display: none;}
.itc-sidebar aside > ul, #product-sidebar aside > ul, #secondary aside > ul, #shop-sidebar aside > ul, .widget-area .widget .menu {
    padding-left: 15px !important;
    padding-bottom: 5px !important;
    padding-right: 15px !important;
    padding-top: 10px !important;
    border: 1px solid #353d4a;
    border-radius: 5px;
    background: #fff;
}
a.devvn_buy_now_style {
    display: inline-block;
    overflow: hidden;
    clear: both;
    padding: 9px 0;
    border-radius: 4px;
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
    background: #fd6e1d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd6e1d), to(#f59000));
    background: -webkit-linear-gradient(top, #f59000, #fd6e1d);
    background: -moz-linear-gradient(top, #f59000, #fd6e1d);
    background: -ms-linear-gradient(top, #f59000, #fd6e1d);
    background: -o-linear-gradient(top, #f59000, #fd6e1d);
    margin: 0 0 20px 0;
    text-decoration: none;
    border-bottom: 0 !important;
    max-width: 350px;
    width: 100%;
}
.product-footer .product-tabs {background: #ffffff; margin-top:-8px !important;border-bottom: 2px solid #0965ac;}
.product-footer .woocommerce-tabs{border-top:none !important}
.product-footer .product-tabs li.active a{border: 0;color: #ffffff;background: #0965ac;}
.product-footer .product-tabs li{margin:0 2px}
.product-footer .product-tabs li a{background: whitesmoke;padding:7px 15px; font-weight:normal; font-size:16px; color: black; text-transform:none; letter-spacing:0}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {height: 0;}
.related-products-wrapper h3 {color: #0965ac;}

/*Blog*/
.blog-archive .archive-page-header .page-title {text-transform: uppercase;text-align: left;letter-spacing: 0;font-size: 25px;font-weight: 400;color: #2e942b;}
.blog-archive .post-item .box-text .post-title {color: black;font-size: 19px;margin-bottom: 10px;font-weight: normal;}
.flatsome_recent_posts ul li a:hover, .blog-archive .post-item .box-text .post-title:hover {text-decoration: underline;color: green;}
.blog-archive .post-item .box-image .image-cover {border-radius: 10px;}
.box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text {padding-bottom: 0;padding-top: 0;}
.hotline-box{background: rgba(234,137,43,0.15);margin: 0;border: dashed 1px #EA892B;border-radius: 5px;padding: 13px 10px;margin-bottom: 15px;}
.call-now{color: #EA892B;font-size: 16px;font-weight: normal;}
.hotline-box a{font-size: 24px;color: #EA892B;font-weight: 800;}
.hotline-box a:before {content: '\f098';font-family: "Font Awesome 5 Free";padding-right: 15px;}
span.amount{color: #ff0a0a;}



.h-row {display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -5px;}
.span-lg6 {width: calc(100% / 2 - 10px);float: left;background: #fff;box-sizing: border-box;margin: 5px;position: relative;}
.l-chinhsach{background: #ececec;border-radius: 5px;padding: 10px;}

@media only screen and (max-width: 767px){
	.blog-archive .post-item {padding-bottom: 10px;flex-basis: 50%;max-width: 50%;}
	.blog-archive .post-item:nth-child(2n+1) {padding-right: 7px;}
	.blog-archive .post-item:nth-child(2n+2) {padding-left: 7px;}
	.blog-archive .post-item .box-text .post-title {font-size: 15px;}
	.from_the_blog_excerpt {display: none}
	.blog-post-inner .post-title{margin-top: 10px; font-size: 16px !important}
}
@media only screen and (max-width: 359px){
    .l-chinhsach{font-size: 12px;}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}