/**
 * Zajednička tipografija hero sekcija na podstranicama (referentni Divi sajt).
 */

.pp-about-hero__title,
.pp-contact-hero__title,
.pp-workshops-hero__title,
.pp-tip-schools-hero__title,
.pp-tip-parents-hero__title,
.pp-pd-schools-hero__title,
.pp-school-programs-hero__title,
.pp-pd-parents-hero__title,
.pp-grupe-podrske-hero__title,
.pp-podkast-hero__title,
.pp-individualna-obuka-hero__title {
	margin: 0 0 0.35em;
	font-family: var(--pp-font-heading);
	font-size: 50px;
	font-weight: 500;
	line-height: 1.1em;
	color: #fff;
	text-align: center;
	text-shadow: 0.08em 0.08em 0.08em rgba(0, 0, 0, 0.3);
}

/* Podnaslov ispod h1 — Source Sans Pro 400 italic, 24px / 29px, belo */
.pp-about-hero__subtitle,
.pp-contact-hero__subtitle,
.pp-workshops-hero__subtitle,
.pp-tip-schools-hero__subtitle,
.pp-tip-parents-hero__subtitle,
.pp-pd-schools-hero__subtitle,
.pp-school-programs-hero__subtitle,
.pp-pd-parents-hero__subtitle,
.pp-grupe-podrske-hero__subtitle,
.pp-podkast-hero__subtitle,
.pp-individualna-obuka-hero__subtitle,
.pp-online-konsultacije-hero__subtitle {
	margin: 0 auto;
	font-family: var(--pp-font-body);
	font-size: 24px;
	font-weight: 400;
	font-style: italic;
	line-height: 29px;
	color: rgb(255, 255, 255);
	text-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.4);
}

.pp-tip-parents-hero__subtitle em,
.pp-tip-parents-hero__subtitle .pp-tip-parents-hero__cite {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	color: inherit;
}

/* Kontakt — jedan red na širokim ekranima */
@media (min-width: 981px) {
	.pp-contact-hero__subtitle {
		white-space: nowrap;
	}
}

/* TIP roditelji — podnaslov u jednom redu (naslov u tip-parents.css) */
@media (min-width: 981px) {
	.pp-tip-parents-hero__subtitle {
		white-space: nowrap;
	}
}

@media (max-width: 980px) {
	.pp-about-hero__title,
	.pp-contact-hero__title,
	.pp-workshops-hero__title,
	.pp-tip-schools-hero__title,
	.pp-tip-parents-hero__title,
	.pp-pd-schools-hero__title,
	.pp-school-programs-hero__title,
	.pp-pd-parents-hero__title,
	.pp-grupe-podrske-hero__title,
	.pp-podkast-hero__title,
	.pp-individualna-obuka-hero__title {
		font-size: 40px;
	}

	.pp-about-hero__subtitle,
	.pp-contact-hero__subtitle,
	.pp-workshops-hero__subtitle,
	.pp-tip-schools-hero__subtitle,
	.pp-tip-parents-hero__subtitle,
	.pp-pd-schools-hero__subtitle,
	.pp-school-programs-hero__subtitle,
	.pp-pd-parents-hero__subtitle,
	.pp-grupe-podrske-hero__subtitle,
	.pp-podkast-hero__subtitle,
	.pp-individualna-obuka-hero__subtitle,
	.pp-online-konsultacije-hero__subtitle {
		font-size: 20px;
		line-height: 26px;
		white-space: normal;
	}
}

@media (max-width: 767px) {
	.pp-about-hero__title,
	.pp-contact-hero__title,
	.pp-workshops-hero__title,
	.pp-tip-schools-hero__title,
	.pp-tip-parents-hero__title,
	.pp-pd-schools-hero__title,
	.pp-school-programs-hero__title,
	.pp-pd-parents-hero__title,
	.pp-grupe-podrske-hero__title,
	.pp-podkast-hero__title,
	.pp-individualna-obuka-hero__title {
		font-size: 36px;
	}

	.pp-about-hero__subtitle,
	.pp-contact-hero__subtitle,
	.pp-workshops-hero__subtitle,
	.pp-tip-schools-hero__subtitle,
	.pp-tip-parents-hero__subtitle,
	.pp-pd-schools-hero__subtitle,
	.pp-school-programs-hero__subtitle,
	.pp-pd-parents-hero__subtitle,
	.pp-grupe-podrske-hero__subtitle,
	.pp-podkast-hero__subtitle,
	.pp-individualna-obuka-hero__subtitle,
	.pp-online-konsultacije-hero__subtitle {
		font-size: 18px;
		line-height: 24px;
	}
}