/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.5
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

#acf_form_user_carto input[type=submit] {
    border-radius: 6px;
    border: none;
    background: var(--BLue, #4CB2DC);
    height: 48px;
    padding: 12px 14px;
    color: var(--White, #FFF);
    font-family: Proxima Nova;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#acf_form_user_carto .acf-form-submit {
    text-align: right;
}

#acf_form_user_carto input[type=text] {
    border-radius: 4px;
    border: 1px solid var(--Grey, #E1E1E1);
    padding: 12px 16px;
    color: var(--Dark-Grey, #565657);
    font-family: Proxima Nova;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    height: 48px;
}

#acf_form_user_carto label {
    color: var(--Dark-Grey, #676767);
    font-family: Proxima Nova;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#acf_form_user_carto li label {
    font-weight: 400;
}

#acf_form_user_carto select[multiple] {
    height: auto !important;
    padding: 6px !important;
}

.elementor-element-b21f6f1 #message.updated {
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(111, 207, 151, 0.10);
    color: var(--Dark-Grey, #565657);
    font-family: Proxima Nova;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}


@media screen and (max-width: 500px) {
    #event_filter_form {
        padding: 16px;
    }

    #event_filter_form form {
        flex-direction: column;
    }

    #event_filter_form button:before {
        content: 'Rechercher'
    }

    #event_filter_form button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        color: white;
        font-family: 'Proxima Nova';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 16px;
    }
}

@media screen and (min-width: 500px) {
    #event_filter_form {
        padding: 32px;
    }

    #event_filter_form #place_select {
        max-width: 333px;
    }

    #event_filter_form button {
        width: 48px;
        min-width: 48px;
    }
}

#event_filter_form {
    background: #F8F8F8;
    border-radius: 8px;
}

#event_filter_form form {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 16px;
}

#event_filter_form label {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #2E2E30;
}

#event_filter_form select,
#event_filter_form input {
    background: #FFFFFF;
    border: 1px solid #E7EBF0 !important;
    border-radius: 4px !important;
    height: 48px !important;
    padding: 0 18px !important;
    color: #565657;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

#event_filter_form .event-filter-field-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

#event_filter_form button {
    background: #4CB2DC;
    border-radius: 6px;
    padding: 0;
    height: 48px;
    border: none;
    line-height: 0 !important;
}

#event_filter_form button:hover {
    background: #4CB2DC;
    border: none;
}

#event_filter_form button:focus {
    background: #4CB2DC;
    border: none;
}

#event_filter_form button:active {
    background: #4CB2DC;
    border: none;
}

#event_filter_form button img {
    height: 24px;
    width: 24px;
}

@media screen and (max-width:525px) {
    .elections-blocks-wrapper .elections-content-section {
        flex-direction: column !important;
    }

    .elections-blocks-wrapper .elections-content-section .elections-info {
        width: 100% !important;
    }

    .elections-blocks-wrapper .elections-content-section .button-section-wrapper {
        width: 100% !important;
        margin-top: 20px !important;
    }

    .elections-blocks-wrapper .elections-content-section .button-section-wrapper a {
        width: 100% !important;
    }

    .elections-blocks-wrapper .elections-content-section .button-section-wrapper .button {
        width: 100% !important;
    }

    .candidats-blocks-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .candidats-blocks-wrapper .candidat-vote-button {
        width: 100%;
    }

    .validate-vote-button .btn-text {
        width: 100%;
    }
}

.validate-vote-button {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
}

.validate-vote-button.disabled button {
    pointer-events: none;
    background: #9B9EA6;
}

.validate-vote-button button,
button.confirm-vote {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 14px;
    gap: 8px;
    width: 252.48px;
    height: 48px;
    background: #4CB2DC;
    border-radius: 6px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    border: none;
}

button.confirm-vote {
    width: 100%;
}

.no-elections-section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 25px;
    background: #F8F8F8;
    border-radius: 8px;
    padding: 32px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #2E2E30;
}

.candidats-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.candidats-blocks-wrapper {
    display: flex;
    flex-direction: row;
    gap: 16px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 16px 24px;
    align-items: center;
    justify-content: space-between;
}

.candidats-blocks-wrapper .candidat-info-name {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #676767;
}

.candidats-blocks-wrapper .candidat-info-name .candidat-name {
    font-weight: 700;
}

.candidats-blocks-wrapper .candidat-vote-button {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid #E1E1E1;
    border-radius: 6px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #565657;
    min-width: 140px;
    cursor: pointer;
}

.candidats-blocks-wrapper .candidat-vote-button.selected {
    background: #4CB2DC;
    border: none;
    color: #FFFFFF;
}

.candidats-blocks-wrapper .candidat-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.candidats-list-wrapper .candidats-blocks-wrapper .candidat-image img {
    border-radius: 4px;
}

.candidats-list-wrapper .candidats-blocks-wrapper .candidat-image {
    min-height: 80px;
    min-width: 80px;
    display: flex;
    align-items: center;
}


.elections-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.elections-blocks-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    gap: 8px;
    background: #F8F8F8;
    border-radius: 8px;
}

.elections-blocks-wrapper .elections-content-section {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.elections-blocks-wrapper .elections-content-section .elections-info {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.elections-blocks-wrapper .elections-content-section .button-section-wrapper {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.elections-blocks-wrapper .elections-content-section .elections-info .elections-title {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #2E2E30;
}

.elections-blocks-wrapper .elections-content-section .button-section-wrapper .button {
    background: #4CB2DC;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 14px;
    gap: 8px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    width: 170px;
}

.elections-blocks-wrapper .elections-content-section .button-section-wrapper .finished {
    background: #9B9EA6;
}

.elections-date {
    display: flex;
    gap: 10px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #4CB2DC;
    align-items: center;
    margin-top: 10px;
}

.elections-blocks-wrapper .elections-content-section .finished {
    color: #9B9EA6;
}




.category-listing {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.category-listing>li>a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.category-listing>li>a>span {
    color: #2E2E30;
    font-family: 'Proxima Nova';
    font-weight: 400;
}

.sib-email-area input {
    background: none;
    color: white;
    border: solid 1px #E7EBF0 !important;
    border-radius: 4px !important;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 12px;
}

.sib-email-area input::placeholder {
    color: white !important;
}

.sib-default-btn {
    width: 100%;
    background: #4CB2DC;
    border-radius: 6px !important;
    border: none;
    height: 48px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
}

.sib-default-btn:hover {
    background: #4CB2DC;
}

a {
    color: #4CB2DC;
}

.pmpro-no-access p {
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.no-highlight a {
    color: #000 !important;
    background: none !important;
}

.no-highlight a:hover {
    color: #4CB2DC !important;
    background: #F8F8F8 !important;
}

.rank-math-breadcrumb {
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: 400;
}

.rank-math-breadcrumb a {
    color: white;
}

.rank-math-breadcrumb span {
    color: white;
}

.rank-math-breadcrumb .last {
    color: #4CB2DC;
}

.no-pointer>a {
    pointer-events: none;
}


/*Renew btn*/
.renew_btn_inactive {
    background: #E1E1E1;
    border-radius: 6px;
    padding: 14px 32px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: white;
}

.renew_btn_inactive:hover {
    color: white;
}

.renew_btn_active {
    background: #4CB2DC;
    border-radius: 6px;
    padding: 14px 32px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: white;
}

.renew_btn_active:hover {
    color: white;
}

/*Carte allergologues*/

#allergo_map .gm-style-mtc,
.gm-svpc {
    display: none;
}

.carto_allergo_infowindow .display-name {
    font-family: 'Proxima Nova';
    font-weight: 700;
    font-size: 20px;
    color: #2E2E30;
}

#allergo_map .gm-style-iw {
    padding: 24px !important;
}

#allergo_map .gm-style-iw-d {
    overflow: hidden !important;
}

#allergo_map .gm-style-iw-chr {
    position: absolute;
    top: 0;
    right: 0;
}

#allergo_map .gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important;
}

#allergo_map .gm-ui-hover-effect>span {
    background-color: #DCBC4C !important;
}

#allergo_map .marker-label {
    color: white !important;
    text-align: center;
    font-family: "Proxima Nova" !important;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}


#allergo_map .allergologues-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 330px;
}

#allergo_map .allergologues-list>div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding-bottom: 8px;
}

#allergo_map .allergologues-list>div .allergologue-list-name {
    color: #565657;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    width: 100%;
}

#allergo_map .allergologues-list>div:not(:last-child) {
    border-bottom: 1px solid #F8F8F8;
}


@media screen and (max-width: 376px) {
    .bodyContent .col1 {
        margin-bottom: 8px;
    }
}

@media screen and (min-width: 376px) {
    .carto_allergo_infowindow .bodyContent {
        display: flex;
        gap: 24px;
    }
}

.gm-style-iw {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
    border-radius: 6px !important;
}

.carto_allergo_infowindow .bodyContent img {
    width: 60px;
}

.carto_allergo_infowindow .bodyContent .col2 {
    max-width: 290px;
}

.carto_allergo_infowindow .bodyContent .lieu-2 {
    margin-top: 12px;
}

.carto_allergo_infowindow .bodyContent .address {
    margin-top: 4px;
    margin-bottom: 4px;
}

.carto_allergo_infowindow .bodyContent h3,
.carto_allergo_infowindow .bodyContent p {
    margin: 0 !important;
}

.carto_allergo_infowindow .bodyContent p strong {
    display: none;
}

.carto_allergo_infowindow .bodyContent .specialite {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #565657;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.carto_allergo_infowindow .bodyContent .contact-infos {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.carto_allergo_infowindow .bodyContent p {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #9B9EA6;
}




/* Invoice history */
.invoice-blocks-wrapper {
    border-radius: 8px;
    padding: 32px;
    background-color: #F8F8F8;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

@media screen and (max-width:525px) {
    .invoice-blocks-wrapper {
        padding: 24px;
        flex-direction: column;
    }

    .invoice-block-name-section span {
        font-size: 16px !important;
    }

    .invoice-block-name-section {
        width: 100%;
        justify-content: flex-start !important;
        gap: 24px;
    }

    .invoice-block-button-section {
        width: 100%;
        margin-top: 12px;
    }
}

@media screen and (min-width:526px) and (max-width:800px) {
    .invoice-blocks-wrapper {
        padding: 24px;
    }

    .invoice-block-name-section span {
        font-size: 16px !important;
    }
}

.invoice-block-name-section {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
}

.invoice-icon-wrapper {
    background-color: white;
    padding: 16px;
    border-radius: 8px;
}

.invoice-block-name-section img {
    width: 24px;
}

.invoice-details {
    display: flex;
    flex-direction: column;
}

.invoice-block-name-section span {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #2E2E30;
    margin-bottom: 8px;
}

.invoice-block-name-section p {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #565657;
    margin: 0;
}

.invoice-block-button-section {
    background: #DCBC4C;
    border-radius: 6px;
    padding: 12px 14px;
    min-width: 175px;
}

.invoice-block-button-section a {
    text-decoration: none;
}

.invoice-block-icon-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.invoice-block-btn-icon {
    height: 24px;
}

.invoice-block-btn-icon img {
    width: 24px;
    height: 24px;
}

.invoice-block-btn-text {
    font-family: 'Proxima Nova';
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: white !important;
    letter-spacing: 0.2px;
    text-decoration: none;
}





/*Formulaire reset password*/

#lostpasswordform>fieldset {
    padding: 0;
    border: none;
}

#resetpasswordform>fieldset {
    padding: 0;
    border: none;
}

#lostpasswordform>fieldset>legend {
    display: none;
}

#resetpasswordform>fieldset>legend {
    display: none;
}

.somfrp-lost-pass-form-text {
    display: none;
}

#lostpasswordform>fieldset>p>label {
    font-family: 'Proxima Nova';
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #565657;
    margin-bottom: 4px;
}

#resetpasswordform label {
    font-family: 'Proxima Nova';
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #565657;
    margin-bottom: 4px;
}

#somfrp_user_info {
    height: 48px;
    padding: 12px 16px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-family: 'Proxima Nova';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #565657;
    /* 1.3.3 impose width: 250px cote extension */
    width: 100%;
}

#resetpasswordform input {
    height: 48px;
    padding: 12px 16px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-family: 'Proxima Nova';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #565657;
}

.lostpassword-submit {
    margin-bottom: 0;
}

#lostpasswordform>fieldset>p {
    margin-bottom: 32px;
}

#resetpasswordform>fieldset>p {
    margin-bottom: 32px;
}

#reset-pass-submit {
    width: 100%;
    border: none;
    background: #4CB2DC;
    border-radius: 6px;
    height: 48px;
    font-family: 'Proxima Nova';
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    /* 1.3.3 impose margin: 10px 0 0 0 cote extension */
    margin: 0;
}

/* 1.3.3 enveloppe les champs mot de passe dans un .somfrp-password-wrapper
   de 200px, avec un bouton oeil en absolu. On rend au conteneur et aux
   champs la largeur qu'ils avaient. */
#resetpasswordform .somfrp-password-wrapper {
    width: 100%;
}

#resetpasswordform .somfrp-password-wrapper input.som-password-input {
    width: 100%;
}

.som-password-sent-message {
    margin-bottom: 10px;
}

/*Lecteur audio*/

@media (max-width:425px) {
    .wp-audio-shortcode .mejs-controls {
        padding: 30px 12px !important;
    }
}




.wp-audio-shortcode .mejs-controls {
    background-color: #B0D5EB !important;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    padding: 30px 32px;
}



.mejs-audio {
    border-radius: 6px;
    background: transparent !important;
    height: 113px !important;
}

.mejs-time-float {
    border: none !important;
    border-radius: 4px !important;
}

.mejs-container * {
    font-family: 'Proxima Nova' !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.mejs-horizontal-volume-total {
    height: 4px !important;
    background: #4CB2DC !important;
    border-radius: 4px !important;
}

.mejs-horizontal-volume-current {
    border-radius: 4px !important;
}


.mejs-time-total {
    height: 4px !important;
    border-radius: 4px !important;
    margin: 0 !important;
}

.mejs-time-loaded {
    height: 4px !important;
    border-radius: 4px !important;
}

.mejs-time-current {
    height: 4px !important;
    border-radius: 4px !important;
    background: #4CB2DC !important;
    z-index: 100;
}

.mejs-time-buffering {
    height: 4px !important;
    border-radius: 4px !important;
}

.mejs-time-rail {
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    padding-top: 0 !important;
}

.mejs-play>button {
    background: transparent url(assets/images/play.png) !important;
    background-position: center !important;
    background-size: contain !important;
}

.mejs-pause>button {
    background: transparent url(assets/images/pause.png) !important;
    background-position: center !important;
    background-size: contain !important;
}

.mejs-mute>button {
    background: transparent url(assets/images/volume.png) !important;
    background-position: center !important;
    background-size: contain !important;
}

.mejs-unmute>button {
    background: transparent url(assets/images/muet.png) !important;
    background-position: center !important;
    background-size: contain !important;
}

.mejs-time-hovered {
    height: 4px !important;
}

.mejs-time-handle-content {
    display: none;
}

.mejs-time-handle {
    display: none;
}

.mejs-time-float-current {
    font-family: 'Proxima Nova' !important;
    font-size: 12px !important;
    margin-top: 3px !important;
}


/*Lecteur vidéo*/

@media (max-width:425px) {
    .wp-video .mejs-controls {
        padding: 0 12px !important;
    }
}

@media (min-width:426px) {
    .wp-video .mejs-controls {
        padding: 0 32px !important;
    }
}

.wp-video {
    border-radius: 6px;
}

.wp-video .mejs-overlay-button {
    background: transparent url(assets/images/play-overlay.svg) !important;
    background-position: center !important;
    background-size: contain !important;
}

.wp-video video {
    border-radius: 8px;
}

.wp-video .mejs-video {
    border-radius: 8px;
}

.wp-video .mejs-controls {
    border-radius: 0 0 8px 8px;
}

.wp-video .mejs-controls span {
    font-size: 10px !important;
}

.wp-video .mejs-fullscreen-button>button {
    background: transparent url(assets/images/fullscreen-1.png) !important;
    background-position: center !important;
    background-size: contain !important;
}

.wp-video .mejs-unfullscreen>button {
    background: transparent url(assets/images/fullscreen.png) !important;
    background-position: center !important;
    background-size: contain !important;
}


/*No access message*/

.noam-main-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.noam-main-wrapper a {
    margin: 0 !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.noam-main-content span {
    font-family: 'Proxima Nova';
    color: #565657;
    margin: 0;
}

.noam-main-content {
    width: 666px;
    background: #FFFFFF;
    box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.noam-main-title {
    color: #565657;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 0;
}

.noam-main-title-section {
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #E7EBF0;
    height: 55px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.noam-second-title-section {
    width: 100%;
    margin: 24px 0 24px 0;
    text-align: center;
}


.noam-second-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
}

.noam-list-element-section {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 265px;
    margin-bottom: 26px;
}

.noam-list-text-element {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noam-list-icon {
    margin-right: 12px;
}

.noam-list-icon img {
    height: 24px !important;
    width: 24px !important;
    max-width: 24px;
}

.noam-list-caption {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
}

.noam-list-content {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    margin-top: 8px;
}

.noam-list-element-row {
    display: flex;
    flex-direction: row;
    width: auto;
    gap: 48px;
}

/*.noam-list-element-col2 {
    width: auto;
    margin-left: 12px;
}*/

.noam-list-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
}

.noam-icon-button {
    padding: 16px 20px;
    background: #DCBC4C;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: auto;
    max-width: 255px;
}

.noam-btn-text {
    font-family: 'Proxima Nova';
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: white !important;
    letter-spacing: 0.2px;
}

.noam-btn-icon img {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px;
}

.noam-btn-icon {
    height: 24px;
}


.noam-button-section a {
    text-decoration: none;
    max-width: 255px;
    color: white;
}


.noam-login-message {
    color: #565657;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 0;
    gap: 4px;
}

.noam-login-message a {
    color: #4CB2DC !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}

.noam-login-section {
    width: 100%;
    text-align: center;
    border-top: solid 1px #E7EBF0;
    height: 50px;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

@media (max-width:500px) {

    .noam-list-element-row {
        display: flex;
        flex-direction: column;
        width: auto;
        gap: 24px;
    }

    .noam-list-wrapper {
        gap: 26px;
    }

    .noam-list-element-section {
        margin-bottom: 0;
    }
}

/* PDF Block */

.pdf-blocks-wrapper {
    border-radius: 8px;
    padding: 24px;
    background-color: white;
    box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.pdf-block-name-section {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.pdf-block-name-section img {
    width: 32px;
}

.pdf-block-name-section span {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #565657;
}

.pdf-block-button-section {
    background: #4CB2DC;
    border-radius: 6px;
    padding: 5px 14px;

}

.pdf-block-button-section a {
    text-decoration: none;
}

.pdf-block-icon-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.pdf-block-btn-icon img {
    width: 24px;
    height: 24px;
}

.pdf-block-btn-icon {
    max-height: 24px;
}

.pdf-block-btn-text {
    font-family: 'Proxima Nova';
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: white !important;
    letter-spacing: 0.2px;
    text-decoration: none;
}

.included_container {
    display: inline-block;
}

.pmpro_level-current .included_wrapper {
    background: #DCBC4C;
}

.included_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    padding-left: 12px;
    padding-right: 12px;
    gap: 8px;

    width: fit-content;

    background: #B0D5EB;
    border-radius: 17px;
}

.included_wrapper .label {
    margin: 0;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
}

.included_wrapper img {
    width: 24px;
    height: 24px;
}


@media screen and (max-width: 425px) {
    #carto_allergo_filter_form {
        padding: 16px;
    }

    #carto_allergo_filter_form .filters-container {
        flex-direction: column;
    }

    #carto_allergo_filter_form .filters-wrapper {
        flex-direction: column;
    }

    #carto_allergo_filter_form button {
        width: 100% !important;
        min-width: 12px;
    }

    #carto_allergo_filter_form .choices__inner .choices__item {
        word-break: normal;
    }
}

@media screen and (min-width: 426px) {
    #carto_allergo_filter_form {
        padding: 32px;
    }

    #carto_allergo_filter_form .filters-container {
        flex-direction: row;
    }

    #carto_allergo_filter_form .filters-wrapper {
        flex-direction: row;
    }

    #carto_allergo_filter_form .choices__list,
    #carto_allergo_filter_form .choices__list>.choices__list {
        width: auto;
        min-width: 100%;
    }
}

#carto_allergo_filter_form {
    background: #F8F8F8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 16px;
    font-family: 'Proxima Nova';
}

#carto_allergo_filter_form label {
    font-weight: 600;
}

#carto_allergo_filter_form select {
    background: #FFFFFF;
    border: 1px solid #E7EBF0 !important;
    border-radius: 4px !important;
    height: 48px !important;
    padding: 0 18px !important;
    color: #565657;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

#carto_allergo_filter_form input[type="search"] {
    border: none !important;
    margin: 0;
    padding: 4px;
    background-color: white;
}

#carto_allergo_filter_form .choices__inner {
    padding: 6px;
    display: flex;
    flex-wrap: wrap;
    min-height: 48px;
    border-radius: 4px;
    background-color: white;
    border: 1px solid #E1E1E1;
}

#carto_allergo_filter_form .choices__inner .choices__item {
    margin: 0;
    background-color: #4CB2DC;
    border-color: #4CB2DC;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 1.5px;
    padding: 4px;
    height: fit-content;
    font-size: 14px;
}

#carto_allergo_filter_form .choices__list--multiple {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center;
}

#carto_allergo_filter_form .choices__inner .choices__item button {
    border: none;
    padding: 0;
    margin: 0;
}

#carto_allergo_filter_form .filter-select {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 4px;
}

#carto_allergo_filter_form .filters-wrapper {
    display: flex;
    gap: 16px;
    width: 100%;
}

#carto_allergo_filter_form .filters-container {
    width: 100%;
    display: flex;
    align-items: end;
    gap: 16px;
}

#carto_allergo_filter_form .filter-buttons {
    width: auto;
    text-align: left;
}

#carto_allergo_filter_form button[type="submit"] {
    background: #4CB2DC;
    border-radius: 6px;
    width: 48px;
    padding: 0;
    height: 48px;
    border: none;
    line-height: 0 !important;
}

#carto_allergo_filter_form button:hover {
    background-color: transparent;
    border: none;
}

#carto_allergo_filter_form button:focus {
    background: #4CB2DC;
    border: none;
}

#carto_allergo_filter_form button:active {
    background: #4CB2DC;
    border: none;
}

#carto_allergo_filter_form button img {
    height: 24px;
    width: 24px;
}

#carto_allergo_filter_form .choices__list>.choices__list>.choices__item--selectable {
    padding-right: 10px;
    white-space: nowrap;
}

#carto_allergo_filter_form .choices__list>.choices__list>.choices__item--selectable::after {
    display: none;
}





.faq-accordion {
    background-color: white;
    color: #4CB2DC;
    cursor: pointer;
    padding: 18px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #E1E1E1;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
    font-family: 'Proxima Nova';
    font-weight: 700;
    white-space: break-spaces;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-accordion:focus {
    outline: none;
    background-color: white;
    color: #4CB2DC;
}


.faq-accordion:hover {
    color: #4CB2DC;
}

.active,
.faq-accordion:hover {
    background-color: white;
}

.faq-accordion:after {
    content: '\002B';
    color: #4CB2DC;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-weight: 16px;
}

.active:after {
    content: "\2212";
}

.faq-panel {
    padding: 0;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.faq-panel p {
    padding: 20px 24px;
}







.wppb-edit-user .submit {
    border: none;
    border-radius: 6px;
}

.wppb-edit-user .form-submit {
    text-align: right;
    margin-top: 34px;
}

.wppb-edit-user .edit-pwd-heading h3 {
    font-family: 'Proxima Nova' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 24px !important;
    color: #2E2E30 !important;
}

.wppb-edit-user li {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wppb-edit-user li input {
    width: 100% !important;
    height: 48px;
    border-radius: 4px !important;
    border: solid 1px #E1E1E1 !important;
    padding: 12px 16px !important;
}

.wppb-edit-user li label {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #565657;
    margin-bottom: 4px;
}

.wppb-edit-user li select {
    width: 100% !important;
    height: 48px;
    border-radius: 4px !important;
    border: solid 1px #E1E1E1 !important;
    padding: 12px 16px !important;
}

.wppb-success {
    border: none;
    padding: 16px;
    border-radius: 6px;
}

.redirect_message {
    display: none;
}

.map-checkbox>ul {
    width: 100%;
}

.map-checkbox>ul>li {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 0 !important;
}

.map-checkbox>ul>li>input {
    width: 18px !important;
    height: 18px;
}

.map-checkbox>ul>li>label {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 500 !important;
}


/*Formulaire demande de subvention*/
.frm_dropzone {
    max-width: none !important;
}

#form_demandedesubvention fieldset {
    padding: 0 !important;
}

#form_demandedesubvention .frm_submit {
    text-align: right;
    height: 48px !important;
}

#form_demandedesubvention {
    font-family: 'Proxima Nova' !important;
}

.frm_button_submit,
.frm_prev_page {
    background: #4CB2DC !important;
    height: 48px !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    font-family: 'Proxima Nova' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    color: #FFFFFF !important;
    border: none !important;
    margin: 0 !important;
}

#form_demandedesubvention .frm_repeat_buttons a {
    color: #565657 !important;
    background: none !important;
    border: 1px solid #E1E1E1 !important;
    border-radius: 6px !important;
    font-family: 'Proxima Nova' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    padding: 12px 16px !important;
}


#form_demandedesubvention .frm_repeat_buttons a>i {
    display: none !important;
}

#form_demandedesubvention .frm_repeat_buttons a:hover {
    color: #565657 !important;
}

#form_demandedesubvention input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'],
select {
    height: 48px !important;
    border: 1px solid #CCCCCC !important;
    padding: 12px 16px !important;
    border-radius: 4px !important;
}

#form_demandedesubvention .frm_add_form_row {
    background-color: #4CB2DC;
    border-radius: 6px;
    width: fit-content;
    border: none;
}

#form_demandedesubvention .frm_description li {
    font-size: 14px;
}

#form_demandedesubvention h2 {
    font-family: 'Proxima Nova' !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    color: #565657 !important;
    border-bottom: 1px solid #E7EBF0;
    padding-bottom: 10px;
}

#form_demandedesubvention h3 {
    font-family: 'Proxima Nova' !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    color: #565657 !important;
    border: none !important;
}

#form_demandedesubvention li {
    font-size: 16px;
    font-weight: 500;
}

#form_demandedesubvention a {
    color: #4CB2DC !important;
}

#form_demandedesubvention a:hover {
    text-decoration: underline;
    color: #4CB2DC !important;
}

#form_demandedesubvention #frm_field_28_container {
    margin: 0 !important;
}


#form_demandedesubvention input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'],
select:focus {
    box-shadow: none !important;
}

#form_demandedesubvention #frm_field_25_container {
    margin-top: 12px !important;
}

#form_demandedesubvention .frm_upload_text button {
    white-space: break-spaces;
}

.frm-datepicker .ui-datepicker-month,
.frm-datepicker .ui-datepicker-year {
    max-height: none !important;
}

/*Formulaire demande d'adhésion*/
#form_demandedadhsion span.frm_upload_text>button {
    white-space: normal;
}

#form_demandedadhsion .frm_upload_icon {
    display: none;
}

@media only screen and (max-width: 500px) {

    .frm_rootline.frm_rootline_4 span.frm_rootline_title,
    .frm_rootline.frm_rootline_3 span.frm_rootline_title {
        display: block !important;
    }

    #form_demandedadhsion fieldset div.frm_rootline_group ul li input {
        display: none;
    }
}


#form_demandedadhsion fieldset {
    padding: 0 !important;
}

#form_demandedadhsion .frm_submit {
    text-align: right;
    height: 48px !important;
}

#form_demandedadhsion,
#form_inscriptionutilisateur {
    font-family: 'Proxima Nova' !important;
}

#form_demandedadhsion .frm_page_num_1 .frm_button_submit {
    width: 250px !important;
}

#form_demandedadhsion .frm_button_submit,
.frm_prev_page {
    width: 125px !important;
}

#form_demandedadhsion .frm_repeat_buttons a {
    color: #565657 !important;
    background: none !important;
    border: 1px solid #E1E1E1 !important;
    border-radius: 6px !important;
    font-family: 'Proxima Nova' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    padding: 12px 16px !important;
}

#form_demandedadhsion .frm_repeat_buttons a>i {
    display: none !important;
}

#form_demandedadhsion .frm_repeat_buttons a:hover {
    color: #565657 !important;
}

#form_demandedadhsion input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'],
select {
    height: 48px !important;
    border: 1px solid #CCCCCC !important;
    padding: 12px 16px !important;
    border-radius: 4px !important;
}

#form_demandedadhsion h2 {
    font-family: 'Proxima Nova' !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    color: #565657 !important;
    border-bottom: 1px solid #E7EBF0;
    padding-bottom: 10px;
}

#form_demandedadhsion h3 {
    font-family: 'Proxima Nova' !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    color: #565657 !important;
    border: none !important;
}

#form_demandedadhsion li {
    font-size: 16px;
    font-weight: 500;
}

#form_demandedadhsion a {
    color: #4CB2DC !important;
}

#form_demandedadhsion a:hover {
    text-decoration: underline;
    color: #4CB2DC !important;
}

#form_demandedadhsion .frm_rootline_title {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    color: #9B9EA6 !important;
}

#form_demandedadhsion .frm_current_page .frm_rootline_title {
    color: #4CB2DC !important;
}

#form_demandedadhsion .frm_top_container {
    margin-bottom: 32px;
}

#form_demandedadhsion .frm_rootline_group>ul {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16px;
}

#form_demandedadhsion .frm_rootline_group>ul>li {
    flex: none;
}

#form_demandedadhsion input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'],
select:focus {
    box-shadow: none !important;
}

.frm_button_submit:hover {
    box-shadow: none !important;
}

.frm_primary_label {
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    color: #565657 !important;
    margin-bottom: 8px !important;
}

/* Formulaire inscription */
#form_inscriptionutilisateur .frm_submit {
    text-align: right;
    height: 48px !important;
}

#form_inscriptionutilisateur input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'],
select:focus {
    box-shadow: none !important;
}

#form_inscriptionutilisateur input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'],
select {
    height: 48px !important;
    border: 1px solid #CCCCCC !important;
    padding: 12px 16px !important;
    border-radius: 4px !important;
}

/* Level select demande adhésion */

.pmpro_levels_listing .main_wrapper {
    display: flex;
    flex-direction: column;
    padding: 16px 32px;
    border-radius: 8px;
    background: #F8F8F8;
}

.pmpro_levels_listing .main_wrapper.selected {
    border: 2px solid #DCBC4C;
}

.pmpro_levels_listing .main_wrapper.selected .img_section {
    background: #DCBC4C;
}

.pmpro_levels_listing .main_wrapper.selected .select_button {
    background: #DCBC4C;
}

.pmpro_levels_listing .main_wrapper.selected .membership_price {
    color: #DCBC4C;
}

.pmpro_levels_listing .main_wrapper.selected .included_wrapper {
    background: #DCBC4C;
}

.pmpro_levels_listing .top_section {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.pmpro_levels_listing .col1 {
    display: flex;
    align-items: flex-start;
}

.pmpro_levels_listing .img_section {
    padding: 12px;
    background: #B0D5EB;
    display: flex;
}

.pmpro_levels_listing .top_section .col2 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.pmpro_levels_listing {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pmpro_levels_listing .membership_name {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #565657;
}

.pmpro_levels_listing .membership_price {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #4CB2DC;
}

.pmpro_levels_listing .membership_description {
    margin-top: 16px;
}

.pmpro_levels_listing .select_button_wrapper {
    margin-top: 32px;
    display: flex;
    justify-content: center;
}

.pmpro_levels_listing .select_button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 14px;
    gap: 8px;
    width: 252px;
    height: 48px;
    background: #4CB2DC;
    border-radius: 6px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF !important;
    border: none;
}

.adhesion_btn_icon {
    background-color: #dcbc4c;
    width: 100%;
    padding: 12px 14px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.adhesion_btn_icon>img {
    height: 24px;
    width: 24px;
}

.adhesion_btn_icon>span {
    font-size: 16px;
    font-weight: 700;
    font-family: 'PROXIMA NOVA';
    color: white;
    letter-spacing: 0.5px;
}

.work-group-button-wrapper {
    margin-top: 32px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.work-group-button-wrapper .connexion {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    padding: 12px 20px;
    background: none;
    border-radius: 6px;
    border: 1px solid #FFFFFF;
}

.work-group-button-wrapper .connexion img {
    width: 24px;
    height: 24px;
}

.work-group-button-wrapper .connexion span {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
}

.work-group-button-wrapper .adhesion {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    padding: 12px 20px;
    background: #DCBC4C;
    border-radius: 6px;
}

.work-group-button-wrapper .adhesion img {
    width: 24px;
    height: 24px;
}

.work-group-button-wrapper .adhesion span {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
}


@media screen and (max-width:425px) {
    .work-group-blocks-wrapper {
        flex-direction: column !important;
        justify-content: flex-start !important;
        gap: 0 !important;
    }

    .work-group-blocks-wrapper .button-section-wrapper {
        flex-direction: column !important;
    }

    .work-group-content-section .group-desc {
        margin-bottom: 0 !important;
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .leave-work-group-button {
        width: 100%;
        height: 48px;
    }

    .work-group-blocks-wrapper .btn-text {
        font-size: 14px !important;
    }
}


@media screen and (min-width:526px) and (max-width:800px) {
    .work-group-blocks-wrapper .button-section-wrapper {
        flex-direction: column !important;
    }

    .leave-work-group-button {
        width: 100%;
        height: 48px;
    }

    .work-group-blocks-wrapper {
        gap: 8px !important;
    }
}

.work-group-blocks-wrapper {
    border-radius: 8px;
    padding: 32px;
    background-color: #F8F8F8;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
    gap: 24px;
}

.work-group-blocks-wrapper .work-group-icon-section {
    width: 77px;
}

.work-group-content-section {
    display: flex;
    flex-direction: column;
}

.work-group-content-section .group-name {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #2E2E30;
}

.work-group-content-section .group-desc {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #565657;
    margin-top: 8px;
    margin-bottom: 32px;
}

.work-group-blocks-wrapper .button-section-wrapper {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding-top: 22px;
}

.work-group-detail-button-section {
    background: #4CB2DC;
    border-radius: 6px;
    padding: 12px 6px;
}


.work-group-detail-button-section .btn-text {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #F8F8F8;
}

.work-group-document-button-section {
    background: #1E4E62;
    border-radius: 6px;
    padding: 12px 6px;
}

.work-group-document-button-section .btn-text {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #F8F8F8;
}

.work-group-content-section .icon-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.leave-work-group-form {
    text-align: right;
}

.leave-work-group-button {
    border: 1px solid #E1E1E1;
    border-radius: 6px;
    padding: 12px 14px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #565657;
    height: 100%;
}

.leave-work-group-button:hover {
    background-color: #565657;
    color: #F8F8F8;
}

.leave-work-group-button:focus {
    color: #565657;
    background-color: transparent !important;
}

.work-group-ressource {
    padding: 24px;
    background-color: #F8F8F8;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.work-group-ressource img {
    width: 24px;
    height: 24px;
}

.work-group-ressource h3 {
    color: #565657;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
}




.join-work-group-form {
    text-align: right;
}

.join-work-group-button {
    padding: 16px 20px;
    height: 56px;
    background: #DCBC4C;
    border-radius: 6px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    border: none;
}

.join-work-group-button:hover {
    background: #DCBC4C;
}

.join-work-group-button:focus {
    background: #DCBC4C;
}

.work-group-member-message {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.work-group-member-message a {
    color: #4CB2DC;
}


.pmpro_checkout-h3-msg {
    display: none;
}

.pmpro_checkout-h3-name {
    padding-left: 24px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #565657;
    border-left: solid 5px #4CB2DC;
}

#pmpro_pricing_fields>h3 {
    display: none;
}

#pmpro_pricing_fields .pmpro_checkout-fields {
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: 500;
    color: #565657;
    margin-top: 8px;
}

#pmpro_pricing_fields .pmpro_level_cost_text {
    margin-bottom: 8px !important;
}

.pmpro_checkout-fields #pmpro_level_cost {
    margin-bottom: 8px !important;
}

#pmpro_pricing_fields .pmpro_level_expiration_text {
    margin-bottom: 8px !important;
}

#pmpro_pricing_fields #other_discount_code_p {
    font-size: 14px;
    font-family: 'Proxima Nova';
}

#pmpro_pricing_fields .pmpro_checkout-fields .pmpro_level_name_text,
.pmpro_level_description_text {
    display: none;
}

#pmpro_account_loggedin {
    display: none;
}

.pmpro-checkout hr {
    display: none;
}

.pmpro-checkout a {
    color: #4CB2DC;
}

.checkout-page-form form {
    display: flex;
    flex-direction: column;
}

.checkout-page-form #pmpro_payment_method {
    flex: 1;
    order: 2;
}

.checkout-page-form #pmpro_billing_address_fields {
    order: 1
}

.checkout-page-form #pmpro_payment_information_fields {
    order: 3;
}

.checkout-page-form .pmpro_check_instructions {
    order: 4;
}

.checkout-page-form .pmpro_submit {
    order: 5;
}

.checkout-page-form #pmpro_autorenewal_checkbox {
    order: 4;
}

/* PMPro 3.8.4 a change le markup de la page de commande : les sections sont des
   <fieldset class="pmpro_form_fieldset"> et non plus des <div>, leur titre un
   <h2 class="pmpro_card_title"> et non plus un <h3><span
   class="pmpro_checkout-h3-name">, et le conteneur du bouton s'appelle
   .pmpro_form_submit. Les regles ci-dessous rendent a la page le rendu de la
   2.9.6 encore en ligne en production. */

/* Sans ceci le bloc retombe a order: 0 et le bouton se place au milieu du
   formulaire, entre les champs du compte et l'adresse de facturation. */
.checkout-page-form .pmpro_form_submit {
    order: 5;
}

/* Les <fieldset> arrivent avec l'encadre par defaut du navigateur, que la
   2.9.6 n'avait pas : ses sections etaient des <div>. */
.checkout-page-form .pmpro_form_fieldset {
    border: none;
    padding: 0;
    margin: 0;
    min-width: 0;
}

/* Meme habillage que .pmpro_checkout-h3-name ci-dessus. Le padding vertical
   reconstitue la boite de 46px qu'occupait l'ancien h3 en production. */
.checkout-page-form .pmpro_card_title {
    padding: 13px 0 13px 24px;
    margin: 32px 0 16px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #565657;
    border-left: solid 5px #4CB2DC;
}

/* Les titres encore rendus par pmpro-pay-by-check sont des h3 portant un span
   .pmpro_checkout-h3-name. On habille le h3 lui-meme, exactement comme les h2
   ci-dessus, pour la meme boite de 46px et la meme barre pleine hauteur. */
.checkout-page-form #pmpro_form h3 {
    padding: 13px 0 13px 24px;
    margin: 32px 0 16px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #565657;
    border-left: solid 5px #4CB2DC;
}

/* Le retrait et la barre etant desormais portes par le h3, on neutralise ceux
   du span pour ne pas les doubler. */
.checkout-page-form #pmpro_form h3 .pmpro_checkout-h3-name {
    display: inline;
    margin: 0;
    padding-left: 0;
    border-left: none;
}

/* Le titre « Recapitulatif » n'est pas rendu par PMPro : c'est un widget
   Titre d'Elementor pose dans la page. Sa barre, son retrait de 24px et ses
   marges 32/16 viennent des reglages du widget (post-402.css) ; seul le padding
   vertical manquait, d'ou une barre a la hauteur du texte au lieu des 46px des
   autres titres. Equivalent cote Elementor : marge interieure de 13px en haut et
   en bas sur ce widget, et cette regle devient inutile. */
#modify-title>.elementor-widget-container {
    padding-top: 13px;
    padding-bottom: 13px;
}

/* Le titre du recapitulatif etait masque par `#pmpro_pricing_fields > h3` ;
   devenu un h2, il affichait « Membership Information », non traduit. */
#pmpro_pricing_fields>.pmpro_card_title {
    display: none;
}

/* Meme cause pour « You have selected the ... membership level. » : la regle qui
   la masquait etait portee par .pmpro_checkout-fields, absent de ce bloc. */
.pmpro_level_name_text {
    display: none;
}

/* La typo du recapitulatif etait posee sur .pmpro_checkout-fields, remplace
   ici par .pmpro_card_content. */
#pmpro_pricing_fields .pmpro_card_content {
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: 500;
    color: #565657;
}

#pmpro_pricing_fields .pmpro_card_content #pmpro_level_cost {
    margin-bottom: 8px !important;
}

/* La 2.9.6 posait `form.pmpro_form .pmpro_checkout-fields div { margin: 0 0 1em 0 }`,
   supprime en 3.8.4 : sans marge les groupes de champs se touchaient (pas
   vertical de 66px au lieu de 90px). */
.checkout-page-form .pmpro_form_field {
    margin-bottom: 1em;
}

/* Meme famille de regression que les titres : la regle
   `.pmpro_checkout-fields input[type=text], input[type=email], select` plus haut
   ne porte son scope que sur le PREMIER selecteur. Les champs texte, sortis de
   .pmpro_checkout-fields, retombaient donc sur le reset du theme parent
   (bordure #666, rayon 3px, padding .5rem) alors que les champs e-mail, mot de
   passe et select gardaient l'habillage du site. */
.checkout-page-form .pmpro_form_field input[type="text"] {
    padding: 12px 16px;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
}

/* Les libelles arrivent collees a leur champ (3px) : on leur donne un peu d'air.
   La bascule « Afficher le mot de passe » ne porte pas .pmpro_form_field, elle
   n'heritait donc pas de la marge du bloc ci-dessus. */
.checkout-page-form .pmpro_form_field label {
    margin-bottom: 6px;
}

.checkout-page-form .pmpro_form_field-password-toggle {
    margin-top: 4px;
}

/* Meme cause que la loupe de recherche et la fleche du calculateur :
   `.elementor-element svg { width: 1em; fill: currentColor }` de
   jeg-elementor-kit 3.2.12 bat les attributs de presentation du markup. L'oeil
   de PMPro est une icone Feather, tracee au stroke avec `fill="none"` : sans
   ceci elle se remplit en noir et retombe a 16px au lieu de 20. */
.pmpro_icon svg {
    fill: none;
    width: 20px;
    height: 20px;
}

.pmpro_checkout-fields input[type=text],
input[type=email],
select {
    padding: 12px 16px;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    max-width: 100% !important;
    color: #565657;
    height: 48px;
}

.pmpro_checkout-fields label {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px !important;
    color: #2E2E30;
}

.pmpro_checkout-fields .pmpro_asterisk {
    display: none;
}

#pmpro_payment_information_fields #AccountNumber,
#Expiry,
#CVV {
    padding: 12px 16px !important;
    border: 1px solid #E1E1E1 !important;
    border-radius: 4px !important;
    max-width: 100% !important;
    color: #565657;
    height: 48px;
}

#pmpro_payment_information_fields input {
    color: #565657;
    height: 48px;
}

.pmpro_check_instructions {
    margin-top: 8px;
}

.pmpro_payment-discount-code {
    display: none;
}

#pmpro_payment_method>div>span.gateway_stripe>a,
#pmpro_payment_method>div>span.gateway_check>a {
    color: #565657 !important;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
}

#pmpro_payment_method>div>span.gateway_stripe,
#pmpro_payment_method>div>span.gateway_check {
    display: flex;
    gap: 16px;
    flex-direction: row;
}

#pmpro_payment_method>div.pmpro_checkout-fields {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pmpro-checkout #pmpro_btn-submit {
    padding: 12px 14px;
    width: 250px;
    height: 48px;
    background: #4CB2DC;
    border-radius: 6px;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    border: none;
}

.pmpro-checkout .pmpro_submit {
    text-align: right;
}


.elementor-add-templately-promo-button {
    display: none;
}