/* Alleen geladen voor kivaschool.nl (taalId 1).
   Pluto gebruikt voorlopig de bestaande kopfont als terugval.
   Koppel het MyFonts-webfontpakket zodra dit beschikbaar is. */
.mainSite.site-nl {
	font-family: Calibri, "Segoe UI", Arial, sans-serif;
}

.mainSite.site-nl h1,
.mainSite.site-nl h2,
.mainSite.site-nl h3,
.mainSite.site-nl h4,
.mainSite.site-nl h5,
.mainSite.site-nl h6,
.mainSite.site-nl .subMenuHeader {
	font-family: Pluto, Comfortaa, sans-serif;
}

.mainSite.site-nl header#pageHeaderHero .headerTekst,
.mainSite.site-nl header#pageHeaderHeroSmall .headerTekst,
.mainSite.site-nl #middleHeader .handwriting {
	font-family: Pluto, danielbold, Comfortaa, sans-serif;
}

.mainSite.site-nl h1,
.mainSite.site-nl .subMenuHeader {
	font-weight: 700;
}

.mainSite.site-nl h2 {
	font-weight: 300;
}

.mainSite.site-nl h3,
.mainSite.site-nl h4,
.mainSite.site-nl h5,
.mainSite.site-nl h6 {
	font-weight: 400;
}

.mainSite.site-nl header#pageHeaderHero .headerTekst,
.mainSite.site-nl header#pageHeaderHeroSmall .headerTekst {
	font-weight: 800;
}

/* De vier gekleurde blokken staan buiten main en hadden nog 12.8px tekst. */
.mainSite.site-nl header#pageHeaderHero .headerUsp p {
	font-size: 18px;
	line-height: 1.4;
}

.mainSite.site-nl header#pageHeaderHero .headerUsp .glyphicon {
	font-size: 38.4px;
}

@media (min-width: 992px) {
	.mainSite.site-nl header#pageHeaderHero .headerTekst {
		margin-bottom: 160px;
	}
}

/* Leestekst: ook de moduleblokken die zelf nog 16px en 2.4em instellen. */
.mainSite.site-nl main,
.mainSite.site-nl main .mainTxt,
.mainSite.site-nl .subMenuTemplate,
.mainSite.site-nl .nieuwsItemText,
.mainSite.site-nl .homeNews article {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}

.mainSite.site-nl main p,
.mainSite.site-nl main blockquote,
.mainSite.site-nl .nieuwsItemText ul,
.mainSite.site-nl .nieuwsItemText ol {
	font-size: 18px;
	line-height: 1.6;
}

/* CMS-alinea's bevatten soms inline text-align:justify of center. */
.mainSite.site-nl main p,
.mainSite.site-nl main blockquote,
.mainSite.site-nl main h1,
.mainSite.site-nl main h2,
.mainSite.site-nl main h3,
.mainSite.site-nl main h4,
.mainSite.site-nl main h5,
.mainSite.site-nl main h6,
.mainSite.site-nl .nieuwsItemText li {
	text-align: left !important;
}

.mainSite.site-nl main h2 {
	font-size: 26px;
	font-weight: 400;
	line-height: 1.3;
}

.mainSite.site-nl main .centerPage {
	max-width: 75ch;
	text-align: left;
}

.mainSite.site-nl .subMenuTemplate p,
.mainSite.site-nl .nieuwsItemText p {
	max-width: 75ch;
}

/* Op de homepage is de introductie als h2 ingevoerd, maar het is leestekst. */
.mainSite.site-nl .homePage .centerPage h2 {
	font-family: Calibri, "Segoe UI", Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}

/* De knopkleuren blijven afkomstig uit de bestaande huisstijlregels. */
.mainSite.site-nl .cta {
	color: #fff !important;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
	max-width: 100%;
	white-space: normal;
}

.mainSite.site-nl .nieuwsItemText a:not(.cta),
.mainSite.site-nl .subMenuTemplate p a:not(.cta) {
	color: #005a8f;
	text-decoration: underline;
}

/* Rustige submenu-rijen met een afzonderlijke markering voor de huidige pagina. */
.mainSite.site-nl .subMenu a.subMenuHeader {
	font-size: 18px;
	line-height: 1.4;
	text-transform: none;
	margin-top: 20px;
	margin-bottom: 8px;
}

.mainSite.site-nl .subMenu a.subMenuHeader,
.mainSite.site-nl .subMenu ul.ul li a {
	padding: 10px 12px;
	min-height: 44px;
	border-left: 2px solid transparent;
	color: #333;
	background-color: transparent;
	text-decoration: none;
	hyphens: auto;
	overflow-wrap: anywhere;
	transition: color .15s ease;
}

.mainSite.site-nl .subMenu ul.ul {
	margin: 0;
	padding: 0;
}

.mainSite.site-nl .subMenu > ul.ul > li {
	margin-bottom: 4px;
}

.mainSite.site-nl .subMenu ul.ul li a {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.mainSite.site-nl .subMenu ul.ul li ul.ul {
	margin: 0 0 0 16px;
	padding-left: 0;
}

.mainSite.site-nl .subMenu a.subMenuHeader[aria-current="page"],
.mainSite.site-nl .subMenu ul.ul li a[aria-current="page"] {
	color: #025183;
	background-color: transparent;
	border-left-color: #00aeef;
	font-weight: 700;
	text-decoration: none;
}

.mainSite.site-nl .subMenu a.subMenuHeader:hover,
.mainSite.site-nl .subMenu ul.ul li a:hover,
.mainSite.site-nl .subMenu a.subMenuHeader:focus-visible,
.mainSite.site-nl .subMenu ul.ul li a:focus-visible {
	color: #025183;
	background-color: transparent;
	text-decoration: none;
}

.mainSite.site-nl .subMenu a.subMenuHeader:focus-visible,
.mainSite.site-nl .subMenu ul.ul li a:focus-visible {
	outline: 2px solid #025183;
	outline-offset: 2px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.mainSite.site-nl .subMenu a.subMenuHeader {
		font-size: 17px;
	}
}

/* Laat langere titels en samenvattingen meegroeien met de grotere tekst. */
.mainSite.site-nl .homePage .homeListItem .title {
	flex: 1;
	min-width: 0;
}

.mainSite.site-nl .homePage .homeListItem h1 {
	font-size: 18px;
	line-height: 1.4;
	min-width: 0;
	overflow-wrap: anywhere;
}

.mainSite.site-nl .homePage .homeListItem .date {
	line-height: 1.15;
	padding-top: 18px;
}

.mainSite.site-nl .homePage .homeListItem.hliGroen .date {
	color: #102b3f;
}

.mainSite.site-nl .homeNews article h1,
.mainSite.site-nl .homeNews article .tekst {
	height: auto;
}

.mainSite.site-nl .homeNews article a {
	text-align: left;
}

.mainSite.site-nl .mhUsp {
	color: #fff;
}

/* De blauwe tekstballonnen en footer behouden hun witte tekst. */
.mainSite.site-nl .refBaloon {
	color: #fff;
}

.mainSite.site-nl .mhUsp p {
	text-align: center !important;
}

.mainSite.site-nl footer .footerSitemap > ul > li {
	color: #fff;
	font-size: 16px;
	line-height: 1.6;
}

.mainSite.site-nl footer .footerSitemap li li,
.mainSite.site-nl footer .footerSitemap li p {
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
}

.mainSite.site-nl footer .copyright {
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
}

@media (max-width: 767px) {
	.mainSite.site-nl .homePage .homeListItem h1 {
		font-size: 16px;
	}

	/* Geef het uitgelichte nieuwsbericht op mobiel de volledige leesbreedte. */
	.mainSite.site-nl .homeNews .large article a {
		display: block;
	}

	.mainSite.site-nl .homeNews .large article a > div {
		width: auto;
	}

	.mainSite.site-nl .homeNews .large article a > .afbeelding {
		padding-top: 70%;
		margin: -15px -30px 15px -30px;
	}
}