/*
 * Homepage — 1:1 met WPBakery .wpb_row (gemeten op localhost, ~1655px breed).
 */

.fac-page #inside > .home-band {
    padding: 70px 10%;
    margin: 0;
    position: relative;
    box-sizing: border-box;
}

/* —— Rij 1: parallax + bio (703px totaal, padding 70px) —— */
.fac-page #inside > .home-band--intro {
    background-color: rgba(252, 252, 252, 0.61);
    overflow: hidden;
}

.fac-page #inside > .home-band--intro .home-band__parallax {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: 50% 0;
    z-index: 0;
}

.fac-page #inside > .home-band--intro .home-band__row {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.fac-page #inside > .home-band--intro .home-band__col {
    box-sizing: border-box;
    padding: 0 15px;
    width: 50%;
}

.fac-page #inside > .home-band--intro .home-spacer {
    display: block;
    height: 100px;
}

@media screen and (min-width: 1px) and (max-width: 1024px) {
    .fac-page #inside > .home-band--intro .rem_space {
        display: none;
    }
}

@media screen and (min-width: 640px) and (max-width: 1440px) {
    .fac-page #inside > .home-band--intro .home-band__col--empty {
        display: none;
    }

    .fac-page #inside > .home-band--intro .home-band__col--bio {
        width: 50%;
        margin-left: 50%;
    }
}

@media screen and (max-width: 640px) {
    .fac-page #inside > .home-band--intro {
        background-color: #b8c0ce !important;
    }

    .fac-page #inside > .home-band--intro .home-band__parallax {
        display: none;
    }

    .fac-page #inside > .home-band--intro .home-band__col {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (min-width: 2000px) {
    .fac-page #inside > .home-band--intro .home-band__parallax {
        background-image: url("../themes/faculty/img/5k.jpg") !important;
    }
}

/* —— Rij 2: research + personal (150×150 circles) —— */
.fac-page #inside > .home-band--interests {
    background-color: #fcfcfc;
}

.fac-page #inside > .home-band--interests .home-band__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.fac-page #inside > .home-band--interests .home-band__col {
    box-sizing: border-box;
    padding: 0 15px;
    width: 50%;
}

.fac-page #inside > .home-band--interests .home-image-heading {
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 33px;
    color: #333;
    text-align: center;
    margin: 20px 0 10px;
}

.fac-page #inside > .home-band--interests .home-circle-image {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 10px;
    border-radius: 50%;
    overflow: hidden;
}

.fac-page #inside > .home-band--interests .home-circle-image img {
    display: block;
    width: 150px;
    height: 150px;
    max-width: 150px;
    object-fit: cover;
    border-radius: 50%;
}

.fac-page #inside > .home-band--interests .home-band__col p {
    text-align: center;
    margin: 0 0 1em;
}

@media screen and (max-width: 640px) {
    .fac-page #inside > .home-band--interests .home-band__col {
        width: 100%;
    }
}

/* —— Rij 3: quote op foto (420px @ desktop) —— */
.fac-page #inside > .home-band--quote {
    background-color: #f7f7f7;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 280px;
}

@media screen and (min-width: 1367px) {
    .fac-page #inside > .home-band--quote {
        height: 420px;
        min-height: 420px;
    }
}

.fac-page #inside > .home-band--quote .home-band__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.fac-page #inside > .home-band--quote .home-band__col {
    box-sizing: border-box;
    padding: 0 15px;
}

.fac-page #inside > .home-band--quote .home-band__col--25 {
    width: 25%;
}

.fac-page #inside > .home-band--quote .home-band__col--50 {
    width: 50%;
}

.fac-page #inside > .home-band--quote .home-quote-heading {
    color: #fff !important;
    font-family: "PT Sans", sans-serif;
    font-size: 28px !important;
    font-weight: 700;
    line-height: 1.2 !important;
    text-align: center;
    margin: 0;
}

@media screen and (max-width: 640px) {
    .fac-page #inside > .home-band--quote .home-band__col--25 {
        display: none;
    }

    .fac-page #inside > .home-band--quote .home-band__col--50 {
        width: 100%;
    }
}

/* —— Rij 4: education + positions —— */
.fac-page #inside > .home-band--cv {
    background-color: #fcfcfc;
}

/* Gutenberg wrappers mogen layout niet breken */
.fac-page #inside > .home-band > .wp-block-group__inner-container {
    margin: 0;
    padding: 0;
    max-width: none;
}

.fac-page #inside > .home-band .wp-block-shortcode {
    margin: 0;
}