/*
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.   ***************/
/*
	CÔNG TY TNHH TƯ VẤN XÂY DỰNG TÍN HOÀ PHÁT - 287
main: #0468ca 	rgba(4,104,202,0.5)
main: #2c578d
snd: #017739
snd: #f69d25

main: #017739	#008000
Tinhoaphat287$
*/
:root{
	--main: #008000;
	--second: #0468ca;
}
.header-main{display: none;}
.header-top .flex-row.container{padding: 0;}

.display-date{
	color: #353535;
	font-size: 0.95em;
	font-weight: bold;
}
.marquee .col:last-child .col-inner{
	padding: 12px 10px;
}
.marquee-container{
	width: 100%;
	overflow: hidden; /* Ẩn phần chữ nằm ngoài khung */
	white-space: nowrap; /* Giữ chữ trên một dòng */
}
.marquee-text{
	color: #008000;
	font-size: 0.95em;
	font-weight: bold;
	display: inline-block;
	padding-left: 100%; /* Bắt đầu từ ngoài khung bên phải */
	animation: marquee 20s linear infinite; /* Tên animation, thời gian, lặp lại */
}

@media (max-width: 767px){
	.marquee {
		margin-top: 15px !important;
	}
	.marquee .col-inner{
		padding: 5px 10px !important;
	}
	.marquee .display-date{
		text-align: center
	}
}
@keyframes marquee{
	0% {transform: translate(0, 0);}
	100% {transform: translate(-100%, 0);} /* Chạy sang trái */
}

@media only screen and (max-width: 911px) {
	.header-main{display: block;}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
body, h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif !important;
}
.banner .banner-bg.fill{
	background-image: linear-gradient(to left, #034d81, transparent);
}
.about a.button.secondary.lowercase{
	font-weight: normal;
	transition: 0.3s;
}
.about a.button.secondary.lowercase:hover{
	letter-spacing: 2px;
}
.du-an .col{
	padding-top: 30px;
}
.du-an .col h3, .du-an .col p{
	margin-bottom: 0;
}
.news h3{
	background: #225fad;
}
.news .box-text.text-left{
	padding: 5px 0;
}
.box-bounce .box-text{
	padding: 15px 10px 20px;
}
h4.chon-file-title{
	color: #017739;
}
.chon-file-list{
	padding-left: 10px;
}
.chon-file-list li{
	padding-left: 10px;
	margin-bottom: 5px;
}
.chon-file-list li a{
	color: #225fad;
	text-transform: uppercase;
}
.hoat-dong .box-text.text-center{
    padding-bottom: 10px;
}
.hoat-dong .box-text-inner p{
    height: 60px;
	color: #0468ca;
    overflow: hidden;
	transition: 0.3s;
}
.hoat-dong .box-text-inner p:hover{
    color: #017739;
}

.bottom-contact{
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 99999;
}
.bottom-contact ul{
    list-style: none;
}
.bottom-contact ul li img{
    width: 40px;
    margin-top: 8px;
}
.bottom-contact #phone img{
    animation: phonering 1s infinite ease-in-out;
}
@-webkit-keyframes phonering{
    0%{transform: rotate(0);}
    10%{transform: rotate(-25deg);}
    20%{transform: rotate(25deg);}
    30%{transform: rotate(-25deg);}
    40%{transform: rotate(25deg);}
    50%{transform: rotate(0);}
    100%{transform: rotate(0);}
}

.tbp{
	color: #0468ca;
}
.tbp span{
	color: #017739;
}
.tt-footer h4{
	margin-bottom: 0;
}
.tt-footer p{
	margin-bottom: 8px;
}
.tt-footer .social-icons{
	margin-top: 20px;
}
.tt-footer .social-icons span{
	color: #017739;
	font-size: 125%;
}
.nv-contact p{
	margin-bottom: 0.5em;
}
.nv-contact ul{
	margin-bottom: 1.5em;
}
.nv-contact ul li{
	margin-bottom: 0;
}
/*
#content.blog-archive.page-wrapper{
	padding-top: 0;
}
.archive-page-header{
	background-image: url(https://tinhoaphat287.com/wp-content/uploads/2026/02/bg-du-an-1.jpg);
	background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height: 300px;
    margin-bottom: 3em;
} */
.archive-page-header h1.page-title{
	font-size: 2em;
	font-weight: bold;
	margin-top: 1.5em;
	color: var(--second);
}
/*.archive-page-header .taxonomy-description{
	display: none;
}*/
.archive .box-image{
	width: 25% !important;
}
.archive h5.post-title{
	color: #0468ca;
	font-size: 1.1em;
}
.taxonomy-description p{
	font-size: 1.1em;
	color: var(--main);
	margin-bottom: 2em;
}

.lv-hoat-dong .box-text h4{
	height: 42px;
}

footer .social-icons span{
	color: #fff;
	display: block;
	margin: 15px 0;
}
.menu-footer a{
	font-size: 0.85em;
    color: #fe9709;
	transition: 0.3s;
}
.menu-footer a:hover{
	letter-spacing: 0.85px;
}

.news-home .box-text h5{
	color: var(--main);
	height: 57px;
	overflow: hidden;
}
.thi-nghiem .box-text h5{
	height: 38px;
	overflow: hidden;
}
.page-about{
	padding: 20px;
	background: #fefefe;
	border-radius: 3px;
}