.gallery-responsive{
  display: flex;
  gap: 12px;
}

/* Elke afbeelding krijgt 1/3 van de rij */
.gallery-responsive a{
  width: calc(33.333% - 8px);
  display: block;
}

/* Afbeelding schaalt mee in de kolom */
.gallery-responsive img{
  width: 100%;
  height: auto;
  display: block;
}

/* Klein scherm: onder elkaar */
@media (max-width: 768px){
  .gallery-responsive{
    flex-direction: column;
  }

  .gallery-responsive a{
    width: 100%;
  }
}


.bg-orange-light{
  background: #FFF6EF;
}

.no-results{
  display: none;
}

.search-engine-tools{
  display: none;
}


/* blog */

.blog h1{}
.blog h2{margin-top: 25px;margin-bottom: 25px;font-weight: 600;}
.blog h3{margin-top: 20px;margin-bottom: 20px;font-weight: 400;}

.blog-info{
  padding: 10px;
  background-color: #f7fafd !important;
  border: 1px solid #97BEE6;  
  font-size: 12px;
  margin-bottom: 25px;
}

.blog-table{
  margin-bottom: 25px;
  width: 100%;
  
}
  .blog-table th {
    background-color: #f7fafd !important;
  }

  .blog-table th, .blog-table td{
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #97BEE6;  
  }


/* FAQ */
.faq-item{
    border-radius:.5rem!important;
    background-color: #f7fafd!important;
    margin-bottom: 10px;
}
    .faq-item .faq-question{
        border-radius:.5rem!important;
        background-color: #FED6C0;
        padding:5px 0 5px 10px;
        cursor: pointer;
    }
    
    .faq-item .faq-answer{
        display: grid;
        grid-template-rows: 1fr;
        overflow: hidden;
        transition: grid-template-rows 0.3s ease, margin-top 0.3s ease;
        margin-top: 10px;
    }
        
        .faq-answer.closed{
            grid-template-rows: 0fr;
            margin-top: 0;
        }
        .faq-item .faq-answer > div{
            min-height: 0;
            padding: 5px 10px;
        }
        .faq-item .faq-answer .source{
            font-size: 12px;
            font-style: italic;
        }
        .faq-item .faq-answer .cta{
            background: #E8F0F7;
            border-left: 4px solid #1B4F8A;
            padding: 16px 20px;
            margin: 12px 0;
            border-radius: 0 6px 6px 0;
            font-size: 0.95rem;
            color: #1A3A6B;
        }



@media (min-width: 1700px) {
  .col-xxxl-1  { flex: 0 0 auto; width: 8.3333%; }
  .col-xxxl-2  { flex: 0 0 auto; width: 16.6667%; }
  .col-xxxl-3  { flex: 0 0 auto; width: 25%; }
  .col-xxxl-4  { flex: 0 0 auto; width: 33.3333%; }
  .col-xxxl-5  { flex: 0 0 auto; width: 41.6667%; }
  .col-xxxl-6  { flex: 0 0 auto; width: 50%; }
  .col-xxxl-7  { flex: 0 0 auto; width: 58.3333%; }
  .col-xxxl-8  { flex: 0 0 auto; width: 66.6667%; }
  .col-xxxl-9  { flex: 0 0 auto; width: 75%; }
  .col-xxxl-10 { flex: 0 0 auto; width: 83.3333%; }
  .col-xxxl-11 { flex: 0 0 auto; width: 91.6667%; }
  .col-xxxl-12 { flex: 0 0 auto; width: 100%; }
  .col-xxxl    { flex: 1 0 0%; }
  .col-xxxl-auto { flex: 0 0 auto; width: auto; }
}   

/* Fix: Fancybox video schermvullend op mobiel */

  .fancybox__slide.has-vimeo .fancybox__content,
  .fancybox__slide.has-youtube .fancybox__content,
  .fancybox__slide.has-html5video .fancybox__content {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
  }

  .fancybox__slide.has-vimeo .fancybox__iframe,
  .fancybox__slide.has-youtube .fancybox__iframe,
  .fancybox__slide.has-html5video .fancybox__iframe {
    width: 100% !important;
    height: 100% !important;
  }




#btn-mariage:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}