/*
Theme Name: Etis Web - Foyer Pinel Alphabétisation
Template: twentytwentyfour
Version: 1.0
*/

/* Supprime la contrainte de largeur Gutenberg */
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: none !important;
    width: 100% !important;
}

.entry-content.has-global-padding,
.wp-block-post-content.has-global-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.entry-content,
.wp-block-post-content,
.is-layout-constrained {
    max-width: none !important;
}

/* ======================================
   TYPOGRAPHIE GLOBALE
====================================== */

body {
    font-family: "Bierstadt", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #1F1F1F;
    font-weight: 400;
}

/* Titres */

h1, h2, h3, h4, h5, h6 {
    font-family: "Amasis MT Pro Black", Georgia, serif;
    margin: 0 0 20px;
    line-height: 1.08;
    color: #1F1F1F;
}

h1 {
    font-size: clamp(42px, 6vw, 82px);
}

h2 {
    font-size: clamp(32px, 4vw, 54px);
}

h3 {
    font-size: 26px;
}

/* Paragraphes */

p {
    font-size: 18px;
    line-height: 1.7;
    margin: 0 0 22px;
}

/* Liens */

a {
    color: #1F1F1F;
    text-decoration: none;
    transition: 0.2s ease;
}

a:hover {
    opacity: 0.8;
}

/* ======================================
   PAGES
====================================== */

.fpa-page {
    width: 100%;
    max-width: 100%;
}

/* ======================================
   SECTIONS
====================================== */

.fpa-section {
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 50px;
}

.fpa-dark-section {
    background: #323432;
}

.fpa-dark-section h2,
.fpa-dark-section h3,
.fpa-dark-section p,
.fpa-dark-section li {
    color: #ffffff;
}

.fpa-white-section {
    background: #FFFFFF;
}

.fpa-grey-section {
    background: #F4F4F4;
}

.fpa-yellow-section {
    background: #FFEA2C;
}

@media (max-width: 980px) {
    .fpa-section {
        padding: 70px 5vw;
    }
}

@media (max-width: 640px) {
    .fpa-section {
        padding: 56px 22px;
    }
}

/* ======================================
   CONTENEURS
====================================== */

.fpa-inner {
    width: min(1280px, calc(100% - 80px));
    margin: 0 auto;
}