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

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

.header-vertical-menu__title{
	    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 300;
}
.product-footer ul.tabs.wc-tabs.product-tabs{
	background:#f6f6f6 !important
}
.product-footer ul.tabs.wc-tabs.product-tabs>li>a{
	font-size:17px;
	padding-left:25px !important;
	padding-right:25px !important
}
.product-footer ul.tabs.wc-tabs.product-tabs>li.active>a{
	background:#84ba4a !important;
	color:#fff !important
}
#tab-description ul li ul li{
	display:inline-block
}
#tab-description p, #tab-description li, #tab-description div{
	color:#111;
}
#tab-description .flex{
	display:block !important
}
.ngangx{
	display:flex;
	gap:15px;
}
.product-info h1{
	color:#23327e !important;
	font-size:32px;
}
.devvn_buy_now{
	margin-top:20px !important;
	    background:#84ba4a !important;
}
.devvn-popup-title, .popup-customer-info-group .devvn-order-btn{
	background:#84ba4a !important;
}
.product-gallery.col.large-6{
	padding-right:40px !important
}
.product-short-description{
	padding:20px;
	background:#f6f6f6;
	border-radius:4px;
	font-size:15px;
}
.product-short-description img{
    max-width: 40px;
    height: auto;
	width:auto !important
}
.product-short-description p{
	margin-bottom:10px;
}
.product-small .name.product-title a{
	display: block;
 display: -webkit-box;
 max-width: 100%;
 height: 62px;
 line-height: 20px;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}
.product-small .name.product-title{
	margin-bottom:15px;
}
.product-small .name.product-title a{
	color:#333;
	font-size:16px;
}
.product-small  .product_type_simple{
	color: #515151;
    background-color: #e9e6ed;
	border-radius:4px;
	padding:5px 25px;
	border:0px !important;
	text-transform:none !important;
	font-size:14px;
}
.shop-page-title.category-page-title{
	margin-top:15px !important
}
.shop-page-title h1.shop-page-title{
	font-size:32px;
}
nav.woocommerce-breadcrumb{
	text-transform:none !important;
	font-size:15px;
}
.woocommerce-result-count{
	font-size:15px;
}
.boxchon{
	padding:29px 50px;
	background:#84BA4A;
	margin-bottom:20px;
}
.boxchon p{
	font-size:18px;
	color:#fff;
}
.boxchon h3{
	font-size:42px;
	color:#fff !important;
	margin-bottom:0px !important
}
.boxchon p{
	margin-bottom:0px !important
}
.banketnoi p{
	font-size:15px !important
}
.listamnhin h3{
	color:#23327E !important;
}
.listamnhin .icon-box-text{
	padding-left:30px !important
}
.listamnhin .icon-box-text p{
	color:#fff;
}
.fngang .wpcf7-form-control.wpcf7-email{
	background:none !important;
	height:55px;
	border:1px solid #fff !important;
	border-radius:50px !important;
	color:#fff !important;
	line-height:55px !important;
	max-width:350px !important
}
.fngang{
	position:relative
}
#footer .social-icons i{
	color:#fff !important
}
.fngang .wpcf7-form-control.wpcf7-email::placeholder{
	color:#fff !important
}
.fngang .wpcf7-form-control.wpcf7-submit{
	position:absolute;
	right:0px;
	top:10px;
	text-transform:none !important;
	box-shadow:0px 0px 0px #fff !important;
	border:0px !important;
}
.absolute-footer{
	padding-top:15px !important;
	padding-bottom:15px !important;
	color:#333 !important;
	border-top:1px solid #dedede52
}
.bbotx h3{
	color:#23327E !important;
	margin-bottom:20px;
}
.bbotx  p{
	color:#111;
}
.bbotx  ul{
	margin:0px;
	list-style:square !important;
	font-size:17px;
}
.bbotx  ul li{
	color:#111
}
.slidoitac{
	padding:15px !important;
	border-radius:5px;
	 box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}
.xgal img{
	border-radius:11px !important
}
.tieudetin h2{
	font-size:32px;
}
.tieude h2{
	padding-left:70px;
	position:relative;
	font-size:32px;
}
.listcate h3{
	font-size:24px;
	color:#4a60ba;
	margin-bottom:15px;
}
.listcate .button.primary{
	padding:5px 30px;
	border:1px solid #4a60ba !important;
	color:#4a60ba !important
}
.listcate .col-inner{
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}
.bblog .col-inner{
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}
.tieude h2:after{
	width:50px;
	height:3px;
	position:absolute;
	content:"";
	left:0px;
	top:20px;
	background:#84BA4A !important;
	display:block !important
}
.tabout h2{
	font-size: 32px;
    font-weight: 700;
	margin-bottom:10px !important
}
.tabout h3{
	margin-bottom:25px;
	padding-bottom:25px !important;
	position:relative;
	color:#348e38 !important;
	font-size:24px;
}
.tabout h3:after{
	width:150px;
	height:5px;
	background:#2575fc !important;
	content:"";
	z-index:2;
	bottom:0px;
	left:0px;
	display:block !important;
	position:absolute
}
.rcamket{
	margin-top:-90px;
}
.icon-box-img{
	
}
.rcamket .icon-box:hover .icon-inner img{
	filter: brightness(0) invert(1);

}
.listamnhin img{
	filter: brightness(0) invert(1);
}
.rcamket .icon-box:hover .icon-inner{
	background:#23327e !important;
	border-color:#23327e !important;
}
.rcamket .icon-box-text h3{
	color:#23327e !important;
	font-weight:900;
	font-size:22px;
}
.tslogan h2{
	    line-height: 1.25em !important;
    font-family: system-ui;
    font-size: 62px;

}
.tslogan p{
	font-size:17px;
}
.tslogan .button.primary{
	font-weight:500 !important;
	padding-left:35px;
	padding-right:35px;
}
#top-bar a{
	font-size:15px !important;
	color:#fff !important
}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea{
	  color: #23327E !important;
}
.header-main li.menu-item a{
	font-weight:500 !important
}
.header-main .nav-spacing-xlarge>li {
    margin: 0 20px;
}
.header-main  .search-field{
	    padding-left: 30px;
    padding-right: 30px;
    color: #23327E;
    border-width: 2px 2px 2px 2px;
    border-color: #23327E !important;
    border-radius: 43px 43px 43px 43px;
	height:43px !important;
	min-width:240px !important
}
.header-main  .ux-search-submit{
	margin-right:15px !important
}
.header-main  i.icon-search{
	color:#23327E !important
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.ndhlogo img{
		width:auto !important;
		max-height:90px !important
	}
	.colcenx{
		text-align:left !important
	}
.tslogan h2 {

    font-size: 32px;
}
	.listcate .button.primary {
    padding: 3px 15px;
   
}
.listcate h3 {
    font-size: 16px;
   
}
	.tieude h2 {
    
    font-size: 24px;
}
.tabout h2 {
    font-size: 22px;

}
	.tabout h3{
		font-size: 16px;
	}
}