.custom-div-welcome {
    padding-top: 77px !important;
    padding-bottom: 77px !important;
}

.custom-div-welcome h2 {
    font-family: 'Cooper Hewitt', sans-serif !important;
    font-size: 49px !important;
    font-weight: 600 !important;
}

.custom-div-welcome h3 {
    font-family: 'Cooper Hewitt', sans-serif !important;
    font-size: 39px !important;
    font-weight: 600 !important;
}

.custom-div-welcome h4 {
    font-family: 'Cooper Hewitt', sans-serif !important;
    font-size: 23px !important;
    font-weight: 600 !important;
}

.custom-div-welcome h5 {
    font-family: 'Cooper Hewitt', sans-serif !important;
    font-size: 23px !important;
    font-weight: 600 !important;
}

.custom-div-welcome h6 {
    font-family: 'Cooper Hewitt', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    font-style: italic;
}

.custom-div-welcome p {
    font-family: 'Century Gothic', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.custom-div-welcome .custom-transparent {
    background-color: transparent !important;
}

.custom-alignwide {
    width: 100vw;
    max-width: none !important;
}

.custom-gap {
    min-height: 123px;
}

/* ---------------------------------------- CUSTOM WELCOME BLOCK GENERAL START ---------------------------------------- */
.custom-div-welcome.custom-welcome-block-newsletter h2,
.custom-div-welcome.custom-welcome-block-join-us h2,
.custom-div-welcome.custom-welcome-block-know h2,
.custom-div-welcome.custom-div-welcome-about-us h2 {
    font-family: 'Cooper Hewitt', sans-serif !important;
    font-size: 23px !important;
    font-weight: 600 !important;
}

.custom-div-welcome.custom-welcome-block-newsletter p,
.custom-div-welcome.custom-welcome-block-newsletter .custom-newsletter p,
.custom-div-welcome.custom-welcome-block-join-us a,
.custom-div-welcome.custom-welcome-block-know p,
.custom-div-welcome.custom-div-welcome-about-us p,
.custom-div-welcome.custom-div-welcome-about-us a {
    font-family: 'Century Gothic', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.custom-div-welcome.custom-welcome-block-newsletter .custom-highlight-text,
.custom-div-welcome.custom-welcome-block-join-us .custom-highlight-text,
.custom-div-welcome.custom-div-welcome-about-us .custom-highlight-text {
    font-family: 'Cooper Hewitt', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    font-style: italic !important;
}

.custom-div-welcome a:hover,
.custom-div-welcome.custom-div-welcome-about-us a:hover {
    color: var(--wp--preset--color--font-tertiary) !important;
}

/* ---------------------------------------- CUSTOM WELCOME BLOCK GENERAL END ---------------------------------------- */

/* ---------------------------------------- CUSTOM WELCOME BLOCK (FIRST) START ---------------------------------------- */

.custom-div-welcome.custom-welcome-block-newsletter {
    background-color: var(--wp--preset--color--background-light-gray) !important;
}

.custom-div-welcome.custom-welcome-block-newsletter h2,
.custom-div-welcome.custom-welcome-block-newsletter p,
.custom-div-welcome.custom-welcome-block-newsletter .custom-newsletter p {
    color: var(--wp--preset--color--font-secondary) !important;
}

.custom-div-welcome.custom-welcome-block-newsletter p.custom-highlight-text {
    color: var(--wp--preset--color--font-secondary) !important;
}

.custom-div-welcome.custom-welcome-block-newsletter .custom-newsletter {
    display: flex !important;
    width: 100% !important;
    padding-top: 33px;
}

.custom-div-welcome.custom-welcome-block-newsletter .custom-newsletter > p {
    display: none;
}

.custom-div-welcome.custom-welcome-block-newsletter .custom-newsletter > div {
    flex-direction: column !important;
    gap: 10px;
}

.custom-div-welcome.custom-welcome-block-newsletter .custom-newsletter-inputs {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    gap: 10px;
}

.custom-div-welcome.custom-welcome-block-newsletter .custom-newsletter p.custom-secondary-button button {
    width: 100%;
    height: 40px;
    margin: 0 !important;
    font-size: 0px !important;
}

.custom-div-welcome.custom-welcome-block-newsletter .custom-newsletter p.custom-secondary-button button::before {
    content: "Préviens-moi dès l'ouverture";
    font-size: 16px;
}

.custom-div-welcome.custom-welcome-block-newsletter .custom-newsletter .custom-newsletter-input.custom-newsletter-input-name {
    flex: 1 4 auto !important;
}

.custom-div-welcome.custom-welcome-block-newsletter .custom-newsletter .custom-newsletter-input.custom-newsletter-input-email {
    flex: 2 1 auto !important;
}

/* ---------------------------------------- CUSTOM WELCOME BLOCK (FIRST) END ---------------------------------------- */


/* ---------------------------------------- CUSTOM JOIN US BLOCK (SECOND) START ---------------------------------------- */
.custom-div-welcome.custom-welcome-block-join-us {
    background-color: var(--wp--preset--color--background-secondary) !important;
}

.custom-div-welcome.custom-welcome-block-join-us h2 {
    color: var(--wp--preset--color--font-light-gray) !important;
}

.custom-div-welcome.custom-welcome-block-join-us p,
.custom-div-welcome.custom-welcome-block-join-us p.custom-highlight-text {
    color: var(--wp--preset--color--font-primary) !important;
}

.custom-div-welcome.custom-welcome-block-join-us .custom-welcome-block-join-us-button,
.custom-div-welcome.custom-welcome-block-join-us button {
    display: flex;
    width: 100%;
    margin: auto;
    align-content: center;
    align-items: center;
    align-self: center;
}

body .custom-div-welcome.custom-welcome-block-join-us button {
    height: 40px;
    align-items: center;
    min-width: 360px;
    width: 40%;
    max-width: 90%;
}

/* ---------------------------------------- CUSTOM JOIN US BLOCK (SECOND) END ---------------------------------------- */

/* ---------------------------------------- CUSTOM KNOW BLOCK (THIRD) START ---------------------------------------- */

.custom-div-welcome.custom-welcome-block-know  {
    
}

/* ---------------------------------------- CUSTOM KNOW BLOCK (THIRD) END ---------------------------------------- */


/* ---------------------------------------- CUSTOM ABOUT US BLOCK (FOURTH) START ---------------------------------------- */
.custom-div-welcome.custom-div-welcome-about-us {
    background-color: var(--wp--preset--color--background-secondary) !important;
    max-width: 110% !important;
}

.custom-div-welcome.custom-div-welcome-about-us > div {
    background-color: transparent !important;
    max-width: 73%;
}

.custom-div-welcome.custom-div-welcome-about-us p,
.custom-div-welcome.custom-div-welcome-about-us a {
    color: var(--wp--preset--color--font-primary) !important;
}

.custom-div-welcome.custom-div-welcome-about-us {
    margin-left: -5% !important;
    margin-right: -5% !important;
    max-width: 110% !important;
    width: 101vw !important;
}
/* ---------------------------------------- CUSTOM ABOUT US BLOCK (FOURTH) END ---------------------------------------- */