/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.19.12
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
/* Khung breadcrumb */
 /* Nếu dùng Font Awesome (cần load FA sẵn) */
#breadcrumbs > span span:first-child a::before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
}
#breadcrumbs {
    background: #f9f9f9;
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/* Các span và link breadcrumb */
#breadcrumbs span,
#breadcrumbs a {
    color: #333;
    font-weight: 500;
    text-decoration: none;
}

/* Hover link breadcrumb */
#breadcrumbs a:hover {
    color: #0073aa; /* xanh hover như WordPress */
}

/* Breadcrumb cuối (đang xem) */
#breadcrumbs .breadcrumb_last {
    color: #555;
    font-weight: 600;
    pointer-events: none;
}



/*pica add v2*/





.related-posts-widget {
    margin-top: 20px;
}

.related-posts-widget h4 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}

.related-posts-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.related-post-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.related-post-link {
    display: flex;
    text-decoration: none;
    color: #000;
}

.related-post-thumbnail img
 {
    width: 100%;
    height: 75px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 10px;
}
.related-post-thumbnail {
    flex-basis: 1;
    flex-grow: 2;
    flex-shrink: 0;
    flex-basis: 30%;

}
.related-post-title
 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    padding-left: 15px;
}
/*doan nay cho widget nhung can xem lai*/
.recent-blog-posts-li .flex-col.mr-half{
    flex-basis: 1;
    flex-grow: 2;
    flex-shrink: 0;
    flex-basis: 30%;
   
}
.recent-blog-posts-li .flex-col.flex-grow{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    flex: unset;
}
.recent-blog-posts-li .badge.post-date.badge-outline{
    width: 100%;
    height: 75px;
    object-fit: cover;
    border-radius: 4px;
}
.waperdnls
 {
    padding-top: 30px;
}
.mb-30{
    margin-bottom: 30px;
}
.tittle-home{
    padding-bottom: 0px;
    margin-bottom: 30px;
}
.team-member-role{
	text-align:justify;
}
.baochipc .attachment-large.size-large {
    height: 95px;
    object-fit: cover;
    padding: 5px 20px;
}
@media screen and (max-width: 849px) {
   .doitacend{
      border-bottom: 1px dashed #ddd;
   }
    .kienthucmobile,.lydoluachonmobi{
        margin-bottom: -1px;
    }
    .slidemobibc img{
        height:80px;
                object-fit: contain;
    }
    .slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover{
        box-shadow: none;
    }
    .flickity-prev-next-button{
        background:transparent !important  ;
    }
    .luat-su-slider-mobile .team-member-role{
        padding:0px 10px;
		text-align: justify;
    }
    .flickity-button{
        background: transparent;
        box-shadow: unset;
    }
    .doinguluatsu .ux-team-member.text-center,.msduong.has-hover.box-text-bottom{
       background: #fff;
    /*border: 2px solid #dfdfdf;*/
        transition: opacity .3s, transform .3s, background-color .3s;
    border-radius: 10px;
    padding: 30px 0px;
		height:100%;
    }
/* 	.luat-su-slider-mobile .hh-100 {
		height:100%;
	} 
	
	.luat-su-slider-mobile .col.small-12 .ux-team-member{
		height:100%;
	}  */
	.hh-100.is-selected{
		height:100%;
	}
    .slidemobibc .slider.slider-nav-reveal.slider-nav-normal.slider-nav-dark.slider-nav-outside.slider-style-normal
 {
    padding: 30px 0px;
    background: #fff;
    /*border: 2px solid #dfdfdf;*/
        transition: opacity .3s, transform .3s, background-color .3s;
    border-radius: 10px;
}
    .text-sm.leading-relaxed.text-gray-800 p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }
    .news-excerpt {
    text-align: justify;
}
    .slidemobibc.show-for-medium{
       /*border: 1px solid #dfdfdf;*/
    border-radius: 5px;
    overflow: hidden; 
    }
       .slidemobibc .slider-wrapper .flickity-prev-next-button, .slider-wrapper .flickity-prev-next-button
    {
        display: block;
    }
   
    .entry-author.author-box .circle{
        text-align: center;
        width: 100%;
    }
    .author-name{
        text-align: center;
    }
    .author-desc{
        text-align: justify;
    }
    .entry-author.author-box
    {
    
    padding: 0px !important;
    }
   .entry-author .flex-row.align-top
     {
        flex-flow: column;
    }
	.chinhanhcol {
    border: 1px solid #d0cfcf;
    border-radius: 15px;
    padding: 15px 10px;
	}
    /* Luôn hiện mũi tên cho slider luật sư mobile */
    .news-more.mobilre {
    display: block;
    width: 100%;
    position: unset;
    bottom: 0px;
    text-align: center;
    }
    .luat-su-slider-mobile .team-member-role p{
margin-bottom:0px;
}
    .luat-su-slider-mobile .flickity-prev-next-button {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .flickity-button.flickity-prev-next-button {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .camnhan_mobile .flickity-prev-next-button{
            width: 30px;
    }
    .cam-nhan-box{
        padding: 20px 27px !important;
    }
    
}
.imgcover2x img{
    inline-size: fit-content;
}
.thongkepc{
    padding-bottom: 0px !important;
}
@media (max-width:767.98px){
	    .mo-ta-ngan {
        text-align: justify;
        font-size: 16px;
    }
    .dtkhmobile .col.small-6.large-4 .col-inner {
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    overflow: hidden;
}
    .chinhanhmobi{
        padding-top: 30px !important;
    } 
    .colnokh
     {
        padding: 0px 15px !important;
    }
}
/*//picachu chi chay tren tablet*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* CSS cho tablet ở đây */
  .columnbaochiv1 {
    padding: 5px !important;
}
  .baochi_v1{
      padding-top: 0px !important;
  }
      .team-member-name {
        font-size: 14px !important;
    }
    .team-member-role{
        font-size: 14px;
    }
      .doingupc
    {
        padding-top: 0px !important;
    }
  .baochipc img.attachment-large.size-large {
    border: 1px solid #33333340;
    transition: opacity .3s, transform .3s, background-color .3s;
    height: 120px;
    object-fit: cover;
    padding: 10px;
    border-radius: 3px;
    background: #fff;
}
  .flickity-button.flickity-prev-next-button {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
 .luasusection {
     background: #fff;
    padding: 30px 10px;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
    border-radius: 10px;
}
  .imgcovercn img {
    padding-top: 30px;
}
   #footer h3{
       font-size: 16px; 
    }
  .tabpb-0{
      padding-bottom: 0px;
  }
  .team-member-name{
      font-size: 16px;
  }
  .baochi_v1 .img-inner.dark{
      text-align: center;
  }
  .baochi_v1 img {
    width: 90%;
    text-align: center;
}
  .flickity-prev-next-button.previous {
    left: 0%;
    transform: translateX(20%);
}
.flickity-prev-next-button.next
 {
    right: 0%;
    transform: translateX(-20%);
}
  .serviceimg .has-hover{
      padding-top: 30px;
  }
  /*.service_box.pb-0{*/
  /*    padding-bottom: 30px !important;*/
  /*}*/
  .imgcovercn img
 {
    place-self: center;
}
  .related-post-link{
      width: 100%;
  }
  .related-post-thumbnail 
 {
    max-width: 30%;
}
  .related-post-thumbnail img
 {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
    margin-right: 10px;
}
  .recent-blog-posts-li .badge.post-date.badge-outline {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}
  .recent-blog-posts-li .mr-half {
      flex: 0 0 30%; /* Chiếm tối đa 30% */
    max-width: 30%;
   
  }
  .news-left{
      padding-bottom: 60px;
  }
  
}
.news_home,.doinguluatsu,.news_home {
    margin-top: -1px;
}
.news_home {
    margin-top: 0px;
}
.padingnomal
 {
    padding: 0px 5.2px;
}

.colnokh {
    padding: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 821px) {
  /* CSS cho tablet ở đây */
  .dtkhmobile .col.small-6.large-4 .col-inner {
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    overflow: hidden;
}
  .columnbaochiv1 {
   padding: 0 15px 0px !important;
}
  .baochimobis > .col {
    background: #fff;
    }
  .luasusection {
       padding-bottom: 0px;
    }
  .dichvupcz {
      padding-bottom: 0px !important;
  }
  .doingupc,.chinhanhpc,.khachhangpc {
      padding-top: 0px !important;
  }
  .baochipc{
      display: none;
  }
  .service_box.pb-0{
      padding-bottom: 30px !important;
  }
  .rowtaisao .serviceimg{
      margin-top: 30px;
  }
}

@media screen and (min-width: 1199px) {
    .textkhdoitac h2{
        margin-bottom: 0px;
    }
    .baochipc
 {
    background: #fff;
}
    .doingupc,.baochi_v1 {
    padding-top: 0px !important;
}
    .blog-wrapper.blog-single,.blog-wrapper.blog-single > .row-large.row-divided .large-8,.blog-wrapper.blog-single > .row-large.row-divided .post-sidebar.large-4{
        padding-bottom: 0px;
    }
    .home.page-template .container-width, .home.page-template .full-width .ubermenu-nav,.home.page-template  .container,.home.page-template  .row
     {
        max-width: 1340px;
    }
}
.columchinhanh .col-inner {
     border: 1px solid #dfdfdf; 
    padding: 15px;
    border-radius: 10px;
   
    background: #fff;
}
.columchinhanh p{
    margin-bottom: 0px;
}
@media screen and (min-width: 849px) {
   .blog-author-image img {
    width: 120px !important;
}
	.news-more {
    text-align: center;
}
    .lydoluachonmobi{
        padding-top: 0px !important;
    }
	.news-left img{
		    max-height: 345px;
	}
	.news-left img{
		    min-height: 345px;
	}
	.camnhanpc .flickity-prev-next-button.previous
 {
    left: 0%;
    transform: translateX(20%);
}
.flickity-prev-next-button.previous {
    left: 0%;
    transform: translateX(20%);
}
.camnhanpc .flickity-prev-next-button.next {
    right: 0%;
    transform: translateX(-20%);
}
    .dgdv .ux-logo-link.block {
    padding-bottom: 0px !important;
}
    .pc_dnlss .medium-4.small-12{
        padding-bottom: 0px;
    }
    .team-member-role p {
    margin-bottom: 0px;
    }
    .news-right .news-excerpt{
        line-height: 1.4;
    }
    .serviceimg {
    padding-bottom: 60px;
}
.serviceimg > .col-inner{
    height: 100%;
    align-content: center;
}
   .imgcovercn > .col-inner,.imgcovercn > .col-inner div{
       height: 100%;
   }
   /*.list_chi_nhanh:not(.mb-0) {*/
   /* margin-bottom: -10px !important;*/
   /* }*/
}
.related-post-title ,
.recent-blog-posts a {
	text-align: justify !important;
	color: #000 !important;
}
.related-post-title:hover ,
.recent-blog-posts a:hover {
	color: #042DE7 !important;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content .heading-font, .entry-content .banner h1, .entry-content .banner h2 {
    text-align: justify !important;
}

.back-to-top  {
	display: none !important;
}
.related-posts-widget {
    margin-top: 11px !important;
}
.service_box > .col-inner:hover
 {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
}
.service_box > .col-inner {
     transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}
.service_box > .col-inner{
    
    height: 100%;
}

.entry-meta-clone {
    /* border-bottom: 2px solid #ececec;
    border-top: 1px solid #ececec; */
    font-size: .8em;
    /* padding: .5em 0 .6em; */
}

@media only screen and (min-width : 768px) {
    .meto_hp {
        display: none;
    }
}

.meto_hp {
    position: fixed;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    box-shadow: 0 -4px 8px rgb(29 36 62 / 20%);
    background-color: #fff;
    z-index: 9999;
    color: #6c738d;
}

.meto_hp a {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    padding: 3px 0 0;
}

.meto_hp img {
    display: inline-block;
    width: 24px;
}

.meto_hp a span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 13px;
    max-height: 26px;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
}

/* sửa màu link trong bài viết */
#ftwp-postcontent a {
    /* all: unset; */
    color: #3498DB;
    cursor: pointer;
}

#ftwp-postcontent a:hover {
    text-decoration: underline;
}
.lawyer-contact-box {
    width: 100%;
    background: #E3F2FD; /* Light blue background */
    border: 1px solid rgb(187, 187, 187);
    padding: 20px;
    padding-top: 0px;
    margin-top: 30px;
    box-sizing: border-box;
}

.lawyer-contact-title {
    color: #D32F2F; /* Red color */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

.lawyer-buttons {
    display: flex;
    gap: 15px;
    align-items: center;
}

.lawyer-btn {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: opacity 0.2s;
    text-decoration: none;
    color: white;
}

.lawyer-btn:hover {
    opacity: 0.9;
}

.lawyer-btn:active {
    opacity: 0.8;
}

.lawyer-btn-zalo {
    background: #8B4513; /* Brown color */
}

.lawyer-btn-phone {
    background: #FF9800; /* Orange color */
}

.zalo-icon {
    width: 28px;
    height: 28px;
    background: #0068FF; /* Blue background for Zalo icon */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.zalo-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.phone-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.phone-icon svg {
    width: 28px;
    height: 28px;
    fill: white;
    stroke: white;
    stroke-width: 1.5;
}

.btn-text {
    flex: 1;
    text-align: left;
}

/* Responsive for mobile */
@media (max-width: 768px) {
    .lawyer-buttons {
        flex-direction: column;
    }

    .lawyer-btn {
        width: 100%;
    }

    .lawyer-contact-title {
        font-size: 14px;
    }
}