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


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


.nav > li > a{
	font-size:15px; 
	font-weight:normal; 
	padding-left:10px !important; 
	padding-right:10px !important; 
	padding-top: 14px;
	padding-bottom: 15px;
}
.nav > li{margin:0}
.nav > li > a:first-child{padding-left:0}
.wide-nav .nav > li > a:hover, .wide-nav .nav > li > a:active, .wide-nav .current-menu-item{background: #03a9f4;}
.wide-nav .header-search-form .search-field{
	height: 35px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.wide-nav .searchform-wrapper button.secondary:not(.is-outline){
	height: 35px;
	border: 0; 
	border-top-right-radius:3px; 
	border-bottom-right-radius:3px
}
.section-title b{    background-color: #f7e5b7;height: 1px;   }
footer.entry-meta{font-size:14px}
footer.entry-meta .post-danh-muc,footer.entry-meta .post-tag {margin-bottom:10px}
.button{font-weight:normal}
footer.entry-meta .post-tag a{    background: #ececec;
	padding: 5px 10px;
	border-radius: 3px;
	color: #5d5d5d;}
footer.entry-meta .post-tag a:hover{background: #5eb509; color: white}
.section1 .cot4 .box .box-image{border-top-right-radius:22px; border-bottom-left-radius:22px}
.section1 .cot4 .box .box-text{border-bottom-left-radius:22px}
.section1 .cot4 .box .box-text p a:hover, .section1 .cot3 .box .box-text p a:hover{text-decoration:underline}
.section1 .cot4 .box .box-text p a, .section1 .cot4 .box .box-text p span, .section1 .cot3 .box .box-text p span, .section1 .cot3 .box .box-text p a, .section1 .cot1 .box .box-text p{color: #6faf0b}
.section1 .cot3 .slider-wrapper img{border-bottom-right-radius:22px; border-top-left-radius:22px}
.section1 .cot3 .box .box-text a{color: white}
.blog-single h1{font-weight:normal; margin-top:20px}
.blog-archive .post-sidebar, .blog-single .post-sidebar{padding-left:0}
.blog-archive .post-item .has-hover [class*="image-"] img{    border-top-right-radius: 22px;
	border-bottom-left-radius: 22px;
	border-top-left-radius: 5px;
}
span.widget-title {display: block;
	color: green;
	font-size: 19px;
	letter-spacing: 0;}
.blog-single .is-divider{height:1px; max-width:100%}
.entry-content{padding-top:0}
.entry-header-text{padding-bottom:0}
.blog-single .entry-category a{color: green;
	font-size: 18px;
	border-bottom: 1px solid;

	font-weight: normal;}
.blog-archive .post-item .box-text .post-title{font-weight: normal;
	text-transform: uppercase;
	color: #018622;
	margin-bottom: 10px;
}
.section1 .cot1 .box .box-text{padding: 7px 8px 5px 20px;}
.section1 .cot1 .box .box-text h5{text-transform:none; height: 20px;
	overflow: hidden;}

.section1 .cot3 .box .box-text {color: white}
.section1 .cot3 .box .box-text{
	background-color: rgba(0, 0, 0, 0.63);
	padding: 5px 8px 5px 20px;
	z-index: 99;
	margin-top: -59px;border-bottom-right-radius: 22px;
}

.section1 .cot1 .box .box-image{border-top-left-radius:22px; border-bottom-right-radius:22px;}
.section1 .cot1 .box .box-text{border-bottom-right-radius:22px}
.row-logo{border-top:1px dashed #dedede;; border-bottom: 1px dashed #dedede;}
.row-logo .col, .tin-tuc .large-6, .footer-block .col{padding-bottom:0}
.tin-tuc .row .col .title a{
	font-size: 20px;
	text-transform: uppercase;
	font-family: "roboto condensed", roboto, sans-serif;
	background: url(/wp-content/uploads/2018/04/bg-c-tl.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	color: #018622;
	font-weight: bold;
}
.section-title-container{margin-bottom:0}
.tin-tuc .col .post-item .kham-pha, .box-blog-post .is-divider{display:none}
.tin-tuc .post-item .post-title{
	text-transform: uppercase;
	font-weight: normal;
	color: #ff2e00;
}
.tin-tuc .post-item .box-text .button{
	margin-top: 1em;
    background: #ffff00 !important;
    color: #333;
    padding: 0px 8px;
    border-radius: 5px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 13px;
}
.section-title-normal span{border-bottom: 2px solid rgb(1, 134, 34); padding-bottom:0}
.section-title a{
	font-size: 14px;
	font-weight: normal;
	color: orange;
}
.tin-tuc .cot1 .col-inner .post-item:first-child{border-bottom: 1px dashed #d2d2d2}
.tin-tuc .cot1 .col-inner .col-inner{border: 0; padding:0}
.tin-tuc .cot1 .col-inner{background: white; padding-bottom:10px; padding:10px; 
	border-radius: 4px;
	border: 1px solid #e4e4e4;
	padding-top: 10px;}
.tin-tuc .post-item .box-image .image-cover img{border-bottom-right-radius:22px; border-top-left-radius:22px}
.home .bread_crumb{display: none;}
.bread_crumb{
    padding: 15px 0;
    background: #F2F9FF;
    box-shadow: 0 0 5px #e7e8e9;
}
.bread_crumb p{
    margin-bottom: 0;
    color: #666;
}
.bread_crumb a{
    color: #2196f3;
    padding-right: 5px;
}
.bread_crumb .breadcrumb_last{
    padding-left: 5px;
    color: #666;
}
.col_lich .image-cover{display: none;}
.st_post .post-item .box-text{
    background: rgba(20,112,221,0.4);
    padding-bottom: 10px;
    border-bottom: 5px solid #1472dd;
    border-radius: 0 0 5px 5px;
}
.col_lich .box-text{5px 10px !important}
.st_post .post-item .box-text h5.post-title {
    font-size: 18px;
    text-transform: capitalize;
}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.tin-tuc .row .col {margin-bottom:10px}
	.col_lich .box-image{width: 14% !important;display: inline-block;}
	.col_lich .box-text{width: 84%;display: inline-block;}
	.header-main .nav > li > a:first-child{color: #2196f3;}
	.off-canvas-left.dark .mfp-content {background-color: #2574D1 !important;}
}