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



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



ul.header-nav-main li a{
	padding: 10px;
	font-weight: 700;
	font-size: 15px; 
}
.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{
	color: #211300;
}
.div-form-lien-he input[type='email'],.div-form-lien-he input[type='text'],.div-form-lien-he input[type='tel'],.div-form-lien-he textarea{
	background: transparent !important;
	border: 1px solid #3d3d3d !important;
	color: white;
}
.h3-form{
	color: #FFD34E !important;
	font-size: 30px;
	text-transform: uppercase;

}
.div-form-lien-he{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.entry-content{
	padding-top: 0px;
}
h1.entry-title{
	color: #ffd34e;
	text-transform: uppercase;
}
.blog-archive  h5.post-title{
	font-size: 24px;
}
h5.post-title{
	color: #ffd34e;
	text-transform: uppercase;
}
.section-menu .tabbed-content li.active{
	background: #FFD34E;
}
.section-menu .tabbed-content li{
	margin: 0px 20px;
}
.section-menu .tabbed-content li.active a span{
	padding: 0px 10px;
	color: #211300;
}
.section-menu .tabbed-content li a:before{
	display: none;
}
.div-lien-he .col-inner{
	text-align: center;
	background-color: rgba(255, 255, 255, 0.1);
	padding: 20px;
}
.div-lien-he .title-lien-he{
	border-bottom: 1px dashed #565656;
	font-size: 24px;
	font-weight: bold;
}
.div-lien-he p{
	margin-bottom: 4px;
}
.row-dang-ky{
	padding: 65px 15px;
	border-top: 1px dashed #565656;
	border-bottom: 1px dashed #565656;
}
div.thong-bao{
	text-align: center;
}
.div-form{
	padding: 10px
}
.ui_tpicker_timezone{
	display: none !important
}
.ui-datepicker dl dt,.ui-datepicker  dl dd{
	display: block ;
}
.woocommerce-ordering{
	display: none;
}
#main.dark {
	background-color: rgba(0, 0, 0, 0.7) !important;
	background-color: #333;

}

#wrapper{
	background: url(/wp-content/uploads/2019/08/main_bg2.jpg) repeat-y;
}
.dang-ky-email .wpcf7-not-valid-tip {
	margin-top: 50px;
	position: absolute;
	padding: 5px 8px;
	line-height: 1.2em;
	border-radius: 3px;
	opacity: .8;
	background-color: #f1f1f1;
	color: #b20000;
}
.dang-ky-email .wpcf7-response-output {
	color: white;
	border-color: #FFD34E;
	margin: 5px 0 0 0;
	border-radius: 10px;
}
.dang-ky-email ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    white;
}
.dang-ky-email :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:     white;
	opacity:  1;
}
.dang-ky-email ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:     white;
	opacity:  1;
}
.dang-ky-email :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:   white;
}
.dang-ky-email ::-ms-input-placeholder { /* Microsoft Edge */
	color:    white;
}

.dang-ky-email ::placeholder { /* Most modern browsers support this now. */
	color:     white;
}
.dang-ky-email .wpcf7-email{
	padding: 8px 15px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	/* width: 440px; */
	/* height: 41px; */
	border: 1px solid #3d3d3d !important;

	font-size: 16px;
	color: white;
	border-radius: 0px;
	background: none !important;
	width: calc(100% - 100px);
	/* height: 30px; */
	/* background: #fff; */
	float: left;
	/* border: none; */
	padding-left: 5px;
}
.dang-ky-email .p-dang-ky{
	color: white;
	padding-bottom: 35px;
}
.dang-ky-email .wpcf7-submit{
	background-color: rgba(0, 0, 0, 0.7) !important;
	color: #ffffff !important;
	/* float: right; */
	width: 81px;
	/* height: 30px; */
	/* overflow: hidden; */
	/* background: #879FCF url(images/bg-mail.png) no-repeat; */
	font-size: 15px;
	border: none;
	background-size: 15px 15px;
	/* background-position: center center; */
	/* margin-left: -4px; */
	/* padding: 8px 35px; */
	line-height: 23px;
	font-family: Maitree-Light;
	font-size: 16px;

	text-transform: uppercase;
	border: 1px solid #3d3d3d;
	border-radius: 0px;
	background: none !important;}
.div-y-kien .col{
	padding-bottom: 0px ;
}
.div-y-kien p:empty{
	display: none;
}
.div-y-kien div:empty{
	display: none;
}
.div-y-kien .col-inner p{
	display: none;
}
.div-y-kien .box p{
	display: none;
}
.div-y-kien .box .box-text p{
	display: block !important
}
.div-y-kien .post-title {
	color: #FFD34E;
	text-transform: uppercase;
	padding-bottom: 5px;
}

.div-y-kien .box .box-text{
	padding-bottom: 0px;
}
.row-xem-tat-ca a{
	color: #cbcbcb !important;
	width: 100% !important;
	border: 1px dashed #565656 !important;
	padding: 5px !important;
}
.devvn_woocommerce_price_prefix{
	padding-right: 5px;
}
.product-title a{
	font-weight: bold;
	font-size: 17px;
}
p.product-title{
	border-bottom: 1px dashed #565656;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
a.primary:hover span{
	color: #211300 !important
}
.dang-ky-email input[type='email']:focus{
	box-shadow: 0 0 5px #ccc;
	opacity: 1 !important;
	outline: 0;
	color: white;
	background-color: #fff;
}

h3.title-home{
	color: #FFD34E;
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
}
span.amount{
	color: #FFD34E !important;
}
.title-footer{
	border-bottom: 1px dashed #565656;
	color: #FFD34E;
	text-transform: uppercase;
	padding-bottom: 11px;
}
.footer p ,.footer a,.footer i,.footer span {
	color: white;
}
.footer ul li{
	margin-left: 0px;
}
.gallery-col p{
	display: none;
}

#masthead .flex-row .flex-grow{
	position: absolute;
	width: 100%;
	left: 0px;
	background-color: rgba(33,19,0,0.77);
}

#masthead .flex-row .flex-grow ul.header-nav-main{
	left: 30%;
	padding: 8px;
}
#masthead #logo {
	z-index: 90;
}
/*Màu sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
	background-color: currentColor !important;
	border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
	color: #fff;
	background-color: #446084;
	border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
	color: white !important;
	background : #2478ba !important;
	border-color: #2478ba;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
	color: #fff;
	background-color: black !important;
	border-color: black !important;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
	color: #fff !important;
	background-color: #cb2320  !important;
	border-color: #cb2320  !important;
}

.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
	color: #fff !important;
	background-color: #dd4e31 !important;
	border-color: #dd4e31  !important;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
	color: #fff !important;
	background-color: #0072b7 !important;
	border-color: #0072b7     !important;
}

.single-date{
	border-bottom: 1px dashed #ededed;
}
h1.entry-title{
	font-size: 24px !important;
}
/*Kết thúc màu sắc*/



footer.entry-meta {

	border-top: none !important;
	border-bottom: 1px dashed #ececec !important;

}

.entry-content img{
	width: auto !important
}
.duong-line {
	background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
	height: 12px;
	margin-top: 5px;
	overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	font-size: 18px;
	float: left;
	margin: -8px 20px 0 0;
}
.div-form-tong .wpcf7-submit{
	margin-top: 10px;
}
.div-form input,.div-form select{
	margin-bottom: 5px;
}
.div-form{
	padding-bottom: 0px;
	padding-top: 0px;
}
.h3-form{
	font-size: 20px !important;
}
.li_email {
	background: #FFD34E;
	padding: 5px;
}
.li_call {
	background: #d40736;
	padding: 5px;
}
#mobile_phone  .li_email a {
	color: #211300 !important;
}

#mobile_phone li a {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px;
	color: #f5f1f2;
}
#mobile_phone ul {

	/* padding: 10px; */
	margin: -21px;
	text-align: center;
	padding-left: 20px;
	margin-left: -16px;
}
#list_mobile_phone {
	float: left;
	width: 46.33%;
	text-align: center;
	text-decoration: none;
	margin-right: 5px;
	list-style: none;
}
#mobile_phone {
	/* left: 14px; */
	display: block !important;
	/* float: left; */
	width: 25%;
	height: 25px;
	position: fixed;
	bottom: 0px;
	z-index: 9999;
}


@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/

}
@media(min-width: 1023px) and (max-width: 1280px){
	#masthead .flex-row .flex-grow ul.header-nav-main {
		left: 18% !important;
		padding: 8px;
	}
	ul.header-nav-main li a {
		padding: 3px;
		font-weight: 700;
		font-size: 14px;
	}
}
@media(max-width: 769px){
	#mobile_phone li a {
		font-size: 12px !important;
		font-weight: 700;
		text-transform: uppercase;
		padding: 10px;
		color: #f5f1f2;
	}
	#mobile_phone {
		/* left: 14px; */
		display: block !important;
		/* float: left; */
		width: 100%;
		height: 25px;
		position: fixed;
		bottom: 0px;
		z-index: 9999;
	}
	.section-footer{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.block-title img{
		margin: auto;
		display: flex;
	}
	h3.title-home {
		font-size: 18px;
	}
}