/**
 * Nexus Games, correcties op het thema.
 *
 * Bigtech plakt op twee plekken een witte PNG van 39 pixels hoog die een
 * gescheurde papierrand moet voorstellen. Dat werkt op de lichte
 * demopagina's van het thema, maar hier is alles donker en snijdt die
 * strook dwars door de pagina.
 *
 * Er is geen instelling voor in het thema, het zit vast in de CSS. En
 * omkleuren helpt niet: welke kleur je ook kiest, hij botst met de
 * gekleurde banner erachter.
 *
 * Dit bestand laadt op elke pagina van de site. Wil je het niet, zet dan
 * het filter nxg_theme_fixes op false.
 */

.breadcrumb-bg::before,
.breadcrumb-area::before,
.breadcrumb-area::after,
.footer-area-three .footer-top-wrap::before,
.footer-top-wrap::before {
	display: none;
}

/* De kop van het thema laat een lichte rand achter op een donkere
   pagina. */
.menu-area {
	border-bottom-color: rgba( 164, 180, 195, .12 );
}

/* De vervangen kruimel op een detailpagina. */
.nxg-kruimel__pijl {
	display: inline-block;
	margin: 0 .5rem;
	opacity: .55;
}

/* ------------------------------------- de ruimte onder een pagina */

/* Het thema zet 130 pixels onder de inhoud met de hulpklasse pb-130, en
   de voettekst begint daarna met nog eens 120 pixels. Die 120 waren er
   om plaats te maken voor de gescheurde rand die we hierboven weghalen,
   dus die ruimte staat nu leeg.
   
   Samen met de ruimte die onze eigen blokken al meebrengen wordt dat een
   gat van een halve schermhoogte. */
.tg-page-area.pb-130,
.page-area.pb-120 {
	padding-bottom: 40px;
}

.tg-page-area.pt-130,
.page-area.pt-120 {
	padding-top: 40px;
}

.footer-area-three .footer-top-wrap {
	padding-top: 56px;
}

/* Op een telefoon mag het nog krapper: daar telt elke schermhoogte. */
@media (max-width: 767px) {
	.tg-page-area.pb-130,
	.page-area.pb-120 {
		padding-bottom: 24px;
	}

	.tg-page-area.pt-130,
	.page-area.pt-120 {
		padding-top: 24px;
	}

	.footer-area-three .footer-top-wrap {
		padding-top: 40px;
	}
}

/* ------------------------------------------ de banner boven een pagina */

/* Het thema zet 235 pixels boven en 150 onder de titel. Dat was bedoeld
   voor een grote foto met tekst erop; hier staat er alleen een titel en
   een kruimel in, en dan is het vooral leegte.
   
   De 235 bovenaan waren nodig omdat de menubalk over de banner heen valt.
   Die ruimte moet dus blijven, alleen minder ruim: genoeg om het menu
   vrij te laten en de titel gecentreerd te houden. */
.breadcrumb-bg {
	padding: 150px 0 60px;
}

.breadcrumb-content .title {
	margin-bottom: 14px;
	font-size: 46px;
}

@media (max-width: 991px) {
	.breadcrumb-bg {
		padding: 120px 0 44px;
	}

	.breadcrumb-content .title {
		font-size: 34px;
	}
}

@media (max-width: 575px) {
	.breadcrumb-bg {
		padding: 105px 0 36px;
	}

	.breadcrumb-content .title {
		font-size: 28px;
	}
}

/* De kruimel eronder wat rustiger. */
.breadcrumb-content .breadcrumb {
	margin-bottom: 0;
	font-size: 13px;
	letter-spacing: .08em;
	opacity: .8;
}

/* Op de startpagina hoort er geen banner: die heeft zijn eigen kop met
   de openingsstatus, de titel en de knoppen. */
.home .breadcrumb-area,
.nxg-donkere-pagina.home .breadcrumb-area {
	display: none;
}