/*
Theme Name: BSO Flipje
Theme URI: https://dingz.com
Author: BSO Flipje
Author URI: https://dingz.com
Description: BSO Flipje - Custom Theme based on blankslate
Version: 2022
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: dingz.com

BSO Flipje WordPress Theme © 2022
BSO Flipje is distributed under the terms of the GNU GPL
*/


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
	
@font-face {
  font-family: 'Orangina';
  font-weight: 400;
  font-style: normal;
  src: url("fonts/Orangina.woff2") format('woff2'),
       url("fonts/Orangina.woff") format('woff'),
       url("fonts/Orangina.ttf") format('truetype');
}


:root {
  --kleur-beige: #fff6ee;
  --kleur-roze: #dd9d83;
  --kleur-blauw: #adc2bb;
  --kleur-zand: #e4b890;
  --kleur-groen: #989672;
  --kleur-donkergroen: #72754a;
  --kleur-brons: #b17850;	
  --kleur-donkerblauw: #211842;		
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:400;}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

header * { transition: all 0.25s ease; }
*:hover { transition: all 0.25s ease; }
a { color: var(--kleur-donkerblauw); position: relative; text-decoration: underline; transition: all 0.25s ease; }
strong { font-weight: 700; }

body { font-family: 'Noto Sans', sans-serif; line-height: 1.5em; font-weight: 400; font-size: 1.1em;  color: var(--kleur-donkerblauw); background: var(--kleur-beige); }

#wrapper { display: grid; }
#wrapper:before { content: ''; position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; background: #fff; z-index: 1; }

#header { display: flex; align-items: center; justify-content: left; height: 100px; margin: 1.5rem 0 0 0; z-index: 9; background: #fff; }
#header * { margin: 0px; } 
#header nav { flex: 2; text-align: right; }
#header nav ul { display: flex; gap: 1em; justify-content: left; margin: 2rem 4rem; }
#header nav ul li { position: relative; z-index: 1; }
#header nav ul li a { font-family: 'Orangina', serif; position: relative; padding: 10px 15px; display: block; text-align: center; font-size: 1.2em; text-decoration: none; }
#header nav ul li:hover a {  }
#header nav ul li:nth-child(1) a { color: var(--kleur-brons); }
#header nav ul li:nth-child(2) a { color: var(--kleur-roze); }
#header nav ul li:nth-child(3) a { color: var(--kleur-blauw); }
#header nav ul li:nth-child(4) a { color: var(--kleur-zand); }
#header nav ul li:nth-child(5) a { color: var(--kleur-donkergroen); }
#header nav ul li:nth-child(6) a { color: var(--kleur-groen); }
#header nav ul li:nth-child(7) a { color: var(--kleur-brons); }



#header, #container, #footer { padding: 0px; font-weight: 500; }


#header.stick { position: fixed; background: #fff; z-index: 999; width: 100%; top: 0px; left: 0px; transition: all 0.5s ease; height: 70px; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); margin: 0px; }
#header.stick #site-title a:before { height: 70px; width: 140px; top: 0px; transition: all 0.5s ease; background: url(images/flipje.svg) no-repeat center; margin: 0px 50px 0px 50px; }
#header.stick #site-title a:after { width: 60px; height: 60px;  transition: all 0.5s ease; left: 50%; top: 0px; }
#header.stick #site-title { height: 70px; }
#header.stick nav ul { margin: 0px; padding: 0 1rem; }
#header.stick nav ul li a { font-size: 1em; }
#header.stick .goright { right: 0rem; }
#header .goright { margin-left: auto; }
#header .c2a a { color: #fff; background: var(--kleur-brons); border-radius: 2em; padding: 10px 25px 15px 25px; }
#header .c2a:hover a { background: #211842; color: #fff; }
.bigimage img { width: 100%; }

figure { position: relative; }
figure:after { content: ''; position: absolute; height: 100%; width: 100%;  z-index: -1; border-radius: 2rem; background: rgba(0,0,0,0.1); }
.wp-block-columns.three-children .wp-block-column figure img { border-radius: 0px; margin: 0 0 1rem 0;}
.wp-block-columns.three-children .wp-block-column figure:after { display: none; }
.rotcc25 { transform: rotate(-2.5deg); }

.wp-block-column ul { margin-bottom: 1rem; }
.wp-block-column ul li { padding: 0 0 1rem 2rem; position: relative; }
.wp-block-column ul li:before { content: ''; width: 12px; height: 12px; background: var(--kleur-brons); left: 5px; top: 9px; position: absolute; border-radius: 12px; }

article ul.wp-block-list { margin-bottom: 1rem; }
article ul.wp-block-list li { padding: 0 0 1rem 2rem; position: relative; font-weight: 400; }
article ul.wp-block-list li:before { content: ''; width: 12px; height: 12px; background: var(--kleur-brons); left: 5px; top: 9px; position: absolute; border-radius: 12px; }

.rotcc25:after {  transform: rotate(1deg); left: 1rem; top: 1rem; }

.hoofdje:before { content: ''; position: absolute; width: 120px; height: 120px; }
.rotcc25.hoofdje:before { top: -2rem; left: -2rem; transform: rotate(10deg); }
.rotcw25.hoofdje:before { top: -2rem; right: -2rem; transform: rotate(-10deg); }

.hoofdje.h001:before { background: url(images/hoofdjes/hoofdje001.svg) no-repeat center; background-size: contain; }
.hoofdje.h002:before { background: url(images/hoofdjes/hoofdje002.svg) no-repeat center; background-size: contain; }
.hoofdje.h003:before { background: url(images/hoofdjes/hoofdje003.svg) no-repeat center; background-size: contain; }
.hoofdje.h004:before { background: url(images/hoofdjes/hoofdje004.svg) no-repeat center; background-size: contain; }
.hoofdje.h005:before { background: url(images/hoofdjes/hoofdje005.svg) no-repeat center; background-size: contain; }
.hoofdje.h006:before { background: url(images/hoofdjes/hoofdje006.svg) no-repeat center; background-size: contain; }
.hoofdje.h007:before { background: url(images/hoofdjes/hoofdje007.svg) no-repeat center; background-size: contain; }
.hoofdje.h008:before { background: url(images/hoofdjes/hoofdje008.svg) no-repeat center; background-size: contain; }
.hoofdje.h009:before { background: url(images/hoofdjes/hoofdje009.svg) no-repeat center; background-size: contain; }
.hoofdje.h010:before { background: url(images/hoofdjes/hoofdje010.svg) no-repeat center; background-size: contain; }
.hoofdje.h011:before { background: url(images/hoofdjes/hoofdje011.svg) no-repeat center; background-size: contain; }
.hoofdje.h012:before { background: url(images/hoofdjes/hoofdje012.svg) no-repeat center; background-size: contain; }

.rotcw25 { transform: rotate(2.5deg); }
.rotcw25:after {  transform: rotate(-1deg); left: -1rem; top: 1rem; }


#footer { background: var(--kleur-groen); display: flex; flex-wrap: wrap; }
#footer > div { padding: 5rem 3rem; flex: 1; }
#footer p { margin: 0px; }
#footer .wpcf7-form label { color: #fff; }
#footer h3 { color: white; font-size: 1.25em; }
#footer ul li { color: white; font-weight: 400; line-height: 1.6em; }
#footer ul li a { color: white; font-weight: 400; }
#footer ul li a:hover { text-decoration: underline; }


#copyright { text-align: center; padding: 30px; background: var(--kleur-donkergroen); color: rgba(255,255,255,0.5); font-size: 0.75em; }

h1, h2, h3 { font-family: 'Orangina', serif; }
h1 { font-size: 3em; line-height: 1em; font-weight: 500; margin: 0px 0px 2rem 0px; }
h2 { font-size: 2em; line-height: 1em; font-weight: 500; margin: 0px 0px 1.5rem 0px; }
h3 { font-size: 1.5em; line-height: 1.25em; font-weight: 500; margin: 0px 0px 1rem 0px; }
h2 em, h3 em { font-family: 'Noto Sans', sans-serif; font-weight: 900; color: var(--kleur-beige); }
h3 em { color: var(--kleur-donkerblauw); }

.cropper figure { margin: -5rem -3rem; }

.has-x-large-font-size { font-size: 5em; }

p { margin: 0px 0px 25px 0px; line-height: 1.5em; font-weight: 400; }

blockquote { padding: 0 0 0 2rem; position: relative; font-style: italic; font-weight: 300; }
blockquote:before { content: ''; position: absolute; content: ' '; width: 3px; height: 100%; left: 5px; top: 0px; background: rgba(0,0,0,0.2); }

figure.wp-block-gallery.has-nested-images { display: flex; }
figure.wp-block-image img { border-radius: 2rem; }


.entry-content > .wp-block-columns:before,
.widget-container > .wp-block-columns:before,
.entry-content > .wp-block-columns:after,
.widget-container > .wp-block-columns:after,
#footer:before, 
#footer:after { content: ''; position: relative; width: calc(50% - 700px); }
.entry-content > .wp-block-columns > .wp-block-column,
.widget-container > .wp-block-columns > .wp-block-column { padding: 5rem 3rem; }

article.category-blog .entry-content > .wp-block-columns { margin: 0rem -3rem 1rem -3rem; border-radius: 2rem; gap: 3rem; padding: 3rem; }  
article.category-blog .entry-content > .wp-block-columns > .wp-block-column { padding: 0rem 0rem; }
article.category-blog .entry-content > .wp-block-columns:before,
article.category-blog .entry-content > .wp-block-columns:after { display: none; }
article.category-blog .entry-content > .wp-block-columns > .wp-block-column figure:after { left: 0; top: 0; }
article.category-blog .entry-content > .wp-block-columns > .wp-block-column .wp-block-image :where(figcaption) { font-size: 0.8em; font-style: italic; text-align: center; }

.wp-block-columns { margin: 0px; }
.wp-block-columns .wp-block-column .wp-block-columns { gap: 5rem; }

.wp-block-buttons { display: flex; gap: 1rem; margin: 25px 0px; }
.wp-block-button>a { font-family: 'Orangina', serif; padding: 0.75rem 1.5rem 1rem 1.5rem; text-transform: uppercase; }
.wp-block-button:hover>a { background-color: var(--kleur-donkergroen) !important; color: white !important; }
.wp-block-image.zoomed { margin: -5rem -3rem; }

.has-white-background-color { background: #fff; }

.page, .post, article { position: relative; }

article.category-blog h2 { font-size: 1.5em; line-height: 1.2em; }

a.post-edit-link { position: absolute; right: 0px; top: 0px; padding: 10px 15px; font-size: 0.8em; }

#site-title { height: 120px;  }
#site-title a { position: absolute; left: calc(50% - 125px); top: 0px; }
#site-title a span { display: none; }
#site-title a:before { content: ''; position: absolute; left: 0px; top: -5px; height: 250px; width: 250px; background: url(images/flipje-logo.svg) no-repeat center; transition: all 0.5s ease; z-index: 1; }
#site-title a:after { content: ''; position: fixed; pointer-events: none; display: block; background: #fff; width: 120%; height: 250px; top: -50px; left: -10%; z-index: 0; border-radius: 100%;  transition: all 0.25s ease; }

.wp-block-separator { position: relative; height: 50px; border: 0px; margin: 0px; }
.wp-block-separator:after { content: ''; position: absolute; pointer-events: none; display: block; background: #fff; width: 140%; height: 250px; top: -200px; left: -20%; z-index: 0; border-radius: 100%;  transition: all 0.25s ease; }

.wp-block-separator.beige:after { background: var(--kleur-beige); }
.wp-block-separator.roze:after { background: var(--kleur-roze); }
.wp-block-separator.zand:after { background: var(--kleur-zand); }
.wp-block-separator.blauw:after { background: var(--kleur-blauw); }

.backdrop { background: url(images/backdrop.png) repeat; align-items: center !important; }

.single-post article { max-width: 800px; margin: 0 auto; padding: 8rem 2rem; }
.single-post article .entry-meta  { color: #aaa; margin: 0px 0px 10px 0px; display: block; }
.single-post article .entry-meta a { color: #aaa;  }
.single-post article .entry-title a:hover,
.single-post article .entry-title a { color: #211842; pointer-events: none; }
.single-post article .entry-title a:after { display: none; }
.single-post article h1 { color: var(--kleur-roze); }
.single-post article figure { margin: 1.5rem 0; }
.single-post article img.wp-post-image { max-width: 100%; height: auto; border-radius: 1rem; margin: 0 0 1rem 0; }
.single-post .entry-footer { font-size: 0.8em; opacity: 0.5; }


.latestposts { display: flex; gap: 6rem; flex-wrap: wrap; max-width: 1400px; margin: 0 auto; }
.latestposts .listing-item, body.archive article { flex: 1; max-width: 33.333333%; flex-basis: calc(33.333333% - 6rem); }
.latestposts .listing-item img, body.archive article img { max-width: 100%; height: auto; border-radius: 1rem; margin: 0 0 1rem 0;  position: relative; display: block; }
.latestposts .listing-item a.title, body.archive article a.title { display: block; font-size: 1.5em; font-family: 'Orangina', serif; margin: 0 0 1rem 0; text-decoration: none; line-height: 1.2em; }
.latestposts .listing-item .excerpt-more { color: var(--kleur-brons); }

body.archive .latestposts { gap: 0; }
body.archive .latestposts article { padding: 3rem; }
body.archive header.header { max-width: 1400px; margin: 0 auto; padding: 8rem 3rem 0rem 3rem; }
body.archive header.header h1,
body.archive header.header h1 a { color: var(--kleur-roze); text-decoration: none; }


.faqlist { display: inherit; }
.faqlist * { transition: none !important; }
.faqlist > li { margin: 0px; padding: 0px 0px 0px 20px; line-height: 1.5em; border-bottom: 1px solid rgba(33,24,66,0.25); position: relative; list-style: none; font-weight: 400; }
.faqlist > li:nth-child(odd) { margin: 0px; padding: 0px 0px 0px 25px; }
.faqlist > li:nth-child(odd) strong { font-weight: 500; padding: 15px 0px 15px 10px; display: block; font-weight: bold; }
.faqlist > li:nth-child(odd) strong:hover { text-decoration: underline; }
.faqlist > li:nth-child(odd) { cursor: pointer; }
.faqlist > li:nth-child(even) { display: none; padding: 15px 0px 15px 35px; margin: 0px; line-height: 1.5em; }
.faqlist li strong:before { content: '+'; width: 20px; display: inline-block; margin: 0px 10px 0px 10px; font-weight: 500; position: absolute; background: #fff; color: #322f40; text-align: center; left: -10px; top: 27px; font-size: 20pt; opacity: 0.5; border-radius: 50px; font-weight: bold; line-height: 0px; }
.faqlist li strong:hover:before { opacity: 1; }
.faqlist li strong.switch:before { content: '-'; }
.faqlist li strong > strong { padding: 0px; }
.faqlist li strong > strong:before { display: none; }
.faqlist li span.stonger { font-weight: bold; }
.faqlist li:before { display: none; }
.faqlist li li strong:before { display: none; }
.faqlist > li ul { list-style: circle; margin: 15px 20px;  }
.faqlist > li ul li { font-size: 11pt; margin: 5px 0px; }
.faqlist > li ul li img { height: auto; }

.social { text-align: left; margin: 0px 0px 0px 0px; display: inline-block; width: 100%; }
.social li { display: inline-block !important; text-indent: -5000px;  }
.social li a { height: 50px; min-width: 50px; width: auto; background: rgba(255,255,255,0.25); display: block; margin: 5px; position: relative; opacity: 1;  border-radius: 50px; }
.social li a:hover { opacity: 1; background-color: rgba(255,255,255,1); }
.social li a:before { content: ''; display: block; width: 50px; height: 50px; margin: 0px; position: absolute; left: 0px; top: 0px;  }
.social li:nth-child(1) a:before { background: url(images/social/instagram.svg) 12px 12px no-repeat; background-size: 25px 25px; }
.social li:nth-child(2) a:before { background: url(images/social/pinterest.svg) 12px 12px no-repeat; background-size: 25px 25px;    }
.social li:nth-child(3) a:before { background: url(images/social/facebook.svg) 12px 12px no-repeat; background-size: 25px 25px; }
.social li:nth-child(4) a:before { background: url(images/social/youtube.svg) 12px 12px no-repeat; background-size: 25px 25px; }

.grecaptcha-badge { opacity: 0; }

.wp-block-columns.three-children .wp-block-column { padding: 3rem; }

.wp-block-columns.titleblock .wp-block-column { padding: 5rem 0 0 0; }
.wp-block-columns.titleblock .wp-block-column h2 { }

.wp-block-columns.max800:before,
.wp-block-columns.max800:after { content: ''; position: relative; width: calc(50% - 450px); }

.wp-block-group { max-width: 800px; margin: 0 auto; }

textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="tel"],input[type="email"],input[type="date"]
{ background: #fff; border-radius: 5px; padding: 0.7rem; border: 0px; width: 100%; margin: 0 0 0.5rem 0; font-size: 1em; font-family: 'Noto Sans', sans-serif; filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.5));
 }
input[type="submit"] { cursor: pointer; border-radius: 3rem;  width: 180px; font-family: 'Orangina', serif; font-size: 16pt; text-transform: uppercase; background: var(--kleur-roze); color: var(--kleur-donkerblauw); line-height: 1em; padding: 1rem 1rem 1.1rem 1rem; filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.0)); }
input[type="submit"]:hover { background: var(--kleur-donkerblauw); color: var(--kleur-roze); }

.wpcf7-form label { font-size: 12pt; line-height: 2rem; display: block; }

.wpcf7-form .formrow { display: flex; gap: 6rem; }

.wpcf7-form .formrow.w50 { width: 50%; }
.wpcf7-form .formrow > div,
.wpcf7-form .formrow > p { flex: 1; }
.wpcf7-form .formrow > div p { margin: 0px; }
.wpcf7-form br { margin: 0px; display: none; }
.wpcf7-form hr { margin: 3rem 0; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 0; }
.wpcf7-form p { margin: 0px; }
.wpcf7-form .wpcf7-radio { display: flex; gap: 1rem; margin: 0.5rem 0 0.75rem 0; }
.wpcf7-form .wpcf7-radio * { margin: 0px; }

/************************************************************************************
bigger than 1000
*************************************************************************************/

@media screen and (min-width: 1000px) {


#header nav ul li.current-menu-item:after, #header nav ul li:hover:after { content: ''; width: 100%; height: 100%; opacity: 0.2; border-radius: 1rem; position: absolute; left: 0; top: 3px; z-index: -1; }
#header nav ul li.current-menu-item:nth-child(even), #header nav ul li:nth-child(even):hover:after { transform: rotate(-2.5deg); }
#header nav ul li.current-menu-item:nth-child(odd), #header nav ul li:nth-child(odd):hover:after { transform: rotate(2.5deg); }
	
#header nav ul li:nth-child(1) a { color: var(--kleur-brons); }
#header nav ul li:nth-child(2) a { color: var(--kleur-roze); }
#header nav ul li:nth-child(3) a { color: var(--kleur-blauw); }
#header nav ul li:nth-child(4) a { color: var(--kleur-zand); }
#header nav ul li:nth-child(5) a { color: var(--kleur-donkergroen); }
#header nav ul li:nth-child(6) a { color: var(--kleur-groen); }
	
#header nav ul li:nth-child(1):after { background: var(--kleur-brons); }	
#header nav ul li:nth-child(2):after { background: var(--kleur-roze); }	
#header nav ul li:nth-child(3):after { background: var(--kleur-blauw); }	
#header nav ul li:nth-child(4):after { background: var(--kleur-zand); }	
#header nav ul li:nth-child(5):after { background: var(--kleur-donkergroen); }	
#header nav ul li:nth-child(6):after { background: var(--kleur-groen); }	
#header nav ul li:nth-child(7):after { background: var(--kleur-brons); }	
#header nav ul li:nth-child(8):after { background: var(--kleur-blauw); }	

	
 }


/************************************************************************************
smaller than 1400
*************************************************************************************/

@media screen and (max-width: 1400px) {

#header nav ul { margin: 2rem 2rem; justify-content: center; }
#header .goright { margin-left: 0; }	
#header.stick .goright { margin-left: auto; }	
#site-title a:before { top: 5rem; }	
	
	
}

/************************************************************************************
smaller than 1000
*************************************************************************************/

@media screen and (max-width: 1000px) {

#menu { display: none; }


#container, #footer { padding: 0px 0px; }
#footer > div { padding: 3rem 2rem; }
#container { margin: 50px 0px 0px 0px; }
	
#header { height: 50px; position: fixed; width: 100%; top: 0px; z-index: 1; background: #fff; gap: 0; margin: 0rem; }
#header #site-title { height: 50px; }
	
#site-title a { left: calc(50% - 90px); }	
#site-title a:before,
#header.stick #site-title a:before { height: 50px; width: 180px; padding: 0px; margin: 0px; background: url(images/flipje.svg) no-repeat center; top: 0px; background-size: 110px auto; }
#site-title a:after { display: none; }
	
.cropper figure { margin: -3rem -2rem; }	
	
.entry-content > .wp-block-columns > .wp-block-column,
.widget-container > .wp-block-columns > .wp-block-column { padding: 2rem; }	

.wp-block-buttons { margin: 25px 0px 0px 0px; display: block; } 	
.wp-block-buttons .wp-block-button:first-child { margin-bottom: 15px; }
	
.hamburger { display: block; width: 50px; height: 50px; margin: 5px 10px; position: absolute; right: 0px; top: 0px; background: url(images/hamburger.svg) 12px 12px no-repeat; background-size: 24px 24px; }	
	
#header nav ul { display: block; width: 100%; position: absolute; top: 45px; left: 0px; margin: 0px; width: 100%; } 	
#header #menu { background: #190F28; text-align: left; transition: margin 0.4s; display: none; padding: 0px; margin-top: 54px;  -webkit-box-shadow: 0px 30px 30px 10px rgba(0,0,0,0.2); box-shadow: 0px 30px 30px 10px rgba(0,0,0,0.2); }
#header nav ul:after { content: ''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); z-index: 0; }
#header #menu li { display: block !important; z-index: 999; background: #fff; width: 100%; position: relative !important; }
#header #menu li a { background: #fff; display: block; padding: 1rem 2rem;  font-size: 1.1em; text-decoration: none; color: #222; letter-spacing: 1px; text-align: left; border-bottom: 1px solid rgba(0,0,0,0.05); }

	
#header.stick,
#header.stick #site-title	{ height: 50px; }	
#header.stick #site-title a:before { height: 50px;}


.wp-block-columns .wp-block-column .wp-block-columns { gap: 0px; }	
	
.single-post article { padding: 2rem; }	
	
.wp-block-image.zoomed { margin: -2rem; }	
	
.hoofdje:before { display: none; }	
		
}

/************************************************************************************
smaller than 600
*************************************************************************************/

@media screen and (max-width: 600px) {
	
body { font-size: 1em; }	

#header.stick nav ul { padding: 0px; }	
	
.wp-block-spacer { display: none; }	
	
.wpcf7-form .formrow { flex-direction: column; gap: 2rem; }
.wpcf7-form .formrow.w50 { gap: 0rem; width: 100%; }	
.wpcf7-form .formrow.w50 p { margin: 0px; }	
	
.wp-block-columns.reverse { flex-direction: column-reverse; }
.wp-block-columns.reverse.first .wp-block-image { margin: -2rem -2rem -1rem -2rem; transform: rotate(0deg); overflow: hidden; display: flex; max-height: 200px; }
.wp-block-columns.reverse.first .wp-block-image img { border-radius: 0px; object-fit: cover; object-position: center; }	
.wp-block-columns.reverse.first .wp-block-image:after { display: none; }
	
.latestposts { flex-direction: column; }	
	
.latestposts .listing-item { max-width: 100%; }	
	
body.archive .latestposts article { padding: 2rem; max-width: 100%; }
	
body.archive header.header { padding: 2rem 2rem 0 2rem; }	
	
.wp-block-separator:after { width: 200%; left: -50%; }	
	
.entry-content > .wp-block-columns > .wp-block-column { padding: 2rem 2rem 0 2rem; }

.wp-block-columns.three-children .wp-block-column figure.is-resized img { height: 70px !important; }

#footer > div { flex-basis: 100%; padding: 2rem 2rem 0 2rem; }	
#footer > div:last-of-type { padding: 2rem; }
	
	
}