/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/


/*************** ADD CUSTOM CSS HERE.   ***************/



#wide-nav > .flex-row > .flex-left {
	width: 20%;
	max-width: 250px;
	margin-right: 15px;
}
#mega-menu-wrap{background: #f79c3a;}#header.header #mega_menu {
	display: none;
}
#wide-nav > .flex-row > .flex-center{width:50%}
#mega-menu-title{    padding: 13px 0 13px 15px;}
.header-search-form-wrapper input[type='search']{height:40px; border-top-left-radius:3px; border-bottom-left-radius:3px}
.header-search-form-wrapper .button.secondary:not(.is-outline){height: 40px;
	width: 40px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;}
.button span{text-transform:none}
#mega_menu li a{padding: 7px 15px;color: black;}
#mega_menu li a:hover{color: #dd3333}
#mega_menu > li{background: url(/wp-content/uploads/2018/06/icon-menu.png) no-repeat 2px 8px;
	padding-left: 15px;}.box-blog-post .is-divider{display:none}
.row1 .cot4 .post-item{padding-bottom:5px;}
.row1 .cot4 .post-item .col-inner{ background: white;   border-bottom: 1px dashed #e7e7e9;
	padding-bottom: 2px;
}
.row1 .cot4 .post-item .box-text{padding-right:8px; border-right: 1px dashed #e7e7e9;}
.row1 .cot4 .post-item .box-text .post-title:hover{color: #dd3333}
.nav-dropdown-default{padding:8px}
.nav-dropdown{border: 1px solid #ddd;
	color: #000;}
.header-nav .account-item a{text-transform:none}
.header-cart-title{text-transform:none}
.tieu-chi .col{padding-bottom:0}
.row1 .col{padding-bottom:10px}
.section-title-normal span{    background: #dd3333;
	color: white;    padding: 6px 20px; font-size:16px}
.section-title-normal {
	border-bottom: 2px solid #dd3333;
	background: white;
}
.section-title a{padding-right: 10px;
	color: #dd3333;}
#wrapper, #main{background-color: #eaeaea;}
.product-small .product-title a{font-size:16px; color: black; font-weight:bold}
.add-to-cart-button a{    text-transform: none;
	border-radius: 3px;
	background: #dd3333 !important;
	border: 0 !important;
	margin-top: 4px !important;
	color: white !important;
	line-height: 26px !important; margin-bottom:7px !important}
.slider-nav-outside .flickity-prev-next-button.previous{left
	:-60px}
.slider-nav-outside .flickity-prev-next-button.next{right:-60px; left:auto}
.slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow{border: 0;
	background: white;
	box-shadow: 2px 2px 10px grey;    color: #dd3333;
}
.section-title-container {
	margin-bottom: 10px;
}
.tin-tuc .post-item .post-title:hover{color: #dd3333}
.tin-tuc .col, .footer-block .col{padding-bottom:0}
.footer-block  p, .footer-block ul li span{color: gray}

.product-main{background: white;
	padding-bottom: 15px;
	margin-top: 20px;
	padding: 15px;}
.product-main .large-5, .product-main .product-info{padding-bottom:0}
.product-footer{background: white; margin-top:20px; padding:15px}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) { background:#dedede}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) li{margin-right:0}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) li a{padding:12px 12px; font-size:16px}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) li.active a{background: #dd3333; color: white}
#product-sidebar{padding-left:0; padding-top:20px}
#product-sidebar .icon-box{padding: 8px;
	background: white;
	border-radius: 3px;
	border: 1px dashed #f79c3a; margin-bottom:15px}
#product-sidebar .widget_products{background: white; padding:8px}
#product-sidebar .widget_products .product-title{color: black;  font-weight:bold}
#product-sidebar .widget_products .product-title:hover{color: #dd3333;}
span.widget-title {
	font-size: 1em;
	font-weight: 600;
	width: 100%;
	background: #dd3333;
	display: block;
	padding: 12px;
	color: white;
}
.widget .is-divider{display:none}
.related-products-wrapper h3{background: #dd3333;
	padding: 12px;
	font-size: 15px;
	color: white;
	margin-bottom: 20px;}
#shop-sidebar .icon-box{padding: 8px;
	background: white;
	border-radius: 3px;
	border: 1px dashed #f79c3a; margin-bottom:15px}
.page-title {
	background: white;
}
#shop-sidebar .product-categories{background: white; padding
	:8px}
#shop-sidebar .product-categories li a{color: black; }
.category-page-row .large-9 {background: white;
	padding-top: 15px; margin-bottom:20px}.single-product .large-9{padding-right:20px}
.blog-single .post-sidebar .icon-box{padding: 8px;
	background: white;
	border-radius: 3px;
	border: 1px dashed #f79c3a; margin-bottom:15px}
.blog-single .post-sidebar{padding-left:0}
.blog-single .large-9{padding-right:20px}
.blog-single .article-inner {background: white; padding:10px}
.entry-content{padding-top:0}
#comments{background: white; padding:10px}
.flatsome_recent_posts, .product_list_widget{background:white; padding:8px}
table th{text-transform: none;
	background: #f7f7f7;
	padding-left: 10px !important;}
.page-right-sidebar .large-9 .page-inner{background:white; padding:15px; }
.page-right-sidebar .large-3{padding-left:0; }
.page-right-sidebar .large-3 .icon-box, .blog-archive .post-sidebar .icon-box{padding: 8px;
	background: white;
	border-radius: 3px;
	border: 1px dashed #f79c3a; margin-bottom:15px}
.page-right-sidebar .large-9{padding-right:20px}
.flatsome_recent_posts ul li a, .product_list_widget li a{color: black; font-weight:bold}
.flatsome_recent_posts ul li a:hover, .product_list_widget li a:hover{color: #dd3333;}
.blog-archive .post-sidebar {padding-right:0}
.blog-archive .post-item .col-inner{background: white; }
.blog-archive .post-item .col-inner .box-text{padding-left:8px; padding-right:8px}
.blog-archive .badge-square{display:none}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.row1 .cot4 .post-item, .tin-tuc .post-item{flex-basis:50%; max-width:50%; padding-bottom:20px}
	.row1 .cot4 .post-item .box-text{padding-left:8px; padding-bottom:8px}
	.nav-small.nav>li.html{text-align:center}

}