/**
 * 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 / 36px, belo */
body #page-container #et-main-area main p[class*="hero__subtitle"],
body #page-container #et-main-area .pp-about-hero__subtitle,
body #page-container #et-main-area .pp-contact-hero__subtitle,
body #page-container #et-main-area .pp-workshops-hero__subtitle,
body #page-container #et-main-area .pp-tip-schools-hero__subtitle,
body #page-container #et-main-area .pp-tip-parents-hero__subtitle,
body #page-container #et-main-area .pp-pd-schools-hero__subtitle,
body #page-container #et-main-area .pp-school-programs-hero__subtitle,
body #page-container #et-main-area .pp-pd-parents-hero__subtitle,
body #page-container #et-main-area .pp-grupe-podrske-hero__subtitle,
body #page-container #et-main-area .pp-podkast-hero__subtitle,
body #page-container #et-main-area .pp-individualna-obuka-hero__subtitle,
body #page-container #et-main-area .pp-online-konsultacije-hero__subtitle {
	position: relative;
	z-index: 2;
	margin: 0.35em auto 0;
	font-family: var(--pp-font-body) !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	font-style: italic !important;
	line-height: 36px !important;
	color: rgb(255, 255, 255) !important;
	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;
	}

	body #page-container #et-main-area main p[class*="hero__subtitle"] {
		font-size: 20px !important;
		line-height: 30px !important;
		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;
	}

	body #page-container #et-main-area main p[class*="hero__subtitle"] {
		font-size: 18px !important;
		line-height: 27px !important;
	}
}