.single-appel-a-projets {
    .call_project_infos_wrapper {
        .perimetres_name {
            &>p {
                margin: 0;
            }
        }

        h4 {
            margin: 5px 0 15px 0;
        }

        .call_project_content {
            background: var(--white);
            padding: 20px;
            border-radius: var(--border-radius);
            box-shadow: var(--box-shadow);

            .info_item {
                display: flex;
                gap: 10px;
                align-items: center;
                padding-bottom: 15px;

                * {
                    margin: 0;
                    font-size: 13px !important;
                    display: flex;
                    align-items: center;
                    gap: 5px;
                }

                span {
                    font-weight: var(--bold);
                    color: var(--dark-blue);
                }
            }

            .teaser__infos {
                .thematiques {
                    display: flex;
                    align-items: center;
                    gap: 20px;
                    margin-bottom: 20px;

                    .thematiques__list {
                        display: flex;
                        gap: 20px;
                        flex-wrap: wrap;

                        .thematique {
                            display: flex;
                            align-items: center;
                            gap: 20px;
                        }
                    }

                    &>p {
                        margin: 0;
                    }

                    .icon_thematique {
                        background-color: var(--dark-blue);
                        border-radius: 100px;
                        position: relative;
                        width: 40px;
                        height: 40px;
                        padding: 8px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-shrink: 0;

                        img {
                            object-fit: contain;
                            width: 100%;
                            height: 100%;
                            filter: brightness(100) grayscale(1) contrast(100);
                        }

                        &:after {
                            content: '';
                            border: 2px solid var(--dark-blue);
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            width: 130%;
                            height: 130%;
                            transform: translate(-50%, -50%);
                            border-radius: 100px;
                        }
                    }
                }
            }
        }
    }
}

.single-post {
    .event_infos_wrapper {
        .event_content {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
    }

    * img:not(svg) {
        border-radius: var(--border-radius) !important;
    }
}

.single-evenement,
.single-post,
.single-appel-a-projets {
    .event_infos {
        padding-top: 50px !important;

        &>.container {
            &>.bouton {
                margin-bottom: 30px;

                &:not(:hover) {
                    background-color: var(--dark-blue) !important;
                }

                &.has-picto {
                    &:before {
                        background-image: url('../img/contact_icon.svg') !important;
                    }
                }
            }

            .event_infos_wrapper {
                display: flex;
                gap: 10px;
                align-items: stretch;
                flex-direction: column;

                @media (min-width: 992px) {
                    flex-direction: row;
                    gap: 30px;
                }

                >* {
                    flex: 1;
                }

                .img_event {
                    border-radius: var(--border-radius);

                    img {
                        object-fit: cover;
                        border-radius: var(--border-radius);
                    }
                }

                .event_content {
                    background: var(--white);
                    padding: 20px;
                    border-radius: var(--border-radius);
                    box-shadow: var(--box-shadow);

                    .teaser__infos {
                        .wrapper_infos {
                            .info_item {
                                display: flex;
                                gap: 10px;
                                align-items: center;
                                padding-bottom: 15px;

                                img {
                                    width: 25px;
                                    height: 25px;
                                    object-fit: contain;
                                }

                                .info_infos {
                                    display: flex;
                                    align-items: center;
                                    gap: 5px;
                                    flex-direction: row;
                                    width: 100%;
                                    flex-wrap: wrap;

                                    * {
                                        margin: 0;
                                        font-size: 13px !important;
                                        display: flex;
                                        align-items: center;
                                        gap: 5px;
                                    }

                                    span {
                                        font-weight: var(--bold);
                                        color: var(--dark-blue);
                                    }
                                }

                                /* p {
                                font-size: 12px;
                            } */
                            }
                        }

                        .events_cta {
                            display: flex;
                            align-items: center;
                            gap: 10px;

                            * {
                                font-size: 13px !important;
                            }

                            a:not(.bouton) {
                                color: var(--red);
                            }

                            .bouton {
                                background-color: var(--dark-blue) !important;
                            }
                        }

                        .thematiques {
                            display: flex;
                            gap: 10px;
                            margin-top: 10px;
                            align-items: center;

                            &>span {
                                font-size: 13px !important;
                            }

                            .thematiques__list {
                                display: flex;
                                gap: 10px;
                                flex-wrap: wrap;

                                span {
                                    background-color: var(--grey);
                                    padding: 6px 15px;
                                    border-radius: 50px;
                                    font-size: 12px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .builder.content {
        .section__btn {
            width: 100% !important;
            display: flex !important;
        }
    }
}