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

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

#wide-nav .flex-center > ul > li > a {
	color: #000;
	font-size: 18px;
	text-transform: inherit;
}
#wide-nav .flex-center > ul > li {
	margin: 0 15px;
}
#wide-nav .flex-center > ul > li > a:hover {
	color: #5087b1;
}
#wide-nav .flex-center > ul > li.has-dropdown > ul {
	padding: 0;
	min-width: 200px;
}
#wide-nav .flex-center > ul > li.has-dropdown > ul > li > a {
	background: #5087b1;
	color: #fff;
	transition: all .3s;
	padding-left: 15px;
}
#wide-nav .flex-center > ul > li.has-dropdown > ul > li+li > a {
	border-top: dashed 1px #ccc;
}
#wide-nav .flex-center > ul > li.has-dropdown > ul > li > a:hover {
	padding-left: 25px;
}
h1.entry-title {
	font-weight: 700;
	position: relative;
	text-transform: inherit;
	margin-bottom: 0;
	font-size: 24px;
}
.entry-content {
	padding-top: 0;
}
.thong-tin-meta {
	margin: 15px 0;
	color: #076caa;
}
span.byline:before {
	content: '●';
	margin-left: 10px;
	margin-right: 4px;
	width: 5px;
	height: 5px;
	border-radius: 999px;
	color: #999;
}
.blog-single .large-9 article .article-inner {
	padding: 20px;
	box-shadow: 0px 0px 15px -6px #00000033;
	border-radius: 10px;
}
.entry-content li, .entry-content p {
	font-size: 15px;
}
.entry-content li{
	margin-bottom: 0px;
}
.entry-content h2 {
	font-size: 22px;
	position: relative;
	padding-left: 15px;
}
.entry-content h3 {
	font-size: 20px;
	position: relative;
}
.entry-content h4,.entry-content h5 {
	font-size: 18px;
	position: relative;
}
.entry-content h2:before {
	content: '';
	background: #3988b8;
	width: 5px;
	height: 100%;
	position: absolute;
	left: 0;
}
.view {
	background: #edf1ff;
	padding: 20px;
	margin-bottom: 15px;
	color: #000000;
	border: 2px dashed #7bafff;
	border-radius: 0px;
	line-height: 22px;
	font-size: 15px;
}
.view b {
	color: red;
}
.tieude {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}
.relatedcat-x a {
	color: #0098f3;
	display: block;
	position: relative;
	font-size: 15px;
	padding-left: 17px;
}
.relatedcat-x a:before {
	content: '\f101';
	font-family: FontAwesome;
	font-size: 10px;
	position: absolute;
	left: 0;
	top: 4px;
}
.chiase {
	margin-top: 15px;
}
.chiase a {
	border-radius: 0;
	font-size: 12px;
}
.danhmuc a {
	position: relative;
	color: #3988b8;
}
.danhmuc a:before {
	content: '●';
	margin-left: 4px;
	margin-right: 4px;
	width: 5px;
	height: 5px;
	border-radius: 999px;
	color: #999;
}
.danhmuctags {
	border-bottom: solid 1px #ccc;
	padding-bottom: 15px;
}
#related_posts {
	padding-top: 15px;
}
#related_posts .post-item {
	padding-bottom: 0;
}
#related_posts .post-item .box-text h5 {
	text-align: left;
	font-weight: 100;
	font-size: 15px;
}
.box-blog-post .is-divider {
	display: none;
}
#related_posts .post-item .box-text {
	padding: 10px 0;
}
#related_posts .post-item .box-image img {
	border-radius: 5px;
}
h5.post-title a:hover {
	color: #3988b8;
}
.widget-title {
	display: block;
	text-transform: none;
	letter-spacing: 0;
	font-size: 22px;
	color: #3988b8;
	font-weight: bold;
	border-bottom: dashed 1px #ccc;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.post-sidebar #secondary {
	border: 2px dashed #3988b8;
	padding: 15px;
}
.post-sidebar #secondary .post-item .box-text h5.post-title a {
	font-size: 15px;
	font-weight: 100;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.post-sidebar #secondary .post-item {
	padding-bottom: 10px;
}
.post-sidebar #secondary .post-item .box-text {
	padding: 0 10px;
	vertical-align: top;
}
.post-sidebar #secondary .post-item .col-inner {
	border-bottom: solid 1px #ccc;
	padding-bottom: 15px;
}
.post-sidebar #secondary .post-item:last-child .col-inner {
	border-bottom: 0;
	padding-bottom: 0;
}
.post-sidebar #secondary .widget {
	margin-bottom: 0;
}
.page-title {
	text-align: left;
	font-size: 24px;
	text-transform: inherit;
	margin-bottom: 0;
}
.blog-archive .large-12 {
	padding-bottom: 15px;
}
.page-title {
	text-align: left;
	font-size: 24px;
	text-transform: inherit;
	margin-bottom: 0;
}
.blog-archive .large-12 {
	padding-bottom: 15px;
}
.blog-archive .large-12 #post-list .post-item .box {
	border: solid 1px #ececec;
}
.blog-archive .large-12 #post-list .post-item .box-text {
	padding: 10px;
}
.blog-archive .large-12 #post-list .post-item .box-text p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.blog-archive .large-12 #post-list .post-item .box-text h5 {
	font-size: 18px;
	font-weight: 100;
	height: 48px;
	overflow: hidden;
}
.page-numbers > li > a, .page-numbers > li span {
	border-radius: 0;
	border: 0;
	border-bottom: solid 1px #5087b1;
}
.page-numbers > li span {
	background: #5087b1 !important;
}
#wide-nav .flex-center > ul > li > a > i {
	font-size: 15px;
	position: relative;
	top: -1px;
	margin-right: 10px;
}
.header-search-form-wrapper input {
	height: 45px;
	box-shadow: none;
	border-radius: 99px 0 0 99px;
	padding: 0 20px;
	font-size: 15px;
}
.header-search-form-wrapper button {
	height: 45px;
	width: 50px;
	border-radius: 0 99px 99px 0;
}
.header-search-form-wrapper .flex-row {
	box-shadow: 2px 2px 40px #8597fb8a;
	border-radius: 30px;
}
.header-wrapper {
	border-bottom: dashed 1px #ccc;
}
.absolute-footer {
	padding: 10px;
}
.copyright-footer {
	color: #fff;
}
.info-footer p {
	margin-bottom: 10px;
}
.stuck #wide-nav {
	margin-top: 0;
	background: #fff;
}
.stuck {
	border-bottom: 0;
}
.list1 .box-text {
	padding: 50px 20px 20px 20px;
	background-image: linear-gradient(transparent, #00000096);
}
.box-overlay.dark .box-text, .box-shade.dark .box-text {
	text-shadow: none;
}
.list1 .box-text h5 {
	font-size: 24px;
}
.flickity-button svg {
	background: #fff;
	padding: 10px;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button{
	opacity: 1;
}
.list2 .box-text h5 {
	font-size: 16px;
}
.section-title-container .section-title span {
	border-bottom: 0;
}
.section-title-container .section-title {
	border-bottom: solid 2px #5087b1;
}
.tieude1 .section-title {
	border-bottom: solid 2px #c20808;
}
.tieude2 .section-title {
	border-bottom: solid 2px #6f08c2;
}
.listall .post-item .cat-label {
	text-transform: inherit;
	font-size: 12px;
	font-weight: 100;
	margin-bottom: 8px;
}
.list3 .post-item .cat-label{
	background: #c20808;
}
.listall .post-item h5 {
	font-size: 18px;
}
.listall .post-item p {
	font-size: 13px;
	line-height: 1.2;
}
.list4 .post-item .box-text {
	vertical-align: top;
	padding: 0 10px;
}
.list4 .post-item {
	padding-bottom: 15px;
}
.list4 .post-item .box-text h5 a {
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 16px;
}
.button {
	padding: 1px 30px;
	font-size: 14px;
	text-transform: inherit;
	font-weight: 100;
}
.btn3 {
	background: #c20808;
}
.list3a .post-item .cat-label {
	background: #6f08c6;
}
.btn4 {
	background: #6f08c2;
}
.tieude3 .section-title {
	border-bottom: solid 2px #e19524;
}
.tieude4 .section-title {
	border-bottom: solid 2px #02bf82;
}
.list3b .post-item .cat-label {
	background: #e19524;
}
.list3d .post-item .cat-label {
	background: #02bf6a;
}
.btn5 {
	background: #e39524;
}
.btn6 {
	background: #02bf6a;
}
.tieude5 .section-title {
	border-bottom: solid 2px #3024e1;
}
.list5 .post-item .box {
	box-shadow: 3px 4px 9px 3px #dcdcfd;
}
.list5 .post-item .box .box-text {
	padding: 10px;
}
.list5 .post-item .box .box-text h5 {
	margin: 0;
	font-size: 18px;
	margin-bottom: 10px;
	height: 46px;
	overflow: hidden;
}
.list5 .post-item .box .box-text p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.btn7 {
	margin: 0 auto;
	display: block;
	width: 250px;
	font-size: 16px;
	font-weight: bold;
	background: #3624e1;
}
.title-wg .widget-title {
	text-transform: inherit;
	font-size: 20px;
	border-bottom: 0;
	margin-bottom: 8px;
}
.title-wg .is-divider {
	display: none;
}
.tagcloud a {
	margin-bottom: 7px;
	font-size: 14px !important;
	letter-spacing: 0;
	border: 1px solid gainsboro;
	padding: 5px 15px;
	white-space: nowrap;
	line-height: 38px;
}
.tagcloud a:hover {
	background: #3988b8;
	color: #fff;
}
.tagcloud {
	border-bottom: dashed 2px #3988b8;
	padding-bottom: 30px;
}
.entry-header-text-top {
	padding-bottom: 0;
}
@media (min-width: 992px){
	.post-sidebar {
		padding-left: 0 !important;
		border-left: 0 !important;
	}
	#top-bar .flex-center ul.nav {
		width: 400px;
	}
	#wide-nav {
		margin-top: 10px;
	}
	.nopad{
		padding-bottom: 0 !important;
	}
}
@media (max-width: 849px){
	#logo img {
		width: 180px;
	}
	#masthead ul.mobile-nav > li > a {
		color: #000;
		font-size: 14px;
	}
	.mfp-content {
		background: #fff !important;
		transition: transform .5s, opacity .3s !important;
	}
	.off-canvas .nav-vertical>li>a {
		color: #000;
		font-size: 18px;
		text-transform: inherit;
	}
	.off-canvas .nav-vertical>li>a>i {
		margin-right: 8px;
		width: 20px;
	}
	.nav-slide-header .toggle {
		opacity: 1;
	}
	.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
		color: #000 !important;
		font-size: 16px !important;
		text-transform: inherit !important;
	}
	.stuck #masthead {
		display: block;
		background: #fff;
	}
	.stuck #wide-nav {
		display: none;
	}
}
@media (max-width: 549px){
	.nopadm{
		padding-bottom: 0 !important;
	}
	.list1m .post-item {
		padding-bottom: 20px !important;
	}
	.flickity-button {
		display: none;
	}
	.list1 .box-text h5 {
		font-size: 16px;
	}
	.list1m .box-text p {
		display: none;
	}
	.listall .post-item {
		padding-bottom: 0;
	}
	.list4 .box-vertical {
		display: flex;
	}
	.list4 .post-item .box-image {
		width: 20% !important;
	}
	.blog-single .post-sidebar {
		display: none;
	}
	.blog-single .large-9 {
		padding-bottom: 0;
	}
}