/*
Theme Name: FFC
Template: twentytwentyone
Author: ED - BRIEF
Author URI: https://brief.fr/
Description: Theme enfant FFC
Version: 0.1.0.1611927442
Updated: 2021-01-29 14:37:22

*/


/*ARCHIVE CPT PUBLICATIONS*/

.add-my-list-content {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding-left: 0;
}


/*BROCHURE*/

#publication-description ul>li:nth-child(2) a {
    color: white;
    text-decoration: none;
    background: #ea5b31;
    border-radius: 50%;
    border-radius: 30px;
    padding: 7px 15px;
    font-weight: 600;
}

#publication-bloc-2 .publications-inner-slider-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
}

#publication-bloc-2 .publication-title {
    font-size: 11px;
}

.short-border-line {
    border: 1px solid #000;
    width: 30px;
    margin: 10px 0;
}

#publication-bloc-2 .owl-carousel {
    z-index: 0!important;
}

#publication-bloc-2 .owl-dots {
    display: none!important;
}

#publication-bloc-2 .owl-prev,
#publication-bloc-2 .owl-next {
    background: #f4251c!important;
    font-weight: 700;
    text-decoration: none;
}

.btn.btn-default.js-gd-add-mylist,
.btn.btn-default.js-gd-remove-mylist {
    text-align: left;
    padding: .375rem .75rem .375rem 0rem;
    font-size: 11px;
    color: #f4261c;
}

.btn.btn-default.js-gd-add-mylist .fas.fa-heart,
.btn.btn-default.js-gd-remove-mylist .fas.fa-heart {
    margin-right: 5px;
}


/*ARCHIVE CPT PUBLICATIONS first scroll*/

#breadcrumbs .breadcrumb_last {
    font-weight: 700;
}

.box-container a {
    font-weight: 700;
}


/*h1 #titre-cpt{
    border-bottom: 2px solid black;
    color: #000;
    text-transform: uppercase;
}*/


/*second scroll*/

.form-check-container {
    display: flex;
}

.form-check-container .form-check {
    padding-right: 30px;
    margin-left: 20px;
}

.form-check-container span {
    font-size: 12px;
    font-weight: 700;
}

@media(max-width: 768px) {
    .form-check-container span {
        margin-bottom: 30px;
    }
}

.form-check-container input[type=checkbox]+label,
.form-check-container input[type=radio]+label {
    padding-left: 0px;
}

.form-check-container .form-check .form-check-label {
    font-size: 12px;
}

.form-check-container input.form-check-input.checkbox-publications {
    border: 1px solid #000;
    background: none;
    border-radius: 0px;
    width: 17px;
    height: 17px;
    margin-top: 0px;
}

.form-check-container input[type=checkbox]:after {
    left: 1px;
    top: 1px;
    position: absolute;
    border: 6px solid var(--form--color-text);
    transform: none;
    border-radius: 32px;
}

@media(max-width: 768px) {
    .form-check-container {
        display: flex;
        background-color: #fff;
        padding: 20px;
        border-radius: 20px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    }
}

#archive-cpt-container .owl-carousel {
    z-index: 0!important;
}

.category-title-container {
    color: #fff;
    padding: 2px 12px;
    display: inline-block;
    margin: 55px 0 35px 0;
}

.category-title-container p.category-title {
    font-weight: 600!important;
    color: #fff!important;
    line-height: 4px!important;
}

.content-gallery {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 15px;
}

@media(max-width: 768px) {
    .content-gallery {
        order: 1;
        margin: 20px;
        align-items: center;
    }
}

.post-gallery-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

@media(max-width: 768px) {
    .post-gallery-container {
        flex-direction: column;
        align-items: center;
    }
}

@media(max-width: 768px) {
    .publication-img {
        order: 2;
    }
}

.publication-title {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

@media(max-width: 768px) {
    .publication-title {
        font-size: 18px;
        text-align: center;
    }
}

.publication-cta {
    font-size: 12px;
    color: #f4261c;
}

#archive-cpt-container .owl-dots {
    display: none!important;
}

#archive-cpt-container .owl-prev,
#archive-cpt-container .owl-next {
    background: #f4251c!important;
    font-weight: 700;
    text-decoration: none;
}

.category-post-121 .category-title-container {
    background: #02bdf2;
}

.category-post-122 .category-title-container {
    background: #ffbc22;
}

.category-post-118 .category-title-container {
    background: #f17fb1;
}

.category-post-123 .category-title-container {
    background: #62b1b8;
}

.category-post-119 .category-title-container {
    background: #f4261c;
}

.category-post-124 .category-title-container {
    background: #f17fb1;
}

.category-post-117 .category-title-container {
    background: #62b1b8;
}

.category-post-120 .category-title-container {
    background: #f4261c;
}

.livres-container {
    background-color: #7cc5cd;
    padding: 50px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 40px;
    width: 100%;
}

.livres-title {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}

.livres-container a {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    margin-top: 10px;
}


/*EXTRANET HEADER*/

.admin-bar #main {
    margin-top: 103px!important;
}

.mon-espace #main {
    align-items: unset!important;
}

#mon-espace #main>div {
    width: 100%;
}

#header-nav>a:not(:first-of-type) {
    border-left: 1px solid #f4251c!important;
}

#user-registration.horizontal .user-registration-MyAccount-navigation {
    border-bottom: 5px solid #3719ba!important;
    background-color: #53bac4;
    display: flex;
    align-items: flex-end;
    min-height: 60px;
}

#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
    padding: 15px 10px!important;
}

#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:first-child a {
    padding: 10px!important;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
    color: #3719ba;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a:hover {
    color: #fff;
}

#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
    background-color: #3719ba!important;
    border-radius: 0 10px 0 0;
    color: #fff;
}

.page-template-login-template #main {
    margin-top: 76px;
}

.entry-content-page #user-registration.user-registration.horizontal .user-registration-MyAccount-navigation ul li.accueil-extranet-button a {
    padding: 10px!important;
}

.accueil-extranet-button img {
    height: 30px;
}


/*EXTRANET BREADCRUM*/


/*
.page-id-55 #main{
    margin-top: 0!important;
}

.page-id-55 #breadcrumbs{
    background-color: #f6f3f3;
    width: 100%;
    padding: 10px 30px;
    margin-top: 135px;
}


.page-id-55 #breadcrumbs span span{
    font-size: 13px;
    color: #371aba;
}

*/

#user-registration.user-registration.horizontal {
    margin-top: 0;
}

.page-id-29 #breadcrumbs,
#user-registration #breadcrumbs {
    background-color: #f6f3f3;
    width: 100%;
    padding: 10px 30px;
}

.page-id-29 #breadcrumbs a,
.page-id-29 #breadcrumbs span,
#user-registration #breadcrumbs a,
#user-registration #breadcrumbs span .page-template-temp-extranet-default #breadcrumbs a,
.page-template-temp-extranet-default #breadcrumbs span {
    font-size: 13px!important;
    color: #371aba;
}


/*EXTRANET FORM - login*/

#ur-frontend-form {
    border: 0px;
    border-radius: 0 0 40px 0;
    background-color: #fff;
    padding: 40px;
}

#user-registration.horizontal {
    box-shadow: none!important;
}

.login-form #user-registration {
    background-color: transparent;
}

#user-registration .ur-frontend-form button,
#user-registration .ur-frontend-form button[type=submit],
#user-registration .ur-frontend-form input[type=submit] {
    border-radius: 30px;
    background-color: #fff!important;
    border: 2px solid #602878;
    color: #602878;
    font-size: 14px;
    width: 100%;
    padding: 5px 10px;
}

#user-registration .ur-frontend-form button:hover,
#user-registration .ur-frontend-form button[type=submit]:hover,
#user-registration .ur-frontend-form input[type=submit]:hover {
    background-color: #602878!important;
    color: #fff;
}

#ur-frontend-form .user-registration-Input {
    border: 1px solid #6dc6d1;
    border-radius: 0 0 20px 0;
    margin-bottom: 20px;
}

#ur-frontend-form input#rememberme {
    margin: 10px;
    height: 15px;
    width: 15px;
    border: 1px solid #602978;
}

#ur-frontend-form input#rememberme span {
    font-size: 11px;
}

.user-registration-LostPassword.lost_password {
    text-align: center;
}

.user-registration-LostPassword.lost_password a {
    color: #602978;
    font-size: 12px;
}

.login-background {
    background-image: url("https://fcardio.org/wp-content/uploads/2021/04/login-background-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-msg-contaniner {
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-msg {
    border: 4px solid #6dc6d1;
    border-radius: 0 0 40px 0;
    background-color: #fff;
    padding: 40px;
    box-shadow: 1px 1px 22px -5px rgba(0, 0, 0, 0.37);
    -webkit-box-shadow: 1px 1px 22px -5px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 1px 1px 22px -5px rgba(0, 0, 0, 0.37);
    max-width: 820px;
    margin-top: -20px;
}

.login-header {
    color: #6dc6d1;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
}

.middle-line {
    border-top: 2px solid #6dc6d1;
    margin: 5px 0 30px 0;
    max-width: 200px;
}

.login-msg p {
    font-weight: 600;
    font-size: .9rem;
    line-height: 159%;
}

.login-msg p a {
    color: #6dc6d1;
}

#user-registration .user-registration-button-container {
    display: inline-block;
}

#user-registration .login-register {
    position: relative;
    display: inline-block;
    top: -13px;
}

@media(max-width: 768px) {
    #user-registration .login-register {
        top: 10px;
    }
    .admin-bar #main {
        margin-top: 28px!important;
    }
}

.login-register-btn:hover {
    color: #fff;
    background-color: #6ec6d1!important;
}

.login-register-btn {
    border-radius: 30px;
    background-color: #fff!important;
    border: 2px solid #6ec6d1;
    color: #6ec6d1;
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 600;
}

.login-register a {
    text-decoration: none;
}

#ur-frontend-form.ur-frontend-form.login {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#ur-frontend-form.ur-frontend-form.login .user-registration-ResetPassword.lost_reset_password {
    max-width: 400px;
}


/*MON SPACE*/

#post-39 .entry-content {
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
}

#post-39 #user-registration {
    background-color: transparent;
}


/*ACCUEIL PRESSE EXTRANET*/

#user-registration .user-registration-MyAccount-content {
    padding: 0!important;
}

.user-registration-MyAccount-content .img-header {
    background-image: url("https://fcardio.org/wp-content/uploads/2021/05/extranet-accueil-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 500px;
}

.user-registration-MyAccount-content #content.accueil-container {
    padding: 30px;
    margin-top: -180px;
}

.user-registration-MyAccount-content #content.accueil-container ul {
    display: flex;
    flex-direction: row;
}

@media(max-width: 768px) {
    .user-registration-MyAccount-content #content.accueil-container ul {
        flex-direction: column;
        padding-left: 0px;
    }
}

.user-registration-MyAccount-content #content.accueil-container ul li {
    flex-direction: column;
    background-color: #fff;
    border-radius: 0 0 30px 0;
    margin: 10px;
    flex: 1;
    box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.25);
}

.user-registration-MyAccount-content #content.accueil-container ul a img {
    display: none;
}

#user-registration .user-registration-MyAccount-content h2.actus-box-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}

#user-registration .user-registration-MyAccount-content h2.actus-box-title a {
    text-decoration: none;
}

#user-registration .user-registration-MyAccount-content #content.accueil-container p {
    font-size: 12px;
}

a.actus-cta {
    float: right;
    color: #51bac4;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}


/*WELCOME ICONS*/

.welcome-icons {}

.welcome-icons .row {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.welcome-icons .icon {
    background-color: #50bac4;
    flex-direction: column;
    display: flex;
    align-items: center;
    border-radius: 0 0 30px 0;
    margin: 15px;
    padding: 20px;
    width: 200px;
    height: 150px;
    box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.welcome-icons .icon div {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    line-height: 1.2;
}

.welcome-icons .icon img {
    max-width: 50px;
    margin-bottom: 20px;
}


/*MON COMPTE*/

#user-registration-form-41 label.ur-label,
.user-registration-profile-fields label.ur-label {
    color: #333;
    font-weight: 600!important;
    font-size: 14px!important;
}

.user-registration-profile-fields input[type=checkbox],
.user-registration-profile-fields input[type=radio] {
    border: 1px solid #6dc6d1;
}

.user-registration-profile-fields input[type=checkbox]:after {
    left: 8px;
    top: 3px;
}

#user-registration-form-41 input[type=text],
#user-registration-form-41 input[type=email],
#user-registration-form-41 input[type=url],
#user-registration-form-41 input[type=password],
#user-registration-form-41 input[type=search],
#user-registration-form-41 input[type=number],
#user-registration-form-41 input[type=tel],
#user-registration-form-41 input[type=date],
#user-registration-form-41 input[type=month],
#user-registration-form-41 input[type=week],
#user-registration-form-41 input[type=time],
#user-registration-form-41 input[type=datetime],
#user-registration-form-41 input[type=datetime-local],
#user-registration-form-41 input[type=color],
#user-registration-form-41 .site textarea,
#user-registration-form-41 select,
.user-registration-profile-fields input[type=text],
.user-registration-profile-fields input[type=email],
.user-registration-profile-fields input[type=url],
.user-registration-profile-fields input[type=password],
.user-registration-profile-fields input[type=search],
.user-registration-profile-fields input[type=number],
.user-registration-profile-fields input[type=tel],
.user-registration-profile-fields input[type=date],
.user-registration-profile-fields input[type=month],
.user-registration-profile-fields input[type=week],
.user-registration-profile-fields input[type=time],
.user-registration-profile-fields input[type=datetime],
.user-registration-profile-fields input[type=datetime-local],
.user-registration-profile-fields input[type=color],
.user-registration-profile-fields .site textarea,
.user-registration-profile-fields select {
    border: 1px solid #6dc6d1;
    border-radius: 0 0 20px 0!important;
}

.myaccount-header-txt {
    color: #371aba;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
}

#user-registration .user-registration-MyAccount-content .ur-frontend-form {
    max-width: 700px;
    margin: auto;
}

.user-registration-EditProfileForm .select.ur-edit-profile-field.user-registration-valid,
.user-registration-EditProfileForm .input-text.input-text.ur-edit-profile-field {
    font-size: 12px;
}


/*MES ARTICLES*/

.mes-articles-container {}

.mes-articles-container img {
    height: auto!important;
    border-radius: 0 0 30px 0;
}

@media(max-width: 768px) {
    .user-registration-MyAccount-content #content.mes-articles-container ul {
        padding-left: 0px;
    }
}

.user-registration-MyAccount-content #content.mes-articles-container ul li {
    background-color: #fff;
    margin: 10px;
}

@media(max-width: 768px) {
    .user-registration-MyAccount-content #content.mes-articles-container ul li {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 10px!important;
    }
}

@media(max-width: 768px) {
    .user-registration-MyAccount-content #content.mes-articles-container ul li div:first-child {
        margin-bottom: 20px;
    }
}

@media(max-width: 768px) {
    .user-registration-MyAccount-content #content.mes-articles-container ul li .text-start {
        margin-left: 0px!important;
    }
}

#user-registration .user-registration-MyAccount-content .mes-articles-container h2.article-box-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 10px;
}

#user-registration .user-registration-MyAccount-content .mes-articles-container h2.article-box-title a {
    text-decoration: none;
    color: #51bac4;
    text-transform: uppercase;
}

.mes-articles-container p {
    font-size: 12px;
}

.mes-articles-container a.article-cta {
    color: #51bac4;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}

.mes-articles-container .divider-h2-liste {
    border-top: 2px solid #51bac4;
    margin: 5px 0 20px 0;
    max-width: 200px;
}


/*MES TELECHARGEMENT*/

#myList_list {
    padding: 4%;
}

#myList_list .ml-share-bar {
    display: none;
}

#myList_list .thumbnail.gd-mylist-box {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 50px 30px;
}

#myList_list .caption {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 30px;
}

#myList_list .caption h3 {
    text-decoration: none;
    color: #51bac4;
    text-transform: uppercase;
    font-size: 16px;
    text-align: left;
}

#myList_list .caption div a {
    border-radius: 30px;
    background-color: #fff!important;
    border: 2px solid #602878;
    line-height: 0.5;
    color: #602878;
    font-size: 12px;
    width: 100%;
    padding: 4px 20px;
    text-decoration: none;
    font-weight: 700;
}

#myList_list img.img-book.img-responsive {
    max-height: 170px;
}

#myList_list .caption p small {
    display: none;
}

.user-registration-MyAccount-content .img-header.img-header-telechargements {
    background-image: url("https://fcardio.org/wp-content/uploads/2021/05/extranet-accueil-bg.jpg");
    padding: 50px 50px 30px 60px;
}

@media(max-width: 768px) {
    .user-registration-MyAccount-content .img-header.img-header-telechargements {
        padding: 10px;
    }
}

.user-registration-MyAccount-content .img-header.img-header-telechargements p {
    color: white!important;
    text-align: left;
    font-size: 16px;
    max-width: 50%;
    font-weight: 500;
    line-height: 1.2rem;
    background: rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 10px;
}

.user-registration-MyAccount-content .img-header.img-header-telechargements p a {
    color: white;
}

.telechargements-header-container .header-text {
    background-color: #fff;
    border: 2px solid #51bac4;
    ;
    border-radius: 0 0 70px 0;
    margin: -120px 10px 10px 60px;
    padding: 20px;
    box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 440px;
    width: 100%;
}

@media(max-width: 768px) {
    .telechargements-header-container .header-text {
        flex-direction: column;
        margin: -30px 10px 10px 10px;
        padding: 20px;
        width: 90%;
    }
    .user-registration-MyAccount-content .img-header.img-header-telechargements p {
        max-width: 100%;
    }
}

.telechargements-header-container .header-text img {
    height: 140px;
    border-radius: 0 0 50px 0;
}

.telechargements-header-container .header-text-container {
    margin-left: 20px;
}

@media(max-width: 768px) {
    .telechargements-header-container .header-text-container {
        margin: 0 0 20px 0;
    }
}

@media(max-width: 768px) {
    #user-registration .user-registration-MyAccount-content .telechargements-header-container .header-text-container h2.header-text-sign {
        margin: 20px 0 0 0;
    }
}

.telechargements-header-container .header-text-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #371aba;
    text-align: left;
    margin-bottom: 10px;
}

.telechargements-header-container .header-text-description p {
    font-size: 12px;
    text-align: left;
}

.telechargements-header-container .header-text-sign {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #371aba;
    text-align: left;
}

.telechargements-header-container a.header-text-mail {
    color: #371aba;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    float: left;
}

.container button.view-options-dropdown {
    color: #371aba!important;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    background: none!important;
    border: none!important;
    box-shadow: none!important;
}

#checkbox_mail_container_checkboxs input.checkboxs-to-send {
    border: 1px solid #6dc6d1;
    margin-right: 10px;
}

#checkbox_mail_container_checkboxs label {
    border-radius: 4px;
    border: 1px solid #6dc6d1;
    margin: 5px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #51bac4;
    text-transform: uppercase;
    font-size: 16px;
    text-align: left;
}

#checkbox_mail_container_checkboxs span {
    font-size: 16px;
    float: right;
}

button.more-quantity-for-tel,
button.less-quantity-for-tel {
    height: 30px;
    background-color: #28313d;
    color: #51bac4;
    border-radius: 30px;
    width: 30px;
    padding: 0px;
    border: none;
}

button.more-quantity-for-tel {
    margin-left: 10px;
}

#checkbox_mail_container button.send-mail-button {
    border-radius: 30px;
    background-color: #602878;
    border: 2px solid #602878;
    color: #fff;
    font-size: 14px;
    padding: 5px 40px;
    margin: 10px;
}

#checkbox_mail_container button.send-mail-button:hover {
    background-color: #fff;
    color: #602878;
}

#checkbox_mail_container button#request_copies {
    border-radius: 30px;
    background-color: #fff;
    border: 2px solid #602878;
    color: #602878;
    font-size: 14px;
    padding: 5px 40px;
    margin: 10px;
}

#checkbox_mail_container button#request_copies:hover {
    background-color: #602878;
    color: #fff;
}


/*ESPACE BENEVOLE*/

.user-registration-MyAccount-content .img-espace-benevole {
    background-image: url("https://fcardio.org/wp-content/uploads/2021/05/espace-benevole-background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 350px;
    padding: 50px 50px 30px 60px;
}

@media(max-width: 768px) {
    .user-registration-MyAccount-content .img-espace-benevole {
        padding: 10px;
    }
}

.user-registration-MyAccount-content .img-espace-benevole p {
    color: black!important;
    text-align: left;
    font-size: 16px;
    max-width: 720px;
    font-weight: 500;
    line-height: 1.2rem;
    margin-top: 5px;
}

@media(max-width: 768px) {
    .user-registration-MyAccount-content .img-espace-benevole p,
    .user-registration-MyAccount-content .img-espace-benevole p b {
        font-size: 14px!important;
    }
}

.user-registration-MyAccount-content #content.accueil-container.espace-benevole {
    padding: 0px;
    margin-top: -10px;
}

.user-registration-MyAccount-content #content.accueil-container.espace-benevole ul li {
    background-color: #fff;
    border: 2px solid #51bac4;
    ;
    border-radius: 0 0 70px 0;
    margin: -60px 10px 10px 10px;
    padding: 20px;
    box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

@media(max-width: 1200px) {
    .user-registration-MyAccount-content #content.accueil-container.espace-benevole ul li {
        flex-direction: column;
    }
    .user-registration-MyAccount-content #content.accueil-container.espace-benevole ul li {
        margin-top: 0;
    }
}

@media(max-width: 768px) {
    .user-registration-MyAccount-content #content.accueil-container.espace-benevole ul li {
        flex-direction: row;
    }
}

.user-registration-MyAccount-content #content.accueil-container.espace-benevole ul a img {
    display: block;
}

@media(max-width: 768px) {
    .user-registration-MyAccount-content #content.accueil-container.espace-benevole ul a img {
        max-width: 95px!important;
    }
}

@media(max-width: 768px) {
    .espace-benevole-user-card {
        margin-top: -20px!important;
    }
}

.espace-benevole h2.actus-box-title a {
    color: #371aba!important;
}

.espace-benevole a.header-text-mail p {
    color: #371aba!important;
    text-decoration: none;
    font-size: 12px!important;
    font-weight: 700!important;
    float: left;
}

@media(max-width: 768px) {
    .espace-benevole a.header-text-mail p {
        font-size: 9px!important;
    }
}

.actualites-inner-title {
    color: #371aba;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
}

.links_after_header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}

.links_after_header a {
    text-decoration: none;
}

.base_cardio_icon {
    height: 80px;
    margin-bottom: 10px;
}

.base_cardio_button {
    border-radius: 30px;
    background-color: #6dc6d1;
    border: 2px solid #6dc6d1;
    ;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
}

.base_cardio_button:hover {
    background-color: #fff;
    color: #6dc6d1;
}

@media(max-width: 768px) {
    #actualitesEspaceBenevole .actualite-content {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media(max-width: 768px) {
    #actualitesEspaceBenevole .actualite-content .text-start {
        margin-left: 0px!important;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .user-registration-MyAccount-content .espace-benevole ul li .text-start {
        margin-left: 0px!important;
    }
}

.benevole_events .events-boxes-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 20px 0;
}

.events-boxes-container .pagination__controls {
    border: 0;
    margin-top: 30px;
}

.events-boxes-container li.prev,
.events-boxes-container li.next {
    display: none;
}

.events-boxes-container ul.pagination li {
    background-color: #28313d;
    border-radius: 40px;
    margin: 5px;
    width: 26px;
    height: 26px;
    padding: 3px;
}

.events-boxes-container ul.pagination li a {
    color: #fff;
    text-decoration: none;
}

.benevole_events .event-box {
    position: relative;
    background-color: #51bac4;
    padding: 30px 20px;
    border-radius: 0 0 40px 0;
    margin: 0px 20px 0px 0px;
    width: 33%;
    max-width: 33%;
    flex: 1;
    min-height: 270px;
    height: 100%;
}

.benevole_events .event-box:last-child {
    margin: 0px;
}

.event-title {
    color: #371aba;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 800;
    margin-bottom: 20px;
}

.event-text {
    font-size: 12px;
    text-align: left;
    margin-bottom: 30px;
    width: 100%;
}

.event-text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.event-box-cta {
    color: #fff;
    float: right;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    text-decoration: none;
    bottom: 13px;
    right: 30px;
    position: absolute;
}

a.event-box-cta:hover {
    color: #371aba;
}


/*PARCOURS DU COEUR*/

.user-registration-MyAccount-content .parcours-slider {
    background-image: url("/wp-content/uploads/2021/07/ffc-pdc-2021.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    min-height: 500px;
    padding: 50px 50px 10px 50px;
    display: flex;
    align-items: flex-end;
    position: relative;
}

@media (max-width: 768px) {
    .user-registration-MyAccount-content .parcours-slider {
        flex-direction: column;
        padding: 50px 20px 10px 20px;
    }
}

.slider-text-container {
    width: 50%;
}

@media (max-width: 768px) {
    .slider-text-container {
        width: 100%;
    }
}

.user-registration-MyAccount-content .parcours-slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #0000008c, #00000014);
    opacity: .4;
    z-index: 1;
}

.slider-text-container h2 {
    text-align: left;
    font-size: 16px!important;
    color: #ffcd1c;
}

.slider-text-container p {
    color: #fff!important;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.personal-card-data-container {
    max-width: 530px;
    float: right;
    width: 50%;
    position: absolute;
    right: 40px;
    bottom: -120px;
    z-index: 3;
}

@media (max-width: 768px) {
    .personal-card-data-container {
        width: 100%;
        position: inherit;
        padding: 0;
        right: inherit;
        margin: inherit;
    }
}

.user-registration-MyAccount-content ul.personal-card-data-container li {
    background-color: #fff;
    border: 2px solid #51bac4;
    border-radius: 0 0 70px 0;
    margin: -60px 10px 10px 10px;
    padding: 20px;
    box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.personal-card-data-container h2.actus-box-title a {
    color: #371aba!important;
}

.marlene-box-title {
    font-size: 1rem!important;
    font-weight: 700;
    line-height: 1.5;
    color: #371aba;
}

.personal-card-data-container a {
    color: #371aba!important;
    text-decoration: none;
    font-size: 12px!important;
    font-weight: 700!important;
    float: left;
}

.personal-card-data-container a.header-text-mail p {
    color: #371aba!important;
    text-decoration: none;
    font-size: 12px!important;
    font-weight: 700!important;
    float: left;
}

@media (max-width: 768px) {
    .personal-card-data-container .personal-card-photo {
        width: 120px;
        padding-bottom: 15px;
    }
    .personal-card-data-container>li>div>div {
        align-self: center;
    }
}

ul.personal-card-data-container .contact-button {
    border: 1px solid #51bac4;
    border-radius: 30px;
    padding: 10px 30px;
    margin-top: 30px;
    color: #51bac4;
    font-weight: 700;
}

.parcours-link-title,
.parcours-docs-title {
    color: #371aba;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

.parcours-forms-link {
    padding: 110px 20px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.parcours-links-row {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
}

@media(max-width: 1000px) {
    .parcours-links-row {
        align-items: center;
        flex-direction: column;
    }
}

.parcours-link-card {
    padding: 20px;
    margin: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.parcours-link-card a {
    text-decoration: none;
}

.par-link-button {
    background-color: #51bac4;
    padding: 10px 20px;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.parcours-events-title {
    color: #371aba;
    font-size: 20px!important;
    text-transform: uppercase;
    font-weight: 700!important;
    margin-top: 30px;
}

.parcours-events-subtitle {
    color: #e52321;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

.par-link-img {
    margin: 20px;
}

.par-link-img img {
    width: 100px;
}

.parcours-doc-card {
    background-color: #fff;
    border-radius: 0 0 30px 0;
    margin: 20px;
    padding: 20px;
    box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.parcours-doc-card a {
    text-decoration: none;
}

.parcours-doc-card img {
    width: 60px;
}

.parcours-doc-card .par-link-button {
    background-color: transparent;
    color: #51bac4;
    padding: 5px;
    font-size: 12px;
    min-width: 120px;
}

.personal-card-data-container li a {
    text-decoration: none;
}

.cours-events-container .evoau_manager_event_rows {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.cours-events-container .eventon_actionuser_eventslist .evoau_manager_row.past {
    background-color: #fff;
    max-width: 30%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cours-events-container .event_name {
    color: #371aba!important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}

.cours-events-container .eventon_actionuser_eventslist p subtitle a {
    color: #371aba;
    text-decoration: none!important;
    text-transform: capitalize;
}

.cours-events-container .evoau_manager_event_rows,
.cours-events-container .eventon_actionuser_eventslist .evoau_manager_row {
    border: 0px;
}

.cours-events-container .eventon_actionuser_eventslist .evoau_manager_row span.event_date_time span,
.cours-events-container .eventon_actionuser_eventslist .evoau_manager_row span.event_date_time i {
    font-size: 13px;
    color: #371aba;
    font-weight: 600;
    text-transform: capitalize;
}

.cours-events-container .eventon_actionuser_eventslist .evoau_manager_row span em.event_poststatus.status_publish {
    background-color: #53bac4;
}

.cours-events-container .eventon_actionuser_eventslist .evoau_manager_row span em,
.eventon_actionuser_eventslist .evoau_manager_row tags {
    padding: 6px 17px;
    border-radius: 12px;
    text-transform: capitalize;
    font-weight: 600;
}

.cours-events-container .deleteEvent {
    background-color: #53bac4;
    padding: 6px 17px;
    border-radius: 12px;
    text-transform: capitalize;
    font-weight: 600;
}

.cours-events-container .owl-nav,
.evoau_manager_event_rows .owl-nav {
    display: none;
}

.cours-events-container .owl-dots button.owl-dot,
.evoau_manager_event_rows .owl-dots button.owl-dot {
    background-color: transparent!important;
}

.parcour-event-boxes-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 20px 0;
}

.parcour-event-box {
    display: flex;
    flex-direction: row;
    padding: 30px 20px;
    margin: 0px 20px 0px 0px;
}

.parcour-event-data-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 20px;
}

.parcour-event-title,
.parcour-event-subtitle {
    color: #371aba;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 800;
}

.parcour-event-subtitle {
    margin-bottom: 10px;
}

.parcour-event-date {
    color: #371aba;
    font-size: 12px;
    text-align: left;
    font-weight: 500;
    margin-bottom: 10px;
}

.parcour-event-cta-container {
    display: flex;
    flex-direction: row;
}

a.parcour-event-cta {
    padding: 6px 17px;
    font-weight: 600;
    background-color: #53bac4;
    margin: 5px;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

.evoau_manager_event_rows .parcour-event-box img,
#evoau_event_manager .owl-carousel .owl-item img {
    width: auto!important;
    height: auto;
    max-height: 110px;
}

.pied-de-page {
    color: #333;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background-color: #f9f7f7;
    padding: 20px;
    margin: 30px;
}


/*3 forms of parcours*/

.form-main-title {
    color: #371aba;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

#form-body {
    max-width: 1000px;
}

#form-body h4 {
    color: #371aba!important;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
}

#form-body a.addday,
#form-body input.submit-cta {
    border-radius: 30px!important;
    background-color: #fff!important;
    border: 2px solid #602878!important;
    color: #602878!important;
    font-size: 14px;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 20px;
}

#form-body a.addday:hover,
#form-body input.submit-cta:hover {
    background-color: #602878!important;
    color: #fff!important;
}

#form-body input.input-text {
    border-radius: 0px!important;
    margin-left: 0px!important;
    margin-right: 10px;
    font-size: 12px;
}


/*form of espace benevole*/

.container.form-espace-benevole {}

.container.form-espace-benevole form {
    max-width: 550px;
}

.container.form-espace-benevole #jours h4 {
    color: #371aba!important;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
}

.container.form-espace-benevole input,
.container.form-espace-benevole select {
    border-radius: 0px!important;
    margin-left: 0px!important;
    margin-right: 10px;
    font-size: 12px;
}

.container.form-espace-benevole .addday {
    text-decoration: none;
    font-weight: 600;
}

.container.form-espace-benevole button.submit-cta:hover,
.container.form-espace-benevole .addday:hover {
    background-color: #602878!important;
    color: #fff!important;
}

.container.form-espace-benevole .group {
    margin-bottom: 20px;
    margin-top: 20px;
}

.container.form-espace-benevole button.submit-cta {
    border-radius: 30px!important;
    background-color: #fff!important;
    border: 2px solid #602878!important;
    color: #602878!important;
    font-size: 14px;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 20px;
}

.container.form-espace-benevole .evo_date_select input {
    margin-bottom: 20px;
}


/*base documentaires*/

.documentaire-slider {
    display: flex;
    flex-direction: row;
    align-items: start;
    padding: 50px 50px 30px 60px!important;
    background: rgb(187, 229, 243)!important;
    background: linear-gradient(0deg, rgba(187, 229, 243, 1) 0%, rgba(218, 234, 247, 1) 100%)!important;
}

@media(max-width: 768px) {
    .documentaire-slider {
        padding: 30px!important;
        flex-direction: column;
    }
}

.documentaire-slider-text {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px!important;
    max-width: 50%;
}

.documentaire-slider-bg {
    width: 50%;
}

.documentaire-slider-bg img {
    width: 100%;
}

.documentaire-slider p {
    font-weight: 500;
}

@media(max-width: 768px) {
    .documentaire-slider p,
    .documentaire-slider p b {
        font-size: 14px;
    }
    .documentaire-slider-text {
        max-width: 100%;
    }
}

.documentaire-input-div {
    min-width: 270px;
    display: flex;
}


/* base doc border-boxes-colors*/

.communication {
    border-color: #e52321!important;
}

.diaphotheque {
    border-color: #371aba!important;
}

.comptabilite {
    border-color: #ffad2b!important;
}

.benevolat {
    border-color: #b8a6d0!important;
}

.collecte--liberalites {
    border-color: #ff4070!important;
}

.phase-iii {
    border-color: #d2d900!important;
}

.journee-de-la-ffc {
    border-color: #D57C1E!important;
}

.parcours-du-coeur {
    border-color: #5bb4ea!important;
}


/*----*/

.block-test {
    color: #fff;
    margin-left: -50vw;
    margin-bottom: 87px;
    z-index: 999;
}

.block-test form fieldset {
    position: absolute;
    background-position: 5% 250px;
    background-repeat: no-repeat;
    padding: 100px 0 50px 0;
    width: 100%;
    margin-left: 0%;
    opacity: 1.0;
    transition: all 0.4s ease-in-out;
    overflow: auto;
    min-height: 810px;
    max-height: 65%;
    /* max-height: 940px; */
    background-image: url(../images/test0-1.png);
    background-blend-mode: soft-light;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

@media(max-width: 768px) {
    .block-test form fieldset {
        background-image: none;
        height: 100vh;
    }
}

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    box-sizing: border-box;
    margin-top: 0;
}

.block-test form fieldset .content {
    max-width: 1775px;
    width: 100%;
    padding: 10px 40px;
    margin: 0 auto;
}

@media(max-width: 768px) {
    .block-test form fieldset .content {
        padding: 10px;
    }
}

.block-test form fieldset .content .title {
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    margin: 40px 10px;
    text-transform: uppercase;
}

@media(max-width: 768px) {
    .block-test form fieldset .content .title {
        font-size: 1.5rem;
        line-height: 29px;
    }
}

.grid,
.forms-wrapper,
#association-form,
#association-profile-form,
.add-pdc .form-add-pdc .form-checkboxes,
.add-pdc .form-add-pdc #edit-dates--3 .fieldset-wrapper,
.add-pdc .form-add-pdc #edit-dates--2 .fieldset-wrapper,
.add-pdc .form-add-pdc #edit-dates .fieldset-wrapper {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.block-test form fieldset .content .item-grid-one-two .number {
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 27px;
    border: solid 2px #fff;
    border-radius: 0 0 10px 0;
    border-radius-bottom: 33px;
    color: #B8A5D0;
    background-color: #fff;
}

.step-container input {
    border: 1px solid #fff!important;
}

.grid-item {
    display: inline-block;
    box-sizing: border-box;
    margin: 15px;
    padding: 0;
    vertical-align: top;
    font-size: initial;
}

.grid-item input {
    border-radius: 0px !important;
    border-color: #fff !important;
    background: transparent !important;
}

.grid-item input[type=radio]:checked:after {
    background: #fff !important;
}

.grid-item input[type=radio]:after {
    left: 8px !important;
    top: 8px !important;
    width: 7px !important;
    height: 7px !important;
    color: #fff !important;
}

.block-test form fieldset .content .item-grid-one-two {
    margin: 0 0 30px 0;
    max-width: 40%;
    width: 100%;
}

@media (max-width: 1000px) {
    .block-test form fieldset .content .item-grid-one-two {
        width: 100%;
        max-width: 100%;
    }
}

.block-test form fieldset .content .item-grid-one-two .question {
    font-weight: 700;
    font-style: normal;
    font-size: 21px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .block-test form fieldset .content .item-grid-one-two .question {
        font-size: 18px;
    }
}

.widget[type=radio]+label,
.webform-client-form input[type=radio]+label,
.info-perso input[type=radio]+label,
#association-form input[type=radio]+label,
#association-profile-form input[type=radio]+label {
    cursor: pointer;
    position: relative;
    width: auto;
    display: inline-block;
}

.block-test form fieldset .content .item-grid-one-two label {
    font-size: 17px;
    line-height: 26px;
    margin-left: 10px;
}

.block-test form fieldset .content .navigation {
    margin: 30px 0;
}

@media(max-width: 768px) {
    .block-test form fieldset .content .navigation {
        display: flex;
    }
}

.block-test form fieldset .content .navigation div:nth-child(2) {
    float: right;
}

.block-test form fieldset .content .navigation div:nth-child(2) .nextF,
.block-test form fieldset .content .navigation div:nth-child(2) .send {
    display: inline-block;
    font-size: 18px;
    float: left;
    color: #fff;
    font-weight: 600;
}

.block-test form fieldset .content .navigation div:nth-child(2) .send {
    border-radius: 30px;
}

.block-test form fieldset .content .navigation div:nth-child(2) .nextF:before {
    content: "Étape suivante";
}

.block-test form fieldset .content .navigation .prevF:after {
    content: "Étape précédente";
}

.block-test form fieldset .content .navigation .prevF {
    display: inline-block;
    font-style: normal;
    font-size: 18px;
    margin-right: 100px;
    float: right;
    color: #fff;
    font-weight: 600;
}

.prevF,
.nextF {
    cursor: pointer !important;
}

.block-test form fieldset .content .navigation div:nth-child(2) .nextF:after,
.block-test form fieldset .content .navigation div:nth-child(2) .send:after {
    padding: 0 0 0 7px;
    content: url(../images/arrow-right.png);
}

.block-test form fieldset .content .navigation .prevF:before {
    padding: 0 7px 0 0;
    content: url(../images/arrow-left.png);
}

.block-test form fieldset:first-child {
    background-color: #B8A5D0;
}

.step-2 {
    background-color: #E8426E;
}

.step-2 .number {
    color: #E8426E!important;
}

.step-3 {
    background-color: #0CB4BD;
}

.step-3 .number {
    color: #0CB4BD!important;
}

.step-4 {
    background-color: #F8AC3B;
}

.step-4 .number {
    color: #F8AC3B!important;
}

.step-5 {
    background-color: #EB605A;
}

.step-5 .number {
    color: #EB605A!important;
}

.step-6 {
    background-color: #37B39B;
}

.step-6 .number {
    color: #37B39B!important;
}

.step-7 {
    background-color: #E1579A;
}

.step-7 .number {
    color: #E1579A!important;
}

.step-8 {
    background-color: #d3d803;
}

.step-8 .number {
    color: #d3d803!important;
}

.step-1 .title-image {
    background-image: url(../images/test0.png);
}

.step-2 .title-image {
    background-image: url(../images/test1.png);
}

.step-3 .title-image {
    background-image: url(../images/test2.png);
}

.step-4 .title-image {
    background-image: url(../images/test3.png);
}

.step-5 .title-image {
    background-image: url(../images/test4.png);
}

.step-6 .title-image {
    background-image: url(../images/test5.png);
}

.step-7 .title-image {
    background-image: url(../images/test6.png);
}

.step-8 .title-image {
    background-image: url(../images/test7.png);
}

.title-image {
    width: 90px;
    height: 133px;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 20px;
    background-position: center;
}

@media(max-width: 768px) {
    .title-image {
        width: 70px;
        height: 112px;
        margin-left: 20px;
    }
}

.heart-icon {
    background-image: url(../images/test0-1.png);
    opacity: 0.3;
    background-repeat: no-repeat;
    height: 383px;
    width: 400px;
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    margin-right: 5px;
    display: none;
}

#resultats .first-row {
    background-color: #f9f7f7;
}

#resultats .first-row h1 {
    font-size: 55px;
    text-decoration: underline;
    text-underline-position: under;
    color: red;
    font-weight: 750;
    letter-spacing: 1px;
    margin-bottom: 50px;
}

@media(max-width: 768px) {
    #resultats .first-row h1 {
        font-size: 30px;
    }
}

#resultats .first-row h4 {
    font-weight: 700 !important;
    color: #000 !important;
    margin-bottom: 10px;
}

#resultats .first-row p {
    margin-bottom: 35px;
}

#resultats .first-row p,
#resultats .second-row p {
    font-size: 18px !important;
}

#resultats .contact-block h3 {
    font-size: 45px;
    text-decoration: underline;
    text-underline-position: under;
    color: #000;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 30px 0px 30px 0px;
}

#resultats .contact-block {
    background-color: #EDE5E4;
}

#resultats .contact-block input {
    width: 500px;
    border-radius: 15px;
    border: none;
    margin: 20px 0px;
}

#resultats .contact-block button {
    width: 197px;
    border-radius: 20px;
    padding: 8px;
    border: 4px solid white;
    background-color: #E6DEDD;
    color: #000;
    font-weight: 750;
    margin-bottom: 35px;
}

.heart-green {
    background: url(../images/heart-check-green.png) no-repeat;
    background-size: 25px;
    background-position: left;
    margin-right: 50px;
}

.heart-red {
    background: url(../images/heart-warning-red.png) no-repeat;
    background-size: 25px;
    background-position: left;
}

.heart-green span {
    color: #00B800;
}

.heart-red span {
    color: red;
}

.guide span {
    margin-left: 35px;
    font-weight: 800;
    font-style: normal;
}

.heart {
    background-repeat: no-repeat;
    height: 32%;
    width: 15%;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 25px;
    margin-bottom: 15px;
}

.heart-check-grey {
    background-image: url(../images/heart-check-grey.png);
}

.heart-warning-grey {
    background-image: url(../images/heart-warning-grey.png);
}

.heart-check-green {
    background-image: url(../images/heart-check-green.png);
}

.heart-warning-red {
    background-image: url(../images/heart-warning-red.png);
}

.row-recomendations,
.row-cards {
    /*margin-top: 100px;*/
    /*margin-bottom: 25px;*/
    padding: 3rem 3rem 5px;
}

.row-recomendations p {
    width: 50%;
    float: left;
    font-size: 18px;
}

.row-recomendations span,
.row-recomendations .result {
    font-weight: 800;
}

.lap-five-six {
    max-width: 70% !important;
}

.resultant-step {
    border: 5px solid #C1C1C1;
    height: 193px;
    margin: 1%;
    border-radius: 0px 0px 30px;
    width: 21% !important;
    position: relative;
    cursor: pointer;
    background-color: #fff;
}

@media(max-width: 1024px) {
    .resultant-step {
        width: 48% !important;
    }
}

@media(max-width: 768px) {
    .resultant-step {
        width: 97% !important;
    }
}

.resultant-step h5 {
    color: #C1C1C1;
    width: 100%;
    padding: 11px;
    font-weight: 800;
}

.voir-conseil {
    font-size: 15px;
    color: #C1C1C1;
    font-weight: 800;
    position: absolute;
    bottom: 46px;
    left: 23px;
}

.row-recomendations p {
    width: 100% !important;
}

.question-conseil {
    margin: 25px 0px;
}

.question-conseil strong {
    color: #e52321;
}

.response {
    font-weight: 700;
}

.recomendations-block {
    display: none;
}

.recomendations-block h4 div {
    font-size: 17px;
    font-weight: 500;
}

.resultant-border-red {
    border-color: red;
    box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.25);
}

.resultant-border-green {
    border-color: #00B800;
    box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 2px 2px 13px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.25);
}

.resultant-title-green {
    color: #00B800 !important;
}

.resultant-title-red {
    color: red !important;
}

.block-test form .breadcrumb {
    width: 100%;
    font-size: 0;
    padding-bottom: 0;
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 10px 0;
}

.block-test form .breadcrumb>div.active {
    color: #fff;
    cursor: pointer;
}

.block-test form .breadcrumb>div:first-child {
    border-left: 1px solid #fff;
    border-radius: 25px 0px 0px 25px;
}

.block-test form .breadcrumb>div:last-child {
    border-right: 1px solid #fff;
    border-radius: 0px 25px 25px 0px;
}

.block-test form .breadcrumb>div {
    cursor: default;
    /*padding: 0px 1.2vw 0px 1vw;*/
    line-height: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff96;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

.block-test form .breadcrumb>div span {
    text-align: center;
    display: inline-block;
    width: 23px;
    height: 23px;
    border: 1px solid;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

.block-test form .breadcrumb>div span.valide {
    display: none;
}

.block-test form .breadcrumb .step-container:first-child .complete {
    border-radius: 25px 0px 0px 25px;
}

.block-test form .breadcrumb .step-container .complete {
    background-color: #79c5cd;
    color: #fff;
    border-radius: 0px;
}

.block-test form .breadcrumb .step-container:last-child .complete {
    border-radius: 0px 25px 25px 0px;
}

.block-test form .errorDiv {
    width: 100%;
    text-align: right;
    display: none;
}

.block-test form fieldset .content .errorDiv .close:before {
    display: none;
    content: url(../images/icon-cross-red1.svg);
    padding-right: 10px;
}

.block-test form fieldset .content .errorDiv p {
    color: #E30613;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    display: inline-block;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.5);
}

.step-container .step-1-breadcrumb,
.step-container .step-2-breadcrumb,
.step-container .step-3-breadcrumb,
.step-container .step-4-breadcrumb,
.step-container .step-5-breadcrumb,
.step-container .step-6-breadcrumb,
.step-container .step-7-breadcrumb,
.step-container .step-8-breadcrumb {
    display: flex;
    padding: 5px 10px;
    margin: 5px 0;
}

.step-container .step-1-breadcrumb {
    margin-left: 5px;
}

@media(max-width: 1000px) {
    .step-container .text {
        display: none;
    }
}

.step-container .step-8-breadcrumb {
    margin-right: 5px;
}

.livres-container.brochures-banner-container {
    background-color: #8fc7a0;
}

.brochures-banner-container a {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    margin-top: 10px;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 5px 10px;
}


/* Hide scrollbar for Chrome, Safari and Opera */

.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}


/* Hide scrollbar for IE, Edge add Firefox */

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
    /* Firefox */
}

.checkbox-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
}

.checkbox-row input {
    min-width: 25px;
    min-height: 25px;
}

.evoau_manager_event_rows {
    max-width: 1200px;
    margin: 0 auto;
}


/*EVENT*/

#mon-espace #main .evo_page_body {
    margin-top: -100px!important;
}

#evcal_head.calendar_header p {
    color: #371aba!important;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
}

#evcal_list .evcal_desc.evo_info .evcal_event_title,
#evcal_list .evcal_desc.evo_info .evcal_event_subtitle {
    color: #51bac4!important;
    font-size: 18px;
    font-weight: 700;
}

#evcal_list .evcal_desc.evo_info .evcal_desc_info em {
    margin: 8px 0;
    color: #656565;
    font-size: 14px;
}

#evcal_list .desc_trig_outter a {
    border-color: #53bac4!important;
}

.evcal_evdata_row .evcal_evdata_cell h2,
.evcal_evdata_row .evcal_evdata_cell h3,
.evorow .evo_clik_row h3,
.evcal_evdata_row .evcal_evdata_cell h3 a {
    color: #51bac4!important;
}

.evo_metarow_ICS .evcal_evdata_cell p a,
.evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell p a {
    color: #371aba!important;
}

#eventon_comments h2.comments-title,
#respond #reply-title {
    color: #371aba!important;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
}

#commentform p label {
    font-size: 14px;
    color: #656565;
}

#eventon_comments .reply a,
#respond .form-submit input.submit {
    border-radius: 30px;
    background-color: #fff!important;
    border: 2px solid #602878;
    color: #602878;
    font-size: 14px;
    padding: 5px 15px;
    text-decoration: none;
    font-weight: 600;
}

#eventon_comments .reply a:hover,
#respond .form-submit input.submit:hover {
    background-color: #602878!important;
    color: #fff;
}

#commentform p input,
#commentform textarea#comment {
    border: 1px solid #53bac4;
}

#evcal_list .evorow.getdirections,
.evo_pop_body .evorow.getdirections {
    border: 1px solid #54bac4!important;
}

.evcal_cblock .evo_end {
    margin-top: 0px!important;
}

.evcal_evdata_row,
.evcal_evdata_row.evorow_2b .evorow_b {
    background-color: #f2f8f9!important;
}

#evcal_list .evcal_event_details .evcal_evdata_cell.shorter_desc .eventon_desc_in:after {
    background: linear-gradient(to top, #f2f8f9 20%, #f2f8f926 80%);
}

#div-comment-1 footer {
    background-color: #f2f8f9!important;
    padding: 20px;
    border-radius: 8px;
}

#div-comment-1 footer>div:first-of-type {
    border-bottom: 1px solid #54bac4;
}

p.eventon_shad_p .evcal_btn.evo_btn_secondary.evobtn_details_show_more {
    background: #53bac4!important;
}

.evcal_evdata_row .evcal_evdata_icons i,
.evcal_evdata_row .evcal_evdata_custometa_icons i {
    color: #54bac4!important;
}

.comment-meta .comment-author .fn {
    font-size: 20px;
    color: #54bac4;
    font-weight: 600;
}

.breadcrumb_last {
    /*font-size: 13px;
    color: #371aba;
	font-weight: 700;*/
}

.slider-text-container {
    text-shadow: 1px 1px 8px #0000009e;
    z-index: 2;
}


/*MINISITE*/

.minisite-event-item-content {
    padding: 0px 10px 10px 10px!important;
}

.minisite-event-item {
    border: 0px solid #e52321!important;
    box-shadow: none!important;
}

.minisite-event-item-content-title {
    text-transform: uppercase;
}

.minisite-event-item-image {
    max-width: 250px;
    min-height: 175px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0 0 80px 0;
}

.minisite-event-item-image img {
    border-radius: 0 0 80px 0;
}

.minisite-event-item-content-anchor {
    font-size: 16px;
}

.btnHovef:hover {
    text-decoration: none;
    opacity: 1;
    background-color: #3d3d3d;
    color: #fff;
}