img {
cursor: pointer;
}
body.darkbox-opened {
overflow: hidden;
}
.darkbox-container {
transition: 0.3s;
opacity: 0;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 9999999999999;
background-color: rgba(0, 0, 0, 0.8); 
overflow: auto;
}
.darkbox-container .darkbox-navigate {
color: white;
font-size: 30px; 
}
.darkbox-container .darkbox-navigate .darkbox-navigate-arrow, .darkbox-container .darkbox-navigate .darkbox-close {
position: fixed;
background-color: rgba(0,0,0,0.1);
width: 50px;
height: 50px;
cursor: pointer;
transition: 0.3s;
background-size: 65%;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
border-radius: 50px;
}
.darkbox-container .darkbox-navigate .darkbox-navigate-arrow {
top: calc(50% - 35px);
display: flex;
align-items: center;
}
.darkbox-container .darkbox-navigate .darkbox-close:hover, .darkbox-container .darkbox-navigate .darkbox-navigate-arrow:hover  {
background-color:  #000;
}
.darkbox-container .darkbox-navigate .darkbox-close {
background-image: url(//grappigspul.nl/wp-content/themes/basetheme/assets/darkbox/close.svg);
top: 15px;
right: 15px;
}
.darkbox-container .darkbox-navigate .darkbox-navigate-left {
background-image: url(//grappigspul.nl/wp-content/themes/basetheme/assets/darkbox/prev.svg);
left: 15px; 
}
.darkbox-container .darkbox-navigate .darkbox-navigate-right {
background-image: url(//grappigspul.nl/wp-content/themes/basetheme/assets/darkbox/next.svg);
right: 15px; 
}
.darkbox-container .darkbox-content {
transition: 0.2s;
position: relative;
height: 100%;
width: 100%;
padding: 25px;
box-sizing: border-box; 
display: flex;
align-items: center;
justify-content: center;
transform: scale(0.8);
}
.darkbox-container .darkbox-content img {
opacity: 1;
cursor: default; 
border-radius: 5px;
max-height: 90%;
max-width: min( 90%, 700px );
}
.darkbox-container .darkbox-img-filename {
color: white;
padding: 10px;
position: fixed;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
.darkbox-container-open {
opacity: 1; 
}
.darkbox-container-open .darkbox-content {
transform: scale(1); 
}
.darkbox-container .darkbox-content  .darkbox-iframe {
border: 0px;
width: 100%!important;
height: 100%!important;
}
@media screen and (max-width: 1023px) {
.darkbox-container .darkbox-content {
padding: 0;
}
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}