@media screen {
/* 1. initialisation */
* { /* remove all default styling */
	border: 0;
	padding: 0;
	margin: 0;	
	background-color: none;
	text-decoration: none;
	/*transition: all .4s ease;*/
	/*font-smoothing: antialiased !important;*/
		/*-webkit-font-smoothing: antialiased !important;*/
		-moz-font-smoothing: antialiased;
}

html {
	height: 100%;
	width: 100%;
}

/* 1.1. ensure default styling is inherted in <input> elements */
input,
textarea,
select {
	font: inherit;
	color: inherit;
}

/* 1.2. remove default styling from forms in webkit browsers and on iOS */
input:focus, textarea:focus, select:focus {  
	outline: none;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

/* 2. typography */
html {
	font-family: "Montserrat", Verdana, sans-serif;
	color: #4a2c12;
	line-height: 1.625em;
}

p {
	font-size: 1.125em;
	padding-top: 8px;
	margin-bottom: 18px;
}

.small {
	font-size: .85em;
}

.footer p {
	font-size: .75em;
	color: #ffffff;
}

/* 2.1. tables */
table {
	border-collapse: collapse;
	font-size: 1.125em;
	margin-bottom: 26px;
}

th {
	background-color: #d00711;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 1em;
	text-align: left;
}

tr {
	height: 39px;
}

tr:nth-of-type(2n+1) {
	background-color: rgba(173,190,186,.5);
}

td {
	padding: 0 1em;
}

/* 2.2. headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

h1, h2, h3 {
	text-transform: uppercase;
}

h1 {
	line-height: 39px;
	font-size: 2em;
	padding-top: 0.25em;
	margin-bottom: 0.125em;
}

.logo h1 {
	line-height: 26px;
	padding-top: 0.0625em;
	margin-bottom: -0.0625em;
}

h2, h3, h4, h5, h6 {
	color: #d00711;
}

h2 {
	font-size: 1.5em;
	padding-top: 0.20833333333333em;
	margin-bottom: -0.20833333333333em;
}

h3 {
	font-size: 1.25em;
	padding-top: 0.35em;
	margin-bottom: -0.35em;
}

.sitemap h3 {
	color: white;
}

h4, h5 {
	padding-top: 0.44444444444444em;
	margin-bottom: -0.44444444444444em;
}

h4 {
	font-size: 1.125em;
}

.sitemap h4 {
	font-size: .75em;
	padding-top: 9px;
	margin-bottom: -9px;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: .75em;
	padding-top: 0.75em;
	margin-bottom: -0.75em;
}

/* 2.3. anchors & links */
a {
}

a:link {
	color: #d00711;
}

a:visited {
	color: #d00711;
}

a:hover, a:focus {
	color: #d00711;
	text-decoration: underline;
}

a:active {
	color: #ffffff;
	text-decoration: none;
}

.pagewrap a:active {
	background-color: #d00711;
}

.blockarea a:visited,
.doelgroepenbalk a:visited {
	color: #d00711;
}

.jumpout a:visited {
	color: #d00711;
}

/* 2.3.1. doelgroepenbalk etc */
.doelgroepenbalk ul a,
.doelgroepenbalk ul a:link,
.doelgroepenbalk ul a:visited,
.blockarea ul a,
.blockarea ul a:link,
.blockarea ul a:visited {
	color: #4a2c12;
}

.doelgroepenbalk ul a:hover,
.blockarea ul a:hover {
	color: #d00711;
}

.doelgroepenbalk ul a:active,
.blockarea ul a:active {
	color: #ffffff;
}

/* 2.3.2. sitemap */
.sitemap a:link,
.sitemap a:visited {
	color: #4a2c12;
}

.sitemap a:hover {
	color: #d00711;
}

.sitemap a:active {
	color: #ffffff;
	background-color: #d00711;
}

.sitemap li.extern a::after {
	content:" ";
	position: absolute;
	height: .5em;
	width: .5em;
	background-image: url(images/external_link_brown.svg);
	background-size: .5em;
	margin-top: .75em;
	margin-left: .25em;
}

/* 2.3.3. footer */
.footer a,
.footer a:link,
.footer a:visited {
	color: #e8b75f;
}

.footer a:active {
	color: #d00711;
	background-color: #ffffff;
	text-decoration: none;
}

/* 2.4. lists */
.pagewrap ul,
.pagewrap ol {
	font-size: 1.125em;
	padding-top: 7px;
	margin-bottom: 19px;
	list-style: none;
}

	.pagewrap ul li {
	}

	.pagewrap ol li {
	}
	
.pagewrap ul ul {
	font-size: 1em;
}

.pagewrap ul ul,
.sidebar ul ul {
	padding-top: 0;
	margin-bottom: 0;
}

.pagewrap ul li,
.sidebar ul li {
	margin-left: 1em;
}

.pagewrap ul li:before,
.sidebar ul li:before {
	content: " ";
	display: block;
	background-color: #adbeba;
	margin-left: -1em;
	margin-top: .5em;
	margin-right: .5em;
	width: .5em;
	height: .5em;
	display: inline-block;
}

.pagewrap ul ul li,
.sidebar ul ul li {
	margin-left: 3em;
}

.pagewrap ul ul li:before,
.sidebar ul ul li:before {
	width: .4em;
	height: .4em;
	border-radius: .25em;
}

.sidebar ul li:before,
.blockarea ul li:before,
.beige ul li:before {
	background-color: #d00711;
}

.pagewrap ol,
.sidebar ol {
	list-style: none;
	*list-style: decimal; /* backup for IE<8 */
	counter-reset: li; /* sets up the counter for lis */
}

ol li {
}

.content ol li,
.sidebar ol li {
	margin-left: 1em;
}

.pagewrap ol li:before,
.sidebar ol li:before {
	content: counter(li); /* outputs the content of the counter */
	counter-increment: li; /* increases the counter by 1 */
	position: relative;
	color: #d00711;
	display: inline-block;
	width: 1em;
	font-weight: 700;
	margin-left: -1.5em;
	margin-right: .5em;
	text-align: right;
}

/* 2.4.1. sitemap */
.sitemap ul {
	font-size: .75em;
	padding-top: 9px;
	margin-bottom: -9px;
	list-style: none;
}

.sitemap ul li {
	margin-left: 0;
}

.sitemap ul li:before {
	display: none;
}

/* 2.4.2. doelgroepenbalk */
.doelgroepenbalk li a:after {
	content: " »";
}

/* 2.5. captions */
.wp-caption-text {
	font-size: .875em;
	/*text-transform: uppercase;*/
}

/* 2.6. forms */
.pagewrap input[type=text],
.pagewrap input[type=email],
.pagewrap input[type=tel],
.pagewrap input[type=date],
.pagewrap input[type=password],
.pagewrap textarea,
.pagewrap select {
	background-color: #adbeba;
	height: 39px;
	margin-top: 6px;
	margin-bottom: -10px;
	padding: 0 1em;
	min-width: 20em;
	width: 70%;
	box-sizing: border-box;
	float: right;
}

.pagewrap input[type=password] {
	float: none;
}

.pagewrap textarea {
	padding-top: .5em;
	padding-bottom: .5em;
	height: 104px;
	display: inline;
	width: 70%;
	clear: both;
	float: right;
	resize: vertical;
	margin-bottom: 0px;
}

.pagewrap .wpcf7 p {
	margin-bottom: 12px;
	clear: both;
}

.pagewrap .wpcf7 form.init .wpcf7-response-output {
	/** display: block !important;
	/* border: 2px solid transparent;*/
}

.pagewrap input[type=text]:focus,
.pagewrap input[type=text]:hover,
.pagewrap input[type=email]:focus,
.pagewrap input[type=email]:hover,
.pagewrap input[type=tel]:focus,
.pagewrap input[type=tel]:hover,
.pagewrap input[type=date]:focus,
.pagewrap input[type=date]:hover,
.pagewrap input[type=password]:focus,
.pagewarp input[type=password]:hover,
.pagewrap textarea:focus,
.pagewrap textarea:hover,
.pagewrap select:focus,
.pagewrap select:hover {
	background-color: #e8b75f;
}

	.pagewrap .commentarea input[type=text]:focus,
	.pagewrap .commentarea input[type=text]:hover,
	.pagewrap .commentarea input[type=email]:focus,
	.pagewrap .commentarea input[type=email]:hover,
	.pagewrap .commentarea input[type=tel]:focus,
	.pagewrap .commentarea input[type=tel]:hover,
	.pagewrap .commentarea input[type=date]:focus,
	.pagewrap .commentarea input[type=date]:hover,
	.pagewrap .commentarea textarea:focus,
	.pagewrap .commentarea textarea:hover {
		background-color: #ffffff;
	}
	

.pagewrap button,
.popin button,
.pagewrap input[type=submit] {
	background-color: #d00711;
	color: #ffffff;
	font-family: inherit;
	line-height: inherit;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 0.3125em;
	padding: 0.3125em 1em 0.375em 1em;
	cursor: pointer;
}

.popin button {
	background-color: #86c9ec;
	color: #4a2c12;
	text-align: left;
}

.pagewrap label,
.commentarea label {
	background-color: #d00711;
	color: #ffffff;
	display: inline-block;
	box-sizing: border-box;
	min-height: 39px;
	margin-top: 6px;
	width: 30%;
	padding: .25em .25em .25em 1em;
	text-transform: uppercase;
	hyphens: auto;
		-webkit-hyphens: auto; /* Saf 5.1+ */
		-moz-hyphens: auto; /* Fx 6.0+ */
		-ms-hyphens: auto; /* IE 10+ */
}

.pagewrap .wpcf7-radio label {
	width: auto;
	padding-right: 1em;
}
	
.pagewrap .wpcf7-radio label:hover,
.commentarea .wpcf7-radio label:hover {
	background-color: #adbeba;
}
	
.pagewrap .wpcf7-radio .first {
	margin-left: 0em;
}

.pagewrap input[type=submit] {
	/*margin-bottom: -5px;*/
}

.pagewrap button:hover,
.pagewrap button:focus,
.pagewrap input[type=submit]:hover,
.pagewrap input[type=submit]:focus {
	background-color: #adbeba;
	color: #d00711;
}

.popin button:hover,
.popin button:focus {
	background-color: #e8b75f;
	color: #d00711;
}

.pagewrap button:active,
.pagewrap input[type=submit]:active,
.popin button:active  {
	background-color: #4a2c12;
	color: #ffffff;
}

.passwordform label {
	padding-top: .375em;
}

.passwordform input[type=password] {
	min-width: 19em;
}

.quizz label {
	width: 100%;
	padding: 0;
}

.quizz .wpcf7-quiz-label {
	width:25%;
	padding: .25em .25em .25em 1em;
	display: inline-block;
}

.quizz input[type=text] {
	margin-top: 0;
	height: 39px;
}

/* 2.7. specific pages */

/* 2.7.1. anchors and links */
.archive .entry a:link,
.archive .entry a:visited,
.blog .entry a:link,
.blog .entry a:visited,
.search .entry a:link,
.search .entry a:visited {
	color: #4a2c12;
}

.archive .entry a:hover,
.archive .entry a:focus ,
.blog .entry a:hover,
.blog .entry a:focus,
.search .entry a:hover,
.search .entry a:focus {
	color: #d00711;
	text-decoration: none;
}

.archive .entry a:active,
.blog .entry a:active,
.search .entry a:active {
	background-color: #d00711;
	color: #ffffff;
}

.home .lastpost a:link,
.home .lastpost a:visited {
	color: #4a2c12;
}

.home .lastpost .readmore a:link,
.home .lastpost .readmore a:visited {
	color: #d00711;
}

.home .lastpost a:hover,
.home .lastpost a:focus {
	color: #d00711;
	text-decoration: none;
}

.home .lastpost .readmore a:hover,
.home .lastpost .readmore a:focus {
	color: #ffffff;
}

.page-id-1281 .entry-title {
	display: none;
}

/* 2.8 other stuff */
.meta,
.postmetadata {
	text-transform: uppercase;
	font-size: .85em;
}

/* 3. layout */

/* 3.1. liners */
.liner {
	width: 98%;
	margin: 0 auto;
}

/* 3.2. header */
.headerwrap {
	background-color: #d00711;	
	height: 3.25em;
}

/* 3.2.1. search */
#search label {
	display: none;
}

#search input[type="text"] {
	font-size: 1em;
	font-family: "Montserrat", Verdana, sans-serif;
	font-weight: 400;
	color: #4a2c12;
	background-color: transparent;
	text-indent: -9999em;
	transition: width .4s ease,
				box-shadow .4s ease,
				background-color .4s ease;
		-webkit-transition: width .4s ease,
				box-shadow .4s ease,
				background-color .4s ease;
}

#search #searchsubmit {
	display: none;
}

/* 3.3. logo */
.logo,
.logoarea { /* Laurel */
	width: 30.666666667%;
	float: left;
	clear: both;
}

.logo {
		margin-top: 26px;
	padding-top: 12px;

}

.logo h1 {
	text-indent: -9999em;
	background-image: url(images/LEEFH-logo.png);
	background-repeat: no-repeat;
	width: 184px;
	height: 42px;
	margin-bottom: -4px;
}

.logo h2 {
	font-size: .66666666667em;
	font-weight: 400;
	color: #4a2c12;
	width: 20em;
	margin-top: 8px;
	margin-bottom: 3px;
}

h2.logophone {
	color: #d00711;
	margin-top: -4px;
	padding-top: 0px;
	font-size: 1em;
}

.logo a:hover {
	text-decoration: none;
}

.logoarea button { /* the four buttons under the logo */
	float: left;
	clear: both;
	display: block;
	font-size: .75em;
	font-weight: 700;
	margin-top: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-bottom: 0px;
}

.logobuttons {
	display: block;
	width: 100%;
	float: left;
	margin-top: 0.9375em;
}

/* 3.4. content */ /* mainly default layout, to be overwritten by a specific page template */
.content,
.archive .hentry,
.single .hentry { /* Hardy */
	width: 65.3333333333%;
	float: right;
	margin-top: 52px;
	padding-top: 39px;
	padding-left: 4%;
	margin-bottom: 78px;
}

.archive .hentry {
	width: 100%;
}

/* 3.4.1. jumpouts */
.jumpout {
	width: 102.04081632653%; /* inverse of the liner width, to get to 100% vp */
	margin-left: -1.010101010101%;
}

.pagewrap .jumpout {
	margin-top: 3.625em;
	padding-top: 26px;
	padding-bottom: 34px;
	margin-bottom: 1.625em;
	clear: both;
}

.jumpout .liner {
	min-height: 16.25em; /* to prevent the background graph from being cropped */
}

.jumpout .liner > p:not(.wp-caption-text),
.jumpout .liner > blockquote,
.jumpout .liner > ol,
.jumpout .liner > ul,
.jumpout .liner > h1,
.jumpout .liner > h2,
.jumpout .liner > h3,
.jumpout .liner > h4,
.jumpout .liner > h5,
.jumpout .liner > h6,
.jumpout .liner > table,
.jumpout .liner > form { /* Hardy */
	max-width: 65.3333333333%;
}

/* 3.4.2. align left and right */
.alignright { /* Laurel */
	width: 30.666666667% !important;
	float: right;
	overflow: hidden;
	margin-left: 4%;
}

.alignleft { /* Laurel */
	width: 48% !important; /* 48%;*/ 
	float: left;
	margin-left: -54%;
	overflow: hidden;
	margin-right: 4%;
}

.alignleft img,
.alignright img {
	max-width: 100%;
	width: auto !important;
	height: auto;
}

img.alignright,
img.alignleft {
	max-width: 100%;
	width: auto !important;
	height: auto;
	display: block;
	margin-bottom: .8125em;
}

img.alignright {
	margin-right: -53%;
}

/* 3.4.3. specific pages */
.blog .post ~.post,
.search .hentry ~ .hentry {
	margin-top: 3.25em;
}

/* 3.4.3.1. blogroll */
.blog .jumpout .post {
	/*width: 75%;*/
	margin: 0 auto;
}

.blog .entry {
	width: 65.33333333333%;
}

.blog .fimage {
	width: 50%;
	margin-left: 4%;
	margin-right: -52%;
	float: right;
}

.blog .fimage img {
	max-width: 100%;
	height: auto;
}

.blog .blogroll .jumpout:nth-child(2n+2) {
	background-color: transparent;
}

.blog .blogroll .jumpout:nth-child(2n+2) .readmore a:hover,
.blog .blogroll .jumpout:nth-child(2n+2) .readmore a:focus {
	color: #adbeba;
}

.blog .blogroll .jumpout:nth-child(4n+3) {
	background-color: #adbeba;
}

.blog .blogroll .jumpout:nth-child(2n) .entry {
	width: 65%;
	float: right;
}

.blog .blogroll .jumpout:nth-child(2n) .fimage {
	width: 50%;
	float: left;
	margin-left: -54%;
	margin-right: 4%;
}

.blog .jumpout {
	margin-top: 0;
}

.blog .content {
	margin-bottom: 0;
}

.blog .meta a:link,
.blog .meta a:visited,
.blog .readmore a:link,
.blog .readmore a:visited {
	color: #d00711;
}

.blog .meta a:hover,
.blog .readmore a:hover {
	color: #ffffff;
}

.blog .meta a:active,
.blog .readmore a:active {
	color: #ffffff;
	background-color: #d00711;
}

/* 3.4.3.2. single */
.single .entry img {
	max-width: 100%;
	height: auto;
}

.commentarea {
	clear: both;
	background-color: #e8b75f;
	padding-top: 40px;
	padding-bottom: 52px;
}

#comments {
	margin-bottom: 21px;
}

.comment {
	clear: both;
}

.comment-reply-link {
	line-height: 26px;
}

.commentarea ol,
.commentarea ul {
	font-size: 1em;
}

.pagewrap .children {
	padding-top: 12px;
	margin-bottom: 24px;
}

.children .comment {
	margin-left: 4em;
}

.commentarea ol li:before {
	display: none;
}

.comment-author {
	float: left;
	margin-bottom: 5px;
}

.comment-meta {
	float: right;
	margin-top: 14px;
}

.comment-meta ~ p {
	clear: both;
}

.avatar {
	border-radius: 50%;
}

.reply {
	line-height: 1.625em;
	padding-top: 9px;
	margin-bottom: 0;
}

.commentarea form {
	margin-top: 24px;
}

.pagewrap .commentarea input[type="submit"] {
	font-size: 1.125em;
}

.commentarea #submit {
	clear: both;
}

/* 3.4.3.3. home */
.home .lastpost {
	width: 65.3333333%;
	float: left;
}

/* 3.5. .doelgroepenbalk */
.doelgroepenbalk .widget,
.blockarea .block { /* Clotho, Lachesis, Atropos */
	width: 30.6666666667%;
	padding-left: 4%;
	float: left;
}

.doelgroepenbalk .widget {
	margin-top: 13px;
	padding-top: 143px;
	background-position: top center;
	background-repeat: no-repeat;
}

.doelgroepenbalk .widget:nth-of-type(3n+1),
.blockarea .block:nth-of-type(3n+1) {
	padding-left: 0;
	margin-bottom: 1.625em;
}

.doelgroepenbalk .widget:nth-of-type(3n+1),
.blockarea .block:nth-of-type(3n+1) {
	clear: both;
}

.doelgroepenbalk {
	padding-top: 42px;
	padding-bottom: 3.25em;
}

.doelgroepenbalk img,
.blockarea img {
	margin: 0 auto;
	display: block;
}

.blockarea img {
	margin-bottom: 18px; /* compensates for the img not being in a paragraph */
}

.doelgroepenbalk img ~ h2 {
	margin-top: 26px;
}

.pagewrap .blockarea {
	padding-bottom: 20px;
}

.blockarea br,
.blockarea p:empty {
	display: none;
}

.doelgroepenbalk .widget:nth-of-type(1) {
	background-image: url(images/patient.png);
}

.doelgroepenbalk .widget:nth-of-type(2) {
	background-image: url(images/person-doctor.png);
}

.doelgroepenbalk .widget:nth-of-type(3) {
	background-image: url(images/person-exclamation.png);
}

/* 3.6. sitemap */
.sitemap {
	padding-top: 3.25em;
	padding-bottom: 6.5em;
}

.sitemap .widget {
	padding-top: 1.625em;
	padding-left: 4%;
	float: left;
}

/* 3.7. footer */
.footerwrap {
	width: 100%;
}

.footer {
	height: 65px;
	padding-top: 26px;
}

.footer {
	display: flex;
	justify-content: space-between;
}

.prefooterwrap {
	width: 100%;
		background-color: #e8b75f;
	font-size: .75em;
}

.prefooter {
	height: 26px;
	box-sizing: border-box;
	padding-top: 0px;
	display: flex;
	justify-content: space-between;
}

/* 3.8. pop-in */
.popin {
	position: fixed;
	right: 0;
	bottom: 15vh;
	max-width: 15vw;
	margin-right: -15vw;
	animation: 200s ease-in-out 2s infinite slidein;
	z-index: 10;
/*display: none;*/
}

@keyframes slidein {
	0%, 100% { margin-right: -15vw; }
	.1%, 99.9%, .3%, 99.7%   { margin-right: 0; }
	.2%, 99.8% { margin-right: -1vw; }
}

/* 4. navigation */
.nav ul {
	list-style: none;
}

.nav ul li {
	float: left;
}

.nav ul > li ~ li {
	padding-left: .5em;
	padding-right: .5em;
}

.nav a {
	font-size: 1.125em;
	text-transform: uppercase;
	padding: .75em .5em .71875em .5em;
	display: block;
}

/* 4.1. link behaviour */
.nav a:link,
.nav a:visited {
	color: #ffffff;
}

.nav .current_page_item,
.nav .current_page_ancestor {
	background-color: #e8b75f;
}

.nav .current_page_item > a,
.nav .current_page_item > a:link,
.nav .current_page_item > a:visited {
	color: #d00711;
}


.nav a:hover {
	text-decoration: none;
	color: #adbeba;
}

.nav a:active {
	color: #4a2c12;
	background-color: none;
}

.nav li ul li a
.nav li ul li a:link,
.nav li ul li a:visited {
	color: #ffffff;
}

.nav li ul li a:hover {
	color: #d00711;
}

.nav li ul li a:active {
	color: #4a2c12;
}

/* 4.2. external links */
.nav li.extern {
}

.nav li.extern a::after {
	content:" ";
	position: absolute;
	height: .75em;
	width: .75em;
	background-image: url(images/external_link.svg);
	background-size: .75em;
	margin-top: .25em;
	margin-left: .5em;
}

/* 5. backgrounds */
.content,
.archive .hentry,
.single .hentry {
	background-image: url(images/bg-empty-logos.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.archive .content {
	background: none;
}

.jumpout.beige {
	background-color: #e8b75f;
}

.jumpout.blue {
	background-color: #86c9ec;
}

.jumpout.beige .liner {
	background-image: url(images/bg-logos.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.jumpout.blue .liner {
	background-image: url(images/bg-empty-logos-white.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.blockarea .liner {
	background-image: none;
}

.doelgroepenbalk,
.blockarea {
	background-color: #adbeba;
}

.blockarea.fht {
	background-color: #86c9ec;
}

.bluesquares {
	background-image: url(images/bg-squares.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.ambercrosses {
	background-image: url(images/bg-crosses.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.blog .blogroll {
	background: none;
}

.sitemap {
	background-color: #adbeba;
}

.footerwrap {
	background-color: #d00711;
}

/* 5.1. testing backgrounds */
* {
/*background-color: rgba(0,200,0,.3);/**/
}

html {
/*background-image: url(images/grid.gif); /* zomg teh grid */
}

.content {
/*background-color: rgba(0,200,100,.3); /**/
}

.jumpout {
/*background-color: rgba(232,183,95,.5);/**/
}

.doelgroepenbalk {
/*	background-color: rgba(173,190,186,.5);/**/
}

/* 6. other elements */

/* 6.1. iframes */

/* 6.2. clearfix */
.clearfix:before,
.clearfix:after,
.pagewrap .wpcf7:before,
.pagewrap .wpcf7:after {
	content: "";
	display: table;
}

.clearfix:after,
.pagewrap .wpcf7:after {
	clear: both;
}

.clearfix
.pagewrap .wpcf7 {
	zoom: 1;
}

/* 6.3. Android fix for checkbox hack */
body {
	-webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

label { 
  cursor: pointer;
  user-select: none;
}

} /* END screen media */

/* === 7. size queries === */

/* mobile-ish       -800px
   tablet-ish		801-1024px
   laptop-ish		1025-1280px
   desktop-ish		1281-px

/* == 7.1 mobile == */
@media only all and (max-width: 800px) {
* {
/*	background-color: rgba(255,255,100,.3);/**/
}

.logoarea {
	width: 100%;
}

.logo {
	float: right;
	margin-top: 0;
	min-width: 13.125em;
}

.logobuttons {
	margin-top: 3.25em;
	position: absolute;
}

.logo button {
	float: left;
}

.logo h1 {
	text-align: left;
}

.content, .archive .hentry, .single .hentry {
	width: 100%;
	padding: 0;
	margin-bottom: 0;
}

.liner {
}

.jumpout {
	/*background-color: rgba(255,0,0,.2);*/
}

.jumpout .liner > p:not(.wp-caption-text),
.jumpout .liner > blockquote,
.jumpout .liner > ol,
.jumpout .liner > ul,
.jumpout .liner > h1,
.jumpout .liner > h2,
.jumpout .liner > h3,
.jumpout .liner > h4,
.jumpout .liner > h5,
.jumpout .liner > h6,
.jumpout .liner > table,
.jumpout .liner > form {
	max-width: 100%;
}

p:empty {
	display: none;
	height: 0;
}

.alignright, img.alignright {
	float: none;
	margin-left: 0;
	margin-top: 13px;
}

.alignleft { /* Laurel */
	max-width: 48%;
	float: none;
	margin-left: 0;
	margin-top: 13px;
}

.alignleft:after {
	/*content: "foobar";*/
}


.doelgroepenbalk .widget,
.blockarea .block { /* Clotho, Lachesis, Atropos */
	width: 100%;
	float: left;
}

.sitemap {
	padding-top: 0;
}

.sitemap .widget {
	width: 48%;
	float: left;
}

.sitemap .widget:nth-of-type(2n+1) {
	padding-left: 0;
	clear: both;
}

.home .lastpost {
	width: auto;
}

.lastpostfimage {
	width: 48% !important;
}

.blog .entry {
	width: 100% !important;
}

.blog .fimage,
.blog .blogroll .entry {
	float: none !important;
}

.blog .fimage {
	margin-left: 0 !important;
	margin-top: 13px;
	margin-bottom: 0;
}

.footer {
	flex-wrap: wrap;
	height: auto;
	align-content: flex-start;
	flex-direction: row;
	justify-content: space-between;
}

.footer .widget ~.widget {
}

.popin {
	bottom: 8vh;
	max-width: 40vw;
	margin-right: -40vw;
}

@keyframes slidein {
	0%, 100% { margin-right: -40vw; }
	.1%, 99.9%, .3%, 99.7%   { margin-right: 0; }
	.2%, 99.8% { margin-right: -1vw; }
}


}

/* == 7.2. mobile and tablet == */
@media only all and (max-width: 1224px) {
body {
	margin-top: 3.25em;
	width: 100%;
	overflow-x: hidden;
}
	
.headerwrap {
	position: fixed;
	top: 0;
	width: 100%;
	margin-bottom: 3.25em;
}

.menu-toggle {
	float: right;
	position: fixed;
	right: 1%;
	top: 0;
	z-index: 1000;
}

input.menu-toggle {
	display: none;
}

label.menu-toggle {
	cursor: pointer;
	height: 2.4375em;
	padding-right: 2em;
	padding-top: 0.8125em;
	background-image: url(images/hamburger-01.svg);
	background-size: 20%;
	background-position: top 20px right 1%;
	background-repeat: no-repeat;
	color: #ffffff;
}

.menu-toggle:checked ~ label.menu-toggle {
	background-image: url(images/close-01.svg);
}

.nav .menu-main-navigation-menu-container {
	background-color: #d00711;
	display: block;
	position: fixed;
	/*min-height: 100%;*/
	height: 100%;
	box-sizing: border-box;
	top: 0;
	left: 0;
	overflow-y: auto;
	width: 0;
	padding-top: 6.5em;
	padding-bottom: 6.5em;
}

.nav li {
	float: left;
	width: 100%;
	display: block;
	background-color: #d00711;
}

.nav li a,
.nav ul > li ~ li {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

.nav li a {
	padding-left: 1em;
}

.nav li ul a {
	padding-left: 3em;
}

.nav .menu > li:last-child {
	margin-bottom: 6.5em;
}

.nav li ~ li {
}

.nav li > ul li a {
}

#search {
	width: 0;
	overflow: hidden;
}

.menu-toggle:checked ~ .headerwrap .header #search {
	position: fixed;
	left: 0;
	top: 3.25em;
	height: 3.25em;
	padding: 0;
	overflow: visible;
}

.menu-toggle:checked ~ .headerwrap .header #search input[type="text"] {
	width: 85%;
		/*width: calc(100% - 4.5em);*/
	height: 52px;
	background-color: #ffffff;
	color: #4a2c12;
	border-radius: 26px;
	margin: 0 1em;
	text-indent: 0;
	padding-left: 2.5em;
	background-image: url(images/magnifier-red.png);
	background-repeat: no-repeat;
	background-position: top 1.25em left 1em;

}

.menu-toggle:checked ~ .headerwrap .header .nav .menu-main-navigation-menu-container {
	width: 67%;
	background-image: url(images/LEEFH-logo-white.png);
	background-position: top .75em left 1em;
	background-repeat: no-repeat;
}

.menu-toggle:checked ~ .headerwrap .header #search {
	width: 65%;
	width: calc(67% - 1em);
}

.menu-toggle:checked ~ .headerwrap,
.menu-toggle:checked ~ .pagewrap,
.menu-toggle:checked ~ .footerwrap {
	margin-left: 67%;
	width: 100%;
}

.nav li a:hover {
	background-color: #e8b75f;
	color: #d00711;
}

.nav li a:active {
	background-color: #adbeba;
	color: #ffffff;
}

.blog .jumpout .post {
	width: 100%;
}
}

/* == 7.3. tablet == */
@media only all and (min-width: 801px)
				and (max-width: 1224px) {
* {
/*background-color: rgba(0,200,0,.3);/**/
}
					
.liner {
	width: 98%;
}

.jumpout { /* width is equal to the inverse of the .content's width multiplied by the .liner's width */
	width: 156.185%;
	margin-left: -54.685%; /* trial and error */
}

.popin {
	bottom: 15vh;
	max-width: 25vw;
	margin-right: -25vw;
}

@keyframes slidein {
	0%, 100% { margin-right: -25vw; }
	.1%, 99.9%, .3%, 99.7%   { margin-right: 0; }
	.2%, 99.8% { margin-right: -1vw; }
}

}

/* == 7.4. tablet, laptop and desktop == */
@media only all and (min-width: 801px) {
.headerwrap {
	z-index: 900; 
}
	
.content {
	min-height: 14.625em;
}

.sitemap .widget {
	width: 30.666666666666666666666666666667%;
}

.sitemap .widget:nth-of-type(3n+1) {
	padding-left: 0;
	clear: both;
}
}

/* == 7.4 laptop == */
@media only all and (min-width: 1224px)
				and (max-width: 1480px) {
.liner {
	width: 87%;
}

.jumpout .liner {
	width: 75%;
}
}

/* == 7.5. laptop and desktop == */
@media only all and (min-width: 1224px) {
.menu-toggle {
	display: none;
}

#search {
	height: 1.625em;
	width: 2.375em;
	float: right;
	padding: .8125em 0 .8125em .8125em;
}

#search input[type="text"] {
	float: right;
	width: 1.625em;
	height: 1.625em;
	border-radius: .8125em;
	background-image: url(images/magnifier-white.png);
	background-repeat: no-repeat;
	background-position: 0.375em 0.375em;
}

#search input[type="text"]:focus,
#search:hover input[type="text"] {
	width: 16em;
	padding-left: 1.5em;
	background-color: #ffffff;
	text-indent: 0;
	background-image: url(images/magnifier-red.png);
	transition: width .4s ease,
				box-shadow .4s ease,
				background-color .4s ease;
		-webkit-transition: width .4s ease,
				box-shadow .4s ease,
				background-color .4s ease;
}
	
.jumpout { /* width is equal to the inverse of the .content's width multiplied by the .liner's width */
	width: 204.08%;
	margin-left: -78.6%; /* trial and error */
}

/* 4.2. submenu */ 
.nav li ul {
	position: absolute;
	margin: 0;
	background-color: #adbeba;
	margin-left: -.5em;
	max-height: 0;
	padding: 0;
	overflow: hidden;
}

.nav li ul li {
	float: none;
}

.nav li ul li ~ li {
	padding-left: 0;
}

.nnv li ul li a {
	padding: 0 1em;
}

.nav li:hover ul {
	max-height: 36em;
	height: auto;
	transition: max-height .4s ease;
}

.nav li ul a {
	padding-left: 1em;
	padding-right: 1em;
}

}

/* == 7.6. desktop == */
@media only all and (min-width: 1480px) {
.liner {
width: 75%;
}

.sitemap .widget {
	width: 16.8%;
}

.sitemap .widget:nth-of-type(3n+1) { /*reverse earlier css */
	padding-left: 4%;
	clear: none;
}

.sitemap .widget:first-of-type {
	padding-left: 0;
}
}

/* == 8. hacks == */

/* webkit hacks */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	}
	
/* Safari hacks */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		::i-block-chrome,* { /*styles*/
		}
	}
	
/* opera hacks */	
	@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	}
	
/* landscape */
	@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	}

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */