@import '_content/DDigit.BlazorComponents/DDigit.BlazorComponents.48wiflglw7.bundle.scp.css';
@import '_content/DDigit.CollectionComponents/DDigit.CollectionComponents.hwp60nsuv3.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Pages/About.razor.rz.scp.css */
.md-credits[b-ixf0jmcnoq] {
  display: flex;
  gap: 2rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  flex-wrap: wrap;
}

.credit-item[b-ixf0jmcnoq] {
  display: flex;
  align-items: center;
  gap: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0.5rem 1rem;
}

.credit-item p[b-ixf0jmcnoq] {
  margin: 0;
}

.credit-logo[b-ixf0jmcnoq] {
  height: 64px;
  width: auto;
  display: block;
}
/* /Pages/Home.razor.rz.scp.css */
/* Tijdelijk bericht */
.maintenance-notice[b-n9x97f1eon] {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1rem;
  background-color: #fff4e5;
  border-left: 5px solid #f0a500;
  color: #333;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

  .maintenance-notice > svg[b-n9x97f1eon] {
    max-height: 1.5rem;
    max-width: 1.5rem;
    fill: black;
  }

@media (min-width: 871px) {
  /* Content styling */
  #home-page .home-page-content[b-n9x97f1eon] {
    padding-top: 1rem;
    padding-right: 3rem;
  }
}

/* Home page styling */
#home-page[b-n9x97f1eon] {
  display: flex;
  flex-direction: row-reverse;
  max-width: var(--max-site-width);
}

  /* Side menu styling */
  #home-page .side-menu[b-n9x97f1eon] {
    display: flex;
    flex-direction: column;
    background: var(--complement-color);
    padding-bottom: 1rem;
  }

    #home-page .side-menu .side-menu-item[b-n9x97f1eon] {
      display: flex;
      align-items: center;
      column-gap: 0.25rem;
      color: var(--background-color) !important;
      text-decoration: none;
      width: 100%;
      border-radius: 0;
    }

      #home-page .side-menu .side-menu-item .external-link[b-n9x97f1eon] {
        width: 1rem;
        height: 1rem;
        fill: white;
        padding: 1px;
        border-radius: 0;
      }

    #home-page .side-menu .side-menu-link .side-menu-item[b-n9x97f1eon] {
      border-bottom: 2px dotted rgba(255, 255, 255, 0.5);
      padding: 0.5rem 1rem 0.25rem 1rem;
      transition: background-color var(--fast-transition-speed);
    }

      #home-page .side-menu .side-menu-link .side-menu-item:hover[b-n9x97f1eon] {
        background-color: rgba(255, 255, 255, 0.2);
        filter: none !important;
      }

  #home-page .last-update-message[b-n9x97f1eon] {
    padding: 0.5rem 1rem;
    color: rgb(from var(--main-color) r g b / .5);
    margin-left: auto;
    margin-top: auto;
  }

/* Tiles */
.tile-wrapper[b-n9x97f1eon] {
  display: grid;
  margin-top: 0;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: .5rem;
  line-height: 20px !important;
}

@media (max-width: 767.98px) {
  .tile-wrapper[b-n9x97f1eon] {
    grid-template-columns: 1fr;
  }
}

.tile[b-n9x97f1eon] {
  position: relative;
  width: 100%;
  height: 12rem;
  box-shadow: var(--shadow);
  overflow: hidden;
  filter: none !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.tile-thumbnail[b-n9x97f1eon] {
  position: absolute;
  inset: 0;
  width: auto;
  height: calc(100% - 3rem);
  margin: 0 auto;
  object-fit: contain;
  transform: translateZ(0);
  /*filter: brightness(95%);*/
  will-change: transform, opacity;
  pointer-events: none;
}

@media (max-width: 870px) {
  .tile[b-n9x97f1eon] {
    height: 10rem;
  }

  .tile-thumbnail[b-n9x97f1eon] {
    margin: 0.5rem auto;
  }
}

/* default states */
.tile-thumbnail.static-image[b-n9x97f1eon] {
  opacity: 1;
  z-index: 0;
  transition: filter var(--fast-transition-speed), transform var(--fast-transition-speed), opacity var(--fast-transition-speed);
}

.tile-thumbnail.hover-image[b-n9x97f1eon] {
  opacity: 0;
  z-index: 1;
  transition: filter var(--fast-transition-speed), transform var(--fast-transition-speed), opacity var(--fast-transition-speed) 100ms;
}

/* hover / focus swap */
.tile:hover .tile-thumbnail.static-image[b-n9x97f1eon],
.tile:focus-within .tile-thumbnail.static-image[b-n9x97f1eon] {
  opacity: 0;
  transform: scale(1.1);
  /*filter: brightness(105%);*/
  transition: filter var(--fast-transition-speed), transform var(--fast-transition-speed), opacity var(--fast-transition-speed) 100ms;
}

.tile:hover .tile-thumbnail.hover-image[b-n9x97f1eon],
.tile:focus-within .tile-thumbnail.hover-image[b-n9x97f1eon] {
  opacity: 1;
  transform: scale(1.1);
  /*filter: brightness(105%);*/
  transition: filter var(--fast-transition-speed), transform var(--fast-transition-speed), opacity var(--fast-transition-speed);
}

.tile-overlay[b-n9x97f1eon] {
  position: absolute;
  inset: 0;
  padding: .75rem 1rem;
  display: grid;
  align-items: end;
  z-index: 1;
  opacity: 1;
  --tile-overlay-color-start: rgba(from var(--complement-color) r g b / .0125);
  --tile-overlay-color: rgba(from var(--complement-color) r g b / .065);
  background: linear-gradient(var(--tile-overlay-color-start) 75%, var(--tile-overlay-color));
  transition: opacity var(--fast-transition-speed) ease;
}

.tile:hover .tile-overlay[b-n9x97f1eon] {
  opacity: 75%;
}

.tile-title[b-n9x97f1eon] {
  margin: 0;
  font-size: 1.1rem;
  z-index: 2;
  opacity: 1;
  transition: opacity var(--fast-transition-speed) ease;
}

@media (prefers-reduced-motion: reduce) {
  .tile-thumbnail[b-n9x97f1eon],
  .tile-overlay[b-n9x97f1eon],
  .tile-title[b-n9x97f1eon] {
    transition: none !important;
  }
}

/* Comments */
#home-page .latest-comments[b-n9x97f1eon] {
  display: grid;
  grid-template-rows: 1fr;
  grid-row-gap: 1rem;
}

#home-page .comment-item[b-n9x97f1eon] {
  display: grid;
  grid-template-columns: 33% auto;
  grid-column-gap: 1rem;
  align-items: center;
  padding: 1rem;
  background-color: rgba(0, 0, 0, .15);
}

  #home-page .comment-item img[b-n9x97f1eon] {
    max-height: 10rem;
    object-fit: contain;
    width: 100%;
  }

#home-page .comment[b-n9x97f1eon] {
  display: flex;
  flex-direction: column;
}

  #home-page .comment p[b-n9x97f1eon] {
    margin: 0;
  }

#home-page .comment-user[b-n9x97f1eon] {
  font-weight: bold;
}
/* Spotlight */
.spotlight[b-n9x97f1eon] {
  display: flex;
  gap: 1rem;
  padding: 1rem;
}
/* Mobile */
@media (max-width: 870px) {
  #home-page[b-n9x97f1eon] {
    flex-direction: column-reverse;
    gap: 1rem;
  }

    #home-page .side-menu[b-n9x97f1eon] {
      width: 100%;
      padding-bottom: 0;
    }

  .spotlight[b-n9x97f1eon] {
    flex-direction: column;
  }

  #home-page .comment-item[b-n9x97f1eon] {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: unset;
    grid-row-gap: 1rem;
  }
}
/*Tablet and up*/
@media (min-width: 871px) {
  #home-page .side-menu[b-n9x97f1eon] {
    --half-color: color-mix(in srgb, var(--background-color) 95%, var(--complement-color));
    background: linear-gradient(var(--complement-color) 33%, var(--half-color));
    min-width: var(--side-menu-width);
    max-width: var(--side-menu-width);
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
}
/* /Pages/Information.razor.rz.scp.css */

@media (min-width: 871px) {
  /* Content styling */
  #home-page .home-page-content[b-tflfootzah] {
    padding-top: 1rem;
    padding-right: 3rem;
  }
}

/* Home page styling */
#home-page[b-tflfootzah] {
  display: flex;
  flex-direction: row-reverse;
  max-width: var(--max-site-width);
}

  /* Side menu styling */
  #home-page .side-menu[b-tflfootzah] {
    display: flex;
    flex-direction: column;
    background: var(--complement-color);
  }

    #home-page .side-menu .side-menu-item[b-tflfootzah] {
      display: flex;
      align-items: center;
      column-gap: 0.25rem;
      color: var(--background-color) !important;
      text-decoration: none;
      width: 100%;
      border-radius: 0;
    }

    #home-page .side-menu .side-menu-item .external-link[b-tflfootzah] {
      width: 1rem;
      height: 1rem;
      fill: white;
      padding: 1px;
      border-radius: 0;
    }

    #home-page .side-menu .side-menu-link .side-menu-item[b-tflfootzah] {
      border-bottom: 2px dotted rgba(255, 255, 255, 0.5);
      padding: 0.5rem 1rem 0.25rem 1rem;
      transition: background-color var(--fast-transition-speed);
    }

      #home-page .side-menu .side-menu-link .side-menu-item:hover[b-tflfootzah] {
        background-color: rgba(255, 255, 255, 0.2);
        filter: none !important;
      }

  /* Tiles */
  #home-page[b-tflfootzah]  .tile-wrapper {
    display: grid;
    margin-top: 0;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: .5rem;
  }

    #home-page[b-tflfootzah]  .tile-wrapper .tile {
      display: flex;
      justify-content: center;
      height: 12rem;
      border: 1px solid rgba(0, 0, 0, 0.05);
      transition: opacity var(--fast-transition-speed);
    }

    #home-page[b-tflfootzah]  .tile-wrapper .tile:hover {
      opacity: 1 !important;
    }

    #home-page[b-tflfootzah]  .tile-wrapper .tile-overlay {
      background: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .033));
    }

    #home-page[b-tflfootzah]  .tile-wrapper .tile-title {
      color: #111;
    }

    #home-page[b-tflfootzah]  .tile-wrapper .tile img {
      margin-top: 1.75rem;
      max-width: 6rem;
      max-height: 6rem;
      padding: 0.5rem;
    }

  #home-page[b-tflfootzah]  .tile:hover .tile-thumbnail {
    transform: scale(1.1);
  }

  /* Comments */
  #home-page .latest-comments[b-tflfootzah] {
    display: grid;
    grid-template-rows: 1fr;
    grid-row-gap: 1rem;
  }

  #home-page .comment-item[b-tflfootzah] {
    display: grid;
    grid-template-columns: 33% auto;
    grid-column-gap: 1rem;
    align-items: center;
    padding: 1rem;
    background-color: rgba(0, 0, 0, .15);
  }

    #home-page .comment-item img[b-tflfootzah] {
      max-height: 10rem;
      object-fit: contain;
      width: 100%;
    }

  #home-page .comment[b-tflfootzah] {
    display: flex;
    flex-direction: column;
  }

    #home-page .comment p[b-tflfootzah] {
      margin: 0;
    }

  #home-page .comment-user[b-tflfootzah] {
    font-weight: bold;
  }

/* Spotlight */
.spotlight[b-tflfootzah] {
  display: flex;
  gap: 1rem;
  padding: 1rem;
}

/* Mobile */
@media (max-width: 870px) {
  #home-page[b-tflfootzah] {
    flex-direction: column-reverse;
    gap: 1rem;
  }

    #home-page .side-menu[b-tflfootzah] {
      width: 100%;
    }

  .spotlight[b-tflfootzah] {
    flex-direction: column;
  }

  #home-page .comment-item[b-tflfootzah] {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: unset;
    grid-row-gap: 1rem;
  }
}

/*Tablet and up*/
@media (min-width: 871px) {
  #home-page .side-menu[b-tflfootzah] {
    background: linear-gradient(var(--complement-color) 50%, var(--background-color));
    min-width: var(--side-menu-width);
    max-width: var(--side-menu-width);
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
}
/* /Pages/Museums.razor.rz.scp.css */
.items-wrapper[b-z13bvxgye8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
}

.museum-item[b-z13bvxgye8] {
  display: grid;
  grid-template-rows: 1fr;
  grid-row-gap: 1rem;
  box-shadow: var(--shadow);
}

.item-content[b-z13bvxgye8] {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  padding-top: 0;
}

.item-content-text[b-z13bvxgye8] {
  display: flex;
  flex-direction: column;
}

  .item-content-text a[b-z13bvxgye8] {
    color: var(--complement-color);
  }

  .item-content-text h5[b-z13bvxgye8] {
    color: var(--main-color);
    font-weight: bold;
    margin-bottom: 0;
  }

.banner-image[b-z13bvxgye8] {
  height: 5rem;
  width: 100%;
  object-fit: cover;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}

.logo-image[b-z13bvxgye8] {
  max-height: 2rem;
  max-width: 5rem;
  object-fit: contain;
}

/* Mobile */
@media (max-width: 870px) {
  .items-wrapper[b-z13bvxgye8] {
    display: flex;
    flex-direction: column;
  }

  .item-content-text a[b-z13bvxgye8] {
    word-break: break-all;
  }
}
/* /Pages/QuestionPage.razor.rz.scp.css */
.question-page[b-jgby43o424] {
  max-width: var(--site-max-width);
}

  .question-page .button-row[b-jgby43o424] {
    display: flex;
    justify-content: center;
  }

  .question-page[b-jgby43o424]  .input-row {
    padding: 0.5rem;
    padding-top: 0;
    margin-bottom: 0.25rem;
    border-radius: 0;
  }

    .question-page[b-jgby43o424]  .input-row label {
      font-weight: bold;
      color: var(--main-color);
    }

    .question-page[b-jgby43o424]  .input-row input,
    .question-page[b-jgby43o424]  .input-row textarea {
      width: 100%;
    }

    .question-page[b-jgby43o424]  .input-row .input-wrapper,
    .question-page[b-jgby43o424]  .input-row textarea,
    .question-page[b-jgby43o424]  .input-row .destination-list {
      grid-column: 2;
    }

  .question-page p.success[b-jgby43o424] {
    color: var(--indicate-process-succeeded-color);
  }

  .question-page span.required-asterisk[b-jgby43o424] {
    color: var(--highlighted-element-color);
  }