/**
 * Homepage
 */
body.page-home::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 700px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
body.page-home {
    #page-header,
    #page-header a,
    #banner,
    .offers-nb {
        color: white;
    }
}
#banner {
    margin: 50px auto;
    max-width: 700px;
    text-align: center;
}
#offers-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
}
#offers-list > div {
    flex: 1 0 350px;
}


/**
 * Offer page
 */
body.page-offer::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 390px;
    background: url('/assets/img/offer-bg.jpg') top no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
body.page-offer {
    #page-header,
    #page-header a,
    #banner,
    .offers-nb {
        color: white;
    }
}
#page-offer-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#page-offer-content > div:nth-child(1) {
    flex: 1;
}
#page-offer-content > div:nth-child(2) {
    width: 350px;
}
@media screen and (max-width: 1000px) {
    #page-offer-content > div:nth-child(1),
    #page-offer-content > div:nth-child(2) {
        width: 100%;
    }
}
#page-offer-content .informations {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}

/* Apply form */
#apply-form {
    margin-top: 25px;
}
.offer-iframe {
    border: none;
    width: 100%;
    border: none;
}


/**
 * Contact page
 */
body.page-candidature::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 800px;
    background: url('/assets/img/candidature-bg.jpg') top no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
body.page-candidature {
    #page-header,
    #page-header a,
    #banner,
    .offers-nb {
        color: white;
    }
}