/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');*/
/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
	font-family: 'Times New Roman';
	src: url(images/Times-New-Roman.ttf);
}
@font-face {
	font-family: 'Times New Roman bold';
	src: url(images/times-new-roman-bold.ttf);
} 
body {
	max-width: 100%;
	overflow: hidden;
	font-family: 'Times New Roman';
}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
	font-weight: bold;
}
strong,b,
h1,h2,h3,h4,h5,h6 {
	font-family: 'Times New Roman bold';
}
/*.playfair {
	font-family: "Playfair Display", serif;
}
.playfair h2, 
.playfair h3 {
	font-family: "Playfair Display", serif;
	font-weight: 700;
}*/
.gallery-big .slides li img {
	height: 300px;
	object-fit: cover;
}
.gallery-small .slides li img {
	height: 75px;
	object-fit: cover;
}
.slide-arrow-top .flickity-prev-next-button.previous {
	left: auto;
	right: 30px
}
.slide-arrow-top .flickity-prev-next-button {
	top: -55px;
    margin-top: 0 !important;
    height: auto;
    bottom: auto;
    color: #000;
    opacity: 1;
    visibility: visible;
    font-size: 10px;
    right: 0;
}
.slide-arrow-top .flickity-prev-next-button svg {
	fill: #000 !important;
}
.widget>ul>li, ul.menu>li {
	font-size: 14px;
}
form label {
	font-weight: 400;
}
form input {
	height: 48px;
}
.icon-box-left {
	display: flex;
	align-items: center;
}
.icon-box-left p {
	margin-bottom: 0 !important;
}
.icon-box-img img, .icon-box-img svg {
	padding-top: 0;
}
.cus-tab.tabbed-content .nav {
	margin-top: -15%;
}
.cus-tab.tabbed-content .nav li {
	margin: 0 10px;
}
.cus-tab.tabbed-content .nav li a {
	font-size: 14px;
	color: #999999;
}
.cus-tab.tabbed-content .nav li.active a {
	color: #5C3D3D;
}
.cus-tab .tab-panels {
	padding-top: 0;
}
.nh-post-meta-extra {
	font-size: 11px !important;
	color: #999999;
}
.nh-post-meta-extra span {
    display: inline-block;
    margin-right: 5px;
}

.no-comment .nh-post-meta-extra span.nh-post-views {
    display: none;
}
.nh-recently-viewed-posts .box-text {
    padding-bottom: 0;
}

.no-view .nh-post-comments {
    display: none;
}


.featured-post .col.post-item .box-text {
    background-image: linear-gradient(to bottom, #00000000, #00000099, #000000);
    padding: 15px;
}
.featured-post .col.post-item .post-title {
    text-transform: none;
    font-size: 14px;
}
.featured-post .col.post-item .nh-post-meta-extra {
    display: none;
}


.blog-wrapper .box-vertical {
    border-radius: 4px;
}
.blog-wrapper .box-vertical .box-text-inner {
    display: grid;
}
.blog-wrapper .box-vertical .box-text .post-title {
    order: 1;
}
.blog-wrapper .box-vertical .box-text .nh-post-meta-extra {
    order: 2;
}
.blog-wrapper .box-vertical .box-text .from_the_blog_excerpt {
    order: 3;
}


/* */
body.nav-dropdown-has-border .nav-dropdown {
    border: none;
    padding: 0;
}
body.nav-dropdown-has-border .nav-dropdown a {
    padding: 10px !important;
    margin: 0 !important;
    border-radius: 0;
}
.post_comments  {
    display: none;
}

/* Sidebar */

/* */
h1.entry-title {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    color: #333;
    font-weight: 500;
}
.entry-header .nh-post-meta-extra {
    font-size: 14px !important;
}
.entry-header .nh-post-meta-extra span {
    margin-right: 10px;
}
/* */
.product-small.box ins *,
.product-small.box .price > .amount * {
    color: red;
    font-size: 16px;
}
.product-small.box del * {
    color: #333;
}
.product-small.box .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 22px;
    height: 44px;
}
.product-small.box .box-image img {
    height: 200px;
    object-fit: cover;
}
/* */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.pulse {
    transition: all 150ms linear 0s;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

blockquote {

    font-size: 110%;
    color:#666;

    margin: 0 auto;
    border-left:0px;
    margin-left: 20px;
    padding-bottom: 50px;
}
blockquote h1 {
    font-size: 3rem;
}
blockquote p {
    font-style: italic;
    margin-bottom: 0;
}
blockquote p::before,
blockquote p::after {
    content: "“";
    font-family: Georgia;
    font-size: 6rem;
    margin: -3rem 0 0 -4rem;
    position: absolute;
    opacity: 0.5;
    color:var(--primary-color);
}
blockquote p::after {
    content: "”";
    margin: -2rem -3rem 0 0;
}
blockquote cite {
    font-size: 1.5rem;
}
/* */
.ses-bg-top {
    background: url(images/bg-top-content.png) center 0 no-repeat;
}
.at-title-blog .section-title-main {
    font-size: 18px;
    color: #5c3d3d;
}
.post-meta {
    color: #999999;
}
.blog-tc1 .col.post-item:first-child .box {
    border-top: none;
    padding-top: 0;
}
.blog-tc1 .post-title {
    font-weight: 500;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px;    
 }
 .blog-tc1 .box-text {
    display: block;
    padding-top: 0 !important;
 }
 .blog-tc1 .box {
    border-top:1px solid #ddd; 
    padding: 10px 0 0;
}
.blog-tc1 .col.post-item:nth-child(2) .box {
	border: none;
}
.blog-tc1 .post-item {
    padding-bottom:10px;
}
.widget_categories a {
    min-width: 89%;
}
.widget {
    background: #fff;
    padding: 12px 15px 5px 15px;
    border-top: 2px solid #5c3d3d;

}
.widget .widget-title  {
    display: block;
    font-size: 14px;
}
.comment-form-cookies-consent,
.widget .is-divider {
    display: none;
}
.post-title:hover {
	color: #5c3d3d;
}
/* */
.section-title a {
    position: absolute;
    opacity: 0;
    z-index: 999;
}
.article-inner h2, 
.entry-content h2 {
    font-size: 30px;
}

.popular_articles__block {
    padding: 40px 0;
}
.filter-section .form-group {
    padding-bottom: 0;
}

/* CSS cơ bản cho bộ lọc và bảng */
.filter-section { background: #5c3d3d; padding: 20px; border-radius: 5px; margin-bottom: 20px; border: 1px solid #eee; }
.filter-section label { font-weight: bold; font-size: 0.9em; display: block; margin-bottom: 5px; }
.filter-section select, .filter-section input { width: 100%; height: 40px; border: 1px solid #ddd; padding: 0 10px; border-radius: 4px; }
.filter-section button { width: 100%; height: 40px; border-radius:4px }

.real-estate-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.real-estate-table th { background: #aa4424; color: #fff; padding: 15px 10px; text-align: center; white-space: nowrap; }
.real-estate-table td { border: 1px solid #ddd; padding: 10px !important; text-align: center; vertical-align: middle; }
.real-estate-table tr:nth-child(even) { background-color: #f2f2f2; }
.real-estate-table tr:hover { background-color: #e6f7ff; }
.real-estate-table td b {
    display: flex;
    align-items: center;
    justify-content: center;
}
.real-estate-table img {
    width: 15px; 
    margin-bottom: 0 !important;
    margin-left: 5px;
}
.btn-xs { padding: 2px 5px; font-size: 12px; border-radius: 3px; color: white; margin: 0 2px; display: inline-block;}
.btn-success { background-color: #28a745; }
.btn-primary { background-color: #007bff; }
.table-responsive { overflow-x: auto; margin-bottom: 30px }

/* CSS cho Slick gallery */
.slick-gallery {
    margin: 20px 0;
    overflow: hidden;
}

.slick-main img {
    width: 100%;
    height: auto;
    border: 2px solid #ccc;
}

.slick-thumbnails {
    margin: 0 -10px;
    margin-top: 10px;
}

.slick-thumbnails div {
    padding: 0 5px;
    overflow: hidden;
}
.slick-thumbnails img {
    width: 100%;
    height: 124px;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s;
}

.slick-thumbnails img:hover {
    transform: scale(1.1);
}

.single .article-inner {
    padding: 40px 0;
}
.slick-arrow {
    margin: 0;
    position: absolute;
    top: 40%;
    font-size: 25px;
    z-index: 1;
}
.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}

.related-post-item {
    margin-bottom: 30px; 
    padding: 15px; 
    border: 1px solid #ddd; 
    background-color: #fafafa;
}
.related-post-item h4 {
    font-size: 15px;
    text-transform: uppercase;
}
.related-post-item h4 a {
    color: #ab4424;
}
.related-post-item .related-project-info-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}
.related-post-item .related-project-info-list p {
    display: inline-block;
    margin: 1px 4px 1px 0 !important;
    padding: 0 !important;
    width: calc(33.33333% - 4px) !important;
    box-sizing: border-box !important;
    overflow: hidden;
}

.related-post h3 {
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    margin: 0 0 10px;
    padding: 10px;
    color: #f2841f;
    border-left: #f2841f 5px solid;
    border-right: #f2841f 5px solid;
}
.related-post-item:hover {
        box-shadow: 0 0 13px 0px #aa4525;
}
.phankhu-title {
    text-align: center;
    font-size: 20px;
    background: #fff;
    padding: 6px;
    color: #f2841f;
    border-left: #f2841f 5px solid;
    border-right: #f2841f 5px solid;
}


@media (min-width: 850px) {
    .filter-section .form-group {
        flex-basis: 20%;
        max-width: 20%;
    }
    .filter-section select, .filter-section input, .filter-section button {
        margin-bottom: 0 !important;
    }
}

@media only screen and (min-width: 1024px) {
    .widget ul.menu > li {
        position: relative;
    }
    .widget ul > li.has-child:hover >.sub-menu{
        display:block !important;
    }
    .widget ul.menu ul.sub-menu {
        display: none !important;
        position: absolute;
        width: 100%; 
        left:99%;
        top: 0;
        z-index: 999;
        border: 1px solid #e1e1e1 !important;
        background: #fff;
        margin: 0;
        padding: 0;
    }
    .widget .toggle{
        transform: rotate(-90deg);
        margin-right: 10px;
    }
    .widget ul.menu>li li {
        padding: 2px 0;
        border-bottom: 1px solid #e1e1e1;
    }
}

@media only screen and (max-width: 480px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .blog-archive .post-sidebar.col {
        padding: 0 15px !important;
    }
	.col.post-item .box-vertical .box-image {
		margin-bottom: 10px;
	}
	.page-title-bar {
		min-height: 220px !important;
		padding-bottom: 30px !important;
		height: auto !important;
	}
	.page-title-bar .title {
		font-size: 25px !important;
	}
	h1.entry-title {
		font-size: 33px;
	}
	.hide-title .widgettitle {
		display: none;
	}
	.hide-title .widget {
		border-top: 0;
		padding: 0;
        margin: 0;
	}
    .related-post-item .related-thumbnail {
        width: 100% !important;
        margin-bottom: 15px;
        margin-right: 0 !important;
    }
    .related-post-item .related-thumbnail img {
        width: 100%;
    }
    .related-project-info {
        width: 100% !important;
    }
    .related-post-item .related-project-info-list {
        line-height: 20px;
        gap: 10px 0;
    }
    .related-post-item .related-project-info-list p {
        width: calc(50% - 8px) !important;
    }
}
@media only screen and (max-width: 1124px) { 
	#masthead .show-for-medium.flex-left {
		display: block !important;
	}
	#wide-nav {
		display: none !important;
	}
}
/* */
.related-post-item img {
	transform: scale(1);
	transition: 0.3s ease-out;
}
.related-post-item:hover img {
	transform: scale(1.1);
}
.related-post-item:hover h4 a {
	color: #000;
}
.comment-notes {
    display: none;
}