/*
Theme Name: Theo Pouw
Theme URI: 
Author: Merijn GI
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theo-pouw
Tags: 
*/

main {
  margin-block-start: 0 !important;
}

@media all and (max-width: 1180px) {
  main {
    margin-inline: 1rem;
  }

  header > .wp-block-group ,
  footer > .wp-block-group {
    padding-inline: 1rem;
  }
}
@media all and (max-width: 599px) {
  header .wp-block-spacer,
  header .wp-block-buttons {
    display: none !important;
  }

  header .wp-block-navigation {
    margin-inline-start: auto !important;
  }

  header .wp-block-navigation__container {
    width: 100%;
  }
  header .wp-block-navigation-item__content {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff !important;
  }

  header .wp-block-navigation__responsive-container {
    background-color: var(--wp--preset--color--custom-primary) !important;
  }

  header .wp-block-navigation__submenu-container {
    display: none !important;
  }

}

.nowrap {
  white-space: nowrap;
}


.intro-grid,
.intro-grid-homepage {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
@media all and (min-width: 448px) {
}

@media all and (min-width: 720px) {
  .intro-grid-homepage {
    grid-template-columns: 1fr calc(var(--wp--style--global--content-size) / 2) calc((100vw - var(--wp--style--global--content-size)) / 2) !important;
    gap: 0 !important;

    & > figure,
    & > .wp-block-cover {
      margin-right: 4rem !important;
      position: relative;
      z-index: -1;
    }
  }

  .intro-grid {
    grid-template-columns: calc((100vw - var(--wp--style--global--content-size)) / 2) calc(var(--wp--style--global--content-size) / 2) 1fr !important;
    gap: 0 !important;

    & > figure {
      margin-left: 4rem !important;
      position: relative;
      z-index: -1;
    }
    
  }
}

@media all and (max-width: 719px) {
  .intro-grid,
  .intro-grid-homepage {
    & .wp-block-spacer {
      display: none;
    }
  }
}

*[class*="modaltrigger"] {
  cursor: pointer !important;
}

.accordeon-wrapper-group {
  & .wp-block-query {
    margin-block-end: 2rem !important;
    margin-block-start: 0rem !important;
  }
  & li {
    margin-block-start: 0;
  }

  & summary {
    padding: 1rem 3rem 1rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    border-block-end: 3px solid var(--wp--preset--color--custom-light-grey);
    
    &:hover {
      background-color: var(--wp--preset--color--custom-light-grey);
    }
  }

  & .wp-block-list {
    font-weight: 600;
    font-size: 1.125rem;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    list-style: none;

    & li {
      padding: 0.5rem 0;
      border-block-end: 1px solid var(--wp--preset--color--custom-light-grey);
    }
    
    & a {
      text-decoration: none;
    }
  }

}

.wp-block-button.is-style-orange-button .wp-block-button__link {
  font-weight: 500;
  display: inline-flex;
  gap: 0.5rem;
}

.small-sup sup {
  font-size: 0.4em;
}

.blog-tile .wp-block-cover__inner-container {
  height: 100%;
}

.wp-block-cloudcatch-light-modal-block__wrapper {
  background: rgba(0,71,186,.5);
  -webkit-backdrop-filter: blur(.3rem);
  backdrop-filter: blur(.3rem);
}
body .wpml-language-switcher-block {
  width: initial !important;
}