/* Template posities ---------------------------------------------- */
.header-sticky #sp-logo {
  padding-top: 0;
}

#sp-top-bar {
    display: none !important;
}

#sp-header {
    background: #2d5c88;
    background: #143d7a;
}

#sp-main-body {
    padding: 0;
    background-color: #004787;
}

.home #sp-component {
    padding-top: 3rem;
    background-color: #004787;
    padding-bottom: 3rem;
}

.home #sp-component .article-details div[itemprop="articleBody"] .moduletable {
    background-color: #fff;
}

.home #sp-component .article-details div[itemprop="articleBody"]:nth-child(1) .moduletable {
    background-color: #f00;
}



#sp-right {
background-color: #eee;
padding-top: 1rem;
}

#sp-logo {padding-top: 30px;}

#sp-header .container-fluid,
#sp-main-body {
    margin: 0 auto;
}

#sp-section-1 {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}

/* Bijzondere opmaakelementen ------------------------------------- */

.item-page figure,
.item-page figure img {
    width: 100%;
}

.item-page figure .credit {
   max-width: 100%;  
   text-align: left;
   margin-right: auto;
   margin-left: 2rem;
   margin-top: -2rem;
   color: #fff;
   text-shadow: 1px 2px #333;
   margin-bottom: 2rem;
}

.item-page figure .credit::before {
    font-family: "Font Awesome 6 Free";
    content: "\f030";
    margin-right: 0.5rem;
  font-weight: 900;
}

.item-page figure .caption {
  font-weight: 300;
  opacity: 1;
  max-width: 100%;
  margin-top: -1rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  margin: -1rem auto 0 auto;
  text-align: center;
}

/* Buttons  */

.btn-sm {margin-left: 0.5rem;}

/* EINDE: Bijzondere opmaakelementen ------------------------------ */

/* Menu ----------------------------------------------------------- */

/* Actief menu item + hover kleur geel ---------------------------- */
.sp-megamenu-parent > li:hover > a ,
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
    color: #fec701;
}

/* EINDE: Menu ---------------------------------------------------- */

/* individuele modules -------------------------------------------- */

#darkiv-assetlist .darkiv-asset .asset-info {margin-bottom: 0.5rem;}
#darkiv-assetlist .darkiv-asset .asset-type-image {margin-bottom: 0.5rem;}
#darkiv-assetlist .darkiv-asset .asset-title {margin-bottom: 1rem;}
#darkiv-assetlist .darkiv-asset .asset-introtext {margin-bottom: 1rem;}

#darkiv-assetlist .darkiv-asset .asset-info {font-size: 0.9rem;}

#darkiv-assetlist .darkiv-asset .asset-type-image {background: #f00;}

#darkiv-assetlist .darkiv-asset .asset-title h3 {
   max-height: 4.2rem;
   overflow: hidden;
}

/* Individuele pagina's ------------------------------------------- */

.article-details .article-can-edit {
  display: none !important;
}

/* home. */
.home article picture {
    float: left;
    margin: 0 2rem 1rem 0;
}

.home #sp-component,
.home #sp-component h1 {
    color: #fff;
}
.home #sp-main-body {
    border-top: 10px solid #fec701;
}

#sp-module {}

/* EINDE: Individuele pagina's ------------------------------------ */

@media (min-width: 1200px) {
    #sp-header .container-fluid,
    #sp-main-body .row  {
        max-width: 1170px;
        margin:0 auto;
    }
}

@media (min-width: 1600px) {
    #sp-header .container-fluid,
    #sp-main-body  .row {
        max-width: 1570px;
        margin: 0 auto;
    }
}