/*
Theme Name: Elzenkring
Theme URI: https://www.elzenkring.nl/
Author: Erain
Author URI: https://www.elzenkring.nl/
Description: A Elzenkring theme
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html, body{ margin: 0; padding: 0; height: 100%;}
html, body, header, div, span, p{box-sizing: border-box;}
#wpadminbar{display:none}

body{font-family: "comma-sans", sans-serif; font-size: 10px; font-weight: 300; color:#474747; background: #fef2cc;}

.uberwrapper{width:100%; max-width: 1280px; margin: 0 auto;}

a{color:#b09b42; text-decoration: underline;}
a:hover{color:#474747; text-decoration: underline;}

img{max-width: 100%; display: block;margin: 0 auto;}

.mobview{display:none;}

.background{position:fixed; z-index: -1; left:0; top:0; width:100%;}
.background img{width:100%;}
.background .gradient{ position: absolute; bottom: 0; width:100%; height:50%;}

header{	position: relative;	height:45.6em; padding-top: 37.5em;}
header .custom-logo-link{ position: absolute; bottom:-5em; left:4em;}
header .custom-logo-link img{ height:34em; width: auto;}

.menu{float: right; z-index: 1; position: relative; background-color: rgba(255, 255, 255, 0.8); border-radius: 2.5em; height: 5em; line-height: 5.1em; margin: 0 8em 0 0; padding: 0 1.5em;}
.menu li{list-style: none; display: inline-block;}
.menu li.current-menu-item a{font-weight: bold;}
.menu li a{font-size:1.8em; font-weight: 400; color: #303030; text-decoration: none; padding: 0 0.75em;}
.menu li a:hover{color:#b09b42;}
#nav_button{display: none;}

.content{ background-color: rgba(255, 255, 255, 0.8); border-radius: 2.5em; padding: 6em; text-align: center;}

h1{font-size:2.6em; font-weight: bold; color: #b09b42; text-align: center; margin-bottom: 1em; }
h2, .h2{font-size:2.4em; font-weight: bold; color: #b09b42; text-align: center; margin-bottom: 1em; }
h3{font-size:1.8em; font-weight: 500; color: #b09b42; text-align: left; max-width: 50em; margin: 2em auto 1em;}

p{ font-size: 1.8em; max-width: 50em; margin: 1em auto; text-align: left;}
p > strong, ul li > strong{font-weight:800;}
ul{text-align: left;}
.content ul{ font-size: 1.8em; max-width: 50em; margin: 1em auto 2em; text-align: left; padding-left: 2em;}
.content ul li{margin-bottom: 1em;}
.content ul.check li{
	list-style-type: none; 
	background-image: url(https://elzenkring.nl/wp-content/uploads/2025/11/check2.png); 
	background-repeat: no-repeat;
    background-size: 1.2em;
    padding-left: 1.8em;
}


.dark{color: #474747; font-weight: 400; font-size: 2.2em; font-style: italic; margin: 1.3em 0;text-align: center; max-width: none;}

.takje{margin: 4em auto; display: block;}
.btn{background:#af9a41; border-radius:0.5em; width: fit-content; padding: 0 2em;text-align: center; font-weight: bold; text-decoration: none; color:#fff;font-size: 1.8em; line-height: 2.7em;}
.btn:hover{ background: #8b792d; color:#fff; text-decoration: none;}
p a.btn{font-size:1em; display: inline-block;}

.blok2{display: flex; flex-direction: row; width: 100%; gap: 2em;}
.blok2 > div{width:33.333%; display: flex; flex-direction: column; text-align: left;}
.blok2 > div > div.thumb{margin-bottom: 2em;}
.blok2 > div img{width:100%}
.blok2 > div h2{text-align: left; font-size:2em;}
.blok2 > div > p{width: 100%; max-width: 19em;}
.blok2 > div > p:nth-of-type(1){min-height: 2.6em; margin: 1em 0 0 0;}
.blok2 > div > p:nth-of-type(2){min-height: 4em; margin: 1em 0 1em 0;}

.quote{background: #dfd5ab; color:#726013; border-radius: 1em; width: fit-content; max-width: 60em; line-height: 2.6em; display: inline-block; padding: 2em 5em; margin-top:2em;}
.quote p{text-align: center;}

.column2{display: flex; flex-direction: row; }
.column2 > div:nth-of-type(1){ width:70%; text-align: left; padding-right: 2em;}
.column2 > div:nth-of-type(2){ width:30%;}

footer{ display: flex; flex-direction: row; width: 100%; max-width: 100em; margin: 3em auto;}
footer > div{width:33%; text-align: left;}
footer > div h2{text-align: left; font-size: 1.8em;}
#footer-sidebar2 img{margin:0.4em 0.4em 0 0; display: inline-block;}

@media only screen and (max-width : 1280px) {
	body{}
	body{font-size: 8px;}
	.uberwrapper{padding: 0 3em;}
}
@media only screen and (max-width : 1024px) {
	.menu{margin: 0;}
	header{height: 37.6em; padding-top: 29.5em;}
	header .custom-logo-link img{height:24em;}
	.blok2 > div > p{max-width: none;}
	.content ul{padding-left: 1em;}
	.content ul.check{padding-left: 0em;}
}
@media only screen and (max-width : 800px) {
	.mobview{display:block;}
	.desktopview{display:none;}
	h1, h2, h3, h3.dark{text-align: left;}
	body.home h1{text-align: center;}
	.content{padding:3em;}
	header{height: 15em; padding-top: 2em;}
	header .custom-logo-link{ bottom:-3em; left:2em;}
	header .custom-logo-link img{ height:16em;}
	.menu{ display:none;}
	#nav_button{display: block; float: right; margin: 1em 0 0 0;}
	body.menuactive .menu{display: block; position: fixed; top: 0; right: 0; width: fit-content; background: #af9a41; padding: 14em 2em 2em 3em; margin: 0; border-radius: 0; height:100%; line-height:normal;}
	body.menuactive .menu li{display: block; border: none; line-height: 7em; text-align: right;}
	body.menuactive .menu li a{ color:#fff; font-size: 2.1em;}
	footer, .blok2, .column2{ flex-direction: column;}
	footer > div, .blok2 > div, .column2 > div{width:100% !important;}
	#block-9{display: none;}
	.column2 > div:nth-of-type(2){margin-top: 2em;}
	.blok2 > div > .btn{margin-bottom: 1em;}
	.takje {width: 10em;}
	.blok2 > div > p:nth-of-type(1), .blok2 > div > p:nth-of-type(2){min-height: 0;}
	.blok2 > div h2{margin-bottom: 0;}
	.column2 > div:nth-of-type(2) img{max-width: 50%;}
	/*.background{width: 200%; margin-left: -50%;}*/
}

/* menu button*/
.hamburger {
  z-index: 9;
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 1; }
  .hamburger.is-active:hover {
    opacity: 1; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #fff; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -12px; }
  .hamburger-inner::after {
    bottom: -12px; }

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }