/*Code and Explanation*/
/* Hides footer on page with ID 6 */
.page-id-6 .site-footer {
	display: none;
}

/* Centers content */
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

/* Hides author box and name below blog posts */
.author-box {
	display: none;
}

.author-name {
	display: none;
}

/* Hides title on specific pages */
.page-id-6 .page-title,
.page-id-9 .page-title {
	display: none;
}

/* ----------------- Menu and Header ----------------- */
/* Primary navigation menu styles */
.menu-primary-container {
	font-size: 14px;
	text-decoration: bold;
	text-transform: uppercase;
}

/* Header styling */
#masthead {
	background-color: rgba(255,255,255);
	height: 75px;
	border-radius: 5px;
	margin-top: 0;
}

/* Right padding for site navigation */
#site-navigation {
	padding-right: 20px;
}

/* Site branding (logo area) styling */
.site-branding {
	background-color: white;
	width: 100px;
}

/* ----------------- Links and Colors ----------------- */
/* Background color for certain sections */
#infinite-footer .container, 
#infinite-footer, 
body, 
.main-navigation ul ul li, 
.main-navigation ul ul, 
.featured-slider .slick-arrow, 
.shrink, 
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
.grid-wrapper #infinite-handle span button:hover {
	background-color: white;
}

/* Link color adjustments for specific pages */
a:link.page-id-9 {
	color: #FFEc00;
}

a:link.page-id-1678 {
	color: #FFEc00;
}

a:link.page-id-4678 {
	color: #FFFFFF;
}

a:link.page-id-5225 {
	color: #FFFFFF;
}

/* ----------------- Font and Typography ----------------- */
/* General font and text adjustments */
div, body, p {
	-moz-hyphens: none !important;
	-ms-hyphens: none !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
	font-size: 18px;
	line-height: 1.8 !important;
}

/* Font adjustments for paragraphs on specific pages */
.page-id-8 .site-content .entry-content p,
.page-id-420 .site-content .entry-content p,
.page-id-419 .site-content .entry-content p {
	font-size: 18px;
}

/* Disables hyphenation for headings */
h1, h2, h3, h4, h5, h6 {
	-moz-hyphens: none !important;
	-ms-hyphens: none !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}

/* Adjusts font sizes for headers */
h1 {
	font-size: 40px;
}

h2 {
	font-size: 30px;
}

h5 {
	font-size: 20px;
}

/* Navigation link font size */
div.nav-previous a, 
div.nav-next a, 
span.tags-links a {
	font-size: 15px;
}

/* Customizes the title appearance in blog posts */
.wpnbha .entry-title a {
	font-size: 20pt;
}

/* ----------------- Footer and Widget Customizations ----------------- */
/* Footer widget area styling */
.footer-widgets-2 {
	color: #000000;
	font-size: 20px;
}

/* Hides 'read more' link */
a.read-more {
	display: none;
}

/* Hides site info section in footer */
div.site-info {
	display: none;
}

/* ----------------- Images and Hover Effects ----------------- */
/* Adds yellow outline to images on hover (page 6) */
.page-id-6 img.wp-image-1098:hover,
.page-id-6 img.wp-image-1635:hover,
.page-id-6 img.wp-image-1101:hover,
.page-id-6 img.wp-image-1962:hover,
.page-id-6 img.wp-image-2612:hover,
.page-id-6 img.wp-image-1902:hover,
.page-id-6 img.wp-image-2101:hover {
	outline: 3px solid #FFEC00;
}

/* Customizes layout for carousel on page 6 */
.page-id-6 div.entry-wrapper a {
	font-size: 20px;
	color: #000000;
}

.page-id-6 div.entry-wrapper {
	background-color: #CFD0D1 !important;
}

.page-id-6 div.wp-block-newspack-blocks-carousel__placeholder {
	background-color: #CFD0D1 !important;
}

/* Adjusts padding for images on publications page */
.page-id-420 figure.post-thumbnail {
	padding: 0 10px 0 0;
}

/* Outlines images on team page */
.page-id-9 img {
	padding: 0 0 0 110px;
}

/* Adds yellow outline to images on team page */
.page-id-9 img.wp-image-2631 {
	outline: 3px solid #FFEC00;
}

/* ----------------- Tooltip Styles ----------------- */
/* Tooltip container styling */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
/* Dotted underline for the hoverable text */
}

/* Tooltip text styling */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: white;
	color: #000000;
	text-align: left;
	padding: 5px 0;
	padding-left: 10px;
	border-radius: 0;
	position: absolute;
	z-index: 1;
	width: 500px;
	top: 100%;
	left: 100%;
	margin-left: -90px;
}

/* Displays tooltip text when hovering over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
}

/* ----------------- Specific Page Customizations ----------------- */
/* Changes background color for specific pages */
.page-id-4678,
.page-id-5496,
.page-id-5563,
.page-id-6462 {
	background-color: #FFFFFF !important;
}

/* Applies gradient background to content sections on specific pages */
.page-id-4678 .group,  
.page-id-5496 .group, 
.page-id-5563 .group,
.page-id-6462 .group,
.page-id-6487 .group {
	background: linear-gradient(to right,
    #FFFFFF 0%,
    #FFFFFF 95%,
    #FFFFFF 5%,
    #FFFFFF 100%);
}

/* Container background color and width adjustments */
.page-id-4678 div.container, 
.page-id-5496 div.container, 
.page-id-5563 div.container,
.page-id-6462 div.container {
	background-color: #D06749 !important;
	width: 100%;
}

/* Padding and background color adjustments for content sections */
.page-id-4678 div#content.site-content, 
.page-id-5496 div#content.site-content, 
.page-id-5563 div#content.site-content,
.page-id-6462 div#content.site-content {
	padding-top: 0;
	background-color: #FFFFFF !important;
}

/* Ensures images are responsive on these pages */
.page-id-4678 img, 
.page-id-5225 img, 
.page-id-5496 img, 
.page-id-5563 img {
	width: 100%;
}

/* Verberg de uitgelichte afbeelding standaard op alle pagina's */
img.wp-post-image {
	display: none !important;
}

/* Toon de afbeelding wél op specifieke pagina's */
.page-id-420 img.wp-post-image,
.page-id-419 img.wp-post-image,
.page-id-5225 img.wp-post-image,
.page-id-6 img.wp-post-image,
.page-id-8 img.wp-post-image,
.page-id-7826 img.wp-post-image,
.page-id-35 img.wp-post-image {
	display: block !important;
}

/* Blokpost blok aanpassen op specifieke pagina*/
body.page-id-35 .wp-block-post-excerpt__more-link {
	color: #fff !important;
	font-weight: 700 !important;
}

body.page-id-35 .wp-block-post-excerpt__more-link:hover {
	color: #888 !important;
}

/* Breedte afbeelding homepage aanpassen*/
.home img {
	max-width: 93%;
/* Pas dit percentage aan naar wens */
	height: auto;
/* Houdt de verhoudingen correct */
}

/* Zet afbeeldinge homepage in het midden*/
.home img {
	display: block;
	margin: 0 auto;
}

Multivoiced archive
/* Zorg dat de header wit blijft */
.page-id-4668 header.site-header {
	background-color: #ffffff;
}

/* Op pagina 6620 MA: verberg alle tags */
.page-id-6620 a[href*="/tag/"] {
	display: none !important;
}

/* Toon alleen de gewenste tags */
.page-id-6620 a[href*="/tag/injustice"],
.page-id-6620 a[href*="/tag/recognition"],
.page-id-6620 a[href*="/tag/repair"],
.page-id-6620 a[href*="/tag/multivoicedness"] {
	display: inline-block !important;
}

/* Hover tekst markering geel*/
.hover-highlight {
	transition: background-color .3s ease, color .3s ease;
	background-color: transparent;
	color: inherit;
	cursor: pointer;
}

.hover-highlight:hover {
	background-color: #f7e31d;
/* geel highlight */
	color: black;
}

/*over underline*/
.hover-underline {
	text-decoration: none;
	transition: text-decoration .2s ease;
	cursor: pointer;
}

.hover-underline:hover {
	text-decoration: underline;
	text-decoration-color: #000000;
/* roze kleur, pas aan naar wens */
}

.single-post .site-content {
	max-width: 1300px;
/* pas aan naar wens */
	margin: 0 auto;
	padding: 0 20px;
}

.single-post h1.entry-title {
	margin-bottom: 0;
/* verklein indien nodig */
}

.single-post .entry-header {
	margin-bottom: 0 !important;
}

.special-knop a {
	font-weight: bold;
	color: #000000;
	padding: 6px 12px;
	border-radius: 4px;
}

.special-knop a:hover {
	background-color: #dddddd;
}

.site-header img.custom-logo {
	margin-top: -20px;
}

.site-header {
	min-height: 70px;
/* vergroot de header */
	display: flex;
	align-items: center;
/* centreert logo en menu verticaal */
}

.site-header .site-logo {
	margin: 0;
/* verwijdert extra marge die het logo naar beneden duwt */
}

/* -----------------------------
   Verwijder extra ruimte boven header
   op alle Posts-pagina's (berichtenpagina)
------------------------------ */
.blog .site-inner,
.blog .entry-header {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* -----------------------------
   Eventueel extra spacing header op Posts-pagina
------------------------------ */
.blog .site-header {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* -----------------------------
   Responsive voor mobiel
------------------------------ */
@media (max-width: 768px) {
}
	
.single-post .entry-footer {
	display: none !important;
}