.vertical-align-top       { vertical-align:top;    }
.vertical-align-bottom    { vertical-align:bottom; }

/* Make the header bar slightly transparent when scrolled down over the page */
#header.fixed.transparent { background-color: #ffffffd0; }

/* slider override  and heading sizes*/
@media only screen and (max-width: 768px) {
    #slider h1 {
        font-size:   25px !important;
        line-height: 30px !important;
        text-align:  center;
    }
    #slider p.lead {
        font-size: 20px !important;
        text-align:  center;
    }
    h1 { font-size: 26px; }
    h2 { font-size: 20px; }
    h3 { font-size: 16px; }
    h4 { font-size: 13px; }
    h5 { font-size: 11px; }
    h6 { font-size: 11px; }
}

/* section overrides */
section.dark h1,
section.dark h2,
section.dark p {
    color: #ffffff80 !important;
}

section.light h1,
section.light h2,
section.light p {
    color: #414141 !important;
}

.rl_section {
    padding-top:    6rem;
    padding-bottom: 3rem;

    background-size:       cover !important;
    background-attachment: scroll;
}
.rl_section.dark {
    background-image: url(/assets/images/site/bg-section-dark.jpg); 
}
.rl_section.light {
    background-image: url(/assets/images/site/bg-section-light.jpg); 
}
#blog.rl_section {
    background-attachment: fixed;
}

@media only screen and (max-device-width: 1366px) {
  #blog.rl_section {
    background-attachment: scroll;
  }
}

#footer {
    background-image:      url(/assets/images/site/bg-section-dark.jpg); 
    background-size:       cover !important;
    background-attachment: scroll;
}

/* blog post */
.blog-post-item p {
    margin-bottom: 1rem;
}

.timeline .timeline-hline,
.timeline .timeline-entry,
.timeline .timeline-entry span {
    color: #aaa;
}

/* caroussel overrides */
.item-box-desc {
    text-align: center !important;
}

/* breadcrumbs */
section.page-header .breadcrumb {
    bottom:     0;
    top:        auto;
    padding:    4px  1rem;
    margin:     1rem 2rem;
    font-size:  12pt;
    background: #fff4;
}

@media only screen and (max-width: 768px) {
    section.page-header .breadcrumb {
        display:    flex;
        position:   absolute;
        margin:     .5rem;
        padding:    2px  .5rem;
        font-size:  10pt;
        background: #fff4;
    }
}
section.page-header .breadcrumb>li+li:before {
    content: ">";
}

.postamble {
    display: none;
}

#letop_succes,
#letop_incompleet,
#letop_fout,
#alert_unauthorised {
    display: none;
}

/* contact form */
label.error {
    color: #bf6464;
    font-size: 85%;
}

.dob {
    display: none;
}

@media only screen and (max-width: 768px) {
    section div.row>div {
         margin-bottom: unset;
    }
}

/* subtitles */
h1 sub,
h2 sub {
    font-weight: 400;
    font-size: 80%;
    color: gray !important;
    display: block;
}