/*---------Lustrum---------------------------------------------------------------------------*/
/*---------Webshop-------*/
.module-webshop:not(.lustrum-page) .row {
  .row:has(a[href*="/lustrumitems"]) {
    margin: 0;
    padding: 10px;
    background-color: #2b2a29;
    border: 2px solid #8fd4ff;
    border-radius: 10px;
      :hover a {
        text-decoration: underline;
      }
    > div {
      margin-bottom: 0 !important;
        h4 {
          margin: 10px !important;
        }
        p {
          display: none;  
        }
        a {
          color: #f2ffff;
        }
      }
  }
  .row:hover a[href*="/lustrumitems"] {
    text-decoration: underline;
  }
}
/*---------Lustrum menuitem-------*/
body:not(.lustrum-page) {
@media (min-width: 992px) {
.sf-menu > li:has(> a[href="/lustrum"])::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 5px;
  background: #8fd4ff;
}
.sf-menu > li:has(> a[href="/lustrum"]) > a:link, .sf-menu > li:has(> a[href="/lustrum"]) > a:visited {
  border: 1px solid #8fd4ff;
  border-radius: 10px 10px 0 0;
  border-bottom: 0;
}
.sf-menu > li:has(> a[href="/lustrum"]) a:link, .sf-menu > li:has(> a[href="/lustrum"]) a:visited  {
  color: #f2ffff;
}
.sf-menu > li:has(> a[href="/lustrum"]) a:hover, .sf-menu > li:has(> a[href="/lustrum"]) a:active  {
  background-color: #8fd4ff;
  color: #2b2a29;
}
.sf-menu > li:has(> a[href="/lustrum"]) > ul { /*--1e submenu--*/
  border-color: #8fd4ff;
}
.sf-menu > li:has(> a[href="/lustrum"]) ul li { /*--links submenu's--*/
  border-color: #8fd4ff;
}}
}
/*---------lustrumpaginas-------*/
.lustrum-page {
  background-color: #f2ffff;
  /*----------Header----------*/
header {
  background-color: #2b2a29;
  border-bottom: 5px solid #8fd4ff;
}
.sf-menu a:link, .sf-menu a:visited {
  color: #f2ffff;
}
.sf-menu a:hover, .sf-menu a:active {
  color: #8fd4ff;
  background-color: #000000;
}
.sf-menu > li:has(> a[href="/lustrum"]) > a:link, .sf-menu > li:has(> a[href="/lustrum"]) > a:visited {
  border-radius: 10px 10px 0 0;
}
.sf-menu > li:has(> a[href="/lustrum"]) a:link, .sf-menu > li:has(> a[href="/lustrum"]) a:visited {
  color: #2b2a29;
  background-color: #8fd4ff;
}
.sf-menu > li:has(> a[href="/lustrum"]) a:hover, .sf-menu > li:has(> a[href="/lustrum"]) a:active {
  color: #2b2a29;
  background-color: #f2ffff;
}
.sf-menu>li>ul { /*--1e submenu--*/
  border-top: 4px solid #8fd4ff;
  border-bottom: 1px solid #8fd4ff;
}
.sf-menu ul { /*--alle submenu's--*/
  border-bottom: 1px solid #8fd4ff;
}
.sf-menu ul li { /*--links submenu's--*/
  background-color: #2b2a29;
  border-left: 1px solid #8fd4ff;
  border-right: 1px solid #8fd4ff;
  border-top: 1px solid #8fd4ff;
  border-bottom: 0;
}
.sf-menu>li>ul a:link, .sf-menu>li>ul a:visited {
  background-color: #2b2a29;
  color: #f2ffff;
}
.sf-menu>li>ul a:hover, .sf-menu>li>ul a:active {
  background-color: #000000;
  color: #8fd4ff;
  transition: all .25s ease-in;
}
.header-nav .fa, .header-nav button {
  color: #f2ffff;
}
.header-nav .fa:hover, .header-nav .fa:active, .header-nav button:hover,  .header-nav button:active {
  color: #8fd4ff;
  background-color: #000000;
}
@media (max-width: 991px) {
  header a:hover, header a:active, .sf-menu li ul a:hover, .sf-menu li ul a:active {
  border-radius: 10px !important;
  background-color: #2b2a29;
  }
  header .sf-menu .has-submenu.is-active>ul {
  background-color: #2b2a29;
  }
}
.top-mobile .login a {
  color: #8fd4ff;
}
  /*----------Footer----------*/
footer {
  background-color: #2b2a29;
  color: #f2ffff;
  border-bottom: 5px solid #8fd4ff;
  border-top: 5px solid #8fd4ff;
}
footer .headline {
  border-bottom: 1px solid #8fd4ff77;
}
footer a:link, footer a:visited {
  color: #f2ffffdd;
}
footer .headline h3 {
  border-bottom: 2px solid #8fd4ff;
}
footer a:hover, footer a:active {
  color: #8fd4ff;
}
.social-icons li a {
  background-color: #8fd4ff;
}
.social-icons .fa {
  color: #2b2a29;
}
/*----------Lustrum homepage----------*/  
#carousel-homepage.carousel .carousel-inner .item:before {
  background: none;
}
}