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

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {color: #000000}
#top-bar a, #top-bar span {text-transform: initial;}
.estate-item .col-inner {
    box-shadow: 0px 0px 4px #00000045;
    background: white;
    border-radius: 0px;

}
h3.post-title a {
    display: block;
  	display: -webkit-box;
  	-webkit-line-clamp: 2; 
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	text-align: justify;
}
@media (min-width: 1024px) {
    .blog-wrapper.blog-archive.page-wrapper .large-12.col > .row > .col{
        flex-basis: 25%;
        max-width: 25%;
    }
}
@media (max-width: 550px) {
    .blog-single h2.wp-block-heading, h3.related-title {
      font-weight: bold;
    }
}
.estate-item .box-image .thumb-meta {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    align-items: center;
}
/* ========================================================= */
/* QUY TẮC CHUNG (Áp dụng cho MỌI THIẾT BỊ, TỐI ƯU cho DESKTOP) */
/* ========================================================= */

.estate-item .col-inner .box-image {
    border-radius: 0px 0px 0 0;
}
.estate-item .box-text {
    padding: 10px 10px;
}
.estate-item .post-title a {
    font-weight: 600;
    /* Kích thước tiêu đề cho Desktop (lớn hơn) */
    font-size: 14px; 
    letter-spacing: -.0px;
}
.estate-item .post-title:hover a {
    color: #b6740f;
}
.from_the_blog_excerpt {
    /* Kích thước đoạn trích cho Desktop (lớn hơn) */
    font-size: 13px; 
    font-weight: lighter;
    margin: 0;
    padding: 5px 0 0;
    text-align: justify;
}
.estate-item .estate-details {
    padding: 10px 0;
    border-bottom: 1px solid #f7f3f3;
    margin-bottom: 10px;
}
.estate-item .estate-details, .estate-item .estate-meta, .estate-item .bottom-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ========================================================= */
/* MEDIA QUERY cho MOBILE (Màn hình nhỏ hơn hoặc bằng 768px)  */
/* ========================================================= */

@media (max-width: 768px) {
    /* Điều chỉnh kích thước tiêu đề bài viết cho Mobile */
    .estate-item .post-title a {
        font-size: 15px; /* Kích thước nhỏ, dễ đọc trên điện thoại */
        color: #000 !important
    }

    /* Điều chỉnh kích thước đoạn trích cho Mobile */
    .from_the_blog_excerpt {
        font-size: 15px; /* Kích thước nhỏ, dễ đọc trên điện thoại */
        color: #000 !important
    }
}
/* Trích dẫn theo dòng */
.from_the_blog_excerpt {
    display: block;
  	display: -webkit-box;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.estate-item .meta-item {
    font-size: 13px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.estate-item .meta-item svg {
    margin-right: 5px;
    fill: #5c727d;
}
.estate-item .meta-item svg path {fill: #5c727d;}
.estate-item .meta-item.inforoom svg {
    width: 19px;
    height: 19px;
}
.estate-item .estate-price {
    font-weight: 600;
    font-size: 11.5px
    white-space: nowrap;
    color: #000000;
    display: inline;
}
/* PHẦN QUAN TRỌNG NHẤT */
.estate-item .estate-price::after {
    content: "만동"; /* Cần đảm bảo dấu nháy kép/đơn đúng */
    font-weight: 600;
    display: inline;
}
.estate-item .bottom-meta {font-size: 13px;font-weight: 500;}
.estate-item .share {
    display: flex;
}
.estate-item .share a {
    margin: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #ececec;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7a7a7a;
    margin-left: 5px;
    border-radius: 5px;
    font-size: 12px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
}
.estate-item .share a svg {width: 13px;}
.estate-item .share a:hover {
    background: #b6740f;
    color: white;
    border-color: #b6740f;
}
@media only screen and (max-width: 768px) {
    
    .tieu-de-bat-dong-san-moi-nhat {
        text-align: center!important; 
        text-transform: uppercase!important; 
    }
    
    .tabbed-content .nav, 
    .tabbed-content .nav-left {
        display: flex!important; 
        justify-content: center!important; 
        flex-wrap: nowrap!important; 
        overflow-x: auto!important;
    }
    
    .tabbed-content .nav li,
    .tabbed-content .nav-left li {
        flex-shrink: 0!important; 
    }
}
/* Pc      --------------------------------------------- */
@media(min-width: 766px){

}
@media (width: 1024px){

}
@media (max-width: 1024px){

}
@media (min-width: 990px) and (max-width: 1100px){

}
/*************** ------------------------PC và Tablet  --------------------------  ***************/
@media (min-width: 740px){

}
/*************** ------------------------Tablet  --------------------------  ***************/
@media (min-width: 740px) and (max-width: 1023px){

}
@media (max-width:990px){

}
/*************** ------------------------Mobile và Tablet --------------------------  ***************/
@media (max-width: 1023px){

}

 /*************** ------------------------ Mobile   --------------------------  ***************/
@media screen and (max-width: 549px){

}