/*
Theme Name:   EUF
Theme URI:    https://example.com/
Description:  Child theme for Twenty Twenty-Five
Author:       YNY Solutions Inc.
Author URI:   https://example.com/
Template:     twentytwentyfive
Version:      1.0.0
Text Domain:  euf
*/


/* CSS Variables */
:root {

    /* Padding */
    --padding-section: 80px 0 100px 0;
    --padding-section-tablet: 60px 40px 80px 40px;
    --padding-section-mobile: 40px 16px 40px 16px;

    /* Font  */
    --font-family-primary: 'Albert Sans', sans-serif;

    /* Typography */

    /* Paragraph */
    --p-font-size: 18px;
    --p-line-height: 24px;

    /* Préambule */
    --preambule-font-size: 24px;
    --preambule-line-height: 1.5;

    /* Headings */

    --h1-desktop-font-size: 38px;
    --h1-desktop-line-height: 1.5;

    --h2-desktop-font-size: 28px;
    --h2-desktop-line-height: 1.5;

    --h2-accueil-font-size: 38px;
    --h2-accueil-line-height: 1.5;

    --h3-desktop-font-size: 22px;
    --h3-desktop-line-height: 1.5;

    --h3-accueil-font-size: 26px;
    --h3-accueil-line-height: 1.5;

    --h4-desktop-font-size: 18px;
    --h4-desktop-line-height: 24px;

    /* Mobile Typography */

    /* Paragraph */
    --mobile-p-font-size: 16px;
    --mobile-p-line-height: normal;

    /* Préambule */
    --mobile-preambule-font-size: 18px;
    --mobile-preambule-line-height: normal;

    /* H1 */
    --mobile-h1-page-font-size: 32px;
    --mobile-h1-page-line-height: normal;

    --mobile-h1-font-size: 26px;
    --mobile-h1-line-height: 34px;

    /* H2 */
    --mobile-h2-font-size: 19px;
    --mobile-h2-line-height: 26px;

    --mobile-h2-accueil-font-size: 28px;
    --mobile-h2-accueil-line-height: 31px;

    --mobile-h2-page-font-size: 28px;
    --mobile-h2-page-line-height: 36px;

    --mobile-h2-card-font-size: 17px;
    --mobile-h2-card-line-height: 22px;

    /* H3 */
    --mobile-h3-font-size: 24px;
    --mobile-h3-line-height: 30px;

    /* Gradients */
    --gradient-beige: linear-gradient(180deg, #F2E9DA 0%, white 100%);
    --gradient-bleu: linear-gradient(180deg, #C8C8DB 0%, white 100%);
}

#wpadminbar {
    z-index: 200000 !important;
}

body {
    font-family: var(--font-family-primary);
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    color: black;
}

strong {
    font-weight: 600;
}

h1 {
    font-size: var(--h1-desktop-font-size);
    line-height: var(--h1-desktop-line-height);
    font-weight: 600;
}

h2 {
    font-size: var(--h2-desktop-font-size);
    line-height: var(--h2-desktop-line-height);
    font-weight: 600;

}

h3 {
    font-size: var(--h3-desktop-font-size);
    line-height: var(--h3-desktop-line-height);
    font-weight: 600;
}

h4 {
    font-size: var(--h4-desktop-font-size);
    line-height: var(--h4-desktop-line-height);
    font-weight: 600;
}


.preambule {
    font-size: var(--preambule-font-size);
    line-height: var(--preambule-line-height);
    max-width: 920px;
    margin: 0 auto 86px !important;
}