/*
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.   ***************/
.dga-iconbox{
    align-items: center;
    padding: 20px 0;
}
.dga-iconbox h2, .dga-iconbox p{
	margin-bottom: 0;
}
.dga-iconbox h2{
    display: flex;
    align-items: center;
    font-size: 32px;
}
.col{
	padding-bottom: 0;
}
.dga-hmgt ul>li{
	margin-bottom: 0;
}
.dga-hmgt ul{
	list-style: none;
}
.dga-hmgt ul>li::before {
    content: '\f058';
    font-family: "Font Awesome 6 Free";
    font-weight: 900; 
    margin-right: 5px;
    color: #D6A639;
}
.dga-titlecus span{
	color: #191825;
	font-size: 28px;
}
.dga-hmpost .box-text p, .dga-hmpost .post-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; 
    max-height: 3em;
    line-height: 1.5em;
}
.dga-titlett .section-title-normal{
    justify-content: center;
    width: calc(100% - 30%); 
    margin: 0 auto;
    font-weight: 300;
}
.dga-titlett .section-title-normal span{
    justify-content: center;
    border-bottom: 3px solid #B8860B;	
    padding: 10px 20px;
    color: #B8860B;

}
.dga-sldcus .img-inner {
    width: 100%; /* Hoặc đặt một giá trị cụ thể, ví dụ: 150px */
    position: relative;
}

.dga-sldcus .img-inner::before {
    content: "";
    display: block;
    padding-top: 100%; /* Đảm bảo tỷ lệ 1:1 (hình vuông) */
}
.dga-sldcus{
    padding: 50px;
    background: #f4f4f4;
}
.dga-sldcus .img-inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Giữ ảnh đúng tỷ lệ */
}
.header-nav-main>li>a {
    font-size: 16px;
}
#top-bar{
/*	background: #0D5279 !important;*/
}
#top-bar .html , .nav-small .nav>li>a, .nav.nav-small>li>a{
	font-size: 16px !important;
	text-transform: unset !important;
	color: rgb(25, 24, 37) !important;
}
.bullet-arrow a{
	margin-bottom: 0;
}
ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before {
    color: white;
}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover, .nav-vertical-fly-out>li>a:hover {
    color: #B8860B !important;
}
.qga-txtaljustfy, .page-id-427 *{
	text-align: justify;
}
.absolute-footer{
	display: none;
}
.dga-addressft{
    display: flex;
    align-items: center;
    text-align: left;
}
.dga-fticon a{
	margin-bottom: 0;
}
.section-title-normal span {
    border-bottom: 3px solid #145a8d;
}
.is-divider{
	background-color:#B8860B ;
}
body{
	color: #222;
}
/*h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2, h3 span{
	color: #D6A639 ;
}
*/
.success.is-underline:hover, .success.is-outline:hover, .success {
    background-color: #B8860B !important;
}

/*.dga-slidgt .img{
	padding: 0 50px !important;
}*/
.portfolio-box {
	display: flex;
	width: 100%;
}
.portfolio-box-title{
	text-align: left;
}
.wpcf7 label{
	text-align: left;
}
.dga-ctactcus {
	padding-right: 50px !important;
}
.home .box-image{
	width: 33% ;
	padding-right: 30px;
}
.home .portfolio-element-wrapper .col{
	flex: 1 1 calc(50% - 10px); /* 2 cột, trừ đi 10px margin */
    margin: 5px; /* Thêm margin xung quanh mỗi phần tử */
    padding: 20px;
}
.home .portfolio-box-category{
	display: none;
}
.portfolio-element-wrapper .col{
	border: 1px solid #e0e0e078;
	margin-bottom: 10px;
}

/* Thêm hiệu ứng sticky cho phần nội dung bên phải */
.portfolio-summary.sticky-sidebar {
    position: -webkit-sticky; /* Hỗ trợ trình duyệt Safari */
    position: sticky;
    top: 20px; /* Khoảng cách từ đầu màn hình khi cuộn */
    z-index: 10; /* Đảm bảo phần sticky nằm trên các phần khác */
}

/* Điều chỉnh layout để không bị che khuất bởi các phần khác */
.page-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.dga-portcus .sticky-sidebar{
	top: 140px;
}
.dga-archivecus{
	text-align: left;
}
.custom-html-widget .portfolio-element-wrapper .col{
	border:none;
	padding: 0;
}
.custom-html-widget .portfolio-element-wrapper .col .box-image, .custom-html-widget .portfolio-element-wrapper .col .dga-archivecus p{
	display: none;
}
.custom-html-widget .portfolio-element-wrapper .col .dga-archivecus {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
}
.custom-html-widget .portfolio-element-wrapper .col .portfolio-box-title{
	text-transform: unset !important;
}
.custom-html-widget .portfolio-element-wrapper .col .box-text{
	padding-bottom: 0;
	padding-top: 0;
}
.dga-bieugia p>img {
    width: 100% !important;
}
.portfolio-box-title{
	color: black;
	font-weight: 600;
    font-size: 18px;
    text-transform: unset;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Giới hạn 2 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.portfolio-archive .portfolio-box .box-image{
	width: 40%;
}
.portfolio-archive .portfolio-box .box-text{
	width: 60%;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.portfolio-archive .portfolio-box .box-image{
		width: 100%;
	}
	.portfolio-archive .portfolio-box .box-text{
		width: 100%;
	}
	.home .portfolio-element-wrapper .col {
	    flex: 1 1 calc(100%);
	}
	span, p, li{
		font-size: 14px;
	}
	.dga-iconbox h2{
		font-size: 28px;
	}
	.dga-iconbox .icon-box-img {
		width: 60px !important;
	}
	.dga-titlett{
		margin-top: 0;
	}
	.dga-titlett h2 span{
		font-size: 20px;
	}
	.dga-titlett .section-title-normal {
	    width: calc(100% - 0%);
	}
	.portfolio-box{
	    flex-wrap: wrap;
	}
	.box-image{
		width: 100% !important;
		padding-right: 0 !important;
	}
	.box-image img{
		object-fit: contain;
	}
	.post-title, .portfolio-box-title{
		font-size: 16px;
	}
	.dga-sldcus {
		padding: 15px;
	}
	.page-id-84 h3{
		list-style: 1.2;
		font-size: 20px !important;
	}
	.page-id-84 h1{
		font-size: 24px;
	}
	blockquote h2{
		font-size: 12px;
	}
	.page-id-84 h6{
		font-size: 10px;
	}
	.dga-iconcusmb{
		display: flex;
	}
	.dga-iconcusmb .box-image{
		width: 30% !important;
	}
	.page-id-84 p span,.page-id-84 li span{
		font-size: 14px !important;
	}
	.page-id-84 p{
		text-align: justify;
	}
	.dga-cusuus .box-text{
		padding-left: 0;
		padding-right: 0;
	}
	.dga-cusuus .box-image{
		width: 40% !important;
	}
	.dga-cusuus h2 span{
		font-size: 20px !important;
	}
	.dga-iccchh .box-image{
		width: 14% !important;
	}
	.dgs-nlns h2{
		font-size: 24px;
	}
	.dga-dnnsimg img{
		width: 25px !important;
	}
	.dga-dvdg, .dga-bieugia{
		padding: 0 !important;
	}
	.dga-dvdg h1 span{
		font-size: 18px !important;
	}
    .is-xlarge {
        font-size: 1.5em;
        width: 80%;
        margin: auto;
    }
    .dga-ctactcus {
	    padding-right: 0px !important;
	}
}