/*
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: 1.0.0

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



:root {
  --logo-height: 52px;
  --header-padding: calc(var(--wp--preset--spacing--x-small)*2);
  --header-scrolled-down-padding: var(--wp--preset--spacing--xx-small);
}
html{
  scroll-behavior: smooth;
  scroll-padding: 0 !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body {
  -webkit-animation: fadein 1s;
  animation: fadein 1s;
}
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}


/* 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: 0.5px solid var(--wp--preset--color--secondary);
  border-bottom: none;
  padding: 7px 15px 4px 15px;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
}
.editpost a:hover{
  padding: 7px 15px 13px 15px;
}
.editpost a::after{
  display: none;
}


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


/* GENERAL */
.forminator-module-edit-link{
  display: none;
}
p.has-text-align-center{
  /* max-width: 750px; */
  margin-left: auto;
  margin-right: auto;
}
h1+h2,
h2+h3,
h3+h4,
h4+h5{
  margin-top: 0;
  margin-top: 0;
}
.otgs-development-site-front-end{ /* wpml dev site */
  display: none;
}
.wp-block-group:not(.has-background)+.wp-block-group:not(.has-background){
  padding-top: 0;
}
.full-height-with-containerpadding{
  min-height: calc(100vh - 2*var(--wp--preset--spacing--containerpadding)) !important;
}



/* MAGAZINE */
.df-ui-nav .df-ui-btn:before {
  color: #000000 !important;
  filter: none !important;
  font-size: 17px;
}



/* LINK ONDERLIJN ANIMATIE */
a{
  color: var(--wp--preset--color--primary);
}

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


/* PARALLAX */
.wp-block-cover.has-soft-parallax {
	overflow: hidden;
}

.wp-block-cover.has-soft-parallax > .wp-block-cover__image-background {
	top: -40px;
	left: -5%;
	width: 110%;
	height: calc(100% + 80px);
	max-width: none;
	will-change: transform;
}



/* HEADER */
.header-wrapper{
  position: absolute;
  width: 100%;
  z-index: 99999;
  font-size: var(--wp--preset--font-size--x-small);
}
.wpml-language-switcher-block .hasFontSize{
  font-size: 10px;
}
.wpml-language-switcher-block [data-wpml=language-item]:first-of-type {
    margin-top: 0 !important;
}
.wpml-language-switcher-block [data-wpml=current-language-item] {
  border-bottom: 1px solid;
}
.home .header-wrapper .wp-block-site-logo{
  display: none;
}

/* FOOTER */
.site-footer{
  font-size: var(--wp--preset--font-size--x-small);
}



/* 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: transparent;
  border: 1px solid;
  border-radius: 25px
}
#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: transparent;
  border: 1px solid;
  border-radius: 24px;
  padding: 6px 12px
}

/* Banner */
.cmplz-soft-cookiewall{
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmplz-cookiebanner{
  padding: var(--wp--preset--spacing--small) !important;
  grid-row-gap: 0!important;
  position: initial !important;;
  left: auto !important;
  top: auto !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: 8px var(--wp--preset--spacing--small) !important;
  border-radius: 100px !important;
}
.cmplz-message, .cmplz-categories{
  width: auto !important;
}


.wp-block-cover.intro-wrapper .wp-block-cover__background.has-background-dim.has-background-dim-10{
  opacity: 0;
  transition: all 1s;
}


/* MEDIAQUERIES */
@media (max-width: 781px) {
  .first-on-mobile{
    order: -1;
  }
  .last-on-mobile{
    order: 2;
  }
  .full-height-with-containerpadding{
    min-height: 50vh !important;
  }
  .intro-wrapper .intro-stack{
    min-height: 180vh !important;
    transition: all 1s;
  }
  .scrolled_down .intro-wrapper .intro-stack{
    min-height: 140vh !important;
  }
  .scrolled_down .wp-block-cover.intro-wrapper .wp-block-cover__background.has-background-dim.has-background-dim-10{
    opacity: 0.2;
  }
  .center-on-mobile,
  .center-on-mobile .has-text-align-right{
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .full-width-on-mobile .df-element{
    max-width: 100%;
  }
  .home .header-wrapper{
    color: var(--wp--preset--color--secondary);
  }
}