/*
* Général
*/
.ccn-form .page-container{
        margin-top: 15px;
}
.ccn-form#agenda-form {
        background-color: #eee;
}
.ccn-form #bandeau-entete .entry-title {
        padding: 25px 35px;
        margin-top: 50px;
        background: #fff;
        border-radius: 5px;
}
.acf-field-true-false {
        display:flex;
        column-gap:10px;
}
.acf-label {
        order:2;
}
.acf-input {
        order:1;
        position:relative;
        top:-1px;
}
.acf-field-group .acf-field-group {
        
}

/*
* Colonne de gauche
*/
.ccn-form .main-col{
        padding-right: 40px;
        background: #fff;
        padding: 25px 35px;
        border-radius: 5px;
}
.ccn-form h1.entry-title{
        position: relative;
        font-size: 2.2em;
        margin-bottom: 27px;
        padding-bottom: 5px;
}
.ccn-form .acf-fields.-border{
        border: none;
}

/*
* Met le champ date de l'événement en deuxième pour le formulaire "Créer un événement"
*/
.ccn-form .main-col .acf-fields{
        display: grid;
        border-radius: 5px;
}
.ccn-form .main-col .acf-field-62c30e1eeb44b{
        grid-row: 2;
        margin-top: 20px;
}

/*
* Champ date de l'événement
*/
.ccn-form .acf-field-62c30e1eeb44b .acf-fields{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 10px;
        border: 0;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-fields > .acf-field{
        display: block;
        margin-bottom: 0;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-actions{
        margin-top: 0;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-fields.-left > .acf-field {
        padding: 0;
        border: 0;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-fields.-left > .acf-field::before{
        width: 70px;
        background-color: rgba(0,0,0,0);
        border: 0;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-fields.-left > .acf-field > .acf-label{
        width: fit-content;
        padding: 0;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-fields.-left > .acf-field:first-child > .acf-label{
        padding-left: 0;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-fields.-left > .acf-field > .acf-input{
        width: 100%;
        padding: 0;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-repeater tbody > .acf-row .acf-label{
        display: none;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-repeater tbody > .acf-row:first-of-type .acf-label{
        display: flex;
        align-items: center;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-repeater tbody > .acf-row:first-of-type .acf-label label{
        font-weight: normal;
        font-size: .8em;
        margin-right: 5px;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-repeater .acf-row{
        display: flex;
        position: relative;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-repeater tbody > .acf-row:first-of-type .acf-icon.-minus{
        display: none;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-table{
        border: 0;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-repeater .acf-row-handle.order{
        display: none;
        border-width: 0px;
        text-shadow: none;
        border: 0 !important;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-repeater .acf-row-handle{
        position: absolute;
        top: 40%;
        right: -20px;
        transform: translate(0, -50%);
}
.ccn-form .acf-field-62c30e1eeb44b .acf-repeater > table{
        background: none;
        /* border: 2px solid rgba(0,0,0,.2); */
        border-radius: 5px;
        /* padding: 10px 15px; */
        display: inline-block;
        width: 100%;
        margin-bottom: 0;
}

/*
* Bouton d'action de droite des repeaters
*/
.ccn-form .acf-field-62c30e1eeb44b .acf-repeater .acf-row:hover > .acf-row-handle .acf-icon.-plus{
        display: none;
}
.ccn-form .acf-field-62c30e1eeb44b .acf-repeater .acf-row > .acf-row-handle .acf-icon.-minus{
        display: block;
        top: 45%;
        margin: -8px 0 0 5px;
}


/*
* Colonne de droite
*/
.ccn-form .right-col{
        position: relative;
}
.ccn-form .right-col .acf-form-submit{
        bottom: calc(100% + 15px );
        left: 0;
        width: 100%;
        margin-bottom: 32px;
        font-family: 'Faro';
}
.ccn-form #bandeau-entete .container{
        padding: 0;
        padding-bottom: 20px;
}
.ccn-form #profil-content{
        padding: 0;
        margin-bottom: 70px;
}
#profil .modal .acf-fields > .acf-field,
.ccn-form .acf-fields > .acf-field{
        padding: 0;
        margin-bottom: 25px;
        border: none;
}
.ccn-form .acf-fields > .acf-field:last-child{
        margin-bottom: 0;
}
.ccn-form .acf-field .acf-label{
        margin: 0 0 3px;
}
#profil .modal .acf-label .description,
.ccn-form .acf-label .description{
        font-size: .7em
}
/* .ccn-form .acf-repeater .acf-label .description{
        display: none;
} */
#profil .modal .acf-field .acf-label label,
#profil .modal .layout > div ,
#profil .modal .form-container .form-fields-container label,
.ccn-form .acf-field .acf-label label,
.ccn-form .form-container .form-fields-container label{
        margin: 0;
        font-size: .9em;
        font-family: 'Faro';
        font-weight:bold;
        text-transform: uppercase;
}
.ccn-form .right-col .acf-form-submit input{
        text-transform: uppercase;
}
#profil .modal .acf-repeater .acf-button,
#profil .modal .acf-gallery-toolbar .acf-button,
.ccn-form .acf-repeater .acf-button{
        display: inline-block;
        border-radius: 4px;
        padding: 0px 10px;
        font-family: Faro;
        font-weight: bold;
        border: solid 2px var(--current-page-color);
        background: transparent;
        position: relative;
        transition: all .2s;
        font-size: 14px;
}
#profil .modal .acf-repeater .acf-button:hover,
.ccn-form .acf-repeater .acf-button:hover {
        background: var(--current-page-color);
        color: var(--current-page-color-inverse);
}
.ccn-form .acf-repeater .acf-row-handle.remove{
        background: rgba(0,0,0,0);
        border: 0;
        padding: 0;
}
.ccn-form .acf-image-uploader label{
        width: 100%;
}
.ccn-form .acf-checkbox-list li label{
        cursor: pointer;
}
.ccn-form ul.acf-radio-list {
        display: flex;
}
.ccn-form ul.acf-radio-list li {
        margin-right: 15px;
} 
.ccn-form ul.acf-radio-list label input {
        display: none;
}
.ccn-form ul.acf-radio-list label {
        padding: 1px 10px;
        padding-left: 28px;
        background-color: var(--main-color);
        color: #fff;
        display: inline-block !important;
        border: 2px solid var(--main-color);
        background-color: #fff;
        color: var(--main-color);
        border-radius: 5px;
        cursor: pointer;
        transition: .1s;
        user-select: none;
        position: relative;
        text-transform: uppercase;
        font-family:Faro;
}
.ccn-form ul.acf-radio-list label.selected {
        background-color: var(--main-color);
        color: #fff;
        transition: .1s;
        width: 100%;
}
.ccn-form ul.acf-radio-list label::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: 10px;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background-color: #fff;
        border: 2px solid var(--main-color);
}

.ccn-form ul.acf-radio-list label.selected::before {
        border: 3px solid #fff;
        background-color: var(--main-color);
        width: 11px;
        height: 11px;
}
.ccn-form .acf-google-map .canvas {
        height: 320px !important;
}
.ccn-form .acf-fields > .acf-field.acf-field-62b17b0abf21d{
        margin-bottom: 0;
}
/*
* Field input
*/
#profil .modal .acf-fields .acf-input > .acf-editor-wrap .wp-editor-container,
.ccn-form .select2-container--default .select2-selection--multiple,
#profil .modal .select2-container--default .select2-selection--multiple,
.ccn-form .select2-container--default.select2-container--focus .select2-selection--multiple,
#profil .modal  .select2-container--default.select2-container--focus .select2-selection--multiple,
.ccn-form .acf-image-uploader input,
#profil .modal .acf-image-uploader input,
.ccn-form .acf-form-fields .acf-field select,
#profil .modal .acf-form-fields .acf-field select,
.ccn-form .acf-form-fields .acf-field .acf-input > textarea,
#profil .modal  .acf-form-fields .acf-field .acf-input > textarea,
.ccn-form .acf-form-fields .acf-field .acf-input-wrap > input,
#profil .modal  .acf-form-fields .acf-field .acf-input-wrap > input,
.ccn-form .acf-form-fields .select2-container--default .select2-selection--single,
#profil .modal  .acf-form-fields .select2-container--default .select2-selection--single,
.ccn-form .form-container .form-fields-container input,
#profil .modal .form-container .form-fields-container input{
        border-radius: 5px;
        box-shadow: none;
        border: 2px solid rgba(0,0,0,.2);;
        background: rgba(0,0,0,0);
        padding: 5px 10px;
        min-height: 32px;
        width: 100%;
        font-size: .9em;
        outline: 0 !important;
}

.acf-form-fields .select2-container--default .select2-selection{
        padding: 1px 10px 0px 10px !important;
}
.acf-form-fields .select2-container.-acf .select2-selection{
        border-color: rgba(0,0,0,.15);
        /* padding: 5px 15px; */
}
.acf-form-fields .select2-container .select2-search--inline .select2-search__field{
        margin-top: 1px;
}
.acf-form-fields .select2-container.-acf .select2-selection--multiple .select2-selection__choice {
        background: var(--main-color);
        color: #fff;
        border:none;
        font-family:Faro;
}
.acf-form-fields .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color:#fff;
        margin-right:4px;
}
body .select2-dropdown {
        border:solid 2px !important;
        border-color: #d9d9d9 !important;
        background:var(--light-bg-color);
}
body .select2-dropdown .select2-results__option {
        font-size:.8rem;
        padding-left:20px;
}
body .select2-container--default .select2-results .select2-results__option--highlighted[aria-selected] {
        background-color: #555 !important;
}
body li.select2-search.select2-search--inline.ui-sortable-handle {
        padding: 5px 7px 0;
}

#profil .modal .acf-image-uploader input,
.ccn-form .acf-image-uploader input{
        padding: 1px 2px;
}
#profil .modal .acf-form-fields .acf-field .acf-input-wrap > input:focus-visible,
.ccn-form .acf-form-fields .acf-field .acf-input-wrap > input:focus-visible {
        box-shadow: none;
        outline: none;
        border-color: var(--current-page-color);
}


/*
* Bouton Submit
*/

.ccn-form .acf-form-submit{
        display: flex;
        justify-content: center;
        margin-top: 20px;
        background: #fff;
}
#profil .acf-form-submit .acf-button,
.ccn-form .acf-form-submit .acf-button{
        border: 0;
        width: 100%;
        padding: 5px 0;
        border-radius: 5px;
        background-color: var(--current-page-color);
        color: var(--current-page-color-inverse);
        transition: .05s;
        font-family: 'Faro';
        text-transform: uppercase;
        border: 2px solid var(--main-color);
        text-align: center;
}
#profil .acf-form-submit .acf-button{
        background-color: var(--main-color);      
}
#profil .acf-form-submit .acf-button:hover,
.ccn-form .acf-form-submit .acf-button:hover{
        background-color: #fff;
        color: var(--main-color);
}
#profil .fields-group-container,
.ccn-form .fields-group-container {
        border-radius: 5px;
        margin-bottom: 15px;
        padding: 25px 30px;
        background-color: #fff;
}

.ccn-form .fields-group-container .acf-fields > .acf-field:last-of-type,
.ccn-form .fields-group-container .acf-fields :nth-last-child(2) {
        margin-bottom: 0;
}

/*
* Form one col
*/
.ccn-form.form-one-col{
        background-color: var(--light-bg-color);
}
.ccn-form.form-one-col .main-col{
        padding: 0;
        max-width: 850px;
        margin: 60px auto;
        border-radius: 5px;
        background: transparent;
}

.ccn-form.add-profil-page .acf-form-submit .ccn-btn{
        background-color: var(--current-page-color);
        color: var(--current-page-color-inverse);
        margin-right: 0;
        text-transform: uppercase;
        font-size: .9rem;
        padding-top: 4px;
        padding-bottom: 1px;
}

.ccn-form.add-profil-page .acf-form-submit .ccn-btn-left {
        opacity:.5;
}
.ccn-form.add-profil-page .acf-form-submit .ccn-btn .ccn-btn-icn{
        top:1px;
}
.ccn-form.add-profil-page .acf-form-submit svg path{
        fill: var(--current-page-color-inverse);
}
.ccn-form.add-profil-page .acf-form-submit .ccn-btn:hover{
        background-color: var(--current-page-color-inverse);
        color: var(--current-page-color);
}
.ccn-form.add-profil-page .acf-form-submit .ccn-btn:hover svg path{
        fill: var(--current-page-color);
}
.ccn-form.form-one-col .acf-form-submit{
        justify-content: space-between;
        position: relative;
        /*border-top:  2px solid rgba(0,0,0,.2);*/
}
.ccn-form.form-one-col .form-container{
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: relative;
        border-radius: 5px;
        background-color: #fff;
        padding: 50px 50px 25px 50px;
        border-top: 0;
        z-index: 3;
}
.ccn-form.form-one-col .header-form {
        padding: 30px 50px;
        background-color: #fff;
        margin-bottom: 20px;
        border-radius: 5px;
}
.ccn-form.form-one-col #add-profil-step {
        width: 100%;
        background-color: #fff;
}
.ccn-form.form-one-col .main-col .form-container .acf-fields {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 30px;
}
.ccn-form.form-one-col .form-container .acf-fields .acf-field{
        grid-column: 1/3;
        width: 100%;
}
.ccn-form.form-one-col .form-container .acf-field[data-name=reseaux_sociaux] > .acf-input > .acf-fields {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
}
.ccn-form.form-one-col .form-container .acf-field[data-name=reseaux_sociaux] > .acf-input > .acf-fields > .acf-field {
        grid-column:initial;
}
.ccn-form.form-one-col .form-container .acf-field[data-name=reseaux_sociaux] > .acf-input > .acf-fields > .acf-field .acf-label label {
        font-weight:normal;
}
.ccn-form.form-one-col .acf-form-submit .acf-spinner {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 160px;
}
.ccn-form.form-one-col .acf-image-uploader .image-wrap img {
        width: 80px;
}
.ccn-form.form-one-col .acf-field-button-group .acf-button-group label {
        border: 1px solid rgba(0,0,0,.3);
        cursor: pointer;
}
.ccn-form.form-one-col .acf-field-button-group .acf-button-group label.selected {
        border: 1px solid var(--current-page-color);
        background: var(--current-page-color);
}
.ccn-form.form-one-col .acf-field-button-group .acf-button-group label:hover{
        color: var(--current-page-color);
}
.ccn-form.form-one-col .acf-field-button-group .acf-button-group label.selected:hover{
        color: var(--current-page-color-inverse);
}
.ccn-form.form-one-col .acf-google-map {
        border-radius: 5px;
}
.ccn-form.form-one-col .acf-google-map .title .search {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
}
.ccn-form.form-one-col .acf-google-map .canvas {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
}
.ccn-form.form-one-col .form-fields-container {
        margin-bottom: 20px;
}
.ccn-form .form-container .form-fields-container label{
        font-size: 1em;
}
.ccn-form.form-one-col .form-container form {
        width: 100%;
}
      
/*
* Barre d'étape formulaire
*/
.ccn-form .steps-bar-container{
        margin-top: 30px;
        /* margin-bottom: 40px; */
        position: relative;
        display: flex;
        justify-content: center;
}
.ccn-form .steps-bar-container .item-steps-bar{
        display: flex;
        justify-content: start;
        align-items: start;
        position: relative;
        column-gap: 43px;
        width: 100%;
}
.ccn-form  .item-steps-bar .container-step-circle{
        display: flex;
        justify-content: center;
        align-items: center;
}
.ccn-form .item-steps-bar.steps-text{
        width: 100%;
}
.ccn-form .item-steps-bar .container-step-circle {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: relative;
        flex-shrink: 0;
        flex-grow: 1;
        flex-basis: 0;
}
.ccn-form .item-steps-bar .container-step-circle::before {
        content: '';
        position: absolute;
        top: 20px;
        left: 0;
        right: -25px;
        height: 4px;
        background: rgba(0,0,0,.15);
        transform: translateX(50%);
        z-index: 4;
}
.ccn-form .item-steps-bar .container-step-circle:last-child:before {
        display: none;
}   
.ccn-form .item-steps-bar .container-step-circle.step-passed::before {
        background: var(--main-color);
}
.ccn-form .item-steps-bar .step-circle{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 46px;
        height: 46px;
        font-size: 24px;
        font-family: 'Faro';
        font-weight: bolder;
        color: rgba(0,0,0,.15);
        background-color: #fff;
        border: 4px solid rgba(0,0,0,.15);
        text-align: center;
        border-radius: 100%;
        z-index: 5;
}
.ccn-form .item-steps-bar .step-circle.current-step,
.ccn-form .item-steps-bar .step-circle.step-passed{
        color: #fff;
        background-color: var(--main-color);
        border-color: var(--main-color);
}
.ccn-form .item-steps-bar .step-text.current-step{
        color: var(--main-color);
        font-weight: bolder;
}
.ccn-form .item-steps-bar .step-text.step-passed{
        color: var(--main-color);
        font-weight: normal;
}
.ccn-form .item-steps-bar .step-text {
        margin-top: 8px;
        text-align: center;
        color: #d0d0d0;
        display: block;
        line-height: 1.2;
        font-size: 1em;
        font-family: 'Faro';
}
.ccn-form .item-steps-bar .container-step-circle .full-size-link{
        display: none;
}
.ccn-form .item-steps-bar .container-step-circle.current-step .full-size-link,
.ccn-form .item-steps-bar .container-step-circle.step-passed .full-size-link{
        display: block;
        z-index: 6;
}

/*
* Onglet de champs
*/
.ccn-form.form-one-col .acf-field-63244cf5ca375 > .acf-input {
        border: 2px solid rgba(0,0,0,.2);
        border-radius: 5px;
}
.ccn-form.form-one-col .acf-field-group > .acf-label > label {
        text-transform: uppercase;
}
.ccn-form.form-one-col .acf-fields.-top.-border.-sidebar {
        display: block;
        border-radius: 5px;
}
.ccn-form.form-one-col .acf-fields.-top.-border.-sidebar .acf-field {
        padding: 5px 20px;
        padding-left: 50px;
        margin: 0;
}
.ccn-form.form-one-col .acf-fields.-top.-border.-sidebar .acf-label label{
        font-weight: normal;
}
.ccn-form.form-one-col .acf-fields > .acf-tab-wrap {
        background: none;
}
.ccn-form.form-one-col .acf-fields.-sidebar::before{
        background: none;
}
.ccn-form.form-one-col .acf-tab-wrap.-left > .acf-tab-group > li > .acf-tab-button {
        background: var(--main-color);
        color: #fff;
        border-color: rgba(0,0,0,.15);;
}
.ccn-form.form-one-col .acf-tab-wrap.-left .acf-tab-group li:first-child .acf-tab-button {
        border-top-left-radius: 5px;
}
.ccn-form.form-one-col .acf-tab-wrap.-left .acf-tab-group li:last-child .acf-tab-button {
        border-bottom-left-radius: 5px;
}
.ccn-form.form-one-col .acf-tab-wrap.-left .acf-tab-group li.active .acf-tab-button {
        background:#fff;
        color: var(--main-color);
        margin-right: 0px;
}
.ccn-form.form-one-col .acf-tab-wrap.-left .acf-tab-group li .acf-tab-button:hover {
        color: var(--main-color);
        background-color: #fff;
}

/*
* Toggler
*/
.ccn-form.form-one-col .acf-accordion .acf-accordion-title {
        font-size: 1em;
        margin-bottom: 5px;
}
      
.ccn-form.form-one-col .acf-field.acf-accordion .acf-input.acf-accordion-content {
        padding: 20px;
        border: 0;
        border-top: 1px solid rgba(0,0,0,.3);
}
      
.ccn-form.form-one-col .acf-accordion .acf-accordion-title label {
        font-size: 12px;
}
.ccn-form.form-one-col .acf-field.acf-accordion .acf-label{
        margin: 0;
}

.ccn-form.form-one-col .acf-field.acf-accordion .acf-label.acf-accordion-title {
        border-radius: 0;
        margin: 0;
}

.ccn-form.form-one-col .acf-field.acf-accordion .acf-accordion-title label{
        cursor: pointer;
        font-size: .9em;
}
      
.ccn-form.form-one-col .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields {
        border: 0;
}
.ccn-form.form-one-col .acf-accordion.acf-field {
        border: 2px solid rgba(0,0,0,.2);
        border-radius: 5px;
        margin-bottom: 10px;
}
.ccn-form.form-one-col .acf-accordion .acf-accordion-title:hover{
        background-color: rgba(0,0,0,.15);
}
.ccn-form.form-one-col .acf-accordion-content .acf-fields .acf-field label {
        font-weight: normal;
        font-size: .8em;
}
.ccn-form.form-one-col .acf-accordion-content .acf-fields.-top.-border > .acf-field{
        border: 1px solid rgba(0,0,0,.3);
        border-radius: 5px;
        margin: 0;
        margin-bottom: 10px;
        padding: 10px 0;
        padding-left: 20px;
}

/*
* Step 1
*/
.ccn-form.form-one-col .profil-type{
        display: flex;
        width: 100%;
        justify-content: space-around;
        align-items: center;
}
.ccn-form .text-or{
        position: absolute;
        top: 50% ;
        left: 50%;
        transform: translate(-50%, -50%);
        text-transform: uppercase;
        font-size: 32px;
        font-weight: bolder;
        color: var(--main-color);
        font-family: 'Faro';
}
.ccn-form .card-profil-type{
        width: 225px;
        height: 225px;
        border: 4px solid var(--main-color);
        position: relative;
        transition: .1s;
}

.ccn-form .card-profil-type:hover{
        border-color: var(--profil-color);
        transition: .1s;
}

.ccn-form .card-profil-type .card-icon-container{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 77%;
        background-image: url(../img/stripes.php?color=0d1629);
        background-size: 550px;
        background-repeat: no-repeat;
        transition: .1s;
}
.ccn-form .card-profil-type:hover .card-icon-container{
        background-image: url(../img/stripes.php?color=00acc3);
        transition: .1s;
}

.ccn-form .card-profil-type .card-icon-container svg{
        width: 140px;
        background-color: #fff;
        padding: 15px 25px;
}
.ccn-form .card-profil-type .card-icon-container svg path{
        fill: var(--main-color);
}
.ccn-form .card-profil-type:hover .card-icon-container svg path{
        fill:  var(--profil-color);
}
.ccn-form .card-profil-type .card-text-container{
        width: 100%;
        height: 23%;
        background-color: var(--main-color);
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-family: 'Faro';
        transition: .1s;
        user-select: none;
}
.ccn-form .card-profil-type .card-text-container:after{
        content: '';
        position: absolute;
        bottom: -4px;
        right: -4px;
        width: 20px;
        height: 20px;
        background: url(../img/white-corner.svg) no-repeat;
        background-size: auto;
        background-size: contain;
}
.ccn-form .card-profil-type .card-text-container span{
        display: block;
}
.ccn-form .card-profil-type .card-text-container > span:first-of-type{
        font-size: .9em;
        font-weight: 100;
        line-height: 1.1;
}
.ccn-form .card-profil-type .card-text-container > span:last-of-type{
        font-size: 1.1em;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
}
.ccn-form .card-profil-type .card-text-container > small{
        font-size: 0.7em;
        font-weight: 600;
        line-height: 1.2;
}
.ccn-form .card-profil-type:hover .card-text-container{
        background-color: var(--profil-color);
        transition: .1s;
}


/*
* Step 3 - Acteur
*/

/* .ccn-form.form-one-col .form-container.form-acteurs.form-step-3 .acf-form > .acf-fields > .acf-field:first-of-type > .acf-label, */
/*.ccn-form.form-one-col .form-container.form-acteurs.form-step-4 .acf-form > .acf-fields .acf-field-6304c6cef46ab > .acf-label,
.ccn-form.form-one-col .form-container.form-acteurs.form-step-4 .acf-form > .acf-fields > .acf-field:first-of-type > .acf-label{
        display: none;
}*/

.ccn-form.form-one-col .acf-fields > .acf-tab-wrap .acf-tab-group li a {
        border-radius: 5px;
        border: 1px solid #ccd0d4;
        background: #fff;
        font-size: 0.8em;
        font-family: 'Faro';
}

.ccn-form .acf-fields.-top.-border{
        display: block;
}

.ccn-form.form-one-col .acf-field-63244cf5ca375 .acf-input{
        border: 0;
}
.ccn-form.form-one-col .acf-hl > li {
        float: none;
        margin: 0;
}
      
.ccn-form.form-one-col .acf-hl.acf-tab-group {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        justify-content: center;
        align-items: center;
        padding: 20px;
        grid-gap: 0.7em;
}
      
.ccn-form.form-one-col .acf-hl.acf-tab-group {
        padding: 0;
}

.ccn-form.form-one-col .acf-hl::before{
        display: none;
}
      
.ccn-form.form-one-col .acf-fields > .acf-tab-wrap:first-child .acf-tab-group {
        border-bottom: 0;
}
      
      
.ccn-form.form-one-col .acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
        background-color: var(--current-page-color);
        color: #fff;
        border-color: var(--current-page-color);
}

/*
* Step 1 - Lieu
*/

.ccn-form.form-one-col .acf-field-6324507c58f0c > .acf-label{
        display: none;
}
/*
* Step 4 - Lieu
*/
.ccn-form.form-one-col .acf-field-6304cd5c772ac > .acf-label{
        display: none;
}

/*
* Lost password
*/
.ccn-form.lost-password-page .form-container{
        flex-direction: column;
        align-items: start;
}
.ccn-form.lost-password-page .acf-notice.-error{
        width: 100%;
}
.ccn-form.lost-password-page{
        margin-bottom: 0 !important;
}
.ccn-form.lost-password-page h2{
        font-size: 2.2em;
}
.ccn-form .form-fields-container .description {
        font-size: .9em;
}
.ccn-form .field-container {
        margin-bottom: 10px;
}
.ccn-form .acf-field-631b3d0530d32 .acf-fields > .acf-field {
        margin-bottom: 10px !important;
}
.ccn-form .acf-field-631b3d0530d32 .acf-fields > .acf-field:last-of-type {
        margin-bottom: 0 !important;
}

/*
* Admin profil
*/
#profil .acf-form-submit{
        display: flex;
        justify-content: center;
        margin-top: 20px;
        background: #fff; 
}
#profil .modal-body{
        background: #fff;
        padding: 25px 35px;
        border-radius: 5px;
}
#profil .modal-content{
        border-radius: 5px;
}
#profil .modal .acf-gallery-toolbar .acf-button,
#profil .modal .acf-repeater .acf-button{
        color: var(--main-color);
        border-color: var(--main-color) ;
}
#profil .modal .acf-fields.-border,
#profil .modal .acf-flexible-content .layout{
        border: none;
}
#profil .modal .acf-field .acf-label{
        padding: 0;
        margin: 0;
}
#profil .modal .acf-field .acf-label label,
#profil .modal .layout > div {
        color: var(--main-color);
        display: block;
        font-weight: bold;
        padding: 0;
}
#profil .modal .acf-selection{
        font-size: 0.9em;
}
#profil .modal .acf-field-62addc272b489 .acf-input{
        font-weight: normal;
        font-size: 0.9em;
}
#profil .modal .acf-field-6304cd5c772ac > .acf-label,
#profil .modal .acf-field-6304c6cef46ab > .acf-label
{
        display: none;
}
#profil .modal .acf-gallery{
        border: 2px solid rgba(0,0,0,.2);
}
#profil .modal .layout .acf-field-6304ed6696be7 .acf-field-file,
#profil .modal .layout .acf-field-6304ed6696be7 .acf-field-text{
        padding: 10px;
}
#profil .field-container{
        position: relative;
}
#profil .field-container .field-container-hover{
        opacity: 0;
        transition: opacity .5s;
        position: absolute;
        background: rgba(255, 193, 98, .75);
        left:0;
        top:0;
        right:0;
        bottom:0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        z-index: 10;
}
#profil .field-container .field-container-hover.force-visible {
        opacity:1;
}
#profil .field-container .profil-content-block + .field-container-hover {
        right:10px;
}
#profil .field-container:hover .field-container-hover{
        cursor: pointer;
        opacity: 1;
}
#profil .field-container .field-container-hover span{
         color: var(--main-color); 
        font-weight: bold;
        font-size: 18px;
}
#profil .field-container .field-container-hover svg{
        width: 40px;
        height: 40px;
        margin-right:10px;
}
#profil .field-container .field-container-hover svg path{
        fill: var(--main-color);
}
#profil #bandeau-entete .field-container .field-container-hover .container {
        position:absolute;
        bottom:0;
}
#profil #bandeau-entete .field-container .field-container-hover .container:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 149px;
        width: 730px;
        background-color: rgba(255, 193, 98, .75);
}
#profil .field-container .galerie + .field-container-hover,
#profil .field-container .map-block + .field-container-hover {
        top: 44px;
}
#profil h1.entry-title .field-container{
        display: inline-block;
}
#profil .profil-edit-icon{
        position: absolute;
        top: -2px;
        right: -30px;
        cursor: pointer;
}
#profil .profil-edit-icon svg{
        width: 20px;
        height: 20px;
        z-index: 11;
}
#profil .modal-dialog {
        max-width: 820px;
}

/** Ajsutement des boutons edit pour certains conteneur ***/
#profil #bandeau-entete  >  .profil-edit-icon{
        right: 25px;
        top: 25px;
}
#profil .profil-image .profil-edit-icon{
        right: -20px;
        top: -25px;
}
#profil .media-container .profil-edit-icon{
        top: -6px;
        right: -20px;
}
/** Hack pour la search box de la google map dans un modal**/
.pac-container {
        background-color: #FFF;
        z-index: 1060;
        position: fixed;
        display: inline-block;
}


#help-popup {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .8);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index:999;
        opacity:0;
}

#help-popup #help-popup-inner {
        color: var(--annuaire-color);
        font-size: 20px;
        max-width: 720px;
        text-align: center;
        font-family: 'Faro';
        font-weight: 900;
        position:relative;
        z-index:1;
}
#help-popup #help-popup-inner p {
        opacity:0;
}
#help-popup #help-popup-inner p.bigger {
        font-size:1.2em;
}
#help-popup #help-cursor {
        color: #fff;
        font-size: 34px;
        position: fixed;
        top: 100px;
        left: 100px;
        transition: all .8s ease-in-out;
        z-index:0;
        opacity:0;
}





/*
 * Barre administrateur
 */
#wpadminbar .quicklinks .menupop ul li .ab-item,
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions>li{
        margin-left: 0;
}
#wpadminbar .quicklinks .menupop ul li .ab-item{
        min-width:auto !important;
}