.team-item .overflow-hidden {
    text-align: center;
}

.team-item .overflow-hidden,
.download-item .overflow-hidden {
    text-align: center;
}

.download-item .overflow-hidden {
    padding-top: 1em;
}

.service-item p {
    color: black;
}

h6 {
    font-family: "Lato", sans-serif;
}

h3 {
    font-size: 1.4em;
    color: #E94E1B;
    font-weight: 500;
}

h4 {
    font-size: 1.3em;
    font-weight: 500;
}

h5 {
    font-size: 1.2em;
    font-weight: 500;
}

.page-header {
    background: linear-gradient(rgba(24, 29, 56, .2), rgba(24, 29, 56, .2)), url(../img/carousel-1.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-header-over {
    background: linear-gradient(rgba(24, 29, 56, 0), rgba(24, 29, 56, 0)), url(../img/over.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-header-bouwstenen {
    background: linear-gradient(rgba(24, 29, 56, 0), rgba(24, 29, 56, 0)), url(../img/aanbod.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-header-workshop {
    background: linear-gradient(rgba(24, 29, 56, 0), rgba(24, 29, 56, 0)), url(../img/workshop.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-header-verdieping {
    background: linear-gradient(rgba(24, 29, 56, 0), rgba(24, 29, 56, 0)), url(../img/verdieping.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-light a.btn {
    height: 75px;
}

@media (min-width: 1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 960px
    }
}

@media (min-width: 1400px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 960px
    }

    .container-xxl {
        max-width: 1320px
    }
}

.navbar-brand {
    margin-right: 0;
}

.footer p {
    margin: 0;
}

.back-to-top {
    right: 32px;
    bottom: 12px;
}

fieldset div {
    display: flex;
    align-items: baseline;
}

fieldset div label {
    padding-left: .5em;
}


/* Course items */
div.course-item {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.course-item-content {
    display: none;
}

/* Human Modal */
div.human-modal-overlay {
    display: none;
    background: rgba(128, 128, 128, 0.5);
    backdrop-filter: blur(2px);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1100;
}

div.human-modal-show {
    display: block;
}

a.human-modal-show-onderbouw {
    border-radius: 30px 0 0 30px;
    border-right: 1px solid #dee2e6 !important;
}

a.human-modal-show-bovenbouw {
    border-radius: 0 30px 30px 0;
}

div.human-modal-inner {
    overflow-y: auto;
    max-width: 40em;
    max-height: 100%;
    margin: 1em auto;
}

div.human-modal-content {
    background-color: white;
    padding: 0;
    overflow: auto;
    margin-bottom: 2em;
}

div.human-modal-content h2 {
    padding: 10px 20px;
    background-color: #F39200;
    color: white;
    margin: 0 0 15px 0;
}

small.timespan {
    padding: 0px 20px 10px 20px;
    margin: -25px 0 15px 0;
    background-color: #F39200;
    color: white;
    display: block;
}

small.timespan i,
h2 i,
p i {
    margin-right: .5em;
}

div.human-modal-footer small.border-end {
    border-right: 2px solid white !important;
}

div.human-modal-content p,
div.human-modal-content ul {
    margin: 0 20px 15px 20px;
}

div.human-modal-content h6 {
    margin: 0 20px;
    color: #444;
}

div.human-modal-content ul {
    margin: 15px 10px;
    display: block;
}

div.human-modal-footer {
    background-color: var(--light);
    padding: 0 1.5em;
}

@media (max-width: 991px) {
    a img {
        width: 110px;
    }
    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 70px;
    }
}