/*** user.css is geplaatst op 8-9-26 en getest met rode border rond body***/

:root {
--rood: #425B8C; /*rgb(140, 32, 52;)rood*/
--middelblauw: #7EA1BF; /*rgb(66, 91, 140;) middelblauw*/
--lichtblauw: #BF9004; /*rgb(126, 161, 191;)lichtblauw*/
--oker: #8C5C03; /*rgb(191, 144, 4;) oker*/
--donker-oker: #425B8C; /*rgb(140, 92, 3;)donker-oker*/
--cassiopeia-color-primary: rgb(191, 144, 4); /*oker*/
--cassiopeia-color-link: rgb(191, 144, 4); /*oker*/
--cassiopeia-color-hover: rgb(140, 92, 3;) /*donker-oker*/
--cassiopeia-font-weight-heading: 250;
}

/*Gallery: categorieen*/ 
/*----------?---------*/
.container-gallery {
  display: grid;
  grid-template-columns: auto auto auto auto;
  padding: 10px;
  gap: 15px;
}
div.gallery-item a img {
  width: 100%;
}
h3.card-header {
  color: white !important; 
  background-color: var(--oker) !important;
}
.categories-module.mod-list li a:hover {
    background: rgba(0,0,0,.25);
}
div.gallery-item p {
  font-size: 18pt;
  text-align: center;
  color: #8C5C03; /*oker*/
}
div.container-gallery div.gallery-item {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}
div.container-gallery div.gallery-item:hover {
transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transform: scale(1.05);
}

@media (max-width: 1300px) {
  .container-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1300px) {
  .container-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .container-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .container-gallery {
    grid-template-columns: 1fr;
  }
}
/* artikel-in categorie-blog */
@media (max-width: 995px) {
div.com-content-category-blog__items.blog-items.boxed {
grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 800px) {
div.com-content-category-blog__items.blog-items.boxed {
grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 650px) {
div.com-content-category-blog__items.blog-items.boxed {
grid-template-columns: 1fr;
  }
}
/*----------------*/
.boxed .blog-item .item-content {
  padding: 10px;
  }
figure.mx-auto.d-block.item-image a img {
 width: 100% !important;
}
figcaption.caption {
  padding-left: 15px;
  padding-bottom: 20px;
}
.blog-item {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}
.blog-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transform: scale(1.05);
}
div.com-content-category-blog__item.blog-item div.item-content div.page-header h2 {
  font-size: 1.1rem
}
figcaption {
  font-size: .8em;
}
ul.fields-container {
  font-size: 0.9rem;
}
div.com-content-category-blog__item.blog-item div.item-content ul.fields-container {
  margin-top: 10px;
  padding-left: 1rem;
}
li.field-entry.prijs {
  padding-bottom: 20px;
}
dl.article-info.text-muted {
  font-size: 10pt;
  padding-top: 15px;
  border-top: 2px solid #BF9004;
  color: #BF9004; /*oker*/
}
.category-name {
  color: #BF9004; /*oker*/
}
.published {
  color: #BF9004; /*oker*/
}
h1, h2, h3, h4, h5, h6 {
  color: #BF9004; /*oker*/
}
.mod-custom.custom h3 {
  color: white;
}

/* --- e-mailbutton rechtsonder---*/
#pageEmailButton {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 1000;
    padding: 12px 18px;
    border: 0;
    border-radius: 6px;
    background-color: #BF9004;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    cursor: pointer;

#pageEmailButton:hover {
    background-color: #8C5C03;
}

#pageEmailButton:focus {
    outline: 3px solid rgba(0, 0, 0, 0.25);
    outline-offset: 2px;
}
button#pageEmailButton {
    display: none;
  }

/*-------offline---------------*/
div.offline-card div.header div.logo-icon {
  display: none !important;
}

/* footer*/
.container-footer.footer.full-width div.grid-child {
  align-items: baseline !important;
}