/* Global */
body {
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.blue-light{
    color: #d0eaf5 !important;
}

.mt-6{
    margin-top: 5rem;
}

#page-histoire h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
}

#page-histoire h3 {
    font-size: 1.4rem;
    color: #0e2c46;
    text-transform: none;
    font-weight: 600;
}



/* Page */
.headband h1 {
    font-size: 3.5rem;
    line-height: 3.8rem;
    text-shadow: 0px 2px 5px rgb(0 0 0 / 50%);
}

#page-histoire .engagements-produits {
    background-color: #d0eaf5;
    padding: 4rem 0;
}

#page-histoire .engagements-produits h3{
    font-weight: 700; 
}

.engagements-produits .item{
    background-color: #FFF;
    border-radius: 1rem;
    padding: 2rem;
    color: #0e2c46;
    min-height: 480px;
}

#page-histoire p {
    color: #0e2c46;
    font-size: 1.1rem;
}

#page-histoire .engagements-environnement {
    background: #0e2c46 url(../img/pages/rse/bkg-environnement.jpg?20250620) top center;
    padding: 4rem 0;
    color: #FFF;
}

#page-histoire .engagements-carbone{
    background-color: #FFF;
    padding: 4rem 0;
}

#page-histoire .engagements-carbone .reportage{
    background-color: #d0eaf5;
    padding: 2rem 3rem;
    color: #0e2c46;
    margin-bottom: 4rem;
}

#page-histoire .engagements-carbone .reportage h3 {
    font-size: 1.2rem;
}

#page-histoire .engagements-carbone blockquote{
    background-color: #d0eaf5;
    color: #0e2c46;
    font-size: 1rem;
    border-radius: 10rem;
    padding-left: 8rem !important;
    margin-bottom: 3.5rem;
}

#page-histoire .engagements-carbone blockquote img{
    position: absolute;
    left: 0;
    top: 50%;
   transform: translateY(-50%);
   width: 100px;
}

#page-histoire .engagements-hommes {
    background-color: #d0eaf5;
    padding: 4rem 0;
}

#page-histoire .engagements-basket {
    background-color: #ffffff;
    padding: 4rem 0;
}

/* Responsive */
@media (max-width: 991.98px) {

    .headband h1 {
        font-size: 3.125rem;
        line-height: 8rem;
    }

    .mt-6{
        margin-top: 2.5rem;
    }

    #page-histoire h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 1.2rem;
    }

    #page-histoire p {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    #page-histoire .engagements-produits,
    #page-histoire .engagements-environnement,
    #page-histoire .engagements-carbone,
    #page-histoire .engagements-hommes,
    #page-histoire .engagements-basket{
        padding: 2rem 0;
    }

    #page-histoire .engagements-environnement .consommation{
        font-size: 110%;
        line-height: 1.8rem;
    }

    #page-histoire .engagements-produits img, 
    #page-histoire .engagements-environnement img, 
    #page-histoire .engagements-basket img{
        margin-top: 0 !important;
    }

    #page-histoire .engagements-hommes img{
        margin-top: 1.5rem !important;
    }

    .engagements-produits .item{
        min-height: auto;
    }

    #page-histoire .engagements-carbone blockquote{
        border-radius: 1rem;
        padding-left: 1.5rem !important;
        text-align: center;
    }

    #page-histoire .engagements-carbone blockquote img {
        position: relative;
        transform: none;
        display: block;
        margin: 0 auto;
        margin-bottom: 1rem;
    }

    #page-histoire .engagements-basket .rvbc{
        display: flex;
        margin: 0 auto;
    }

}

@media (max-width: 575.98px) {
    .headband h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}