/*!
Theme Name: Jesters Garden
Theme URI: http://underscores.me/
Author: Blikreclame
Author URI: http://blikreclame.nl
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jesters-garden
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Jesters Garden is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@font-face {
  font-family: "Trebuchet MS";
  src: url("/inc/fonts/trebuc.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Trebuchet MS";
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Trebuchet MS";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Trebuchet MS";
}

p {
  margin-bottom: 1.5em;
  font-family: "Trebuchet MS";
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
a.wp-block-button__link {
  border: 1px solid #627F6A;
  border-radius: 0;
  background: transparent;
  color: #627F6A;
  padding: 8px 35px;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
a.wp-block-button__link:hover {
  background: #627F6A !important;
  color: #fff !important;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

a.btn {
  border: 1px solid #627F6A;
  border-radius: 0;
  background: transparent;
  color: #627F6A;
  padding: 8px 35px;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
a.btn:hover {
  background: #627F6A !important;
  color: #fff !important;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .main-navigation {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.main-navigation .menu-hoofdmenu-container {
  height: 100%;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .main-navigation .menu-hoofdmenu-container {
    position: relative;
    top: 103px;
  }
  .main-navigation .menu-hoofdmenu-container ul {
    background: #fff;
    padding: 2em 2em;
    z-index: 99;
    position: relative;
  }
  .main-navigation .menu-hoofdmenu-container ul li {
    margin: 1em 0;
	height: 24px;
  }
  .main-navigation .menu-hoofdmenu-container ul li a {
    height: -webkit-fill-available;
  }
  .main-navigation .menu-hoofdmenu-container ul.sub-menu {
    position: absolute;
    height: auto;
    padding: 6px 24px;
  }
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5em;
}
.main-navigation ul ul {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation li:hover > a, .main-navigation li.focus > a {
  color: #4392B3;
}
.main-navigation li.menu-item-gtranslate .gt_selector {
  position: relative;
  background-image: url("./inc/img/taal.svg");
  background-size: contain;
  background-position: 5px 1px;
  background-repeat: no-repeat;
  background-color: unset;
  border: none;
  font-size: 0;
  height: 30px;
  width: 50px;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  font-weight: 600;
  color: #000;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.menu-toggle {
  border: none;
  background: none;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .menu-toggle {
    float: right;
    margin-right: 1em;
    margin-top: 0.5em;
    position: relative;
    z-index: 999;
  }
}
.menu-toggle .line {
  margin: 1em 0;
  background: #4392B3;
  width: 42px;
  height: 2px;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  top: 0;
  position: relative;
}
.menu-toggle .line:nth-child(1) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.menu-toggle .line:nth-child(3) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.main-navigation.toggled .menu-toggle .line:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 18px;
}
.main-navigation.toggled .menu-toggle .line:nth-child(2) {
  opacity: 0;
}
.main-navigation.toggled .menu-toggle .line:nth-child(3) {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  top: -17px;
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
  .main-navigation .menu-hoofdmenu-container {
    pointer-events: none;
  }
  .main-navigation.toggled .menu-hoofdmenu-container {
    pointer-events: all;
  }
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-navigation ul ul.sub-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    height: auto;
    background: #fff;
    padding: 12px 15px;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post article h2,
.page article h2,
.single article h2 {
  font-size: 1.8rem;
}
.post article .post-thumbnail img,
.page article .post-thumbnail img,
.single article .post-thumbnail img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .post article .post-thumbnail img,
  .page article .post-thumbnail img,
  .single article .post-thumbnail img {
    height: 200px;
  }
}
.post article .entry-header,
.page article .entry-header,
.single article .entry-header {
  margin-top: 4em;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .post article .entry-header,
  .page article .entry-header,
  .single article .entry-header {
    padding: 0 1em;
  }
}
.post article .entry-header h1,
.page article .entry-header h1,
.single article .entry-header h1 {
  color: #4392B3;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .post article .entry-content,
  .page article .entry-content,
  .single article .entry-content {
    padding: 0 1em;
  }
  .post article .entry-content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content,
  .page article .entry-content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content,
  .single article .entry-content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    padding: 1em 0;
  }
}
.post article .entry-content .wp-block-media-text,
.page article .entry-content .wp-block-media-text,
.single article .entry-content .wp-block-media-text {
  margin-bottom: 2em;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .post article .entry-content .wp-block-media-text,
  .page article .entry-content .wp-block-media-text,
  .single article .entry-content .wp-block-media-text {
    margin-bottom: 1em;
  }
}
.post article .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
.page article .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
.single article .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding-left: 0;
}
.post article .entry-content a,
.page article .entry-content a,
.single article .entry-content a {
  color: #627F6A;
}
.post article .the-content,
.page article .the-content,
.single article .the-content {
  padding-bottom: 3em;
}
.post article .the-content .wp-block-gallery,
.page article .the-content .wp-block-gallery,
.single article .the-content .wp-block-gallery {
  padding-top: 4em;
}
.post article .the-content .wp-block-list,
.page article .the-content .wp-block-list,
.single article .the-content .wp-block-list {
  margin: 0;
  padding: 0 0 0 1em;
  font-family: "Trebuchet MS";
}

.single .site-main article .cat a {
  color: #627F6A;
}

.home .video-home-header {
  position: relative;
}
.home .video-home-header .video-container {
  position: relative;
  width: 100%;
  height: 700px; /* Set the desired height of the container */
  overflow: hidden;
  background: black; /* Ensures no white space is visible behind the video */
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .home .video-home-header .video-container {
    height: 27.5vh;
  }
}
.home .video-home-header #player {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 177.78%; /* Maintain 16:9 aspect ratio (100% * 16 / 9) */
  height: 100%;
  -webkit-transform: translate(0%, 0%) translate(-50%, -50%) scale(1.2);
          transform: translate(0%, 0%) translate(-50%, -50%) scale(1.2);
  pointer-events: none; /* Makes the iframe non-interactive */
  -o-object-fit: cover;
     object-fit: cover; /* Ensures the video fills the container */
}
.home .video-home-header .header-content {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home .video-home-header .header-content h1 {
  color: #fff;
  font-size: 3em;
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.37);
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .home .video-home-header .header-content h1 {
    font-size: 1.5em;
  }
}
.home .video-home-header .header-content a.btn {
  margin-top: 2em;
  background: -webkit-gradient(linear, left top, right top, from(#4392B3), to(#627F6A));
  background: linear-gradient(90deg, #4392B3, #627F6A);
  color: #fff;
  padding: 5px 8px;
}
.home .home-header {
  position: relative;
}
.home .home-header .post-thumbnail img {
  height: 700px;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .home .home-header .post-thumbnail img {
    height: 500px;
  }
}
.home .home-header .header-content {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home .home-header .header-content h1 {
  color: #fff;
  font-size: 3em;
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.37);
}
.home .home-header .header-content a.btn {
  margin-top: 2em;
  background: -webkit-gradient(linear, left top, right top, from(#4392B3), to(#627F6A));
  background: linear-gradient(90deg, #4392B3, #627F6A);
  color: #fff;
  padding: 5px 8px;
}
.home .entry-content {
  padding-top: 4em;
  padding-bottom: 1em;
}
.home .diensten {
  padding-bottom: 6em;
}
.home .diensten .diensten-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 10px 10px;
      grid-template-areas: ". . .";
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .home .diensten .diensten-inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: ".";
  }
}
.home .diensten .diensten-inner .dienst {
  height: 40vh;
  padding: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-decoration: none;
  position: relative;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .home .diensten .diensten-inner .dienst {
    height: 20vh;
  }
}
.home .diensten .diensten-inner .dienst h2 {
  color: #fff;
  position: absolute;
  bottom: 0;
  padding-bottom: 0.5em;
}
.home .diensten .diensten-inner .dienst:before {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, rgb(0, 0, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 75%);
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.home .diensten .diensten-inner .dienst:hover::before {
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, rgba(98, 127, 105, 0.8449973739)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(98, 127, 105, 0.8449973739) 75%);
}
.home .about {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  margin-bottom: 5em;
}
.home .about:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.home .about .about-inner {
  position: relative;
}
.home .about .about-inner .title {
  padding-top: 4em;
  padding-bottom: 2em;
}
.home .about .about-inner .title h2 {
  color: #fff;
  text-align: center;
}
.home .about .about-inner .content p {
  color: #fff;
  text-align: center;
  font-weight: 200;
}
.home .about .about-inner .content .link {
  text-align: center;
  margin-top: 4em;
  margin-bottom: 4em;
}
.home .about .about-inner .content .link a {
  border-color: #fff;
  font-weight: 500;
  color: #fff;
  padding: 3px 9px;
}

.blog .post-thumbnail img, .archive .post-thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .blog .post-thumbnail img, .archive .post-thumbnail img {
    height: 200px;
  }
}
.blog .blog_header, .archive .blog_header {
  padding-top: 3em;
  padding-bottom: 2em;
}
.blog .blog_header h1, .archive .blog_header h1 {
  color: #4392B3;
}
.blog .blog_header .filter, .archive .blog_header .filter {
  position: relative;
  z-index: 1;
}
.blog .blog_header .filter form ul, .archive .blog_header .filter form ul {
  margin: 0;
  padding: 0;
}
.blog .blog_header .filter form ul li, .archive .blog_header .filter form ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .blog .blog_header .filter form ul li, .archive .blog_header .filter form ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.blog .blog_header .filter form ul li h4, .archive .blog_header .filter form ul li h4 {
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 10%;
          flex: 0 10%;
}
.blog .blog_header .filter form ul li ul, .archive .blog_header .filter form ul li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 90%;
          flex: 0 90%;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .blog .blog_header .filter form ul li ul, .archive .blog_header .filter form ul li ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.blog .blog_header .filter form ul li ul li input, .archive .blog_header .filter form ul li ul li input {
  display: none;
}
.blog .blog_header .filter form ul li ul li label, .archive .blog_header .filter form ul li ul li label {
  background: #627F6A;
  color: #fff;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  padding: 3px 10px;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .blog .blog_header .filter form ul li ul li label, .archive .blog_header .filter form ul li ul li label {
    width: 100%;
    text-align: center;
  }
}
.blog .blog_header .filter form ul li ul li label:hover, .archive .blog_header .filter form ul li ul li label:hover {
  cursor: pointer;
  background: #4392B3;
}
.blog .blog_header .filter form ul li ul li.sf-option-active label, .archive .blog_header .filter form ul li ul li.sf-option-active label {
  background: #4392B3;
}
.blog .posts, .archive .posts {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
  grid-template-columns: repeat(3, 1fr); /* Three columns */
  grid-gap: 10px;
  grid-auto-rows: 25px; /* Small row height for flexible spans */
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .blog .posts, .archive .posts {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}
.blog .posts article, .archive .posts article {
  position: relative;
  padding: 16px;
  /* Make each post take up a variable number of rows */
  -ms-grid-row-span: 10;
  grid-row: span 10; /* Adjust as needed */
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .blog .posts article, .archive .posts article {
    -ms-grid-row-span: 8 !important;
    grid-row: span 8 !important;
  }
}
.blog .posts article:nth-child(1n), .archive .posts article:nth-child(1n) {
  -ms-grid-row-span: 20;
  grid-row: span 20;
}
.blog .posts article:nth-child(2n), .archive .posts article:nth-child(2n) {
  -ms-grid-row-span: 12;
  grid-row: span 12;
}
.blog .posts article:nth-child(3n), .archive .posts article:nth-child(3n) {
  -ms-grid-row-span: 20;
  grid-row: span 20;
}
.blog .posts article:nth-child(4n), .archive .posts article:nth-child(4n) {
  -ms-grid-row-span: 18;
  grid-row: span 18;
}
.blog .posts article:nth-child(5n), .archive .posts article:nth-child(5n) {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
.blog .posts article:nth-child(6n), .archive .posts article:nth-child(6n) {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
.blog .posts article:nth-child(7n), .archive .posts article:nth-child(7n) {
  -ms-grid-row-span: 20;
  grid-row: span 20;
}
.blog .posts article:nth-child(8n), .archive .posts article:nth-child(8n) {
  -ms-grid-row-span: 12;
  grid-row: span 12;
}
.blog .posts article:nth-child(9n), .archive .posts article:nth-child(9n) {
  -ms-grid-row-span: 20;
  grid-row: span 20;
}
.blog .posts article:nth-child(10n), .archive .posts article:nth-child(10n) {
  -ms-grid-row-span: 18;
  grid-row: span 18;
}
.blog .posts article:nth-child(11n), .archive .posts article:nth-child(11n) {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
.blog .posts article:nth-child(12n), .archive .posts article:nth-child(12n) {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
.blog .posts article:nth-child(13n), .archive .posts article:nth-child(13n) {
  -ms-grid-row-span: 20;
  grid-row: span 20;
}
.blog .posts article:nth-child(14n), .archive .posts article:nth-child(14n) {
  -ms-grid-row-span: 12;
  grid-row: span 12;
}
.blog .posts article:nth-child(15n), .archive .posts article:nth-child(15n) {
  -ms-grid-row-span: 20;
  grid-row: span 20;
}
.blog .posts article:nth-child(16n), .archive .posts article:nth-child(16n) {
  -ms-grid-row-span: 18;
  grid-row: span 18;
}
.blog .posts article:nth-child(17n), .archive .posts article:nth-child(17n) {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
.blog .posts article:nth-child(18n), .archive .posts article:nth-child(18n) {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
.blog .posts article:nth-child(19n), .archive .posts article:nth-child(19n) {
  -ms-grid-row-span: 20;
  grid-row: span 20;
}
.blog .posts article:nth-child(20n), .archive .posts article:nth-child(20n) {
  -ms-grid-row-span: 12;
  grid-row: span 12;
}
.blog .posts article:nth-child(21n), .archive .posts article:nth-child(21n) {
  -ms-grid-row-span: 20;
  grid-row: span 20;
}
.blog .posts article:nth-child(22n), .archive .posts article:nth-child(22n) {
  -ms-grid-row-span: 18;
  grid-row: span 18;
}
.blog .posts article:nth-child(23n), .archive .posts article:nth-child(23n) {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
.blog .posts article:nth-child(24n), .archive .posts article:nth-child(24n) {
  -ms-grid-row-span: 10;
  grid-row: span 10;
}
.blog .posts article:before, .archive .posts article:before {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, rgb(0, 0, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 75%);
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.blog .posts article a.full-link, .archive .posts article a.full-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.blog .posts article a.full-link:hover, .archive .posts article a.full-link:hover {
  background-color: rgba(98, 127, 106, 0.4);
}
.blog .posts article .cat a, .archive .posts article .cat a {
  color: #fff;
  background: #4392B3;
  text-decoration: none;
  padding: 5px 6px;
  margin-right: 7px;
  font-weight: 500;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  position: relative;
  z-index: 2;
}
.blog .posts article .cat a:hover, .archive .posts article .cat a:hover {
  background: #627F6A;
}
.blog .posts article .entry-header, .archive .posts article .entry-header {
  position: absolute;
  bottom: 0;
}
.blog .posts article .entry-header h2, .archive .posts article .entry-header h2 {
  color: #fff;
  margin-bottom: 0.5em;
}
.blog .posts article .entry-header h2 a, .archive .posts article .entry-header h2 a {
  color: #fff;
  text-decoration: none;
}
.blog .footer-content, .archive .footer-content {
  padding: 6em 0;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .blog .footer-content .content, .archive .footer-content .content {
    padding-bottom: 3em;
  }
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: -ms-grid;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  -ms-grid-columns: (1fr)[9];
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Header
--------------------------------------------- */
header.site-header {
  background: #fff;
}
header.site-header .site-branding {
  position: relative;
  z-index: 90;
}

/* Footer
--------------------------------------------- */
footer.site-footer {
  background: -webkit-gradient(linear, right top, left top, from(#4392B3), to(#627F6A));
  background: linear-gradient(270deg, #4392B3, #627F6A);
  padding: 2em 0;
}
footer.site-footer p {
  margin: 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
footer.site-footer a {
  color: #fff;
  text-decoration: none;
}
footer.site-footer .socials ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}
footer.site-footer .socials ul li {
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
footer.site-footer .socials ul li:hover {
  -webkit-filter: contrast(0.6);
          filter: contrast(0.6);
}
footer.site-footer .socials ul li a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: block;
  position: relative;
}
footer.site-footer .socials ul li.facebook a {
  background: #1F7BF2;
}
footer.site-footer .socials ul li.facebook a:after {
  content: "";
  background-image: url("./inc/img/facebook.svg");
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
}
footer.site-footer .socials ul li.instagram a {
  background: -webkit-gradient(linear, left top, left bottom, from(#FECB08), color-stop(25%, #FF243E), color-stop(70%, #FF12C0), to(rgba(135, 20, 253, 0.5)));
  background: linear-gradient(180deg, #FECB08 0%, #FF243E 25%, #FF12C0 70%, rgba(135, 20, 253, 0.5) 100%);
}
footer.site-footer .socials ul li.instagram a:after {
  content: "";
  background-image: url("./inc/img/instagram.svg");
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 23px;
}
footer.site-footer .socials ul li.linkedin a {
  background: #086BCA;
}
footer.site-footer .socials ul li.linkedin a:after {
  content: "";
  background-image: url("./inc/img/linkedin.svg");
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  footer.site-footer .footer-1 p {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  footer.site-footer .footer-2 .socials ul {
    margin: 1em 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  footer.site-footer .footer-3 p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
.gform_wrapper {
  background: rgba(67, 146, 179, 0.15);
  border-radius: 10px;
  padding: 2em;
}
.gform_wrapper .gform_heading {
  margin-bottom: 1.5em;
  text-align: center;
}
.gform_wrapper .gform_heading h2 {
  font-weight: 800;
}
.gform_wrapper .gfield input, .gform_wrapper .gfield textarea {
  border-color: #707070;
}
.gform_wrapper .gfield input::-webkit-input-placeholder, .gform_wrapper .gfield textarea::-webkit-input-placeholder {
  color: #BCBABA;
}
.gform_wrapper .gfield input::-moz-placeholder, .gform_wrapper .gfield textarea::-moz-placeholder {
  color: #BCBABA;
}
.gform_wrapper .gfield input:-ms-input-placeholder, .gform_wrapper .gfield textarea:-ms-input-placeholder {
  color: #BCBABA;
}
.gform_wrapper .gfield input::-ms-input-placeholder, .gform_wrapper .gfield textarea::-ms-input-placeholder {
  color: #BCBABA;
}
.gform_wrapper .gfield input::placeholder, .gform_wrapper .gfield textarea::placeholder {
  color: #BCBABA;
}
.gform_wrapper .ginput_container_date input {
  width: 100%;
}
.gform_wrapper .gform_footer input.gform_button {
  margin-left: auto !important;
  font-size: 20px !important;
  padding: 10px 12px !important;
  border-radius: 0 !important;
  border: unset !important;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  background: -webkit-gradient(linear, left top, right top, from(#4392B3), to(#627F6A));
  background: linear-gradient(90deg, #4392B3, #627F6A);
}
.gform_wrapper .gform_footer input.gform_button:hover {
  -webkit-filter: opacity(0.5);
          filter: opacity(0.5);
}

/*Grafity forms 
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}