/*
Theme Name: Twentytwelve Child
Description: Child theme for the twentytwelve theme
Author: Jasper Jobse
Date: march 2013
Update: may 2026
Template: twentytwelve
Version: 1.2.1

ORANJE 				#F58A1F
BLAUW 				#0065c7 
GROEN				#4fa700 
ACHTERGROND MOBIEL 	#006561

1px = 0,071428571 rem
1 rem = 14 px

$rembase:     14;
$line-height: 24;

*/

@import url("../twentytwelve/style.css"); /* mocht er een update van twenty twelve zijn zoek dan de regels op waar "@media screen and (min-width: 600px)" staat en vervang door "@media screen and (min-width: 768px)" */

.grecaptcha-badge { /*verbergen van lelijk recaptcha logo op website dat Google automatisch plaatst */
visibility: hidden; 
}

body {
	background-color:transparent;
	font-size: 16px;
	font-size: 1.071428565rem;
	font-family: "Century Gothic", CenturyGothic, Questrial, AppleGothic, sans-serif; 
	letter-spacing: 1px;
	color: #000000;
}

body.custom-font-enabled {
	font-family: "Century Gothic", CenturyGothic, Questrial, AppleGothic, sans-serif;
	letter-spacing: 1px;
}

body.custom-background {background:transparent !important;}

	/* header */
.site-title {text-indent:-99999px; margin-bottom:15px}			/*verbergen wp websitetitel*/
.site-description {text-indent: -99999px; display:none!important;}	/*verbergen wp ondertitel*/

hgroup, nav {float:none;}
nav {margin:0;padding:0;float:none;}
.main-navigation {margin:0;}

	/* headings */
#content h2, #content h3, #content h4 {clear:none;}

	/* alignment */
.alignright {margin:0 0 1.5em 1.5em;}
.alignleft {margin:0 1.5em 1.5em 0;}
.aligncenter {margin:0; text-align:center;}
.centerimage { display: block; margin-left: auto; margin-right: auto; width: 50%;}

	/* breadcrumbs */
#breadcrumbs {clear:both;margin:0;padding-left:5px;font-size:10px;color:#c0c0c0;} /*inspringen breadcrumbs*/
#breadcrumbs a {color:#c0c0c0;}
#breadcrumbs a:hover {color:#0065c7;}

	/* <hr /> */
hr {width:100%;margin:2.1em 0;padding:0;line-height:1px;background:#EEE;color:#EEE;}

	/* markeer dropdown opties in hoofdmenu */
.nav-menu li > a:after {color: #888;content: ' ▾';}
.nav-menu li > a:hover:after {color: #444;content: ' ▾';}
.nav-menu li > a:only-child:after {content: '';}

.main-navigation li {
	font-size:15px; 
	font-size:1.071428565rem; 
	letter-spacing: 0px; /*undo extra spacing used everywhere in website */
	} 
.main-navigation li {margin:0 9px 0 0;} /*afstand tussen menu items*/

	/* lowercase in dropdown hoofdmenu */
.main-navigation li ul li a {
	letter-spacing: 0px; /*undo extra spacing used everywhere in website */
	text-transform:lowercase;
	font-size:15px; 
	font-size:1.071428565rem; 
	width: 240px; /* breedte grijze uitklapvlak hoofdmenu aanpassen */
	width: 17.142rem;}
.main-navigation li ul li a:first-letter {text-transform:uppercase;}

	/* datum van nieuwsberichten */
.pubdate {font-size:11px;color:#7c7c7c;}

	/* meta info onder bericht weg */
footer.entry-meta {display:none;}

	/* enkele lijn onder artikel en minder witruimte eronder */
.site-content article {border-bottom-width:0;padding-bottom:0;margin-bottom:0;}
.blog .site article {border-bottom-width:1px;margin-bottom:2.5em;padding-bottom:1em;}
.blog .site article:last-child {border-bottom-width:0;margin-bottom:0;}

.page-template-page-sitemap .site-content,
.single-post .site-content {
	float: none;
	width: 100%;
}
.single-post .entry-header img.wp-post-image {
	width: 100%;
}

	/* minder witruimte onderaan de pagina */
#content nav {padding:0 0 0 1em;width:100%;font-size: 15px;font-size: 1.071428571rem;}

	/* clear floats */
.clearfloat {clear:both;line-height:0;font-size:0;}

#content .page-footer .wp-block-column {
	display: flex;
	flex-direction: column;
}

#content .page-footer .prode-top-posts,
#content .page-footer ul {
	height: 100%;
}

.one-fourth-books img{
	display: block !important;
	margin: 0 auto -15px !important;
}

/* alleen grote site ------------------------------------ ---------------- ------------------ ---------------  -----------  @media > 768px */
@media screen and (min-width: 768px) {

#page {
border-radius: 34px;}

.main-navigation li a:hover {text-decoration:underline; }

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	}

.site-title { /* logo in header links uitgelijnd */
	background:url(/wp-content/uploads/2013/05/logo-jerphaas-groot.jpg) no-repeat 0 0;
	width:420px;
	height:100px;}

/* correction for clickable logo */
.site-title {text-indent:0;}
.site-title span {display:none;}
.site-title a {display:block;width:420px;height:100px;} /*zelfde width en height als logo afbeelding*/

body .site {
	margin-top: 14px;
	margin-top: 1rem;
	margin-bottom: 450px;
	margin-bottom: 32.14285714rem;
	box-shadow: none;
}

/* Column Classes grote site */
.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-fourth-books, /* fix voor pagina boekenoverzicht */
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin: 0 0 12px; /* top, right&left, bottom */
    margin-left: 4%;
}

.one-fourth-books {   /* voor pagina boekenoverzicht */
	margin-left: 0;
	margin-bottom: 18px;
}

.one-half,
.three-sixths,
.two-fourths {width: 48%;}

.one-third,
.two-sixths {width: 30%;}

.four-sixths,
.two-thirds {width: 64%;}

.one-fourth {width: 22%;}
.three-fourths {width: 74%;}
.one-fifth {width: 18%;
	margin: 0;
}
.two-fifths {width: 38%;}
.three-fifths {width: 58%;}
.four-fifths {width: 78%;}
.one-sixth {width: 14%;}
.five-sixths {width: 82%;}

.one-fourth-books {width: 25%;}

.first {clear: both;
	margin-bottom: 14px; 
	margin-bottom: 1rem; }
	
body .first {color:black}	/*correctie main theme die er donkergrijs van maakt*/
	
.first:is(
	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds
) {
	margin-left: 0;
}

img.rechtsboven { /* afbeeldingen rechtsboven strak uitlijnen en zo scalen dat tekst er mooi omheen loopt*/
	 	max-width:40%;
	 	margin:0px 0px 6px 18px;}

img.coronabanner { /* button op homepage strak uitlijnen en zo scalen dat tekst er mooi omheen loopt op mobiel*/
	 	max-width:20%;
	 	margin:0px 18px 6px 0px;}

img.image-jasper { /* foto Jasper op homepage, contactpagina e.d. */
	margin:10px 0px 6px 25px;
	max-width:45%;}

img.groot{ /*max width voor grotere afbeeldingen instellen bijvoorbeeld op magazine pagina */
	margin:6px 0px 6px 25px;
	max-width:50%;}
	
img.fullwidth { /* afbeeldingen volle breedte */
		margin:6px 0px 6px 0px;
	 	max-width:100%;}

/* NVPA logo onder footer */
body .site {margin-bottom:24rem;}
#NVPA-logo {max-width:960px;margin:0 auto;text-align:right;}
#NVPA-logo img {padding:0 10px 10px 0;} /*top right bottom left*/

/* full width magazine page */
.page-template-page-templatesmagazine-php .site-content {width: 100%;}

}   /* einde groter scherm */


/* MOBIELE WEERGAVE  ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- - @media < 768px */
@media only screen and (max-width: 767px ) {


body { /* grotere letters */
	font-size: 20px;
	font-size: 1.42857142rem;
	}

	html {background-image:none; background-color: #006561;} /* kleurtje in achtergrond ipv foto gras */
	hgroup, nav {float:none;}
	nav {padding:0;}

	/* breadcrumbs verbergen */
	#breadcrumbs{display:none;}

	.main-navigation {
		padding-top: 35px; /* afstand tusen menu knop en logo */
		margin-bottom: 0px;
		margin-left: 0px;
		padding-bottom: 0px;}
	.main-navigation li {font-size:18px; margin-left: 22px; padding-top: 16px;}
	.main-navigation li ul {display:none;} /* geen submenu weergeven op mobiel */
	.nav-menu li > a:after {content: '';}
	.nav-menu li > a:hover:after {content: '';}
	.nav-menu li a {width:100%;text-align:center;}

	/* menu iets omhoog mobiel */
	.site-header h2 {display:none;}

	/* logo in header mobiel*/
	.site-title {background:url(/wp-content/uploads/2013/05/logo-jerphaas-klein.jpg) no-repeat;width:270px;height:66px;}
	.site-title {width:100%;background-position:center center;}

	/* correction for clickable logo mobiel*/
	.site-title {text-indent:0;}
	.site-title span {display:none;}
	.site-title a {display:block;height:100%;width:100%;padding:0;margin:0;}

	#page {
		border-radius: 0px;}

	body .site {   /*geen rand om het witte vlak op mobiele weergave*/
		margin: 0px;
		margin: 0rem;
		box-shadow: none;
	}

	/* Column Classes mobiel --------- */
	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-fourth-books, /* fix voor pagina boekenoverzicht */
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: left;
	    margin: 0 0 6px; /* top, right&left, bottom */
	    padding-left: 0;
	    width: 100%;}

	.first {
	    clear: both;
	    padding-left: 0;
	    padding-top: 6px;}

	img.rechtsboven
	 { /* afbeeldingen rechtsboven strak uitlijnen en zo scalen dat tekst er mooi omheen loopt, mobiel*/
	 	max-width:40%;
	 	margin:5px 0px 5px 8px;} /*top right bottom left*/

	 img.linksboven
	 { /* afbeeldingen linksboven strak uitlijnen en zo scalen dat tekst er mooi omheen loopt, mobiel*/
	 	max-width:40%;
	 	margin:5px 8px 5px 0px;} /*top right bottom left*/

	img.logo-company
	{ /*logos op pagina coaching op mobiel*/
		float: center;
		margin:5px 0px 5px 0px;}

	/* horizontale streep boven breadcrumbs in mobiele weergave
	#breadcrumbs {border-top:1px solid #EEE;padding-top:0.5em;}  */

	/* nvpa logo mobiel*/
	#NVPA-logo {text-align:center;}
	#NVPA-logo img {margin:10px 0;}

	/* mobiele footer */
	.menu-footermenu-container {display:none;}
	.footer-address {font-size:15px;font-size: 1.071428565rem;float:none;text-align:center;width:100%;}
	
	/* Button menu grotere letters (maar lijkt niet te werken) */
	.menu-toggle, button {
	font-size: 14px;
	font-size: 1rem;}
	
}   /* EINDE @media < 768px  */


/* MOBIELE WEERGAVE FIX VOOR TWEE KOLOMMEN OP OVERZICHT FAMILIEOPSTELLINGEN BOEKEN --------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
@media only screen and (min-width: 500px ) and (max-width: 766px ) {
.one-fourth-books {
	float: left;
	height: 350px !important;
    margin: 0 0 2px;
	width: 49%;}
}

/* kleine rand gras voor alles < 1068px en > 768px van belang voor tablets e.d. --------- --------- ------- ------ ------  @media < 1068px*/
@media screen and (min-width: 768px) and (max-width: 1068px) {
	body .site {
	margin-left: 14px;
	margin-right: 14px;
	margin-left: 1rem;
	margin-right: 1rem;	}
}

/* klein logo voor hele kleine mobieltjes (non retina) ----- ----------------- ------------ ------------ ---------------  @media < 300px  */
@media only screen and (max-width: 300px ) {
	/* logo in header mobiel*/
	.site-title {background:url(/wp-content/uploads/2013/05/logo-jerphaas-kleinst.jpg) no-repeat;width:200px;height:47px;}
	.site-title {width:100%;background-position:center center;}
}   /* EINDE @media < 300px */


/* RETINA AND HD SCREENS LOGO STYLING ->  ----- ---------- --------- ---------- --------- ---------- ------- --------   @media RETINA & HD */

/* logo large screens */
@media
	only screen and (-webkit-min-device-pixel-ratio: 2) 	 and (min-width: 768px ),
	only screen and (   min--moz-device-pixel-ratio: 2) 	 and (min-width: 768px ),
	only screen and (     -o-min-device-pixel-ratio: 2/1) 	 and (min-width: 768px ),
	only screen and (        min-device-pixel-ratio: 2) 	 and (min-width: 768px ),
	only screen and (            min-resolution: 192dpi)     and (min-width: 768px ),
	only screen and (             min-resolution: 2dppx)     and (min-width: 768px ) {
	.site-title {
		background:url(/wp-content/uploads/2013/05/logo-jerphaas-groot@2x.jpg) no-repeat left center;
		background-size: 420px 100px;
		width:420px;height:100px;}
}

/* logo large mobile screens  */
@media
	only screen and (-webkit-min-device-pixel-ratio: 2) 	 and (max-width: 767px ),
	only screen and (   min--moz-device-pixel-ratio: 2) 	 and (max-width: 767px ),
	only screen and (     -o-min-device-pixel-ratio: 2/1) 	 and (max-width: 767px ),
	only screen and (        min-device-pixel-ratio: 2) 	 and (max-width: 767px ),
	only screen and (            min-resolution: 192dpi)     and (max-width: 767px ),
	only screen and (             min-resolution: 2dppx)     and (max-width: 767px ) {
	.site-title {width:100% !important;background-position:center center;}
	.site-title {
		background:url(/wp-content/uploads/2013/05/logo-jerphaas-groot@2x.jpg) no-repeat center center;
		background-size: 420px 100px;
		width:420px;height:100px;}
}

/* logo medium mobile screens */
@media
	only screen and (-webkit-min-device-pixel-ratio: 2) 	 and (max-width: 475px ),
	only screen and (   min--moz-device-pixel-ratio: 2) 	 and (max-width: 475px ),
	only screen and (     -o-min-device-pixel-ratio: 2/1) 	 and (max-width: 475px ),
	only screen and (        min-device-pixel-ratio: 2) 	 and (max-width: 475px ),
	only screen and (            min-resolution: 192dpi)     and (max-width: 475px ),
	only screen and (             min-resolution: 2dppx)     and (max-width: 475px ) {
	.site-title {width:100% !important;background-position:center center;}
	.site-title {
		background:url(/wp-content/uploads/2015/04/logo-jerphaas-middel@2x.jpg) no-repeat center center;
		background-size: 345px 82px;
		width:345px;height:82px;}
}

/* logo small mobile screens */
@media
	only screen and (-webkit-min-device-pixel-ratio: 2) 	 and (max-width: 390px ),
	only screen and (   min--moz-device-pixel-ratio: 2) 	 and (max-width: 390px ),
	only screen and (     -o-min-device-pixel-ratio: 2/1) 	 and (max-width: 390px ),
	only screen and (        min-device-pixel-ratio: 2) 	 and (max-width: 390px ),
	only screen and (             min-resolution: 192dpi)    and (max-width: 390px ),
	only screen and (             min-resolution: 2dppx)     and (max-width: 390px ) {
	.site-title {width:100% !important;background-position:center center;}
	.site-title {
		background:url(/wp-content/uploads/2013/05/logo-jerphaas-klein@2x.jpg) no-repeat center center;
		background-size: 270px 66px;
		width:270px;height:66px;}
}

/* EINDE RETINA LOGO STYLING */


/* FONT SIZES AND COLORS */
/* ---------------------------------------------------------------------------------------------------------------------*/

.site-content article { /* afbreken woorden voorkomen, werk (nog) niet Safari */
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.entry-content p, .entry-summary p, .comment-content p {
	line-height: 1.65;
	margin: 0 0 1.65rem;
	color: #000000;
	font-weight:normal;
}


.entry-content ul, .entry-content li {
	color: #000000;
}

	/* headings */
.entry-title { /* Titel van de pagina's */
color:#F58A1F;
letter-spacing: 0px; /*undo extra spacing used everywhere in website */
}

.entry-header .entry-title {font-size:25px; font-size: 1.785714275rem;}

.entry-content h2 {font-size:20px; font-size:1.42857142rem;}
.entry-content h3 {font-size:19px; font-size:1.357142849rem;}
.entry-content h4 {font-size:18px; font-size:1.285714278rem;}
.entry-content h5 {font-size:17px; font-size:1.214285707rem;}
.entry-content h6 {font-size:16px; font-size:1.142857136rem;}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin: 14px 0;
margin: 1rem 0;
line-height: 1.3;
font-weight:normal;
color:#F58A1F;
}

strong {color: #3e3e3e;}

dt {margin:0px 0px 1px 20px;}
dd {margin:0px 0px 2px 20px;}
em {margin:0;}
li {margin:0px 0px 1px 15px;}

.archive-title{ /* archief op categorie naam */
font-size: 21px;
font-size: 1.5rem;
line-height: 1;
text-transform:none;
font-weight:normal;
color:#F58A1F;;
}

.datum {
color: #0065c7; 	 /* data op nieuws.php pagina */
font-size: 11px;
margin:0px 0px 0px 12px;
}

.captcha {
color: #0065c7; 	 /* reCAPTCHA tekst onder formulieren  */
font-size: 12px;
margin:10px 0px 0px 0px;
}

.new {
color: #F7160A;  /*rood woordje 'nieuw' op boeken fam opstellingen pagina*/
font-weight: bold;
}

.tip {
color: #0065c7;  /*blauw woordje 'tip' op mannenboeken pagina*/
font-weight: bold;
}

.zwart {
color: #000000;  /*links die niet blauw moeten worden*/
}

.blauw,
.blue {
color: #0065c7;  /*blauwe namen op reactie pagina en quotes op homepage*/
}

.groen,
.green {
color: #4fa700;  /*groene letters voor opsommingen en auteursnamen bij quotes*/
}

.grijs,
.grey {
color: #a0a0a0;  /*eerste alinea op opleiding pagina*/
}

.oranje,
.orange {color:#ffffff; /*oranje letters voor opsommingen en auteursnamen bij quotes*/
}

.style1 {font-size: 14px; color: #000000; } /* op verschillende plekken gebruikt in website*/

.dipno{ /*voorkomen dat titel op boekenpagina tweemaal getoond wordt, maar wel volgens schema.org is opgemaakt*/
display: none;
}

ul.voorwaarden { /* lijst op pagina: Algemene Voorwaarden */
color: #000000;
margin:0;
padding: 0 0 8px 16px; /*top/right/bottom/left*/
}

li.voorwaarden { /* opsommingen op pagina: Algemene Voorwaarden */
color: #000000;
margin:0;
padding: 0;
}

.credits {  /* auteursnaam en fotograaf onder artikelen op magazine en foto's van Michiel Heijmans */
font-size:12px !important; 
font-weight:normal;
color:#7a7a7a !important;
text-align:right;
margin-top:0px;
margin-bottom:8px;
}


/* WIDGETS */
/* ---------------------------------------------------------------------------------------------------------------------*/

.widget-area .widget
{
  word-wrap : break-word;
}

.widget-title{
font-size: 18px;
font-size: 1.285714286rem;
font-weight:normal;
color:#F58A1F;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
font-size: 15px;
font-size: 1.071428571rem;
line-height: 1.5;
}

.textwidget h2 { /* kopjes in de agenda/sidebar/widget*/
color:#0065c7;
font-weight: normal;
padding-bottom: 10px;
}

.widget-area .widget a,
.widget-area .widget .textwidget a {
font-size: 15px;
font-size: 1.071428571rem;
color:#0065c7;
}

.widget-area .widget a:hover,
.widget-area .widget .textwidget a:hover {
color:#F58A1F;
}

/* STYLING VAN QUOTES, WORKSHOPS EN OPLEIDING EN OOK IN WIDGET OP JASPERJOBSE PAGINA */
/* ---------------------------------------------------------------------------------------------------------------------*/

ul.quote, /* marges quotes */ {
margin:0;
padding: 0px 0px 15px 20px; /*top right bottom left*/
}


li.quote { /* quotes in blauwe letters*/
list-style: none;
color: #0065c7; /* blauw */
margin:35px 0px; /*top/bottom en right/left*/
text-indent: -0.7em; /*moet negatief zijn*/
}

li.quote:before { /* quotes in blauwe kleur*/
font-family:Georgia, "Times New Roman", Times, serif;
content:"“";
font-size:70px;
vertical-align:bottom;
line-height:23px;
padding-right: 10px;
padding-left: 0;
}


li.greenquote {  /* quotes in groene letters*/
list-style: none;
color: #4fa700; /*groen*/
margin:35px 0px;
text-indent: -0.7em; /*moet negatief zijn*/
}

li.greenquote:before { /* quotes in groene letters*/
font-family:Georgia, "Times New Roman", Times, serif;
content:"“";
font-size:70px;
vertical-align:bottom;
line-height:23px;
padding-right: 10px;
padding-left: 0;
}


li.orangequote {
list-style: none;
color: #f58b20; /*oranje*/
margin:35px 0px;
text-indent: -0.7em; /*moet negatief zijn*/
}

li.orangequote:before { /* quotes in oranje letters*/
font-family:Georgia, "Times New Roman", Times, serif;
content:"“";
font-size:70px;
vertical-align:bottom;
line-height:23px;
padding-right: 10px;
padding-left: 0;
}

li.single-quote { /* losse of enkele quotes die her en der in de site staan op andere pagina's dan de reactie pagina's */
list-style:none;
color: #0065c7;
margin:6px 0 25px 0;
padding: 0;
text-indent: -1em; /*moet negatief zijn*/
}

li.single-quote:before {
font-family:Georgia, "Times New Roman", Times, serif;
content:"“";
font-size:60px;
vertical-align:bottom;
line-height:12px;
padding-right: 10px;
}

ul.widget-quote { /* quotes op de /jasper-jobse/ pagina in widget in de sidebar*/
padding: 0;
margin: 0;
}

li.widget-quote {
list-style:none;
color: #4fa700; /*groen*/
padding:0;
margin: 0;
text-indent: -2.2em; /*moet negatief zijn*/
}

li.widget-quote:before {
font-family:Georgia, "Times New Roman", Times, serif;
content:"“";
font-size:50px;
vertical-align:bottom;
line-height:18px;
padding-right: 12px; /*inspringing eerste regele van de quote Niet veranderen!!*/
padding-left: 0px;
}

/* SIDEBAR */

.widget-title {
font-size: 18px;
font-size: 1.3rem;
line-height: 2;
font-weight: normal;
text-transform: none;
}

.widget-area .textwidget li { /*text-indent hierboven negatief + deze margin-left positief = eerste en volgende regels lijnen uit*/
margin-left: 18px;
margin-left: 1.2857142855rem;
}

/* LINKS */
/* ---------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited {
text-decoration: none;
color: #0065c7;  /*blauw*/
}

a:active, a:focus {
outline: 0;
text-decoration: none;
color: #F58A1F; /*oranje*/
}

a:hover {
outline: 0;
text-decoration: underline;
color: #F58A1F; /*oranje*/
}

.entry-content a { /* zorgen dat de links in de hoofdteksten in Google Chrome blauw blijven */
text-decoration: none;
color: #0065c7 !important;  /*blauw*/
}

/* IMAGES IN DE CONTENT MOBIEL ÉN GROOT */
/* ----------------------------------------------------------------------------------------------------------------------*/

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
img.wp-post-image {	/* Afbeeldingen standaard géén ronde hoeken of schaduws */
border-radius: 0px;
box-shadow: none;
}

img.rond {	/* afbeelding ronde hoeken geven */
border-radius: 12px;
box-shadow: none;
}

img.grey { /* afbeeldingen slechts in grijstinten weergeven */
    -webkit-filter: grayscale(40%); /* Chrome, Safari, Opera */
    filter: grayscale(40%);
	filter: gray; /* IE6-9 */
}

/* FOOTER */
/* -----------------------------------------------------------------------------------------------------------------------*/

.footer-address,
.footer-address a:link {color: #5e5e5e; margin:0; padding-top:15px; font-size: 14px; font-size: 1rem;} /* alles op © Jerphaas 2004 - .. regel*/

.menu-footermenu-container ul {margin:0 ;padding:0; font-size: 14px; font-size: 1rem;}
.menu-footermenu-container li {font-size: 14px; font-size: 1rem; float:left; display:block; margin:0 1.0em 0 0;}

/* FIXES AND TWEAKS */
/* -----------------------------------------------------------------------------------------------------------------------*/
/* euroteken bij bedrag houden, telefoonnummer bij elkaar houden e.d. */
.nobr	{white-space:nowrap;}

.comments-area{ /*comments/reacties, ping- en trackbacks verbergen*/
	display: none;
}

/* uitgelicht nieuwsbericht bovenaan plaatsen zonder de tekst erbij dát het een uitgelicht bericht is */
/* -----------------------------------------------------------------------------------------------------------------------*/

article.sticky .featured-post {
display: none;
}

/* inschrijfformulieren FORM 7 plugin*/
/* -----------------------------------------------------------------------------------------------------------------------*/

.wpcf7 p {
color: #575757; /* grijs */
font-size: 16px;
font-size: 1.142857136rem;
margin: 1rem 0 0 0;}

.wpcf7-text {
width: 420px;	
width: 30rem;
max-width: 90%; /*voorkomen dat velden in twee kolommen over elkaar vallen op smal scherm */
float: none;
margin: 0;
font-size: 16px;
font-size: 1.142857136rem;
color: #0094ce; /* iets donkerder blauw dan de rest van de site voor de leesbaarheid */
}

.wpcf7-textarea,
.wpcf7 textarea {
width: 420px;
width: 30rem;
max-width: 90%; /*voorkomen dat velden in twee kolommen over elkaar vallen op smal scherm */
max-height: 400px;
height:120px;
height: 8.57142852rem;
margin: 1rem 0 0 0;
font-size: 16px;
font-size: 1.142857136rem;
color: #0094ce;
}

.veld {
color: #575757;  /*tekst boven invulvelden van de inschrijfformulieren*/
margin:10px 0 10px 0px;
padding:0;
font-size: 16px;
font-size: 1.142857136rem;
}

.checkbox {
color: #575757;  /* opmaak checkboxes in formulieren zoals de inschrijf- en evaluatieformulieren */
margin:15px 0 10px 0;
font-size: 16px;
font-size: 1.142857136rem;
}

.wpcf7 h2 {
padding:25px 0 0 0;
margin:0;
font-size:20px;
font-size:1.428571429rem;
}

.wpcf7 input[type="submit"] { /* verzendknop van het formulier */
     color: #ffffff;
     font-size: 18px;
     font-weight: 400;
     background: #F58A1F;
     padding: 15px 25px 15px 25px;
     border: none;
     border-radius: 6px;
     width: auto;
     text-transform: uppercase;
     letter-spacing: 4px;
 } 
 
 .wpcf7-form.sent p   /* formulier verbergen na sent zodat duidelijk is dat het gelukt is, maar dit werkt nog niet  */
{
display:none;
}

/* hoofd- en footermenu items dichter op elkaar plaatsen bij smaller wordend scherm */
/* -----------------------------------------------------------------------------------------------------------------------*/

/*.menu-footermenu-container,
.menu-footermenu-container li {
    display: flex;
    justify-content: space-between;
} */

@media screen and (max-width: 1100px) {
.main-navigation li {margin:0 10px 0 0;}
.menu-footermenu-container li {float:left;display:block;margin:0 0.8em 0 0;}
}

@media screen and (max-width: 950px) {
.main-navigation li {margin:0 6px 0 0;}
.menu-footermenu-container li {float:left;display:block;margin:0 0.6em 0 0;}
}

@media screen and (max-width: 880px) {
.main-navigation li {margin:0 3px 0 0;}
.menu-footermenu-container li {float:left;display:block;margin:0 0.3em 0 0;}
 }

@media screen and (max-width: 800px) {
.main-navigation li {margin:0;}
.menu-footermenu-container li {float:left;display:block;margin:0;}
}


/***** *****  BACKGROUND STYLING ALL DEVICES ***** *****/
/* -----------------------------------------------------------------------------------------------------------------------

/* SMALL SCREENS and non-retina */
@media screen and (min-width: 768px) and (orientation:landscape) {
html {  background:url(/wp-content/uploads/2016/03/bg-S-landscape.jpg) no-repeat center center fixed;
  		background-size: cover; }
}
@media screen and (min-width: 768px) and (orientation:portrait) {
html {  background:url(/wp-content/uploads/2016/03/bg-S-portrait.jpg) no-repeat center bottom fixed;
  		background-size: cover; }
}
/* SMALL SCREENS retina */
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape),
  (min-width: 768px) and (min-resolution: 192dpi) and (orientation:landscape) {
 html { background:url(/wp-content/uploads/2016/03/bg-M-landscape.jpg) no-repeat center center fixed;
  		background-size: cover; }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait),
  (min-width: 768px) and (min-resolution: 192dpi) and (orientation:portrait){
html {  background:url(/wp-content/uploads/2016/03/bg-M-portrait.jpg) no-repeat center bottom fixed;
  		background-size: cover; }
}



/* MEDIUM SCREENS */
@media screen and (min-width: 1024px) and (orientation:landscape) {
html {  background:url(/wp-content/uploads/2016/03/bg-M-landscape.jpg) no-repeat center center fixed;
  		background-size: cover; }
}
@media screen and (min-width: 1024px) and (orientation:portrait) {
html {  background:url(/wp-content/uploads/2016/03/bg-M-portrait.jpg) no-repeat center bottom fixed;
 		background-size: cover; }
}
/* MEDIUM SCREENS retina */
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape),
  (min-width: 1024px) and (min-resolution: 192dpi) and (orientation:landscape){
html {  background:url(/wp-content/uploads/2016/03/bg-L-landscape.jpg) no-repeat center center fixed;
		background-size: cover; }
}
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait),
  (min-width: 1024px) and (min-resolution: 192dpi) and (orientation:portrait){
html {  background:url(/wp-content/uploads/2016/03/bg-L-portrait.jpg) no-repeat center bottom fixed;
		background-size: cover; }
}



/* LARGE SCREENS */
@media screen and (min-width: 2048px) and (orientation:landscape) {
html {  background:url(/wp-content/uploads/2016/03/bg-L-landscape.jpg) no-repeat center center fixed;
  		background-size: cover; }
}
@media screen and (min-width: 2048px) and (orientation:portrait) {
html {  background:url(/wp-content/uploads/2016/03/bg-L-portrait.jpg) no-repeat center bottom fixed;
  		background-size: cover; }
}


/* iPads non-retina  */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape) {
  		.page-bg {
        position:fixed;
        bottom: 0;
		right: 0;
		left: 0;
        height: 768px;
        width: 1024px;
	  	background-image: url(/wp-content/uploads/2016/03/bg-S-landscape.jpg);
	  	background-position: center center;
	  	background-size: 1024px 768px; /* breedte hoogte */
	  	z-index: -10;}
}
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait) {
  		.page-bg {
        position:fixed;
        bottom: 0;
		right: 0;
		left: 0;
        height: 1024px;
        width: 768px;
	  	background-image: url(/wp-content/uploads/2016/03/bg-S-portrait.jpg);
	  	background-position: center center;
	  	background-size: 768px 1024px; /* breedte hoogte */
	  	z-index: -10;}
}


/* iPads retina (Air's and Mini's)   */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
  		.page-bg {
        position:fixed;
        bottom: 0;
		right: 0;
		left: 0;
        height: 768px;
        width: 1024px;
	  	background-image: url(/wp-content/uploads/2016/03/bg-M-landscape.jpg); /* plaatje is precies 2x groter */
	  	background-position: center center;
	  	background-size: 1024px 768px; /* breedte hoogte */
	  	z-index: -10;}
}
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
  		.page-bg {
        position:fixed;
        bottom: 0;
		right: 0;
		left: 0;
        height: 1024px;
        width: 768px;
	  	background-image: url(/wp-content/uploads/2016/03/bg-M-portrait.jpg); /* plaatje is precies 2x groter */
	  	background-position: center center;
	  	background-size: 768px 1024px; /* breedte hoogte */
	  	z-index: -10;}
}


/* iPad Pro's retina */
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
	  	.page-bg {
        position:fixed;
        bottom: 0;
		right: 0;
		left: 0;
        height: 1024px;
        width: 1366px;
	  	background-image: url(/wp-content/uploads/2016/03/bg-L-landscape.jpg); /* plaatje is precies 2x groter */
	  	background-position: center center;
	  	background-size: 1366px 1024px; /* breedte hoogte */
	  	z-index: -10;}
}
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
  		.page-bg {
        position:fixed;
        bottom: 0;
		right: 0;
		left: 0;
        height: 1366px;
        width: 1024px;
	  	background-image: url(/wp-content/uploads/2016/03/bg-L-portrait.jpg); /* plaatje is precies 2x groter */
	  	background-position: center center;
	  	background-size: 1024px 1366px; /* breedte hoogte */
	  	z-index: -10;}
}

/*-------------------------------------------------------------------------------------------------------------------------
IMAGES USED:

bg-S-landscape.jpg      768px x 1024px		old iPads and small screens
bg-S-portrait.jpg

bg-M-landscape.jpg     	1536px x 2048px 	(at retina 768px x 1024px)	 iPad Air, Mini and medium screens
bg-M-portrait.jpg

bg-L-landscape.jpg    	2048px x 2732px  	(at retina 1024px x 1366px ) iPad Pro and large screens
bg-L-portrait.jpg

-------------------------------------------------------------------------------------------------------------------------*/