/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.elementor-nav-menu--main .elementor-nav-menu ul {
	transition: none;
}
.elementor-icon-wrapper {
    line-height: 0;
}
.elementor-widget-image a {
    display: block;
}
.btn-more .elementor-button {
    padding: 0;
    background-color: transparent;
    color: #0a0a0a;
    font-size: 16px;
    line-height: 24px;
	transition: none;
}
.elementor-nav-menu .sub-arrow {
    margin-block-end: 0;
    margin-block-start: 0;
    padding: 8px 0 8px 8px;
}
.elementor-nav-menu .sub-arrow i {
	width: 14px;
	height: 19px;
	display: inline-block;
	background: url('https://ies.holadinh.site/wp-content/uploads/2025/11/ic-chevron-down.svg') no-repeat center/contain;
}
.st-search {
	display: none;
}
.elementor-social-icon:hover {
	opacity: 1;
}
.item-duan {
	aspect-ratio: 1 / 1;
}
.content-duan {
	opacity: 0;
}
.item-duan:hover .content-duan {
	opacity: 1;
}
.post-grid:hover .post-content {
    background-color: var(--e-global-color-primary);
}
.post-grid:hover .post-content .post-meta .elementor-icon-list-text, .post-grid:hover .post-content .post-title a, .post-grid:hover .post-content .btn-more a {
    color: #fff;
}
.post-list:hover .post-content {
    background-color: var(--e-global-color-primary);
}
.post-list .post-title a, .post-grid .post-title a {
	min-height: 93px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.post-list:hover .post-content .post-meta .elementor-icon-list-text, .post-list:hover .post-content .post-title a, .post-list:hover .post-content .btn-more a {
    color: #fff;
}
.post-grid-big .post-image img {
	height: 417px !important;
}
body.home .post-list .post-image img {
	height: 181px !important;
}
body.home .post-grid-big .post-image img {
	height: 409px !important;
}
.team-members .team-image {
    position: relative;
}
.team-members .team-desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
	transition: all .3s ease-in-out;
}
.team-members:hover .team-desc {
    opacity: 1;
}
.team-members:hover .team-content .elementor-heading-title {
    color: var(--e-global-color-accent) !important;
}
.item-project .project-content {
	opacity: 0;
	transition: all .3s ease-in-out;
}
.item-project:hover .project-content {
	opacity: 1;
}
.swiper-slide-next .item-testimonial .testimonial-desc {
	background-color: var(--e-global-color-primary) !important;
}
.swiper-slide-next .item-testimonial .testimonial-desc .elementor-widget-theme-post-content {
	color: #fff;
}
nav.elementor-pagination {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
	padding: 12px 0;
}
.elementor-pagination .page-numbers {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
	color: #AEAEAE;
	transition: all .3s ease-in-out;
}
.elementor-pagination .page-numbers.current, .elementor-pagination .page-numbers:hover {
    color: #C72D3D;
}
.elementor-pagination .page-numbers svg path {
	fill: #AEAEAE;
}
.elementor-pagination .page-numbers:hover svg path {
	fill: #C72D3D;
}
.footer-links .elementor-icon-list-text {
    padding-bottom: 4px;
    position: relative;
}
.footer-links .elementor-icon-list-text:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: #fff;
    transition: width 0.3s ease, left 0.3s ease;
}
.footer-links .elementor-icon-list-text:hover:after {
    width: 100%;
    right: 0;
}
.footer-links .elementor-icon-list-text:not(:hover)::after {
    width: 0%;
    right: 100%;
}
@media (prefers-reduced-motion: reduce) {
    html *:not(.swiper-wrapper) {
        transition-delay: unset !important;
        transition-duration: 0.3s !important;
    }
}