body {
  font-size: 1rem;
  font-family: 'Inter',Arial,sans-serif;
  line-height: 1.375rem;
  color: #3b3b3b;
}


h1,
h2 {
  font-size: 2rem;
  font-family: 'Arvo', Arial, sans-serif;
  line-height: 1.1;
  font-weight: 700;
  color: #165741;
}

img {
    max-width: 100%;
}

h3,
h4 {
  font-size: 1.25rem;
  font-family: 'Arvo', Arial, sans-serif;
  line-height: 1.5rem;
  font-weight: 700;
  color: #004568;
  margin-bottom: 1rem;
}

p {
    line-height: 1.375rem;
}

a {
    text-decoration: none;
    color: inherit;
}

.nav-item {
    list-style: none;
}

a:hover {
    color: inherit;
}

.info {
  color: #3b3b3b;
  font-size: .875rem;
  font-weight: 500;
}

b,
strong {
    font-weight: bold;
}


a:hover .bg {
    transform: scale(1.2);
}

.pagination {
  --bs-pagination-active-bg: #519179;
}

.page-link {
  --bs-pagination-color: #3b3b3b;
}

.bg-orange {
    background-color: #f68a33;
}

.bg-green {
    background-color: #519179;
    color: #FFF !important;
}

.bg-green h2,
.bg-green h3,
.bg-green p {
    color: #FFF;
}

.bg-blue {
    background-color: #004568;
    color: #FFF !important;
}

.bg-clay {
    background-color: #ebf0db;
}

.bg-light-blue {
    background-color: #eaf1ef;
}

.btn-orange {
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    background-color: #f68a33;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    max-width: 90%;
    padding: 1.2ex 2ex;
    text-decoration: none;
    border: 1px solid #f68a33;
    border-radius: 0;
}

.btn-orange:hover {
    cursor: pointer;
    background-color:  #e67822;
    color: #fff;
}

.header-menu .nav-link {
  margin-bottom: -1px;
  display: block;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: 'Arvo',Arial,sans-serif;
  font-weight: 700;
  color: #165741;
}

.card {
    display: flex;
    border: 1px solid #e6f0f6;
    border-radius: 0;
}

.card:hover {
  background-color: #ebf0db;
  transition: background-color .2s;
}

.bg-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .2s ease-in-out;
    height: 100%;
    min-height: 150px;
}


#map {
    height: 500px;
}

.reserves #map {
    height: 600px;
}

.support ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style: none;
  column-gap: 3rem;
  row-gap: 3rem;
}

@media (max-width: 768px) {
  .support ul {
    grid-template-columns: 1fr;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
  }
}

.tags {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 768px) {
  .tags {
    grid-template-columns: 1fr;
    column-gap: 1.5rem;
  }
}

.footer-menu li {
  font-size: 14px;
  line-height: 16px;
}

.footer-menu ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 768px) {
  .footer-menu ul {
    grid-template-columns: 1fr;
  }
}

.bg-owl {
  background-image: url('/themes/prismify-bootstrap-starter-kit-child/assets/images/oehoe.png');
  background-position: bottom right;
  background-size: 25%;
  background-repeat: no-repeat;
  position: relative;
}

.bg-badger {
  background-image: url('/themes/prismify-bootstrap-starter-kit-child/assets/images/badger.png');
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.bg-common-blue {
  background-image: url('/themes/prismify-bootstrap-starter-kit-child/assets/images/blauwtje.png');
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.bg-foxglove {
  background-image: url('/themes/prismify-bootstrap-starter-kit-child/assets/images/kaasjeskruid.png');
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.bg-bat {
  background-image: url('/themes/prismify-bootstrap-starter-kit-child/assets/images/vleermuis.png');
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.attribution {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1px 3px 2px;
  background-color: rgba(0,0,0,.6);
  font-size: .688rem;
  line-height: .875rem;
  color: #fff;
  opacity: 0;
  transition: all .2s ease-in-out;
}

.attribution::before {
    content: "© ";
}

.bg-common-blue:hover .attribution,
.bg-foxglove:hover .attribution,
.bg-bat:hover .attribution,
.bg-badger:hover .attribution,
.bg-owl:hover .attribution{
    opacity: 1;
}

.grid-2-1 {
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;;
}

@media (max-width: 990px) {
  .grid-2-1 {
    grid-template-columns: 1fr;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
  }
}

.g-col {
    height: 100%;
}

.images {
    column-count: 4;
}

@media (max-width: 1000px) {
  .images {
    column-count: 3;
  }
}

@media (max-width: 768px) {
  .images {
    column-count: 2;
  }
}