/* Tekst */
p {
  color:var(--text_color);
}
  p a {
    color:var(--element_color);
  }
  p a:hover {
    color:black;
    text-decoration:none;
  }

  main a {
    color:var(--red);
    transition:.3s;
  }
  main a:hover {
    color:black;
    text-decoration:none;
  }

  .wp-block-heading {
    color:var(--red);
  }

/* Buttons */
.wp-element-button,
.button,
input[type="button"],
input[type="submit"].nf-element.ninja-forms-field {
   padding:8px 23px;
  position:relative;
  color:var(--red) !important;
  background-color:var(--element_color);
  cursor:pointer;
  border-radius:25px !important;
  display:inline-block;
  z-index:1;
  transition:.3s;
  overflow:hidden;
  text-decoration:none !important;
  height:auto;
  text-transform:uppercase;
  letter-spacing:1.2px;
  font-weight:400;
  border:2px solid var(--element_color);
}

.button.small {
  padding:8px 16px;
  font-size:80%;
}

.button + .button {
  margin-left:10px;
}

.is-style-outline  .wp-element-button,
.button.outlined,
input[type="button"] {
  border-color:var(--element_color);
  background-color:var(--white);
  *color:var(--element_color) !important;
  box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
    padding:8px 23px;
}

.button:hover,
input[type="button"]:hover,
.wp-element-button:hover {
  transform:scale(1.05);
  box-shadow: 0px 4px 20px -9px var(--orange);
}


input[type="button"]:disabled, body .nf-form-content input[type="button"]:disabled, .button.disabled {
  opacity:0.5;
  *cursor:not-allowed;
  pointer-events:none;
}
.nf-field-label label, .nf-field-label span {
  font-weight:500 !important;
}

.button i {
  font-size:110%;
  position:relative;
  margin:0px 6px 0 0;
  bottom:-2px;
}
.button.small i {
  bottom:-1.5px;
}



/* Rijen */
.wp-block-group {
  z-index:1;
  position:relative;
}
.wp-block-group.has-background {
  padding:100px 0;
  *margin-bottom:50px;
  *background-color:var(--sand) !important;
}
  .wp-block-group.has-red-background-color * {
    color:var(--white);
  }
.wp-block-group:after {
  content:" ";
  position:absolute;
  width:100vw;
  z-index:-1;
  left:calc(50% - 50vw);
  background-color:inherit;
  height:100%;
}
  .wp-block-columns.rounded {
    border-radius:75px !important;
  }

  .rounded-left.wp-block-group,
  .rounded-left.wp-block-group:after {
    border-radius:0 0 0 0;
    border-top-left-radius:200px !important;
  }
  .rounded-right.wp-block-group,
  .rounded-right.wp-block-group:after {
    border-radius:0 0 0 0;
    border-top-right-radius:200px !important;
  }

  @media (max-width:991px) {
    .rounded-left.wp-block-group,
    .rounded-left.wp-block-group:after {
      border-top-left-radius:100px !important;
    }
    .rounded-right.wp-block-group,
    .rounded-right.wp-block-group:after {
      border-top-right-radius:100px !important;
    }
  }

/* Scheidingsteken */
.wp-block-separator {
  border-top:1px solid var(--sand);
}

/* Afbeelding */
.wp-block-image {
  margin-bottom:0;
  border-radius:var(--border_radius);
  overflow:hidden;
}


.wp-block-image.rounded {
  border-radius:100% !important;
  overflow:hidden;
  position:relative;
  aspect-ratio:1;
  max-height:100%;
  max-width:90%;
}
  .wp-block-image.rounded img,
  .wp-block-image.rounded figure {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  .wp-block-image.rounded-left {  border-radius: 150px 0 0 0 !important; }
  .wp-block-image.rounded-right {  border-radius:0 150px 0 0 !important; }

@media (max-width:991px) {
  .wp-block-image.rounded-left {  border-radius: 75px 0 0 0 !important; }
  .wp-block-image.rounded-right {  border-radius:0 75px 0 0 !important; }
  .wp-block-image.rounded {
    margin:0 auto;
  }
  .wp-block-columns.rounded {
    border-radius:30px !important;
  }
}
.wp-block-image.full-width {
  width:100vw;
  left:calc(50% - 50vw);
  border-radius:0;
  position:relative;
  display:block;
}
  .wp-block-image.full-width img {
    width:100%;
    height:100%;
    max-height:600px;
    object-fit:cover;
    object-position:center;
  }

  .wp-block-image.gradient-top img {
    *object-position:center top;
  }
  .wp-block-image.gradient-top:after {
    content:" ";
    width:100%;
    height:150px;
    position:absolute;
    top:0;
    left:0;
    background: #FAF6F1;

    background: linear-gradient(180deg, rgba(250, 246, 241, 1) 0%, rgba(250, 246, 241, 0) 100%);
  }

/* Video */
.wp-block-video {
  border-radius:var(--border_radius);
  overflow:hidden;
}

/* Opsomming */
.wp-block-list {
  padding-left:15px;
}


/* Citaat */
blockquote {
  font-style:italic;
}

.wp-block-quote {
  background-color:var(--sand);
  border-radius:50px; ;
  padding:50px 100px;
  display:flex;
  flex-direction:row;
  gap:100px;
  align-items:center;

}
  .wp-block-quote figure {
    width:45%;
    aspect-ratio:1;
    border-radius:100%;
  }
    .wp-block-quote figure img {
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center;
    }
  .wp-block-quote p {
      color:var(--red);
      width:55%;
  }

@media (max-width:991px) {
  .wp-block-quote {
    flex-direction:column;
    padding:50px;
    gap:25px;
  }
    .wp-block-quote p {
      width:100%;

    }
}



/* Tabel */
.wp-block-table {
  border:0;
  margin-bottom:15px;

}
.wp-block-table * {
    border-color:var(--brown) !important
}
  .wp-block-table thead * {
    border-color: var(--element_color) !important;
  }
  .wp-block-table thead {
    border-bottom:2px solid !important;
  }
  .wp-block-table tfoot {
    border-top:1px solid !important;
    background-color:var(--sand);
  }
    .wp-block-table thead th  {
        background-color:var(--element_color);
    }
    .wp-block-table td {
      padding:10px 15px; ;
    }


  .wp-block-table.is-style-stripes {
    background-color:white;
    border-radius:15px;
  }
  .wp-block-table.is-style-stripes * {
    border:0;

  }
    .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
      background-color:var(--sand);
    }



/* Accordeon */
.wp-block-accordion {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.wp-block-heading + .wp-block-accordion {
  border-top:1px solid #707070;
  padding-top:30px;
  margin-top:20px;
}

.wp-block-accordion-item {
  *border-bottom:1px solid var(--brown);
  padding:0px;
  *border-radius:var(--border_radius);
  *background-color:var(--lightgray);
}
  .wp-block-accordion-item h3 {
    text-decoration:none !important;
    color:var(--red);
    font-size:18px;
    font-weight:500;

  }


  .wp-block-accordion-item button:hover .wp-block-accordion-heading__toggle-title {
    text-decoration:none;

  }
  .wp-block-accordion-heading__toggle-icon {
    transition:.3s;
    font-weight:bold;
    font-size:22px;
  }
  .wp-block-accordion-item:hover .wp-block-accordion-heading__toggle-icon {
    color:var(--element_color);
  }

  .wp-block-accordion-panel {
      transition:.3s;

  }
  .wp-block-accordion-panel:not([hidden]) {
    animation:dropDown .3s 1;
  }

  @keyframes dropDown {
    0% { opacity:0; transform:translateY(-50%); }
    100% { opacity:1; transform:translateY(0%); }
  }

/* Query Loop */
.wp-block-post {
  background-color:var(--sand);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  border-radius:var(--border_radius);
  overflow:visible;
  aspect-ratio: 16 / 12;
  position:relative;
  z-index:1;
  transition:.5s;
}
.wp-block-post.locatie-verborgen {
  pointer-events:none;
  opacity:.7;
}
.wp-block-query:not(.flexible-posts) .wp-block-post:hover {
  *transform:scale(1.05);
}
  .wp-block-post .wp-block-read-more {
    z-index:3;
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-size:0;
  }



  .wp-block-post .wp-block-post-featured-image {
      width: 100%;
      height:100%;
      left:0;
      display: block;
      position:absolute;
      top:0;
      z-index:-1;
      border-radius:inherit;
      overflow:hidden;

  }
    .wp-block-post .wp-block-post-featured-image:before {
      content:" ";
      width:100%;
      height:100%;
      position:absolute;
      border-radius:inherit;
      background: #5D3030;
      background: linear-gradient(0deg, rgba(93, 48, 48, 0.8) 0%, rgba(93, 48, 48, 0) 50%);
      transform:translateZ(0);
    }
    .wp-block-post .wp-block-post-featured-image img {
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center;
      transition:.4s;
      position:relative;
      z-index:-1;
    }
    .wp-block-post .wp-block-read-more:hover ~ .wp-block-post-featured-image img {
      transform:scale(1.1, 1.1);
      transition:1s;

    }
  .wp-block-post .wp-block-post-date {
    color:var(--brown) ;
    font-size:14px;
  }
  .wp-block-post .wp-block-post-title {
    font-size:20px;
    padding:5px 25px 15px 25px;
    color:var(--white);
    z-index:2;
    display:flex;
    gap:15px;

  }
    .wp-block-post .wp-block-post-title:before {
      content:" ";
      width:14px;
      height:14px;
      border-radius:50%;
      border:2px solid var(--white);
      display:inline-block;
      margin-top:5px;
      transition:.3s;
    }

    .wp-block-post .wp-block-read-more:hover ~ .wp-block-post-title:before {
      background-color:white;
    }

    .wp-block-post .wp-block-post-excerpt {
      *margin-bottom:-50px;
      *margin-top:50px;
      color:var(--white);
      padding:0px 25px 15px 54px;
      min-height:70px;
      margin-top:-15px;
    }
      .wp-block-post .wp-block-post-excerpt p {
        color:inherit;
        padding:0;
      }


/* Flexibele query loop posts*/
  .flexible-posts {
    position:relative;
    overflow:visible;
  }
  .flexible-posts .columns-3 {

    width:100%;
    height:100%;
    position:relative;
    overflow:visible;
    display:flex;
    flex-direction:row-reverse;
    gap:20px;
    min-height:500px;
    margin:50px 0;
  }
    .flexible-posts .wp-block-post {
      background:var(--red);
      width:260px;
      border-radius:23px;
      transition:.5s;
      z-index:1;
      position:relative;
      overflow:hidden;
      will-change: transform;
      *transform:translate3d(0,0,0);
      aspect-ratio:unset;
    }
    .flexible-posts .wp-block-post:last-of-type {
      width:100%;
    }

      .flexible-posts .wp-block-post:hover {
        width:100%;
      }
      .flexible-posts .wp-block-post .wp-block-post-title {
        white-space:nowrap;
        color:transparent;
        transition:.3s;
      }
        .flexible-posts .wp-block-post:hover .wp-block-post-title,
        .flexible-posts:not(:hover) .wp-block-post:last-of-type .wp-block-post-title {
          color:white;
        }

/* Met pijl */
  .flexible-posts.with-arrow .columns-3 {
    width:calc(100% - 100px);
  }

  .flexible-posts.with-arrow .wp-block-buttons {
    width:70px;
    height:100%;
    position:absolute;
    top:0;
    right:0;
  }
    .flexible-posts.with-arrow .wp-block-button {
      width:100%;
    }
    .flexible-posts.with-arrow .wp-block-buttons .wp-block-button__link {
      aspect-ratio:1;
      width:100%;
      height:auto;
      padding:0;
      display:block;
      border-radius:50% !important;
      font-size:30px;
      display:flex;
      align-items:center;
      justify-content: center;
    }


@media (min-width:991px) {
  .flexible-posts .wp-block-post:hover ~ .wp-block-post {
    width:260px;
  }

  .wp-block-post:not(:hover, :last-of-type):after,
  .wp-block-post:hover ~ .wp-block-post:after {
    opacity:0;
  }

}
  @media (max-width:991px) {
    .flexible-posts .columns-3 {
      flex-direction:column-reverse;

    }
    .flexible-posts.with-arrow .columns-3 {
      width:100%;
    }
    .flexible-posts.with-arrow .wp-block-buttons {
      display:none;
    }

      .flexible-posts .wp-block-post {
        aspect-ratio:1.56;
        width:100%;

      }
        .flexible-posts .wp-block-post .wp-block-post-title {
          opacity:1;
          bottom:20px;
          font-size:18px;
          padding:10px 20px;
          height:auto;
          line-height:1;
          color:var(--white);
              white-space:normal;
        }

  }


/* Pagination */
.wp-block-query-pagination {
  margin-top:20px;
}



/* Download */
.wp-block-file {
  align-items:center;
  gap:10px;
  background-color:var(--sand);
  display:inline-flex;
  padding:15px;
  border-radius:var(--border_radius);
}



/* Search */

.search-post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
    padding-left: 0;
    list-style: none;
}






@media (max-width: 900px) {
    .search-post-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .search-post-grid {
        grid-template-columns: 1fr;
    }
}



/* Ninja forms */
body .nf-form-content {
  padding:0;
}
.nf-form-content label {
  font-weight:500 !important;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button],[type=submit]), .nf-form-content textarea {
  background-color:var(--lightgray) !important;
  border:0px solid var(--gray) !important;
  padding:10px 17px;
  background-color:var(--sand) !important;
  color:var(--red) !important;
  border-radius:30px !important;
}

/* Margins */

@media (min-width:991px) {
  .mt-negative-100 {
    margin-top:-100px;
  }
  .mt-negative-150 {
    margin-top:-150px;
  }
  .mt-negative-200 {
    margin-top:-200px;
  }

  .mb-negative-100 {
    margin-bottom:-100px;
  }
  .mb-negative-150 {
    margin-bottom:-150px;
  }
  .mb-negative-200 {
    margin-bottom:-200px;
  }
}


/* Columns */

:where(.wp-block-columns.is-layout-flex) {
  gap:4em;
}