/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 05 2023 | 11:09:41 */
/*
Theme Name:   Responsive Child
Theme URI:    https://taaladvies.wordpress.ivdnt.org/
Description:  Responsive Child Theme
Author:       INT
Author URI:   https://taaladvies.wordpress.ivdnt.org/
Template:     responsive
Version:      1.1.0
Tags:         woorden, taal, spraak, spelling, grammatica, terminologie, neologismen, woordenboeken, oudnederlands, vroegmiddelnederlands, middelnederlands, hedendaags Nederlands
Text Domain:  responsive-child
*/

/* 
	BLA
	css alleen voor (static) pages: .page-template-default
	css alleen voor posts: .post-template-default of single-post
*/

/* kleuren volgens 'triadic harmony', uitgaand van blauw:

blauw:			#008ae6
geel:	 		#e6c400
rozerood:		#e60045
donkerblauw:	#10659C
woordenlijst-blauw: #182b49;
woordenlijst-turquoise: #00b0ca;
donkeroranje:	#FF5733
donkerder turquoise:	#1fa6bb;

https://www.sessions.edu/color-calculator/
*/

/******************** lettertypes en kleuren **************************************/

@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400&display=swap");
/*@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap");

@font-face {
  font-family: KievitSlab;
  src: url(/wp-content/themes/responsive-child/fonts/KievitOT-Book/KievitSlabOT.otf);
}
@font-face {
  font-family: Kievit;
  src: url(/wp-content/themes/responsive-child/fonts/KievitOT-Book/KievitOT-Regular.otf);
}
*/

@font-face {
  font-family: Kievit;
  src: url("/wp-content/themes/responsive-child/fonts/KievitWeb/KievitWeb.eot");
  src: url("/wp-content/themes/responsive-child/fonts/KievitWeb/KievitWeb.eot?#iefix") format("embedded-opentype"),
    url("/wp-content/themes/responsive-child/fonts/KievitWeb/KievitWeb.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: KievitSlab;
  src: url("/wp-content/themes/responsive-child/fonts/KievitWeb/KievitSlabWeb.eot");
  src: url("/wp-content/themes/responsive-child/fonts/KievitWeb/KievitSlabWeb.eot?#iefix") format("embedded-opentype"),
      url("/wp-content/themes/responsive-child/fonts/KievitWeb/KievitSlabWeb.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* zorgt ervoor dat bij < 315 niet alles onleesbaar wordt */
.site{
	min-width: 315px !important;
}

/* Altijd '[style]' gebruiken om het door het theme gebruikte font te overschrijven */
/* (het theme genereert een inline style) */
body[style], html, #taaladvies-artikel {
  /*font-family: 'Kievit', Arial, Sans-serif!important;*/
  color: #182b49 !important;
  font-size: 15px !important;	/* was 18px */
}
body p,
a.wpp-post-title {
  /*font-family: 'Kievit', Arial, Sans-serif!important;*/
  font-size:15px;	/* was 18px */
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

.entry-content[style] a {
  /*font-family: 'Kievit', Arial, Sans-serif!important;*/
  font-size:15px;	/* was 18px */
}

body a {
  /*color: #1fa6bb !important;*/
  color: #182b49 !important;
  /*color: #00b0ca !important;*/
  font-size:15px;	/* was 18px */
}

body ul{
  font-size: 15px;
}


/* page: statische pagina's */
body .page h1 {
  font-size: 32px !important;
  line-height: 1.25;
  margin-bottom: 14px;
}

body .page h3,
body .post h2 {
  font-size: 24px !important;
}

h3{
	margin-top: 20px !important;
	margin-bottom: 0px !important;
}

h2, h2 > a, .entry-content h2 a{
  margin-bottom: 5px !important;
  font-size: 24px !important;
  color: #182b49 !important;
}

h2 + p {
  margin-top: 0px;
}


h1,h2,h3,h4 {
  font-family: 'KievitSlab',  'Roboto Slab', serif !important;
  font-weight: 500 !important;
  /*color: #1fa6bb !important;*/ /* lichtblauw */
  /*color: #00afca !important;*/ /* turquoise van logo */
  color: #182b49 !important; /* donkerblauw van menubalk */
}

/* 'top' bij tussenkopjes algemeen */
h3 a.top{
	font-size: 13px !important;
	margin-left: 5px;
}
h3 a.top:before{
	content: "[";
}

h3 a.top:after{
	content: "]";
}

/* het Kievit-font van de koppen ziet er niet mooi uit bij speciale tekens. Deze krijgen speciale markering en font */
.h3_specialchar{
	font-family: serif;
}


.fa-external-link-alt {
  /*color: #1fa6bb !important;*/
  color: #00afca !important;
}
/************ aanpassingen aan de header **********************/
/* verwijder dikke blauwe balk met post-titel */

.site-header-layout-horizontal .site-header .row {
  flex-wrap: wrap !important; /* zet de nav-balk ONDER het logo ipv ernaast */
}

/* kleur van header-balk: blauw */
/* de nav-balk-achtergrond moet over de hele breedte lopen, dus we doen een negatieve box-shadow hiervoor */
.site-header {
  /*background-color: #008ae6 !important;*/
  /*background-image: linear-gradient(315deg, #10659C 0%, #008ae6 74%) !important;*/
  -moz-box-shadow: inset 0 -40px 0px 0px #182b49;
  -webkit-box-shadow: inset 0 -40px 0px 0px #182b49;
  box-shadow: inset 0 -40px 0px 0px #182b49;
}

/* met witte tekst */
.main-navigation-wrapper ul li.menu-item a {
  font-family: 'KievitSlab',  'Roboto Slab', serif !important;
  color: white !important;
  /*font-weight:600;*/
  font-size: 16px;
}

.site-title{
	display: none !important;
}

.site-title a,
.site-title-tagline .site-description {
  color: black !important;
}

.site-branding-wrapper {
  padding: 20px 0px 10px 0px !important;
}

/* hide custom logo boven de blauwe balk en de titel in tekst*/
body > a.custom-logo-link,
.site-title a {
  display: none;
}

/* custom logo in de header iets groter */
img.custom-logo {
  /*max-width: none;*/
  max-width: 540px;
}

.site-title-tagline .site-description {
  font-size: 20px !important;
  /* font-family: "Open Sans", arial; */
  font-family: 'KievitSlab', Arial, Sans-serif !important;
  margin-left: 118px;	/* uitgelijnd met 'taaladvies.net' in logo */
  margin-bottom: 10px !important;
  margin-top: 0px !important;
}

.site-header-layout-horizontal .site-branding {
  min-width: unset !important; /* was: 20%. let op of dit geen problemen oplevert bij kleinere schermen ed */
}

.site-header-layout-horizontal.site-header-site-branding-main-navigation
  .main-navigation:not(.toggled)
  .menu {
  float: left !important;
}

/************************************* responsiveness: logo en tagline, witruimte om header heen, lettergroottes ************************************/
.site-mobile-header-layout-horizontal .site-branding{
	max-width: unset !important;
}

/* positie hamburger-icoon */
.main-navigation .menu-toggle{
	top: 34px !important;			
}

.main-navigation .menu-toggle i{
	font-size: 28px;	/* hamburger-icoon */
}

@media all and (min-width: 1140px){
	.post-title{
		margin-top: 28px !important;
	}
	
	.logo-footer-wrapper{
		width: 13% !important;
	}
	
	/* positie zoekbalk */
	.header-widgets .header-widgets-wrapper > .widget{
		margin-top: 20px !important;
	}

	.site-content{
		padding: 0px 0px 28px 0px !important;
	}
	
	#wrapper .row {
		padding: 20px 0px 20px 0px;
	}
	
	/* geen zoekresultaten */
	.entry-column.no-posts{
		margin-bottom: -40px !important;
	}
	
	.customsearchhitslabel {
		margin-top: -20px;
	}
}

@media all and (min-width: 766px) and (max-width: 990px){
	article.page{
		margin-bottom: 28px !important;
	}
	
	.main-sidebar {
		margin-top: 28px;
	}	
}

/* zodra de content de hele breedte beslaat tonen we ook het grijze balkje onder de header niet meer */
@media all and (max-width: 1140px){
	.header-widgets{
		margin-top: 0px !important;
	}
	
	/* positie zoekbalk */
	.header-widgets .header-widgets-wrapper > .widget{
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	
	.post-title{
		margin-top: 28px !important;
	}
	
	.logo-footer-wrapper{
		width: 15% !important;
	}
	
	/*.customsearchhitslabel {
		margin-top: -20px;
	}*/
	
	.site-content{
		padding: 0px 0px 0px 0px !important;
	}
	
	.page #wrapper .row {
		padding: 20px 0px 40px 0px;
	}
	
	#wrapper .row:not(#main-blog) {
		padding-bottom: 40px !important;
	}

	/* geen zoekresultaten */
	.entry-column.no-posts{
		margin-bottom: -40px !important;
	}

}

/* minder wit onder header en bij zoekbalk */
@media all and (max-width: 766px){
	.header-widgets .header-widgets-wrapper{
		padding: 0px !important;
	}
	
	/* logo iets groter */
	.logo-footer-wrapper{
		width: 17% !important;
	}
	
	/* positie zoekbalk */
	.header-widgets .header-widgets-wrapper > .widget{
		margin-top: 20px !important;
	}
	
	/* bij de zoekresultaten zijn er 2 rows */
	#wrapper .row:not(#main-blog) {
		padding: 20px 0px 40px 0px;
	}
	
	article{
		margin-bottom: 0px !important;
	}

	/* geen zoekresultaten */
	/*.entry-column.no-posts{
		margin-bottom: -40px !important;
	}
	*/

	
}

@media all and (min-width: 520px) and (max-width: 600px){
	.custom-logo{
		width: 450px;
	}
	
	.site-title-tagline .site-description{
		font-size: 18px !important;
		margin-left: 100px;
	}
	
	/* positie hamburger-icoon */
	.main-navigation .menu-toggle{
		top: 28px !important;			
	}
	
	.logo-footer-wrapper{
		width: 17% !important;
	}

	/* geen zoekresultaten */
	.entry-column.no-posts{
		margin-bottom: -40px !important;
	}

}

@media all and (min-width: 420px) and (max-width: 520px){
	.custom-logo{
		width: 350px;
	}
	
	.site-title-tagline .site-description{
		font-size: 16px !important;
		margin-left: 75px;
	}
	
	.site-navigation{
		height: 30px !important;
	}
	
	.menu.nav-menu{
		margin-top: -10px !important;
	}
	
	.main-navigation .menu-toggle i{
		font-size: 20px;	/* hamburger-icoon */
	}

	/* positie hamburger-icoon */
	.main-navigation .menu-toggle{
		top: 20px !important;			
	}

	.post{
		padding: 0px 20px !important;
	}
	
	.page{
		padding: 0px !important;
	}
	
	article.page{
		padding: 15px !important;
	}
	
	/* nuttige links en veelbekeken adviezen */
	.widget-wrapper{
		padding: 30px 20px !important;
	}
	
	.logo-footer-wrapper{
		width: 17% !important;
	}

	/* geen zoekresultaten */
	.entry-column.no-posts{
		margin-bottom: -40px !important;
	}
}

@media all and (min-width: 370px) and (max-width: 420px){
	.custom-logo{
		width: 300px;
	}
	
	.site-title-tagline .site-description{
		font-size: 14px !important;
		margin-left: 64px;
	}
	
	.main-navigation .menu-toggle i{
		font-size: 20px;	/* hamburger-icoon */
	}
	
	/* positie hamburger-icoon */
	.main-navigation .menu-toggle{
		top: 17px !important;			
	}
	
	.post{
		padding: 0px 20px !important;
	}
	
	.page{
		padding: 0px !important;
	}

	article.page{
		padding: 15px !important;
	}

	
	/* nuttige links en veelbekeken adviezen */
	.widget-wrapper{
		padding: 30px 20px !important;
	}
	
	.logo-footer-wrapper{
		width: 40% !important;
	}
	
	/* geen zoekresultaten */
	.entry-column.no-posts{
		margin-bottom: -40px !important;
	}
}

@media all and (min-width: 360px) and (max-width: 370px){
	.custom-logo{
		width: 290px;
	}
	
	.site-title-tagline .site-description{
		font-size: 12px !important;
		margin-left: 63px;
	}
	
	.main-navigation .menu-toggle i{
		font-size: 20px;	/* hamburger-icoon */
	}
	
	/* positie hamburger-icoon */
	.main-navigation .menu-toggle{
		top: 13px !important;			
	}
	
	.site-branding-wrapper {
		padding-bottom: 0px !important;
	}

	/* verwijder padding en border rondom content */
	.content-area{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
		
	.post{
		border-color: white !important;
		padding: 0px 15px !important;
	}

	.page {
		border-color: white !important;
		padding: 0px !important;
	}
	
	.page #wrapper .row{
		padding: 20px 15px 40px 15px !important;
	}

	/* nuttige links en veelbekeken adviezen */
	.widget-wrapper{
		border-color: white !important;
		padding: 0px !important;
	}
	
	.widget-wrapper.popular-posts{
		border-bottom: 1px solid #00afca !important;
		padding-bottom: 20px !important;
		margin-bottom: 20px !important;
	}
	
	.widget-wrapper.widget_custom_html{
		margin-top: 0px;
	}
	
	.post-title {
		margin-top: 0px !important;
	}
	
	aside{
		border-top: 1px solid #00afca !important;
		margin: 15px !important;
		padding: 20px 0px 0px 0px !important;
	}

	.logo-footer-wrapper{
		width: 40% !important;
	}
	
	/* zoekresultaten */
	.customsearchhitslabel{
		border: 0px !important;
		padding: 0px 15px !important;
		margin-bottom: -25px !important;
	}
	
	/* pagination */
	nav.pagination{
		padding-top: 0px !important;
	}

	.entry-column.no-posts{
		border: 0px !important;
		margin-bottom: -40px !important;
	}
}

@media all and (max-width: 360px){
	.custom-logo{
		width: 250px;
	}
	
	.site-title-tagline .site-description{
		font-size: 12px !important;
		margin-left: 36px;
	}
	
	.main-navigation .menu-toggle i{
		font-size: 20px;	/* hamburger-icoon */
	}
	
	/* positie hamburger-icoon */
	.main-navigation .menu-toggle{
		top: 13px !important;			
	}
	
	.site-branding-wrapper {
		padding-bottom: 0px !important;
	}

	/* verwijder padding en border rondom content */	
	.content-area{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.post{
		border-color: white !important;
		padding: 0px 15px !important;
	}
	
	.page {
		border-color: white !important;
		padding: 0px !important;
	}
	
	.page #wrapper .row{
		padding: 20px 15px 40px 15px !important;
	}
	
	.widget-wrapper{
		border-color: white !important;
		padding: 0px !important;
	}
	
	.widget-wrapper.popular-posts{
		border-bottom: 1px solid #00afca !important;
		padding-bottom: 20px !important;
		margin-bottom: 20px !important;
	}
	
	.widget-wrapper.widget_custom_html{
		margin-top: 0px;
	}


	.post aside{
		border-top: 1px solid #00afca !important;
		margin: 15px !important;
		padding: 20px 0px 0px 0px !important;
	}
	
	.page aside{
		border-top: 1px solid #00afca !important;
		margin: 15px 0px !important;
		padding: 20px 0px 0px 0px !important;
	}
	
	.post-title {
		margin-top: 0px !important;
	}

	.logo-footer-wrapper{
		width: 40% !important;
	}
	
	/* zoekresultaten */
	.customsearchhitslabel, .entry-column.no-posts{
		border: 0px !important;
		padding: 0px 15px !important;
		margin-bottom: -25px !important;
	}
	
	/* pagination */
	nav.pagination{
		padding-top: 0px !important;
	}
	
	.entry-column.no-posts{
		border: 0px !important;	
		margin-bottom: -40px !important;
	}
}

/* einde responsiveness logo, tagline, nav */




#site-navigation {
  /*font-size: 20px;*/
  /*margin-top: 103px;*/
  background-color: #182b49;
  height: 40px;
  font-size: 14px !important;
  z-index: 100;	/* komt bij kleine schermen over de zoekbalk heen */
  padding-left: 0px;
  padding-right: 0px;
}

/* geef achtergrond als pulldown menu bij kleine schermen */
.main-navigation.toggled .menu{
	background-color: #182b49;
	box-shadow: 0px 8px 15px #444;
}

/* nav toggle */
.main-navigation .menu-toggle i {
    color: #182b49 !important;
}



#site-navigation a {
  /*	padding-top: 0px;
	padding-bottom: 0px;*/
  /*font-size: 1.125rem;
	line-height: 1.6875rem;*/
  /* padding: 0.3125em 0.625em 0.3em; */
  line-height: 2rem;
}

.main-navigation .menu > li {
  margin-left: 0px !important;
}

.main-navigation a {
  /*  padding: 8px 14px !important;omdat anders de hover over de balk komt */
  padding: 4px 14px!important;
}

/*hover */
.main-navigation .menu li > a:hover {
  /*text-decoration: underline;*/
  /*background-color: #008ae6 !important;*/
  /*background-color: #00b0ca !important;*/
  background-color: #ff5733 !important;
}

/* current item in menu: 'current-menu-item' moet erbij omdat vreemd genoeg anders 'Termen' niet werkt */
.main-navigation .menu .current_page_item > a,  .main-navigation .menu .current-menu-item > a{
  /*background-color: #182b49; !important;*/
  /*background-color: #00b0ca !important;*/
  background-color: #ff5733 !important;
}
/* titel */
.site-title a {
  font-size: 80px;
}

.site-title-tagline .site-description {
  font-size: 25px;
}

/* de padding van de main content moet iets omhoog om een grijze streep te voorkomen
	door het zoekveld. zie verder 'header-widgets' verderop */

.site-content {
 /* padding: 0px 0px 28px 0px !important;*/ /* verhuisd naar responsive-deel */
}

/* main */


/* opmerking bovenaan de main */
.main-remark-container{
	padding: 0px !important;
}

span.main-remark{
	line-height: 140%;
}

/* categorie-lijst-main: de lijstjes op de overzichtspagina */
ul.categorie-lijst-main,
ul.categorie-lijst,
ul.post-lijst, ul.post-lijst-algemeen {
	list-style-type: none;
	border-top: 1px solid #00afca;
}

ul.categorie-lijst,
ul.post-lijst, ul.post-lijst-algemeen {
	margin: 30px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
}

ul.categorie-lijst-main{
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

ul.categorie-lijst-main,
ul.categorie-lijst,
ul.post-lijst,
ul.post-lijst-algemeen,
ul.wpp-list,
.widget_custom_html ul{	/* nuttige links */
	line-height: 150%; /* verkleint de standaard regelafstand wat */
}

ul.wpp-list li{
	border-top: 0px !important;
}

ul.categorie-lijst-main li,
ul.categorie-lijst li {
  margin: 0px;
  padding: 0px;
}


/* Accessibility icon in de header */
a.pojo-a11y-toolbar-link {
  color:#000000!important;
}
a.pojo-a11y-toolbar-link:hover {
  text-decoration: underline;
}

/************ breadcrumbs *********/
/** breadcrumbs zijn custom, hard toegevoegd aan de statische pagina's **/
/* de default breadcrumbs staan daarom op onzichtbaar */

/* 
	links uitlijnen
*/

.site-content-header {
  display: none;
  text-align: unset !important;
  padding: 34px 30px !important; /* voor uitlijning met zoekbox er rechts van */
}

.breadcrumbs .bc-sep {
  margin: 0px 5px;
}

/* 
	Toon niet de huidige pagina
	NB dit werkt alleen als er rond de separator ook een span staat, bv <span class="bc-sep">></span>
	Uitgezet: dit is wel handig op de statische pagina's met categorie-overzichten, in plaats van een titel
	
.breadcrumbs .breadcrumb > span:nth-last-child(1), .breadcrumbs .breadcrumb > span:nth-last-child(2){
	display: none;
}
*/
/* de custom bc wordt hetzelfde als die in de posts */

.custom-bc .custom-bc-sep {
  /*margin: 0px 2px;
	display: none;*/
}

/* de zoekwidget over de hele breedte */
.header-widgets .header-widgets-wrapper > .widget{
	width: 500px !important;
	/*margin-top: 20px !important;*/ /* naar responsive-deel */
}

.header-widgets{
	background-color: #eaeaea !important; /* grijs */
	margin-top: 20px;
	border-bottom: 0px !important;
}

.header-widgets .container{
	background-color: white !important;
}

.header-widgets .header-widgets-wrapper{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/* search form */
input[type="search"] {
  padding: 3px 70px 3px 10px !important;	 /* 70px zodat we niet over de overhangende knop gaan */
  /*width: 75%;*/ /* voor het zoekveld rechts */
  /*border-color: #182b49 !important;*/
  border-color: #bbb !important;*/
  font-size: 15px !important;
  font-family: inherit !important;
  position: relative;	/* om de zoek-knop goed te kunnen positioneren */
  float: left;			/* om de zoek-knop goed te kunnen positioneren */
}

/* search submit button */
input#searchsubmit {
  /*padding: 4px 10px 1px 10px !important;*/
  border-width: 1px;
  background-color: #ff5733 !important;
  border-color: #ff5733 !important;
  position: relative;	/* om de zoek-knop goed te kunnen positioneren */
  float: right;			/* om de zoek-knop goed te kunnen positioneren */
  margin-left: -80px;	/* om de zoek-knop goed te kunnen positioneren */
  padding-top: 11px !important;
  font-size: 13px !important;
  -webkit-appearance: none;	/* voorkomt standaard safari/iOS-button */
  margin-right: 0px;
}

input#searchsubmit:hover {
  background-color: #e6c400 !important;
  border-color: #e6c400 !important;
}

/************ aanpassingen aan de posts **********************/

/* de titel laten we iets zakken, zo ook rechtgetrokken met 'termen' */
/*.hentry .post-entry > :first-child{*/
.post-title{
	/*margin-top: 28px !important;*/	/* verplaatst naar responsive deel */
}

/* de achtergrond van de tekst-container is wit, zodat er geen ruimte tussen de afzonderlijke blokken links en rechts zit */
#wrapper .row {
  background: white;
  /*padding: 40px 0px;*/
  /*padding: 20px 0px 40px 0px;*/ /* verhuisd naar responsive-deel */
}

/* container van alle statische pagina's*/
.wp-block-ugb-container {
  margin-top: 0px;
}

.ugb-container__wrapper {
  padding: 0px !important;
  box-shadow: unset !important;
  border-radius: 0px !important;
}

.hentry {
  margin-top: 0px !important;
}

#taaladvies-artikel {
  margin-top: 30px;
  border-top: 1px solid #00afca;
  padding-top: 30px;
}

/*
h1.entry-title.below-breadcrumbs  + :not(#taaladvies-artikel){
 margin-top: 30px;
  border-top: 1px solid #00afca;
  padding-top: 30px;
}
*/

/* h3-headers van blokken */
.ugb-block-content h3,
.ugb-block-content h3 a,
.entry-content h3 span,
.entry-content h3 a {
  /*font-size: 30px;
  font-variant: small-caps;
  text-transform: lowercase;*/
  font-size: 22px;
  margin-top: 50px;
  color: #182b49;
}
.ugb-block-content h3 a,
.entry-content h3 a,
.entry-content h3 span {
  /*border-bottom: 5px solid #e6c400;*/
}
.ugb-block-content h3 a:hover,
.entry-content h3 a:hover {
  /*background-color: #e6c400 !important;*/
  color: white;
  padding: 0px 10px;
  margin-left: -10px;
}

/* lijsten met links naar categorieën en naar posts */

/* hover over links in de ul-li lijsten */
/*.ugb-block-content ul.categorie-lijst li a:hover,
ul.post-lijst li a:hover {
  border-bottom: 2px solid #e6c400;
}
*/

/* titel van post 
	hack: de breadcrumbs moesten BOVEN de titel komen. Het makkelijkst bleek om bij het genereren van het kruimelpad ook de titel te dupliceren en de oude niet te tonen
*/
h1.entry-title {
  font-size: 32px !important;
  color: #00b0ca;
  font-weight: bold;
}

h1.entry-title:not(.below-breadcrumbs){
  display: none;
}

h1.entry-title.below-breadcrumbs{
 margin-top: 30px; 
}



/* alleen posts met naslagwerken en termen krijgen zichtbare breadcrumbs */
article.category-naslagwerken {
  /*color: red !important;*/
}

.entry-content {
  font-size: 14px !important;
}

.entry-content a {
  /*color: #182b49 !important;*/ /* donkergrijs */
  /*color: #1fa6bb !important;*/	/* lichtblauw */
  color: #00afca !important;	/* turquoise (idem logo) */
  /*color: #00b0ca !important;*/ 	/* donker turquoise (idem toegankelijkheid) */
  /*border-bottom: 1px solid #ff5733; */
}

.entry-content a:hover {
  /*border-bottom: 2px solid #e6c400;*/
  /*background-color: #ff5733;*/ /* oranje */
  background-color: #00afca; /* turquoise */
  color: white !important;
}


/************ post-meta **********************/
.post-meta {
  display: none;
}

.post-data {
  display: none;
}

.post-meta .entry-author,
#taaladvies-original-id,
#taaladvies-tags,
#taaladvies-date,
#taaladvies-original-metadata {
  display: none;
}

/* geen breadcrumbs in de posts */
.post-template-default .site-content-header {
  display: none;
  margin-bottom: 0px;
}

.post-template-default article {
  margin-top: 0px;
}

/* eigen gemaakte categorie hierarchie */
.cat-list-container {
  display: block;
}

/* ul-opmaak */
/*
ul.cat-list, ul.cat-list li{
	list-style-type: none;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

ul.cat-list li ul li:before{
	content: "\2937";
}
*/

/* platte opmaak*/
/* dit zou helemaal mooi zijn:
https://codepen.io/Paulie-D/pen/b16eb69676be73626013d1308fec4749
*/

.cat-list{
	line-height: 125%;
}

.custom-bc-sep{
	margin: 0px 3px;
}


.cat-list,
.cat-list a,
.custom-bc-list-item a,
.custom-bc-list-item {
  font-size: 13px;
  /*color: white !important;*/ /* rvs: important toegevoegd voor breadcrumbs */
}

/* hover over breadcrumbs geeft alleen onderstreping, itt links in rest artikel */
.cat-list a:hover,
.custom-bc-list-item a:hover {
  /*color: white;*/
  text-decoration: underline;
  background-color: white !important;
  color: #00afca !important;
}

.cat-list a:visited,
.custom-bc-list-item a:visited {
  /*color: white;*/
}

.cat-list-1,
.custom-bc-list-item {
  /*background: #182b49;
  width: 150px;*
  margin-right: 13px;*/
  position: relative;
}

.cat-list-1 {
  /*padding: 0px 10px 2px 10px;*/
}

.custom-bc-list-item {
  /*padding: 3px 10px 5px 10px;*/
}

.cat-list-2 {
  /*background: #182b49;*/
  /*padding: 0px 10px 2px 10px;
  margin-right: 2px;*/
}

.cat-list-2:not(:last-of-type):after{
	content: ", ";
}

.custom-bc-list-item:last-of-type {
  /*background: #182b49;*/
}

.cat-list-1:after,
.custom-bc-list-item:not(:last-of-type):after {
  content: ""; /* required */
  position: absolute; /* takes the 'cap' out off flow */
  top: 0; /* stick it to top edge of the sign */
  left: 100%; /* push it way overto the right*/
  height: 0; /* we're doing this with borders remember */
  width: 0;
  border-width: 12px;
  border-style: solid;
  border-color: #182b49; /* same as bg of our rectangle */
  /* now we make some of theborders disappear*/
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  display: none;
}

/* navigatiebalk onderaan met vorige / volgende */
.post-navigation {
  display: none !important;
}

/* grijze border voor alle widgets en de post */
.widget-wrapper,
.post,
.page {
  border: 1px solid #cdcdcd;
}

/************** widget veel bekeken posts *******************/

aside ul.wpp-list li {
  margin-bottom: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}

/* gelijk aan h3-koppen in content */
aside .widget-title h4,
aside h2 {
  letter-spacing: 0px;
  /*font-variant: small-caps;*/
  text-transform: initial !important;
  margin-bottom: 15px !important;
  font-size: 24px !important;
  /*color: #182b49 !important;*/
  /*color: #1fa6bb !important;*/	/* lichtblauw */
  color: #182b49 !important; /* donkerblauw van menubalk */
  font-weight: 500 !important;
  /* font-family: Montserrat, "Roboto Slab", serif; */
}


aside .widget-title {
  margin-bottom: 0px !important;
}

aside ul li,
aside ul li a {
  /*color: #182b49 !important;*/
  font-size: 15px !important;
}

aside ul li a {
	color: #00afca !important; /* turquoise van logo */
}

/* zelfde als ul.categorielijst */
aside a:hover {
  /*border-bottom: 1px solid #ff5733;*/
  color: white !important;
  background-color: #00afca !important;
}

/************ aanpassingen aan de pages **********************/

.page-template-default .post-entry .entry-title, .post-entry .thumbnail {
  display: none !important;
}

.kader {
  border: 1px solid #182b49;
  padding: 30px;
}

/*** stel een vraag ***/

/* button in groen kader */
.ugb-button-container {
  display: none;
}

.ugb-notification__item {
	display: none !important;
  /*background-color: white !important;
  background-color: #e6c400 !important;*/
  background-color: #182b49 !important;
  /*border: 1px solid #ccc !important;*/
  padding: 15px 35px !important;
  border-radius: 0px !important;
  color: white !important;
}

.ugb-notification__description {
  margin: 0px !important;
  font-size: 100%;
  color: white !important;
}

.ugb-main-block.ugb--has-block-background.alignfull.alignfull.alignfull.alignfull{
	padding: 10px 0px 0px 0px !important;
}

.ugb-notification__description a {
	font-size: inherit;
}

.ugb-notification__description a:hover {
  text-decoration: underline;
}

.ugb-main-block.alignfull{
	padding: 0px;
}

figcaption {
  display: block !important; /* nodig voor center-align */
}

figcaption a {
  font-style: normal;
  font-size: 20px;
}

.logo-img{
	box-shadow: 5px 5px 10px #ccc;
}

.logo-img:hover{
	box-shadow: 5px 5px 10px #aaa;
}



/***************************************** zoekresultaten *********************************************************/

.entry-column:nth-of-type(1) {
	margin-bottom: 10px !important;
}

.entry-column:nth-of-type(2) {
	margin-bottom: 10px !important;
}

.customsearchhitslabel{
	background-color: white;
	padding: 30px 30px 0px 30px;
	font-family: 'KievitSlab', 'Roboto Slab', serif !important;
	border: 1px solid #ccc;
	/*margin-top: -20px;*/ /* verhuisd naar responsive-deel */
	color: #00afca;
}

.customsearchhitsalter{
	background-color: white;
	padding: 10px 10px 0px 10px;
	font-family: 'Roboto', sans !important;
	color: #182b49 !important;
}

.customsearchhitsalter .searchnr{
	margin: 0px 4px;
	cursor: pointer;
}

.customsearchhitsalter .searchnr:hover{
	text-decoration: underline;
}

.customsearchhitsalter .searchnr.default{
	font-weight: bold;
}

.customsearchhitslabel .entry-content {
  /*border-bottom: 1px solid #ccc;*/
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 22px !important;
  line-height: 120% !important;
}

.entry-column.search-results {
  margin-top: -30px !important;
}

.customsearchquery {
  font-style: italic;
}

/* de zoekresultaten zelf */
.entry-column article, .error404 article{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/* 404 */
.error404{
	padding-top: 0px !important;
}

/* markering zoekresultaten */
.entry-column .post-entry strong{
	/*font-weight: normal !important;
	color: #00afca !important;*/
}

/* de h2 is een link: maak duidelijk met hover */
.entry-column .post-entry h2 a:hover{
	text-decoration: underline;
}

/* h2 binnen een zoekresultaat ('vraag') minder sterk markeren, en zorgen dat h2, p op één regel komen*/
.entry-column .post-entry .entry-content h2{
	display: inline;
	margin: 0px !important;
	font-size: inherit !important;
	font-family: roboto !important;
	box-sizing: unset !important;
	font-variant: all-small-caps;
}

.entry-column .post-entry .entry-content p{
	display: inline !important;
}

/* soms maakt relevanssi een hele excerpt bold, snap niet waarom */
.entry-column .post-entry .entry-content .excerpt_part{
	font-weight: normal !important;
}

/* 'lees-meer' onderaan uitgezet */
.entry-column .post-entry .read-more{
	display: none;
}

/* filters: uitgezet */
#search-filter-container {
	display: none;
  background-color: #fff;
  padding: 30px;
  width: inherit;
  float: left;
}

.search-filter-box {
  padding: 5px 10px;
  background: white;
  margin-right: 10px;
  border: 1px solid #182b49;
  /*border-radius: 10px;*/
  cursor: pointer;
  float: left;
  color: #182b49;
}

.search-filter-box:hover {
}

#search-filter-button {
  padding: 5px 10px;
  float: right;
  margin-right: 0px;
  background: #182b49;
  border: 1px solid #182b49;
  text-transform: uppercase;
  color: white;
  /*border-radius: 10px;*/
  cursor: pointer;
}

#search-filter-button:hover {
  background-color: #e6c400 !important;
  border-color: #e6c400 !important;
}

.search-filter-box.isSelected {
  background: #182b49;
  color: white;
}

.search-filter-box.isDisabled {
  border: 1px solid #ccc;
  background: #ccc;
  color: white;
  cursor: default !important;
}

/* pagination */
nav.pagination{
	width: 100% !important;
	margin-top: 0px !important;
}

nav.pagination .nav-links{
	width: unset !important;
	display: unset !important;
	justify-content: normal !important;
	margin-left: auto;
	margin-right: auto;
}

nav.pagination .nav-links .page-numbers:not(.prev){
	margin-left: 5px;
}

nav.pagination .nav-links a.page-numbers:hover{
	background-color: #00afca; /* turquoise */
	color: white !important;
}

nav.pagination .nav-links .page-numbers.current{
	font-size: 15px; /* zelfde als body a */
	border: 1px solid #182b49;
	padding: 5px 8px;
}

nav.pagination .nav-links .prev, nav.pagination .nav-links .next{
	float: left;
	padding-top: 3px;
}

nav.pagination .nav-links .prev, nav.pagination .nav-links a:not(.next):not(.prev){
	vertical-align: middle !important;
}

/* geen zoekresultaten (gegenereerd via 'loop-no-posts.php') */
.entry-column.no-posts{
	border: 1px solid #ccc;
	font-family: 'KievitSlab', 'Roboto Slab', serif !important;
	font-size: 22px !important;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: -20px !important;
	/*margin-bottom: -10px !important;*/ /* verhuisd naar responsive-deel */
	line-height: 120%;
	padding: 10px 0px !important;
}

/***************** FOOTER ************************/
.site-footer {
  background-color: white !important;
}

.footer-bar .row {
  justify-content: left !important;
  padding: 0px 20px !important;
}

.footer-widgets {
  border-bottom: 0px solid rgba(170, 170, 170, 0.2) !important;
  padding: 10px !important;
  background-color: #182b49 !important;
}

.footer-txt {
  width: 100%;
  color: black;
  margin-bottom: 15px;
  font-family: "KievitSlab", serif, arial;
  font-size: 18px;
}

.logo-footer-wrapper {
  /*width: 13%;*/ /* verhuisd naar responsive-deel */
  margin-right: 25px;
}

.logo-footer {
}

a.ans_oud{
	color: red !important;
  	display: none;
}

a.broken_link{
  text-decoration: none !important;
}


/********** RVS **********/
/* Geen cursieve caption logo's OnzeTaal en Teamtaaladvies op 'Stel een vraag' */
figure figcaption {
  font-style: normal !important;
}