/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
Theme Name: OTG Block theme
Author: OFF THE GRID
Author URI: https://otg.be/
Theme URI: https://www.agaveflowers.it/
Text Domain: otg-block-theme
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.3
Version: BEHEYT DIAMOND 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* EDIT ICON */
.editpost{
  position: fixed;
  bottom: 0;
  right: var(--wp--preset--spacing--containerpadding);
  margin: 0;
  z-index: 999999;
}
.editpost a {
  display: block;
  cursor: pointer;
  color: #fff;
  background-color: var(--wp--preset--color--primary);
  border-radius: 15px 15px 0 0;
  padding: 11px 15px 4px 15px;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.editpost a:hover{
  padding: 13px 17px 13px 17px;
}
.editpost a::after{
  display: none;
}



/* Soft enter */
html{
  scroll-behavior: smooth;
  scroll-padding: 100px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body {
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}


/* soft lazy Load */
img[data-lazyloaded="1"]{
	opacity: 0.1;
}
img.litespeed-loaded{
	-webkit-transition: opacity .2s linear 0.2s;
	-o-transition: opacity .2s linear 0.2s;
	transition: opacity .2s linear 0.2s;
	opacity: 1;
}


/* GENERAL */
.grecaptcha-badge{
  display: none;
}
.forminator-edit-module,
.forminator-module-edit-link{
  display: none;
}
p{
  max-width: 750px;
}
.no-max-width{
  max-width: none !important;
}
p.has-text-align-center{
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
h1+h2,
h2+h3,
h3+h4{
  margin-top: 0;
  margin-top: 0;
}
:root :where(.is-layout-constrained) > ul{
  -webkit-margin-before: 5px;
          margin-block-start: 5px;
}
h4+h5,
h5+h6{
  margin-top: var(--wp--preset--spacing--small) !important;
}
.otgs-development-site-front-end{ /* wpml dev site */
  display: none;
}
.wp-block-group.has-gray-background-color+.wp-block-group.has-gray-background-color,
.wp-block-group.has-light-blue-background-color+.wp-block-group.has-light-blue-background-color,
.wp-block-group.has-dark-blue-background-color+.wp-block-group.has-dark-blue-background-color,
.wp-block-group.has-secondary-background-color+.wp-block-group.has-secondary-background-color,
.wp-block-group.has-primary-background-color+.wp-block-group.has-primary-background-color,
.wp-block-group:not(.has-background)+.wp-block-group:not(.has-background){
  padding-top: 0;
}



/* LINK ONDERLIJN ANIMATIE */
a{
  color: var(--wp--preset--color--primary);
}
a{
  text-decoration: none;
  position: relative;
}
a::after{
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0;
  background: var(--wp--preset--color--primary);
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.has-white-color a::after{
  background: var(--wp--preset--color--white);
}
.has-secondary-color a::after{
  background: var(--wp--preset--color--secondary);
}
a:hover::after,
.current-menu-item a::after,
.is-active a::after{
  width: 100%;
}
/* No line */
.wp-block-site-logo a::after,
.nav-dropdown ul a::after,
.social_icon::after,
.wp-block-image a::after,
.slick-dots button::after,
.wp-block-button__link::after,
.no-hover::after,
h2 a::after,
h1 a::after{
  display: none;
}



/* BUTTONS */
.wp-block-button__link,
.button{
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.wp-block-button__link:hover{
  background: var(--wp--preset--color--gray);
  color: var(--wp--preset--color--primary);
}
.has-dark-blue-background-color .wp-block-buttons .wp-block-button__link:hover{
  background: var(--wp--preset--color--light-blue) !important;
}
.has-gray-background-color .wp-block-buttons .wp-block-button__link:hover{
  background: var(--wp--preset--color--secondary) !important;
}
.is-style-outline .wp-block-button__link:hover{
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--secondary);
}
.is-style-outline .has-secondary-color.wp-block-button__link{
  border-color: var(--wp--preset--color--secondary);
}
.is-style-outline .has-secondary-color.wp-block-button__link:hover{
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--primary) !important;
}



/* HEADER */
.desktop-header,
.mobile-header,
.hidden{
  display: none !important;
}
.site-header{
  position: fixed;
  width: 100%;
  z-index: 99999;
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--x-small);
}
.header_background_white .site-header{
  background: var(--wp--preset--color--secondary);
}
.header_navigation_white .header-wrapper a,
.header_navigation_white .header-wrapper,
.header_navigation_white .desktop-header a,
.header_navigation_white .desktop-header{
  color: var(--wp--preset--color--secondary) !important;
}
.scrolled_down.header_navigation_white .header-wrapper a,
.scrolled_down.header_navigation_white .header-wrapper,
.scrolled_down.header_navigation_white .desktop-header a,
.scrolled_down.header_navigation_white .desktop-header{
  color: var(--wp--preset--color--primary) !important;
}
.header_navigation_white .header-wrapper a::after,
.header_navigation_white .desktop-header a::after{
  background: var(--wp--preset--color--secondary);
}
.scrolled_down.header_navigation_white .header-wrapper.close #nav_icon span,
.scrolled_down.header_navigation_white .mobile-header.close #nav_icon span,
.scrolled_down.header_navigation_white .header-wrapper a::after
.scrolled_down.header_navigation_white .desktop-header a::after{
  background: var(--wp--preset--color--primary);
}
.site-header .header-wrapper,
.site-header .mobile-header,
.site-header .desktop-header{
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.scrolled_down .site-header .header-wrapper,
.scrolled_down .site-header .mobile-header,
.scrolled_down .site-header .desktop-header{
  background: var(--wp--preset--color--secondary);
  padding-top: var(--wp--preset--spacing--small) !important;
  padding-bottom: var(--wp--preset--spacing--small) !important;
}
.scrolled_down.header_navigation_white .header-wrapper,
.scrolled_down.header_navigation_white .desktop-header{
  color: var(--wp--preset--color--primary);
}
.mobile-lang-switcher{
  display: none;
}
.mobile-lang-switcher [data-wpml='language-item']:first-of-type{
  margin-top: 0 !important;
}
.site-header .wp-block-image{
  z-index: 99;
}
.site-footer p{
  max-width: none;
}
.mobile-header{
  display: none !important;
}
.archive main,
.start_page_under_header main{
  padding-top: calc(var(--wp--preset--spacing--medium)*2 + 60px) !important;
}

.full-height-without-header{
  min-height: calc(100vh - (var(--wp--preset--spacing--medium)*2 + 60px)) !important;
}

.scrolled_down.header_logo_white .white-logo,
.white-logo,
.header_logo_white .black-logo{
  display: none;
}
.scrolled_down.header_logo_white .black-logo,
.header_logo_white .white-logo{
  display: block;
}
.wp-block-navigation__submenu-container{
  background: transparent !important;
  border: none !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 0 10px 10px 10px !important;
  min-width: auto !important;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header_background_white .wp-block-navigation__submenu-container,
.scrolled_down .wp-block-navigation__submenu-container{
  background: white !important;
}
.wp-block-navigation__submenu-container a{
  padding: 0;
  text-align: center;
}

/* search */
.search-container {
  position: relative;
  display: inline-block;
}
.search-form {
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: 24px;
  transition: max-width 0.4s ease;
  border-radius: 0;
}

.search-form.active {
  max-width: 250px; /* klapt uit */
  border: none;
  border-bottom: 1px solid;
  padding: 3px 6px 1px 0;
}
.search-form input {
  flex: 1;
  border: none;
  outline: none;
  padding: 0;
  font-size: 14px;
  display: none;
}
.search-form.active input {
  display: inline-block;
  background: transparent;
}
.header_navigation_white .search-form.active .search-icon,
.search-icon {
  width: 15px;
  height: 15px;
  border: none;
  background-size: contain;
  cursor: pointer;
  flex-shrink: 0;
}
.scrolled_down.header_navigation_white input,
.scrolled_down.header_navigation_white input::placeholder,
input::placeholder {
  color: var(--wp--preset--color--primary);
}
.header_navigation_white input,
.header_navigation_white input::placeholder {
  color: var(--wp--preset--color--secondary);
}
.search-icon,
.wpc-search-icon:before,
.scrolled_down.header_navigation_white .search-icon{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140.43 140.43'%3E%3Ccircle fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='9' cx='59.09' cy='59.09' r='55.59'/%3E%3Cline fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='9' x1='98.2' y1='98.2' x2='137.95' y2='137.95'/%3E%3C/svg%3E") no-repeat center center;
}
.wpc-search-icon:before{
  width: 15px;
  height: 15px;
}
.header_navigation_white .search-icon{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140.43 140.43'%3E%3Ccircle fill='none' stroke='%23f8f8f8' stroke-miterlimit='10' stroke-width='9' cx='59.09' cy='59.09' r='55.59'/%3E%3Cline fill='none' stroke='%23f8f8f8' stroke-miterlimit='10' stroke-width='9' x1='98.2' y1='98.2' x2='137.95' y2='137.95'/%3E%3C/svg%3E") no-repeat center center;
}



/* FOOTER */
.site-footer{
  font-size: var(--wp--preset--font-size--x-small);
  margin-top: 0;
}
.archive .site-footer,
.single-collection  .site-footer,
.footer_background_gray .site-footer{
  background: var(--wp--preset--color--gray);
}



/* CONTACT */
@keyframes rotate {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.contact-logo{
  /* animation: rotate 10s linear infinite; */
}



/* FORMS */
select:focus,
textarea:focus,
input:focus{
    outline: none;
}
.forminator-label,
.forminator-input,
.forminator-textarea,
.forminator-button-submit,
.forminator-select--field{
  color: var(--wp--preset--color--secondary);
  font-family: var(--wp--preset--font-family--primary), 'Arial', sans-serif;
  font-size: var(--wp--preset--font-size--small);
  line-height: var(--wp--preset--font-size--small) !important;
  padding: var(--wp--preset--spacing--x-small) 0;
  border-radius: 0;
}
footer .forminator-label,
footer .forminator-input,
footer .forminator-textarea,
footer .forminator-button-submit,
footer .forminator-select--field{
  font-size: var(--wp--preset--font-size--x-small);
}
.has-primary-color .forminator-label,
.has-primary-color .forminator-input,
.has-primary-color .forminator-textarea,
.has-primary-color .forminator-button-submit,
.has-primary-color .forminator-select--field{
  color: var(--wp--preset--color--primary);
}
.has-dark-gray-color .forminator-label,
.has-dark-gray-color .forminator-input,
.has-dark-gray-color .forminator-textarea,
.has-dark-gray-color .forminator-button-submit,
.has-dark-gray-color .forminator-select--field{
  color: var(--wp--preset--color--dark-gray);
}
.forminator-input,
.forminator-textarea,
.forminator-button-submit,
.forminator-select--field,
.forminator-field-select .forminator-field{
  width: 100%;
  border: none;
  border-bottom: 1px solid;
  background: transparent;
}
.forminator-textarea{
  height: 75px;
}
.forminator-button-submit{
  width: auto;
  cursor: pointer;
  text-transform: uppercase;
  border-bottom: none;
  letter-spacing: 1px;
  font-size: var(--wp--preset--font-size--x-small);
}
.forminator-field label{
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
.forminator-field{
  margin-top: var(--wp--preset--font-size--medium);
  position: relative;
  top: 0;
}
footer .forminator-field{
  margin-top: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
footer .forminator-is_filled.forminator-field,
footer .forminator-is_active.forminator-field{
  margin-top: var(--wp--preset--font-size--medium);
}
footer .forminator-input,
footer .forminator-button-submit{
  padding-bottom: var(--wp--preset--spacing--xx-small);
}
.forminator-is_filled label,
.forminator-is_active label{
  font-size: calc(var(--wp--preset--font-size--x-small)*0.8);
  margin-top: calc(-1 * var(--wp--preset--font-size--small) - 5px);
  color: var(--wp--preset--color--dark-gray);
}
.forminator-error-message{
  font-size: calc(var(--wp--preset--font-size--x-small)*0.8);
  color: var(--wp--preset--color--dark-gray);
  margin-top: 5px;
  display: block;
  text-transform: initial;
  letter-spacing: 0;
}
.forminator-field-select .forminator-label{
  display: none;
}
.forminator-select--field{
  margin-left: -3px;
  border: none;
}
.forminator-response-message.forminator-error{
  display: none;
}
.forminator-ui {
  display: block !important;
}
footer .forminator-row,
footer .forminator-field{
  margin-bottom: 2px !important;
}
footer .forminator-row-last .forminator-field{
  margin-top: 0;
}

footer .forminator-ui {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  /* gap: var(--wp--preset--spacing--x-small); */
  /* flex-flow: row wrap; */
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
footer .forminator-row+.forminator-row{/* captcha */
  display: none;
}
footer .forminator-row:first-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
footer div.forminator-row{
  width: 100%;
}
footer div.forminator-row.forminator-row-last{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0%;
          flex: 0 0 0%;
  width: auto;
}
footer div.forminator-row.forminator-row-last .forminator-button-submit{
  border-bottom: 1px solid;
  padding-left: var(--wp--preset--spacing--xx-small);
}
footer .forminator-required{
  display: none;
}
footer .forminator-error-message,
footer .forminator-button-submit,
footer .forminator-label,
footer .forminator-input{
  width: 100%;
  text-align: right;
}
footer .passportalUsernameMiniLogo{
  background-image: transparent !important;
}
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child),
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child){
  margin-bottom: 0;
}

/* COMPLIANZ COOKIES */
#cmplz-document {
  max-width: var(--wp--style--global--content-size)
}
#cmplz-document p {
  max-width: 1000px
}
#cmplz-cookies-overview .cmplz-dropdown h4,
#cmplz-document .cmplz-dropdown h4,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4,
#cmplz-document,.editor-styles-wrapper .cmplz-unlinked-mode,
#cmplz-cookies-overview .cmplz-dropdown summary h3,
#cmplz-document .cmplz-dropdown summary h3,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3,
#cmplz-cookies-overview .cmplz-dropdown p,
#cmplz-document .cmplz-dropdown p,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,
#cmplz-cookies-overview .cmplz-dropdown a,
#cmplz-document .cmplz-dropdown a,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a,
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  font-size: var(--wp--preset--font-size--small) !important;
  line-height: var(--wp--custom--line-height--body) !important;
}
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data,#cmplz-cookies-overview .purpose h4 {
  padding-left: 0
}
#cmplz-document p
,#cmplz-document li,
#cmplz-document td {
  font-size: var(--wp--preset--font-size--small)
}
#cmplz-document h2,#cmplz-document h3 {
  font-size: var(--wp--preset--font-size--large);
  margin-top: var(--wp--preset--spacing--large)
}
#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
  background-color: var(--wp--preset--color--gray);
  border: none;
  border-radius: 0;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category{
  margin-bottom: var(--wp--preset--spacing--x-small) !important;
}
#cmplz-document a[target=_blank]:after,
.editor-styles-wrapper .cmplz-unlinked-mode a[target=_blank]:after {
  display: none
}
.cmplz-message p {
  margin-top: 0
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header,
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
  padding: 5px !important
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category {
  background-color: var(--wp--preset--color--gray);
  border: none;
  border-radius: 0;
  padding: 6px var(--wp--preset--spacing--x-small);
  height: auto;
  line-height: 1.5;
}
.cmplz-dropdown h3{
  font-family: var(--wp--preset--font-family--primary), Arial;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open svg,
#cmplz-cookies-overview .cmplz-dropdown summary div:after,
#cmplz-document .cmplz-dropdown summary div:after,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after {
  height: 11px;
  width: 10px;
}

/* Banner */
.cmplz-soft-cookiewall{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmplz-cookiebanner{
  padding: var(--wp--preset--spacing--medium) !important;
  grid-row-gap: 0!important;
  position: initial !important;;
  left: auto !important;
  top: auto !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  margin: var(--wp--preset--spacing--containerpadding) !important;
  width: var(--cmplz_banner_width);
}
@media (max-width: 781px) {
  .cmplz-cookiebanner{
    padding: var(--wp--preset--spacing--containerpadding) !important;
  }
}
.cmplz-cookiebanner .cmplz-message {
  margin-bottom: var(--wp--preset--spacing--small) !important
}
body {
  --cmplz_category_header_always_active_color: var(--wp--preset--color--primary);
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
  padding: 6px var(--wp--preset--spacing--medium) !important;
  font-size: var(--wp--preset--font-size--x-small) !important;
  font-family: var(--wp--preset--font-family--primary), Arial !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  height: auto !important
}
.cmplz-message, .cmplz-categories{
  width: auto !important;
}





/* MEDIAQUERIES */
@media (max-width: 2400px) {
  .contact-logo{
    max-width: 250px;
  }
}
@media (max-width: 2200px) {
  :root{
    --wp--preset--font-size--small: 17px;
    --wp--preset--font-size--x-small: 14px;

    --wp--preset--spacing--medium: 35px;
    --wp--preset--spacing--small: 18px;
    --wp--preset--spacing--large: clamp(30px, 6vw, 50px);
    --wp--preset--spacing--x-large: clamp(40px, 7vw, 80px);
    --wp--preset--spacing--xx-large: clamp(50px, 10vw, 100px)
  }
  .white-logo,
  .black-logo{
    max-width: 180px;
  }
  .archive main,
  .start_page_under_header main{
    padding-top: calc(var(--wp--preset--spacing--medium)*2 + 50px) !important;
  }
  .full-height-without-header{
    min-height: calc(100vh - (var(--wp--preset--spacing--medium)*2 + 50px)) !important;
  }
  .contact-logo{
    max-width: 220px;
  }
}
@media (max-width: 1900px) {
  :root{
    --wp--style--global--content-size: 80vw;

    --wp--preset--font-size--small: 15px;
    --wp--preset--font-size--x-small: 13px;

    --wp--preset--spacing--containerpadding: 35px;
    --wp--preset--spacing--medium: 25px;
    --wp--preset--spacing--small: 16px;
    --wp--preset--spacing--large: 50px;
    --wp--preset--spacing--x-large: 60px;
    --wp--preset--spacing--xx-large: 80px;

    --wp--preset--font-size--x-small: 12px;
    --wp--preset--font-size--small: 15px;
    --wp--preset--font-size--medium: 18px;
    --wp--preset--font-size--large:22px;
    --wp--preset--font-size--x-large: 30px;
  }
  .house-of-beheyt{
    max-width: 400px;
  }
  .white-logo,
  .black-logo{
    max-width: 160px;
  }
  .archive main,
  .start_page_under_header main{
    padding-top: calc(var(--wp--preset--spacing--medium)*2 + 45px) !important;
  }
  .full-height-without-header{
    min-height: calc(100vh - (var(--wp--preset--spacing--medium)*2 + 45px)) !important;
  }
  footer img{
    max-width: 55px !important;
  }
  .contact-logo{
    max-width: 200px;
  }
}

@media (max-width: 1700px) {
  .site-header .wp-block-navigation__container{
    gap: var(--wp--preset--spacing--medium);
  }
  .contact-logo{
    max-width: 180px;
  }
  .contact-cover{
    padding: var(--wp--preset--spacing--large) !important;
  }
  .forminator-label,
  .forminator-input,
  .forminator-textarea,
  .forminator-button-submit,
  .forminator-select--field{
    padding: var(--wp--preset--spacing--xx-small) 0;
  }
}

@media (max-width: 1200px) {
  :root{
    --wp--style--global--content-size: 90vw;
  }
  .site-header .wp-block-navigation__container{
    gap: var(--wp--preset--spacing--small);
  }
  .house-of-beheyt{
    max-width: 350px;
  }
  .contact-logo{
    max-width: 150px;
  }
}

@media (max-width: 1100px) {
  .column-on-1170{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .column-on-1170 .wp-block-cover{
    min-height: 70vh !important;
  }
  .forminator-label,
  .forminator-input,
  .forminator-textarea,
  .forminator-button-submit,
  .forminator-select--field{
    padding: var(--wp--preset--spacing--x-small) 0;
  }
  .wp-container-content-f22b2ade { /* contactform */
    flex-basis: auto;
  }
  .site-header .wp-block-navigation__container{
    gap: var(--wp--preset--spacing--x-small);
  }
  .remove-large-padding-on-mobile{
    padding-right: var(--wp--preset--spacing--containerpadding) !important;
    padding-left: var(--wp--preset--spacing--containerpadding) !important;
  }
}


@media (max-width: 1024px) {
  :root{
    --wp--style--global--content-size: 1600px;
  }

  .header_navigation_white input::placeholder {
    color: var(--wp--preset--color--primary);
  }
  /* mobile menu */
  .header-wrapper,
  .mobile-header{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .desktop-header{
    display: none !important;
  }
  .header-wrapper.open .black-logo,
  .mobile-header.open .black-logo{
    display: block;
  }
  .header-wrapper.open .white-logo,
  .mobile-header.open .white-logo{
    display: none;
  }
  .header-wrapper .site-logo,
  .header-wrapper .wp-block-buttons,
  .mobile-header .site-logo,
  .mobile-header .wp-block-buttons{
    position: relative;
    z-index: 999;
  }
  .header-wrapper .nav-wrapper,
  .header-wrapper>.wp-block-group{
    width: 100%;
  }
  .header-wrapper .nav-wrapper{
    align-items: flex-end;
    flex-flow: column-reverse;
  }
  .header_navigation_white .search-icon{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140.43 140.43'%3E%3Ccircle fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='9' cx='59.09' cy='59.09' r='55.59'/%3E%3Cline fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='9' x1='98.2' y1='98.2' x2='137.95' y2='137.95'/%3E%3C/svg%3E") no-repeat center center;
  }
  .header-wrapper .wp-block-navigation .wp-block-navigation-item{
    align-items: flex-end;
  }
  .header_navigation_white .header-wrapper input,
  .header_navigation_white .header-wrapper a,
  .header_navigation_white .header-wrapper{
    color: var(--wp--preset--color--primary) !important;
  }
  .header-wrapper .wp-block-navigation{
    flex-flow: column;
    align-items: flex-end;
  }
  .nav-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--wp--preset--color--secondary);
    display: block;
    padding: 100px var(--wp--preset--spacing--containerpadding) var(--wp--preset--spacing--large) var(--wp--preset--spacing--containerpadding) !important;
  }
  .has-primary-background-color .nav-wrapper {
    background: var(--wp--preset--color--primary);
  }
  .nav-wrapper ul.secondary-nav{
    opacity: 0.4;
    margin-top: var(--wp--preset--spacing--x-large);
  }
  /* Menu icon */
  #nav_icon{
    width: 27px;
    height: 12px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 999;
  }
  #nav_icon span {
    display: block;
    position: absolute;
    height: 1.4px;
    width: 100%;
    background: var(--wp--preset--color--primary);
    opacity: 1;
    right: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .35s ease-in-out, opacity 0s .35s ease-in-out, width 0s .35s ease-in-out;
    -o-transition: all .35s ease-in-out, opacity 0s .35s ease-in-out, width 0s .35s ease-in-out;
    transition: all .35s ease-in-out, opacity 0s .35s ease-in-out, width 0s .35s ease-in-out;
  }
  .has-primary-background-color #nav_icon span,
  .header_navigation_white #nav_icon span{
    background: var(--wp--preset--color--secondary);
  }
  .scrolled_down.header_navigation_white .header-wrapper #nav_icon span,
  .header_navigation_white .header-wrapper.open #nav_icon span{
    background: var(--wp--preset--color--primary);
  }
  .header-wrapper.close #nav_icon span,
  .mobile-header.close #nav_icon span {
    -webkit-transition: all .35s .35s ease-in-out, opacity 0s .35s ease-in-out, width 0s .35s ease-in-out;
    -o-transition: all .35s .35s ease-in-out, opacity 0s .35s ease-in-out, width 0s .35s ease-in-out;
    transition: all .35s .35s ease-in-out, opacity 0s .35s ease-in-out, width 0s .35s ease-in-out;
  }
  .header-wrapper.open #nav_icon span.dash2,
  .header-wrapper.open #nav_icon span.dash3,
  .mobile-header.open #nav_icon span.dash2,
  .mobile-header.open #nav_icon span.dash3 {
    -webkit-transition: .25s .35s ease-in-out;
    -o-transition: .25s .35s ease-in-out;
    transition: .25s .35s ease-in-out;
  }
  .header-wrapper.close #nav_icon span.dash2,
  .header-wrapper.close #nav_icon span.dash3
  .mobile-header.close #nav_icon span.dash2,
  .mobile-header.close #nav_icon span.dash3 {
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  #nav_icon span.dash1 {
    top: 0px;
  }
  #nav_icon span.dash2,
  #nav_icon span.dash3 {
    width: 75%;
    top: 50%;
  }
  #nav_icon span.dash4 {
    top: 100%;
  }
  .header-wrapper.open #nav_icon span.dash1,
  .mobile-header.open #nav_icon span.dash1 {
    top: 50%;
  }
  .header-wrapper.open #nav_icon span.dash2,
  .mobile-header.open #nav_icon span.dash2 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header-wrapper.open #nav_icon span.dash3,
  .mobile-header.open #nav_icon span.dash3 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header-wrapper.open #nav_icon span.dash4,
  .mobile-header.open #nav_icon span.dash4 {
    top: 50%;
    height: 0%;
  }
  .header-wrapper.open #nav_icon span.dash1,
  .header-wrapper.open #nav_icon span.dash4,
  .mobile-header.open #nav_icon span.dash1,
  .mobile-header.open #nav_icon span.dash4{
    opacity: 0;
  }
  .header-wrapper.open #nav_icon span.dash2,
  .header-wrapper.open #nav_icon span.dash3,
  .mobile-header.open #nav_icon span.dash2,
  .mobile-header.open #nav_icon span.dash3{
    width: 100%;
  }
  .desktop-lang-switcher{
    display: none;
  }
  .mobile-lang-switcher{
    display: block;
  }
  /* Menu content */
  .nav-wrapper {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 9;
  }
  .header-wrapper.open .nav-wrapper,
  .mobile-header.open .nav-wrapper{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  /* main{
    padding-top: calc(var(--wp--preset--spacing--x-small)*2 + 55px) !important;
  } */
  .wp-block-navigation-submenu .vertical-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: var(--wp--preset--spacing--small);
  }
  .wp-block-navigation-item[data-wpml="current-language-item"]::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -2px;
    background: var(--wp--preset--color--primary);
  }
  [data-wpml='language-item']:first-of-type{
    margin-top: 0;
  }
}



@media (max-width: 781px) {
  :root{
    --wp--preset--spacing--containerpadding: 25px;
    --wp--preset--spacing--large: 40px;
    --wp--preset--spacing--x-large: 45px;
    --wp--preset--spacing--xx-large: 50px;
  }
  .archive main,
  .start_page_under_header main{
    padding-top: calc(var(--wp--preset--spacing--small)*2 + 45px) !important;
  }
  .full-height-without-header{
    min-height: calc(100vh - (var(--wp--preset--spacing--small)*2 + 45px)) !important;
  }
  .center-on-mobile p,
  .center-on-mobile nav,
  .center-on-mobile ul,
  .center-on-mobile h5{
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hide-on-mobile{
    display: none !important;
  }
  .align-left-on-mobile h2,
  .align-left-on-mobile p{
    text-align: left;
  }
  .align-left-on-mobile .wp-block-buttons.is-content-justification-right{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .cover-50vh-on-mobile{
    min-height: 50vh !important;
  }
  .no-min-height-on-mobile{
    min-height: auto !important;
  }
  .default-padding-on-mobile{
    padding-top: var(--wp--preset--spacing--x-large) !important;
    padding-bottom: var(--wp--preset--spacing--x-large) !important;
  }
  .reverse-on-mobile{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
  .column-on-mobile{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .column-on-mobile .wp-block-group{
    width: 100%;
  }
  .reverse-row-on-mobile{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
  .smaller-cover-on-mobile{
    min-height: 70vh !important;
  }
  .switch-borders-on-mobile{
    border-left: none;
    border-top: 1px solid var(--wp--preset--color--gray);
  }
  .default-padding-on-mobile{
    padding-left: var(--wp--preset--spacing--containerpadding) !important;
    padding-right: var(--wp--preset--spacing--containerpadding) !important;
  }
  .footer-columns{
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 1fr 0px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 1fr 0px 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .footer-columns > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footer-columns > *:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .footer-columns > *:nth-child(3){
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .footer-columns > *:nth-child(4){
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .footer-left{
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 1 / 3 / 2;
    padding-top: var(--wp--preset--spacing--small);;
  }
  .footer-right{
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 2 / 2;
  }
  .footer-right .has-text-align-right{
    text-align: left;
  }
  .footer-center{
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1 / 2 / 3 / 3;
  }
  footer .forminator-error-message, footer .forminator-button-submit, footer .forminator-label, footer .forminator-input {
    width: 100%;
    text-align: left;
  }
  footer .forminator-ui {
    margin-left: 0 !important;
  }
  .footer-center .wp-block-image.aligncenter{
    margin-right: 0 !important;
  }
  .legal-menu{
    gap: 0 var(--wp--preset--spacing--small);
  }
  .header_background_transparent.header_logo_white.header_navigation_black .header-wrapper.close #nav_icon span,
  .header_background_transparent.header_logo_white.header_navigation_black .mobile-header.close #nav_icon span{
    background-color: var(--wp--preset--color--secondary);
  }
  .house-of-beheyt{
    max-width: 60vw;
  }
}