/*
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.   ***************/


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

/*************** Khoảng cách đầu trang bài viết ***************/
.entry-content {
	padding-top: 0.5em;
}
.blog-single .entry-header .text-left .is-divider {
	margin: 0.5em 0;
}

/*************** Điều chỉnh màu menu main ***************/
.header:not(.transparent) .header-nav-main.nav > li.active > a, .header:not(.transparent) .header-bottom-nav.nav > li.active > a {
	color: #1b1306 !important;
}
.header:not(.transparent) .header-nav-main.nav > li.active > a:hover, .header:not(.transparent) .header-bottom-nav.nav > li > a:hover {
	color: #ee0033 !important;
}

/*************** Điều hướng trang ***************/
#page-breadcrumbs .rank-math-breadcrumb {
	font-size: 15px;
}
#page-breadcrumbs .rank-math-breadcrumb span {
	color: #888;
}
#page-breadcrumbs .rank-math-breadcrumb .separator {
	padding: 0 6px;
}

/*************** Sửa tiêu đề danh mục ***************/
.page-title {
    text-transform: none;
    font-size: 220%;
    text-align: left;
	margin-bottom: 0px;
}

/*************** Ngày đăng và Tác giả ***************/
.is-xsmall {
    font-size: 15px;
    text-transform: none;
}
.entry-meta .posted-on, .entry-meta .byline {
	color: #888;
}
.entry-meta .posted-on a, .entry-meta .byline a {
	/*color: #1b1306;*/
}
.entry-meta .posted-on a:hover, .entry-meta .byline a:hover {
	/*color: #f03;*/
}

/*************** Khoảng cách chữ ***************/
.uppercase, h6, span.widget-title, th {
    letter-spacing: 0;
}

/*************** Tăng size chữ ***************/
.box-text p, .box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6, .recent-blog-posts a {
    font-size: 110%;
}

#wide-nav {
	border-top: 1px #ffe14a solid;
}

/*************** Sua chieu cao dong ***************/
.box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6, .recent-blog-posts a {
	line-height: 1.6;
}
.h1, .h2, h1, h2 {
	line-height: 1.5;
}

/*** Sửa kích thước Content và Sidebar ***/
@media screen and (min-width: 850px) {
    .category .blog-archive .large-9, .single-post .blog-single .large-9, .author .blog-archive .large-9, .tag .blog-archive .large-9  {
        flex-basis: 70%;
        max-width: 70%;
		padding-right: 20px !important;
    }
	.category .blog-archive .post-sidebar, .single-post .blog-single .post-sidebar, .author .blog-archive .post-sidebar, .tag .blog-archive .post-sidebar {
        flex-basis: 30%;
        max-width: 30%;
		padding-left: 20px !important;
    }
}

.post .article-inner h1.entry-title {
	font-size: 200%;
}
.post .article-inner h2 {
	font-size: 180%;
}
.post .article-inner figure.wp-caption {
	margin-bottom: 1em;
}

/*************** An thanh divider ***************/
.is-divider {
	background-color: rgba(255, 255, 255, 0);
}

.wp-caption .wp-caption-text {
	background: none;
	padding-top: 12px;
    color: #666;
}

/*************** Chinh sua chan trang ***************/
.copyright-footer {
	padding: 10px 0 5px 0;
	color: #ddd;
}

/*************** BAI VIET LIEN QUAN ***************/
.relatedcat h3 {
	font-size: 24px;
    text-transform: uppercase;
	padding: 20px 0 10px 0;
}
.my-related-post .feature {
    position: relative;
    overflow: hidden;
}
.my-related-post .feature::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}
.my-related-post .feature .image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}
.my-related-post h3.related-title {
	color: #1b1306;
    display: inline-block;
    text-transform: none;
    font-size: 100%;
    font-weight: normal;
	padding-top: 15px;
}
.my-related-post:hover h3.related-title {
	color: #f03;
}
.my-related-post:hover .feature .image {
    opacity: 0.8;
	filter: alpha(opacity=80);
}

blockquote {
	border-left: 2px solid #ee0033;
    color: #555;
    font-size: 100%;
	padding: 1em 1em .9em 1em;
    background: #f9f9f9;
}
blockquote p {
	margin-bottom: .2em;
}


ol ol, ol ul, ul ol, ul ul {
	margin: 1.5em 0;
}
ol ul li, ul ul li {
	list-style-type: circle;
}