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

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-main .nav > li > a{    
	display: block;
    text-align: center;
/*     border-right: 1px solid #18377b;
    border-left: 1px solid #2951a7; */
}
/* .nav li:last-child{ border-right: 1px solid #2951a7}
.nav li:first-child {border-left: 1px solid #18377b;} */
li.html input{    
	border-radius:5px 0 0 5px;
    height: 34px;
    border: 1px solid #ddd;
}
.header-nav li a:hover{background:#a7a7a738; color:#000;}

.menu-custom .sidebar-wrapper>*{
	padding:0;
}
.menu-custom ul.menu > li{
	padding:2px;
}
.menu-custom ul.menu > li:hover > a{
	color: #bb1920 !important;
}
.menu-custom ul.menu > li > a{
	display:flex;
	flex-flow:row;
	align-items:center;
	color: #000;
}
.menu-custom ul.menu > li > a > img{
	margin:0 10px;
}

.menu-custom .wp-caption-text{
	display:none;
}

.menu-custom .widget ul.menu > li {
    position: relative;
}
.menu-custom .widget ul > li.has-child:hover >.sub-menu{
	display:block !important;
}
.menu-custom .widget ul.menu ul.sub-menu {
	display: none !important;
    position: absolute;
    width: 100%; 
    left:99%;
    top: 0;
    z-index: 999;
    border: 1px solid #e1e1e1 !important;
    background: #fff;
}
.menu-custom .widget .toggle{
    transform: rotate(-90deg);
    right: 7px;
    position: absolute;
}
.menu-custom .widget ul.menu>li li {
    padding: 2px 0;
    border-bottom: 1px solid #e1e1e1;
}

.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 .nav-dropdown-col>ul li:hover{background:#FF6633}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#005eb6;}
.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{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;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}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

body:not(.single-product) .tabbed-content .nav-tabs > li.active > a{
	background: rgb(1, 55, 106);
    border: none;padding: 11px 15px;color: #fff;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
body:not(.single-product) .tabbed-content .nav-tabs > li:not(.active) > a{
	color:#000;
}
body:not(.single-product) .tabbed-content .nav li:last-child{border-right:none}
body:not(.single-product) .tabbed-content .nav-tabs>li>a{    
	border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: rgb(255, 255, 255);    
	padding: 11px 15px;
	border-right:1px solid #e6e6e6}

.woocommerce-tabs .tabs li a{
	letter-spacing:0; 
	text-transform: uppercase;
	color: #ea1f28;
	padding:10px 15px;
	font-size: 14px;
}
/* .tabbed-content{border: 1px solid #d8d8d8;} */
/* .tabbed-content .nav{background:white;}.nav-tabs+.tab-panels {
    padding: 0px;
} */
/* .nav-tabs+.tab-panels{border:none} */
.single-product .product-footer > .container{    
	background: white;
    padding: 15px; 
	margin-bottom:20px;
}
.single-product .product-footer > .container > .container{
	border: none !important;
    padding-top: 0;
}
.box.list-sp .product-title a{    
	margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}



.flickity-viewport .flickity-slider .medium-4.is-nav-selected{color:#ea1f28}

.sp-noi-bat-section .flickity-prev-next-button svg, .du-an-section .flickity-prev-next-button svg{
    border-color: currentColor;
    fill: white !important;
    background: #ea1f28;
    height: 58px;
    width: 30px;
	color: white ;
}
.sp-noi-bat-section .flickity-prev-next-button:hover .arrow, .du-an-section .flickity-prev-next-button:hover .arrow{
	color:unset !important;
	fill:unset !important
}
.woof_container_inner h4{color: #ea1f28}

.woof_list_checkbox .icheckbox_flat-blue.checked input, .woof_list_checkbox .icheckbox_flat-blue.hover input{
	opacity: 1 !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0px !important;
}
.blog-single .article-inner {
	background: white;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid gainsboro;
}
.blog-archive .row .large-9{
	padding-right:15px;
	
}
.blog-archive .row .large-3{
	padding-left:15px;
}
.blog-archive .row .large-9, .blog-archive .row .large-3{
	margin-top:20px;
}
.blog-archive .row .large-9 > *:first-child, .blog-wrapper  .row .large-3 > *:first-child{
	padding-top:20px;
	margin-bottom:15px;
	background-color:white;
}
.blog-wrapper .row .large-3 > *{
	padding-left:15px;
	padding-right:15px;
}
.blog-single .tabbed-content{
	border:none;
}
/* */
.box-filter-search {
    background: #bb1920;
    padding: 30px 0px 15px;
    overflow: hidden;
}
.box-filter-search form {
	display: flex;
}
.box-filter-search input,
.box-filter-search select {
    float: left;
    margin: 0 10px 0;
    height: 44px;
    border-radius: 4px !important;
}
/* */
.product-page-price {
    padding: 5px 0 10px;
}
.product-page-price,
.price-wrapper .product-page-price .amount * {
    color: red !important;
    font-size: 20px;
    font-weight: bold;
}
.wbcslider_tgdd.slider-wrapper {
	max-height: 430px;
}
/* */
.autocomplete-suggestion .search-price {
	display: none !important;
}
/* */
.box-parent h4 {
	color: #ea1f28;
}
.box-parent ul li {
	margin: 0 0 10px;
}
.box-parent ul li a:before {
    content: "\f105";
    font-family: 'fl-icons' !important;
    font-size: 15px;
    margin-right: 10px;
    color: #d32234;
    font-weight: bold;
}
@media only screen and (min-width: 48em) {
	.post-sidebar.large-3.col{
		padding-left:0;
	}
	.post-sidebar .bai-viet-lien-quan li{
		width:100%;
		margin-bottom:30px;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.box-filter-search {
		padding-bottom: 0;
	}
	.box-filter-search form {
		display: block;
		overflow: hidden;
		max-width: 100%;
	}
	.box-filter-search input,
	.box-filter-search select {
		max-width: 94%;
		margin-bottom: 10px;
	}
	.search-mb {
		position: relative;
		z-index: 9;
	}
}