body                                                        { font: 400 18px/26px 'Roboto', serif;  }
/* body.tijdschrift.page50                                     { background: #e5f2ff !important; } */
body.tijdschrift                                            { background: #dfd7dd url('/images/vroeg/bg_vroeg2.jpg') no-repeat !important; 
      background-attachment: fixed !important;
  background-position: center !important;
  background-size: cover !important;
}

body.tijdschrift.page50 .article-nav-wrapper {
  border-top: 7px solid #0294d6;
}

/* Artikel hoofdstijlen */
h1, .grid-article-header1                                   { font: 500 50px/50px 'Faustina', serif; color: #8a4d79; }
h2, .grid-article-header2                                   { font: 500 30px/34px 'Faustina', sans-serif; color: #000; }
h3                                                          { font: 600 18px/26px 'Faustina', sans-serif; color: #8a4d79; text-transform: uppercase; margin: 0; }
h4                                                          { font: 400 18px/20px 'Roboto', sans-serif; color: #8a4d79; }
h5                                                          { font: 400 16px/18px 'Roboto', sans-serif; color: #8a4d79; }
h6                                                          { font: 400 14px/16px 'Roboto', sans-serif; color: #8a4d79; }

/* Artikel stijlen */
.grid-article-head .grid-article-rubriek,
          .article-head .article-rubriek                    { font: 400 18px/24px 'Faustina', sans-serif; }
.grid-article-head .grid-article-header1                    { font-size: 26px; line-height: 28px; margin: 0 0 5px; }
.grid-article-head .grid-article-header2                    { font-size: 18px; line-height: 22px; margin: 0 0 10px; }
.grid-article-head .grid-article-author                     { font: 600 14px/16px 'Roboto', sans-serif; line-height: 20px; margin: 0 0 10px; }
.grid-article-snippet                                       { font-size: 15px; line-height: 20px; }

.article-metadata                                           { padding: 10px 20px; font: 400 13px/15px 'Roboto', sans-serif; color: #666; }


/* Titel volgorde */
.grid-article-head .grid-article-rubriek,
          .article-head .article-rubriek                    { display: none; }


.grid-article-content                                       { background: #FFF ; padding: 30px 30px 20px; }

/* Header en menu */
header,
.header-search,
.menu-overlay                                               { background: #967a8e; }
.menu-content a                                             { color:#FFF; }
.menu-content h3.menu-header                                { color: #FFF; opacity: 0.7; }
.tijdschrift .header-logo img                               { transform: translate(40px, 4px); filter: brightness(0) invert(1); }

/* Quote */
.pe--tijdschrift_quote        { font-family: 'Cantata One'; }


/* Buttons */
.btn-primary                                                { color: #fff; background: #967a8e; border-color: #967a8e; }
.btn-primary:hover                                          { color: #fff; background: #dfd7dd; border-color: #dfd7dd; }
.btn-primary:focus,
.btn-primary.focus                                          { box-shadow:0 0 0 .2rem rgba(152, 198, 250, 0.5); }
.btn-primary.disabled,
.btn-primary:disabled                                       { color: #8a4d79; background: transparent; border-color: #91bed8; }
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle                          { color: #8a4d79; background: transparent; border-color: #91bed8; }
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus                    { box-shadow:0 0 0 .2rem rgba(152, 198, 250, 0.5); }

.btn-outline-primary                                                { color: #8a4d79; background-color: #fff; border-color: #b9b7b4; }
.btn-outline-primary:hover                                          { color: #fff; background-color: #8a4d79; border-color: #8a4d79; }
.btn-outline-primary:focus,
.btn-outline-primary.focus                                          { box-shadow:0 0 0 0 rgba(215,105,140,0.5)}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled                                       { color: #fff; background-color: #8a4d79; border-color: #8a4d79; }
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle                          { color: #fff; background-color: #8a4d79;border-color: #8a4d79; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus                    { box-shadow: 0 0 0 0 rgba(215,105,140,0.5); }


.btn-secondary                                              { color: #fff; background-color: #8a4d79; border-color:#8a4d79; }
.btn-secondary:hover                                        { color: #fff; background-color: #8a4d79; border-color:#8a4d79; }
.btn-secondary:focus,
.btn-secondary.focus                                        { box-shadow:0 0 0 .2rem rgba(152, 198, 250, 0.5); }
.btn-secondary.disabled,
.btn-secondary:disabled                                     { color: #fff; background-color: #8a4d79; border-color:#8a4d79; }
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle                        { color: #fff; background-color: #8a4d79; border-color:#8a4d79; }
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus                  { box-shadow:0 0 0 .2rem rgba(152, 198, 250, 0.5); }

/* PAGINATION */
.page-link                      { color: #8a4d79; }
.page-link:hover                { color: #075785; }
.page-item.active .page-link    {
                                  color: #fff;
                                  background-color: #8a4d79;
                                  border-color: #8a4d79;
                                }




/* Custom stijlen artikelpagina */

.header-content-wrapper                         { background: none; }


.grid-article {
    height: unset;
    min-height: 500px;
    border-top-width: 0px;
    border-top-color: #8a4d79;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-top-width 0.25s ease, border-top-color 0.25s ease;
}

.grid-article:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(138, 77, 121, 0.2);
    border-top-width: 6px;
    border-top-color: #8a4d79;
}

.grid-article .grid-article-figure img {
    transition: transform 0.4s ease;
}

.grid-article:hover .grid-article-figure img {
    transform: scale(1.05);
}

.pe--website-introblock                         { padding-bottom: 35px !important;  }
.pe--website-introblock.border-bottom           { border-width: 0 !important;  }
.introblock2 h2 .wi-content-subtitle            { color: #2c526f; }
.introblock3                                    { background: #8a4d79; color: #fff; }
.introblock3 h2                                 { color: #fff; }

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #8a4d79;
}

.article-head .article-rubriek          { margin: 0 0 10px; }
.article-head .article-main-title       { margin: 0 0 20px; }
.article-head .article-subtitle         { margin: 0 0 30px; }

.article-metadata                       { padding: 0; }

  .article-nav-wrapper                    {  }
  .article-nav-wrapper a                  { color: #8a4d79; }

    .article-element-side                   { font: 400 16px/20px 'Roboto', sans-serif; color: #000; }
    .article-element-side.color-accent      { font: 400 16px/20px 'Faustina', sans-serif; color: #0076ac; }
    .article-element-side .fa-plus-circle   { color: #0076ac; }


.samenvatting           { background-color: #f6f9fd; border-color: #a9c2da !important; }