/*
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.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
.title-home-page-banner h3{
	color: #FFF;
	font-family: "Sedgwick Ave",cursive;
	font-size: 120px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 192px */
	text-transform: capitalize;
	position:relative;
}
/* .title-home-page-banner h3:before{
	content:"";
	background:url(https://tonannguyen.dev/TrivoBlog/wp-content/uploads/2024/08/76b65415-butterfly_1-1.png);
	background-size:contain;
	background-repeat:no-repeat;
	width: 122px;
	height: 107px;
	position:absolute;
	top:-20%;
}
.title-home-page-banner h3:after{
	content:"";
	
	background:url(https://tonannguyen.dev/TrivoBlog/wp-content/uploads/2024/08/67613962-butterfly_2-1.png);
	background-size:contain;
	background-repeat:no-repeat;
	width: 91px;
	height: 74px;
	position:absolute;
	bottom: 45%;
	left: 69%;
} */
.header-nav li a{
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 600 !important;
	line-height: 100%; /* 15px */
	text-transform: capitalize;
}
.header-nav li{
	margin-left:50px;
	margin-right: 0;
}
.txt-about-block-2 h3{
	color: #000;
	font-family: "VN Radditya Signature",sans-serif;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 70px */
	text-transform: capitalize;
}
.txt-about-block-2 p{
	color: #555;
	font-family: "IBM Plex Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 32.4px */
}
.title-head-trivo h2{
	color: #000;
	font-family: "VN Radditya Signature",sans-serif;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 70px */
	text-transform: capitalize;
}
.blog-nhung-chan-troi .box-text{
	padding:0;
}
.blog-nhung-chan-troi .post-title a{
	color: #222;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 33.6px */
	text-transform: capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	line-clamp: 2;
	-webkit-box-orient: vertical;
	padding:25px;
	margin:0;
	padding-bottom: 10px;
}
.blog-nhung-chan-troi .is-divider{
	display:none;
}
.blog-nhung-chan-troi .box-blog-post{
	border-radius: 12px;
	background: #FFF;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.blog-nhung-chan-troi .box-blog-post .box-image img{
	border-top-left-radius:12px;
	border-top-right-radius:12px;
}
.blog-nhung-chan-troi .col.post-item{
	padding-bottom:0;
}
.blog-am-thuc .is-divider{
	display:none;
}
.blog-am-thuc .post-title a{
	color: #222;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 33.6px */
	text-transform: capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	line-clamp: 2;
	-webkit-box-orient: vertical;
	padding:25px;
	margin:0;
}
.blog-am-thuc .box-text{
	padding:0;
}
.blog-am-thuc .box-blog-post{
	border-radius: 12px;
	background: #FFF;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.blog-am-thuc .box-blog-post .box-image img{
	border-top-left-radius:12px;
	border-top-right-radius:12px;
}
.blog-am-thuc .col.post-item{
	padding-bottom:0;
}
.btn-read-more-home{
	padding-top:55px;
	
}
.btn-read-more-home span{
	color: #00AAA1;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 20px */
	text-transform: capitalize;
	display:flex;
	align-items:center;
}
.btn-read-more-home span:after{
	content:"";
	background:url(https://tonannguyen.dev/TrivoBlog/wp-content/uploads/2024/08/Arrow-8.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:22px;
	height:8px;
	display:block;
	margin-left:10px;
}
.blog-camxuc .box-blog-post:before{
	content:"";
	border-radius: 8px;
	background: #DFF1F0;
	width:144px;
	height:227px;
	top: -13%;
	left: -7%;
	position:absolute;
}
.blog-camxuc .post-title a{
	color: #222;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 33.6px */
	text-transform: capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	line-clamp: 2;
	-webkit-box-orient: vertical;
	padding-right:10%;
}
.blog-camxuc .box-text-inner .is-divider{
	display:none;
}
.blog-camxuc .box-text-inner .from_the_blog_excerpt {
	color: #777;
	text-align: justify;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 22.5px */
	text-transform: capitalize;
	padding-right:10%;
}
.blog-camxuc .col.post-item{
	padding-top: 5%;
}

.img-video-home:before{
	content:"";
	border-radius: 12px;
	background: rgba(98, 96, 96, 0.20);
	width:100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.col-video-home .video-button-wrapper{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.col-video-home .video-button-wrapper a{
	border-color:#00aaa1;
	margin:0;
}
.col-video-home .video-button-wrapper a:hover{
	background-color: transparent;
}
.col-video-home .video-button-wrapper i{
	color:#00aaa1;
}
.footer-1 .widget_custom_html .widget-title{
	color: #222;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%; /* 17px */
	text-transform: capitalize;
}
.footer-1 .widget_custom_html .is-divider {
	background-color:transparent;
}
.content-footer-block-1 p{
	color: #777;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 22.5px */
	text-transform: capitalize;
	margin-bottom: 10px;
	margin-top:15px;
}
.content-footer-block-1 span{
	color: #222;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%; /* 17px */
	text-transform: capitalize;
	margin-bottom:10px;
}
.content-footer-block-1 ul{
	display:flex;
}
.content-footer-block-1 ul li{
	margin-right:18px;
}
.footer-primary.pull-left{
	margin: 0 auto;
	float: none;
}
.absolute-footer .container{
	text-align:center;
}
.copyright-footer strong{
	color: #00AAA1;
	font-weight:700;
}
.copyright-footer{
	border-radius: 3px;
	border-top: 2px solid #D1E7E5;
	padding-top: 20px;
}
#post-list .row .col.post-item:nth-child(even) .box-blog-post{
	direction:rtl;
}
#post-list .box-text .post-title a{
	color: #222;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 27px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 37.8px */
	text-transform: capitalize;
}
#post-list .box-text .is-divider{
	display:none;
}
#post-list .box-text .from_the_blog_excerpt {
	color: #555;

/* Paragraph/15px */
font-family: "IBM Plex Sans",sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 22.5px */
}
#post-list .box-image{
	border-radius:8px;
}
#post-list .box-image:before{
	content:"";
	border-radius: 8px;
	background: #DFF1F0;
	width: 194px;
	height: 271px;
	position:absolute;
}
.post-sidebar .widget-title span{
	color: #FFF;

/* H3 */
font-family: "IBM Plex Sans",sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 29.4px */
text-transform: capitalize;
background: #00AAA1;
padding:5px 15px;
border-radius:3px;
}
.post-sidebar .is-divider{
	background-color:transparent;
}
.post-sidebar .cat-item{
	display: flex;
	align-items: center;
	padding: 10px 0;
}
.widget_tag_cloud .tagcloud a{
	color: #666;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 15px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 15px */
	text-transform: capitalize;
	border-radius: 4px;
	border: 1px solid #C4C4C4;
	padding: 10px 20px;
	display: inline-flex;
	margin-top: 10px;
	margin-right: 5px;
}
.recent-blog-posts-li .badge{
	width:5.8em;
	height: 5.8em;
}
.blog-archive .page-title{
	color: #222;
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 29px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	text-transform: capitalize;
}
.nav-pagination li{
	
}
.nav-pagination li .page-number{
	color: #666;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 15px */
	border-radius: 5px;
	border: 1px solid #C4C4C4;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav-pagination li .page-number:hover{
	background-color: #00AAA1;
	border-color:#00AAA1;
	color: #FFF;
}
.nav-pagination li .page-number.current{
	color: #FFF;
	border-radius: 5px;
	background-color: #00AAA1;
	border-color:#00AAA1;
}
.nav-pagination{
	display: flex;
	justify-content: center;
	align-items: center;
}
#lienhe-form .row{
	margin: 0 auto;
}
#lienhe-form input,
#lienhe-form textarea{
	border-radius: 5px;
	border: 1px solid #94D7D3;
	color: #999;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 15px */
}
#lienhe-form .col{
	padding-bottom: 0;
}
#lienhe-form input[type=submit]{
	color: #FFF;
	font-family: "IBM Plex Sans",sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 15px */
	border-radius: 5px;
	background: #00AAA1;
	padding: 7px 25px;
}
.follow-lienhe span{
	color: #222;
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	text-transform: capitalize;
}
.follow-lienhe ul{
	list-style:none;
	display:flex;
}
.follow-lienhe ul li{
	margin-left: 0;
	margin-right: 18px;
}
.box-am-thuc-home .box-text-inner p{
	color: #222;
font-family: "IBM Plex Sans",sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 33.6px */
text-transform: capitalize;
	
}
.box-am-thuc-home {
	border-radius: 12px;
background: #FFF;
box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.box-am-thuc-home .box-text{
	padding: 25px;
}
@media (max-width:768px){
	.title-head-trivo svg {
		width: 100%;
		height: auto; /* or height: 100%; for full height */
		display: block; /* To remove any gaps if the SVG is inline */
	}
	.text-box-homepage{
		top:20%;
		left: 5%;
	}
	.title-home-page-banner h3{
		font-size: 35px;
		line-height: 120%;
	}
	.title-home-page-banner h3:before{
		width: 35px;
		height: 100%;
		top: -32%;
		left: 0;
	}
	.title-home-page-banner h3:after{
		    width: 30px;
    height: 100%;
    position: absolute;
    bottom: -20%;
    left: 69%;
	}
	.txt-about-block-2 p{
		width: 100%;
	}
	.col-amthuc{
		padding-bottom: 0;
	}
	.blog-camxuc .box-blog-post:before{
		width: 280px;
    height: 100px;
    top: -4%;
    left: 4%;
	}
	.btn-read-more-home{
		padding-top:0;
	}
	.col-camxuc{
		padding-bottom: 0;
	}
	#post-list .box-text .post-title a{
		font-size: 23px;
	}
}