/*
	@media screen and (max-width: 768px) { mobile
	@media screen and (max-width: 1023px) { mobile + tablet
1215 desktop
1407px widescreen
*/
/* --- top-spacer en payoff voor home page. 70vh hoog! --- */
#payoff {
  position: relative;
  height: 70vh;
}
#payoff img {
  position: fixed;
  display: block;
  object-fit: cover;
  min-width: 100%;
  height: 70vh;
  z-index: -1;
}
#payoff .payoff {
  position: absolute;
  left: 0;
  bottom: 0;
}
#payoff .payoff .title,
#payoff .payoff .subtitle {
  color: white;
}
/* --- header: sticky menu --- */
.header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  /* carousel heeft 99! */
}
/* --- menubalk --- */
#navbar {
  background-color: lightgrey;
  font-variant-caps: all-small-caps;
  font-size: 1.1em;
}
#navbar.navbar-centered .navbar-brand {
  justify-content: center;
}
#navbar.navbar-centered .navbar-start {
  flex-grow: 1;
  justify-content: center;
}
#navbar .navbar-item.is-active {
  background-color: transparent;
  color: inherit;
  font-weight: bold;
}
/* --- Image bovenaan de pagina, onder menu --- */
#main-image {
  position: relative;
  height: 200px;
}
@media screen and (max-width: 768px) {
  #main-image {
    height: 100px;
  }
}
#main-image img {
  display: block;
  object-fit: cover;
  min-width: 100%;
  height: 100%;
}
/* --- content --- */
#main {
  position: relative;
  background-color: white;
  /* min-height: 3000px; */
}
#main h1 {
  font-variant-caps: all-small-caps;
}
/* --- nav columns op portaal-pagina's --- */
.columns.nav figure {
  margin: 0;
}
.columns.nav .column {
  min-height: 200px;
}
.columns.nav .column p {
  padding: 1rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-variant-caps: all-small-caps;
  font-size: 1.1rem;
  /* font-weight: bold; */
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
}
.columns.nav .column img {
  display: block;
  object-fit: cover;
}
/* --- Carousel overrides --- */
.carousel .carousel-container figure {
  margin: 0;
}
.carousel .carousel-container .carousel-item .title {
  font-size: 1rem;
}
/*# sourceMappingURL=paraiso.css.map */