/* Joh Clothing v2: groep Druktechnieken (druktechnieken, dtf, transferdruk, borduren, zeefdruk).
 * Alleen wat 10-basis.css en 20-componenten.css niet dekken. Eigen klassen:
 * (joh-techniek-beeld is vervangen door de gedeelde modifier joh-beeld-vierkant in 20-componenten.css.)
 * joh-techniek-duo    (vc_row_inner, naast joh-raster joh-raster-2): de twee portfoliobeelden van borduren blijven op gsm naast elkaar.
 * joh-techniek-noot   (el_class van een tekstblok onder de lijst in de kaart "Goed om te weten"): nuance, met een lijntje erboven.
 * joh-techniek-tegel  (el_class naast joh-tegel-zonder-beeld, op zeefdruk): typografische tegel in plaats van een foto.
 * joh-techniek-schuifhint (el_class van een tekstblok boven de vergelijkingstabel): alleen op gsm, waar de tabel horizontaal scrolt.
 */

/* ---------- Portfolio borduren: twee beelden naast elkaar, ook op gsm ---------- */
@media only screen and (max-width: 690px) {
	body .main-content .joh-raster.joh-techniek-duo { --joh-kol: 2; }
	body .main-content .joh-tekst-beeld .joh-techniek-duo .img-with-aniamtion-wrap img { aspect-ratio: 4 / 5; }
}

/* ---------- Noot onder de lijst in de kaart "Goed om te weten" ---------- */
/* (de marge onder de lijst staat nu voor alle joh-proscons-kaarten op 0 in 20-componenten.css) */
body .main-content .joh-techniek-noot {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--joh-lijn);
	font-size: 15px;
	line-height: 1.6;
	color: var(--joh-tekst-zacht);
}

/* ---------- Zeefdruk: typografische tegel zonder foto ---------- */
/* geen link, dus geen pijlknop: de ruimte rechts voor de knop mag weg */
#ajax-content-wrap .joh-techniek-tegel .nectar-fancy-box[data-style="color_box_basic"] .inner { padding: 36px; }
#ajax-content-wrap .joh-techniek-tegel .nectar-fancy-box .inner p.joh-techniek-groot {
	font-family: var(--joh-kop);
	font-weight: 700;
	font-size: 88px;
	line-height: .95;
	letter-spacing: -.01em;
	color: #fff;
	margin: 0;
	padding: 0;
}
#ajax-content-wrap .joh-techniek-tegel .nectar-fancy-box .inner p.joh-techniek-groot + p { font-size: 17px; margin-top: 14px; }
@media only screen and (max-width: 999px) {
	#ajax-content-wrap .joh-techniek-tegel .nectar-fancy-box .inner p.joh-techniek-groot { font-size: 72px; }
}
@media only screen and (max-width: 690px) {
	#ajax-content-wrap .joh-techniek-tegel .nectar-fancy-box[data-style="color_box_basic"] .inner { padding: 24px; }
	#ajax-content-wrap .joh-techniek-tegel .nectar-fancy-box .inner p.joh-techniek-groot { font-size: 52px; }
	#ajax-content-wrap .joh-techniek-tegel .nectar-fancy-box .inner p.joh-techniek-groot + p { font-size: 15px; margin-top: 10px; }
}

/* ---------- Vergelijkingstabel: hint dat de tabel opzij scrolt, alleen op gsm ---------- */
body .main-content .joh-techniek-schuifhint { display: none; }
body .main-content .joh-techniek-schuifhint .joh-klein { margin-top: 0; }
@media only screen and (max-width: 690px) {
	body .main-content .joh-techniek-schuifhint { display: block; margin-bottom: 12px; }
}