/*
Theme Name: Haviweb Child Theme
Description: Cong ty thiet ke website Havi
Author: Havi
Template: flatsome
Version: 3.18.1
*/
.header-bg-color {
    height: 90%;
}
.img-radius img {border-radius: 8px;}
.no-divider .is-divider {
    display: none;
}
.tit-padding h5.post-title {
    padding-bottom: 5px;
}
.tit-size h5.post-title {
    font-size: 15px;
}
.tit-small h5.post-title.is-large {
    font-size: 14px;
}
.col-post-padding .col.post-item {
    padding-bottom: 0;
}
.col-padding-nth .col.post-item:nth-child(1) {
    padding-bottom: 0;
}
.col-padding-nth .col.post-item:nth-child(2) {
    padding-bottom: 0;
}
.text-padding-right .box-text {
    padding-right: 0;
}
.stack-title {
    background-color: #8f381c;
    border-radius: 0 33px;
    padding: 10px 30px 10px 32px;
}
.stack-title h2 {margin-bottom: 0; font-weight: 500;font-size: 20px;border-left: 3px solid #dfc01d;padding-left: 6px;}
.stack-title p {margin-bottom: 0;}
.stack-title p a{color: white;}
.stack-title p a:hover {
    color: #dfc01d;
}
.align-vertical .col.post-item {
    padding-bottom: 10px;
}

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-bottom {
    border-radius: 90px;
	z-index: 999;
}
ul.sub-menu.nav-dropdown.nav-dropdown-bold {
    min-width: 290px !important;
}
/* trang chủ */
.tit-slogan h2 {
    margin-bottom: 0;
	font-family: bank-gothic;
    font-size: 50px;
}
/*Danh mục*/
.archive p.from_the_blog_excerpt {
    display: none;
}
.archive .is-divider {display: none;}
.blog-archive .col.post-item {
    padding-bottom: 0;
}
.blog-archive h1.page-title {
    font-size: 22px;
    color: #8f381c;
}
.archive-page-header .large-12.col {
    padding-bottom: 10px;
}
/*chi tiết bài viết*/
.single-post #content {
    padding-bottom: 0;
}

.single-post .entry-content.single-page {
    padding-bottom: 0;
}
.entry-header-text {
    padding-bottom: 0;
}
.single-post span.post_comments {
    display: none;
}
.post-sidebar a {
    font-size: 15px;
}
.single-post .entry-divider{display: none;}
.single-post .entry-content p {
    text-align: justify;
}
.post-sidebar span.widget-title {
    background-color: #8f381c;
    color: white;
    display: block;
    padding: 10px 10px 10px 25px;
    border-radius: 0 66px;
}
.post-sidebar .is-divider.small {
    display: none;
}
.post-sidebar ul {
    padding-top: 10px;
}
/* Bài viết liên quan */
.related-posts-grid {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
}
.related-post {
    flex-basis: calc(33.333% - 14px); 
    min-width: 0;
}
@media (max-width: 768px) {
    .related-post {
        flex-basis: 100%;
    }
}
.related-thumb.thumb-4-3 {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    overflow: hidden; 
}

.related-thumb.thumb-4-3 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.related-title {
    margin-top: 10px;
    font-size: 1em;
}

.related-title a {
    text-decoration: none;
    color: #333;
}
/*footer*/
.stack-divi .is-divider.divider.clearfix {
    margin: 1em 0 !important;
    margin-top: 0em !important;
}
.footer-1 {
    border-radius: 60px 60px 0px 0px;
}
.footer-1 p {margin-bottom: 8px;}
div#block_widget-2 {
    margin-bottom: 0;
}
.absolute-footer {
    display: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
img.header_logo.header-logo {
    padding-top: 3px !important;
    padding-bottom: 12px !important;
}
	div#logo {
    width: auto;
	margin-right: 0 !important;
}
	.medium-logo-left .flex-right {
       flex: 0 1 0 !important;
    }
	.slogan-mb h2 {
    font-size: 20px;
}
	.stack-title h2 {
    font-size: 17px;
	font-weight: 600;
}
	.stack-title a {
    font-size: 13px;
}
	.padding-bt-mb .col.post-item {
    padding-bottom: 10px;
}
	.list-mb .col.post-item {
    padding-bottom: 14px;
}
	.list-mb .box-image {
    width: 40%;
    float: left;
}
	.list-mb .box-text {
    width: 60%;
    float: right;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    text-align: left;
    font-size: 14px;
}
	.blog-archive {
    padding-top: 10px;
    padding-bottom: 10px;
}
	.blog-archive h1.page-title {
    font-size: 16px;
}
	.single-post #content {
    padding-top: 10px;
}
	.post-sidebar.large-3.col {
    padding-bottom: 0;
}
	aside#block_widget-3 {
    margin-bottom: 0;
}
	li.recent-blog-posts-li .badge {
    height: 4.8em;
    width: 8.8em;
}
	.mfp-content {
    background-color: #8f381c !important;
}

}