/*!
Theme Name: Yeon
Author: Yelpix LLC
Author URI: https://yelpix.com/
Description: A modern custom WordPress theme designed specifically for the client's needs, with improved layout, performance, and flexibility using ACF.
Version: 1.0.0
Text Domain: yeon
*/

/* Captions
--------------------------------------------- */
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
.wp-caption-text { text-align: center; }

/* Alignments
--------------------------------------------- */
.alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em; }
.alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; }

.wpcf7-not-valid-tip { font-size: 14px; position: absolute; margin-top: 2px; }
.wpcf7 form .wpcf7-response-output { color: #fff; font-size: 16px; margin: 24px 0 0; padding: 5px 10px; }

.form__item:has(+ .wpcf7-response-output) { margin-bottom: 0; }
.form__item:has(+ .wpcf7-response-output) p { margin-bottom: 0; }

.hero.full-height { background: linear-gradient(180deg, #005aaa 0%, #d9d9d9 100%); }

.services__item,
.blogs__item { background: linear-gradient(180deg, #005aaa 0%, #d9d9d9 100%); border-radius: 20px; }
.services__item-content > h3 { text-transform: lowercase; }
.services__item-content > h3:first-letter { text-transform: uppercase; }

.lang__body:empty { display: none; }

.default_hero { padding: 250px 0 100px; }
.default_hero .hero__content { max-width: unset; }
.default_page { padding: 100px 0; }
.page_content > * { margin-bottom: 15px; }
.page_content *:last-child { margin-bottom: 0; }

.pagination span { font-family: "SatoshiBold", sans-serif; color: #fff; font-weight: 700;  letter-spacing: -0.02em; }

.details__img img { max-height: 57.5vw; }

/* Read more button */
.about__hidden {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.6s ease, opacity 0.4s ease;
	opacity: 0;
}

.about__hidden.is-open {
	opacity: 1;
}

.js-readmore-btn {
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.js-readmore-btn.is-hide {
	opacity: 0;
	transform: translateY(-10px);
	pointer-events: none;
}

.about__visible + .about__hidden.is-open {
	margin-top: 24px;
}

.about__content ul,
.about__content ol {
	padding-left: 30px;
}
.about__content ul li,
.about__content ol li {
	margin-bottom: 10px;
}

.post_btn {
	background: #005aaa;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.35s ease;
	user-select: none;
	cursor: pointer;
	will-change: transform;
	margin: 23px auto 0;
}
.post_btn:hover {
	transform: scale(0.85);
}

html[lang="nl-NL"] .services__item-content .h1,
html[lang="fr-FR"] .services__item-content .h1 {
	max-width: unset;
}

html[lang="nl-NL"] .services__item-content p,
html[lang="fr-FR"] .services__item-content p {
	max-width: unset;
}

.swiper-slide-active .team__item { height: 100%; overflow: hidden; }
.team__slider .swiper-slide-active img { height: 100%; object-fit: cover; object-position: top center; }