/*
 * Puslapis „Apie projektą“
 */

.about-page {
	padding: 60px 24px 120px;
}

.about-content {
	width: min(100%, 1360px);
	margin: 0 auto;
	color: #1f1f1f;
}


/* =========================================================
   Įžanga
   ========================================================= */

.about-content > p:first-child {
	max-width: 820px;
	margin: 0 0 52px;

	font-size: clamp(28px, 2.3vw, 34px);
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: -0.02em;
}

/*
 * Paryškinta įžangos dalis paveldi tą patį dydį.
 * Taip „Meno teritorija“ daugiau nesumažės.
 */
.about-content > p:first-child strong {
	font-size: inherit;
	font-weight: 600;
	line-height: inherit;
}


/* =========================================================
   Pagrindinis tekstas
   ========================================================= */

.about-content p {
	max-width: 760px;
	margin: 0 0 24px;

	font-size: 18px;
	line-height: 1.75;
}


/* =========================================================
   Įprastos H2 antraštės
   ========================================================= */

.about-content h2 {
	max-width: 760px;
	margin: 80px 0 24px;

	font-size: clamp(28px, 3vw, 38px);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.02em;
}


/* =========================================================
   Kolofono H3 antraštės
   ========================================================= */

.about-content h3 {
	max-width: 760px;
	margin: 72px 0 24px;

	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #8a8a8a;
}

/*
 * Pirmąją kolofono antraštę labiau atskiriame
 * nuo pagrindinio teksto.
 */
.about-content p + h3 {
	margin-top: 96px;
}


/* =========================================================
   Projekto komanda
   ========================================================= */

/*
 * Vardai lieka tokio pat dydžio kaip pastraipos tekstas,
 * tik yra paryškinti.
 */
.about-content p strong {
	font-size: inherit;
	font-weight: 600;
	color: #1f1f1f;
}


/* =========================================================
   Logotipų blokai
   ========================================================= */

.about-content .wp-block-image {
	display: flex;
	align-items: center;
	justify-content: flex-start;

	width: 340px;
	height: 110px;
	margin: 0;
	padding: 0;

	background: transparent;
	overflow: visible;
}

.about-content .wp-block-image img {
	display: block;

	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

	object-fit: contain;
	object-position: left center;

	/*
	 * Baltas paveikslėlio fonas susilieja
	 * su puslapio fonu.
	 */
	mix-blend-mode: multiply;
}

/*
 * Galerijos logotipas turi daugiau tuščios erdvės faile,
 * todėl jį vizualiai šiek tiek padidiname.
 */
.about-content .logo-gallery {
	width: 360px;
	height: 116px;
}

/*
 * Savivaldybės logotipas vizualiai stambesnis,
 * todėl jo bloką darome kiek mažesnį.
 */
.about-content .logo-city {
	width: 320px;
	height: 104px;
}

/*
 * Abu logotipai prasideda tiksliai nuo tos pačios linijos.
 */
.about-content .logo-gallery,
.about-content .logo-city {
	margin-left: 0;
	margin-right: 0;
}

.about-content .logo-gallery img,
.about-content .logo-city img {
	object-position: left center;
}

/*
 * Panaikiname paveikslėlių aprašus.
 */
.about-content .wp-block-image figcaption {
	display: none;
}

/*
 * Tarpas tarp logotipo ir kitos antraštės.
 */
.about-content .wp-block-image + h3 {
	margin-top: 72px;
}


/* =========================================================
   Nuorodos
   ========================================================= */

.about-content a {
	color: inherit;
	text-decoration-color: #ffd54a;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.about-content a:hover {
	color: #111;
	background: #ffd54a;
}


/* =========================================================
   Sąrašai
   ========================================================= */

.about-content ul,
.about-content ol {
	max-width: 760px;
	margin: 0 0 28px;
	padding-left: 24px;
}

.about-content li {
	margin-bottom: 10px;
	line-height: 1.65;
}


/* =========================================================
   Planšetė
   ========================================================= */

@media (max-width: 900px) {

	.about-page {
		padding: 50px 24px 90px;
	}

	.about-content > p:first-child {
		margin-bottom: 42px;
	}

	.about-content h2 {
		margin-top: 64px;
	}

	.about-content h3 {
		margin-top: 64px;
	}

	.about-content p + h3 {
		margin-top: 80px;
	}
}


/* =========================================================
   Telefonas
   ========================================================= */

@media (max-width: 600px) {

	.about-page {
		padding: 40px 20px 72px;
	}

	.about-content > p:first-child {
		margin-bottom: 34px;
		font-size: 26px;
		line-height: 1.35;
	}

	.about-content p {
		font-size: 17px;
		line-height: 1.7;
	}

	.about-content h2 {
		margin-top: 52px;
		font-size: 28px;
	}

	.about-content h3 {
		margin: 54px 0 20px;
		font-size: 12px;
		letter-spacing: 0.13em;
	}

	.about-content p + h3 {
		margin-top: 68px;
	}

	.about-content .wp-block-image + h3 {
		margin-top: 56px;
	}

	.about-content .logo-gallery {
		width: 290px;
		height: 94px;
	}

	.about-content .logo-city {
		width: 260px;
		height: 86px;
	}
}