/*
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: calc(calc(var(--header-scrolled-down-padding)*2) + var(--logo-height)) !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{
  max-width: 750px;
}
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;
}



/* 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);
  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,
.wp-social-link a::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{
  transition: all 0.3s;
}
.wp-block-button__link:hover{
  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);
}
.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 */
.site-header{
  position: fixed;
  width: 100%;
  background: var(--wp--preset--color--secondary);
  z-index: 99999;
  font-size: var(--wp--preset--font-size--x-small);
}
.has-primary-background-color .site-header{
  background: var(--wp--preset--color--primary);
}
.site-header .header-wrapper{
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.scrolled_down .site-header .header-wrapper{
  padding-top: var(--header-scrolled-down-padding) !important;
  padding-bottom: var(--header-scrolled-down-padding) !important;
}
.site-header .header-wrapper .wp-block-image{
  z-index: 99;
}
.site-footer p{
  max-width: none;
}
main{
  padding-top: calc(var(--header-padding) + var(--logo-height)) !important;
}
.home main{
  padding-top: 0 !important;
}
.full-height{
  min-height: calc(100vh - (var(--header-padding) + var(--logo-height))) !important;
}


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





/* 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);
  padding: var(--wp--preset--spacing--xx-small) 0;
  border-radius: 0;
}
.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);
}
.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-button-submit{
  width: auto;
  cursor: pointer;
}
.forminator-field label{
  position: absolute;
  transition: all 0.3s;
  opacity: 1;
}
.forminator-field{
  margin-top: var(--wp--preset--font-size--small);
  position: relative;
  top: 0;
}
.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);
  opacity: 0.5;
}
.forminator-error-message{
  font-size: calc(var(--wp--preset--font-size--x-small)*0.8);
  opacity: 0.5;
  margin-top: 5px;
  display: block;
}
.forminator-field-select .forminator-label{
  display: none;
}
.forminator-select--field{
  margin-left: -3px;
  border: none;
}
/* RECAPTCHA */
.grecaptcha-badge{
  display: none;
}
.forminator-fields-disabled .forminator-field-captcha{
	position: absolute;
  padding: var(--wp--preset--spacing--x-small) !important;
  height: calc(100% + var(--wp--preset--spacing--x-small)*2);
  width: calc(100% + var(--wp--preset--spacing--x-small)*2);
  left: calc(-1*var(--wp--preset--spacing--x-small));
  top: calc(-1*var(--wp--preset--spacing--x-small));
  background: #ffffff61;
  z-index: 99999999;
}
.forminator-fields-disabled .cmplz-placeholder-1.forminator-g-recaptcha{
    background: transparent !important;
    box-shadow: none;
}
.forminator-fields-disabled{
	position: relative;
}
.forminator-fields-disabled .cmplz-blocked-content-notice{
    background: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--primary) !important;
    border: none !important;
}
.forminator-fields-disabled .forminator-field-captcha .cmplz-blocked-content-container.forminator-g-recaptcha{
	height: 100% !important;
}




/* 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;
}





/* MEDIAQUERIES */
@media (max-width: 1500px) {
  :root{
    --wp--style--global--content-size: 80%;
  }
}
@media (max-width: 1750px) {

}
@media (max-width: 781px) {
  :root{
    --wp--style--global--content-size: 100%;
  }
}