.single .container .container-inner{
        padding: 40px 0;
}
.single .container.no-margin .container-inner{
        padding: 0;
}
.single .container.no-margin .container-inner.banner img {
        object-fit: cover;
        width: 100%;
        height: 464px;
}
.single-evenement .container-inner.banner .past-event-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width:  100%;
        height: 100%;
        background-color: #C5C5C599;
        display: flex;
        justify-content: center;
        align-items: center;
}
.single-evenement .container-inner.banner .past-event-overlay .past-event-text {
        padding: 16px 32px;
        text-transform: uppercase;
        background-color: #F6F6F6;
        font-family: 'BD Good Wood';
        font-size: 24px;
        color: #555555;
        opacity: 0.8;
}
.single-evenement .container.container-col .left {
        margin-top: -104px;
}
.single .container-inner.details{
        color: #fff;
        padding: 40px;
}

.single-post .container-inner.details {
        background-color: var(--bofema-violet);
        padding: 24px 40px;
        margin-top: 48px;
}

.details .date {
        font-size: 20px;
}
.details .dates .date {
        margin-bottom: 10px;
}

.details .date .date-inner,
.details .date .hour {
        font-family: 'BD Good Wood';
        text-transform: capitalize;
        line-height: 1;
}
.details .date svg {
        width: 16px;
        height: 16px;
        margin-top: -4px;
        margin-right: 4px;
}
.details .date svg path {
        fill: #fff;
}

.details .duration {
        display: flex;
        align-items: center;
        margin: 4px 0;
}
.details .duration svg {
        width: 16px;
        margin-right: 8px;
}
.details .duration .time {
        line-height: 1;
}

.details .place,
.details .places {
        margin: 24px 0 16px 0;
}
.details .places {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin: 16px 0;
}
.details .place .location {
        margin-top: 4px;
}
.details .places .lieu svg path,
.details .place .lieu svg path {
        fill: #fff;
}
.single-post .details .place {
        margin: 16px 0;
}

/* .details .practical-infos > div { */
        /* display: flex; */
        /* align-items: center; */
/* } */
.details .practical-infos .tarifs-container {
        flex-direction: column;
        align-items: start;
}
.details .practical-infos > div svg {
        width: 12px;
        margin-right: 8px;
        flex-shrink:0;
}
.details .practical-infos > div svg path {
        fill: #fff;
}
.details .practical-infos .tarif-item .more{
        position: relative;
}
.details .practical-infos .tarif-item .more svg {
        margin-left: 4px;
        padding-bottom: 3px;
}

.details .button {
        display: inline-block;
        margin-top: 20px;
        font-size: 16px;
        padding: 8px 12px;
}

.medias {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
}
.media {
        position: relative;
        cursor: pointer;
        transition: .3s filter;
}
.media:hover {
        filter: brightness(0.8);
}
.media .container-img .icon-play{
        width: 32px;
}
.media .container-img .icon-playlist{
        width: 40px;
}
.medias .media.first .container-img .icon-play{
        width: 64px;
}
.medias .media.first .container-img .icon-playlist{
        width: 56px;
}
.medias .media.first {
        grid-column: 1/5;
}
.media img {
        object-fit: cover;
        height: 64px;
        width: 100%;
}
.media.first img{
        height: 248px;
}
.content .category {
        font-size: 20px;
        margin-bottom: 8px;
        font-family: 'BD Good Wood';
}
.content .genders {
        margin-bottom: 8px;
}
.content .genders .genre {
        padding: 0px 7px;
}
.content .partnership {
        margin-bottom: 16px;
}

.content .artists {
        font-size: 20px;
        font-weight: 800;
        margin-top: 16px;
}
.content h1 {
        margin-bottom: 0;
}

.container .container-inner.infos {
        padding-top: 0;
}
.infos .nav {
        display: flex;
        gap: 56px;
        align-items: center;
}
.infos .nav .nav-item {
        position: relative;
        display: flex;
        align-items: center;
        cursor: pointer;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 14px;
        transition: .3s color;
}
.infos .nav .nav-item:before {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 20px;
        width: 0;
        height: 2px;
        background-color: var(--default-text-color);
        transition: .3s width;
}
.infos .nav .nav-item.active:before,
.infos .nav .nav-item:hover:before{
        width: calc(100% - 20px);
}
.infos .nav .nav-item.presentation.active,
.infos .nav .nav-item.presentation:hover {
        color: #707942;
}
.infos .nav .nav-item.presentation:before{
        background-color: #707942;
}
.infos .nav .nav-item.distribution.active,
.infos .nav .nav-item.distribution:hover {
        color: #1fc0ca;
}
.infos .nav .nav-item.distribution:before{
        background-color: #1fc0ca;
}
.infos .nav .nav-item.production.active,
.infos .nav .nav-item.production:hover {
        color: #ff2d16;
}
.infos .nav .nav-item.production:before{
        background-color: #ff2d16;
}
.infos .nav .nav-item.usefull-link.active,
.infos .nav .nav-item.usefull-link:hover {
        color: #1472be;
}
.infos .nav .nav-item.usefull-link:before{
        background-color: #1472be;
}
.infos .nav .nav-item:after {
        content: '';
        position: absolute;
        top: 50%;
        right: -28px;
        height: 18px;
        width: 2px;
        background-color: var(--default-text-color);
        transform: translateY(-50%);
}
.infos .nav > .nav-item:last-of-type:after {
        display: none;
}
.infos .nav .nav-item svg {
        width: 12px;
        height: 12px;
        margin-right: 8px;
}
.infos .nav .nav-item svg path {
        /*fill: var(--default-text-color);*/
}
.infos .texts {
        margin-top: 24px;
}
.infos .texts .text-item {
        display: none;
}
.infos .texts .text-item:first-of-type{
        display: block;
}

.suggestions .events{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
}

.single-post .content .text {
        max-width: 720px;
        margin-top: 32px;
}

.graphic-elements .sun{
        top: 1100px;
        height: 160px;
        left: auto;
        right: -130px;
}
.single-evenement .graphic-elements .sun path{
        fill: #f8cde2;
}

.single-evenement .graphic-elements .multiple-rectangles{
        top: 500px;
        right: -80px;
        left: auto;
        height: 370px;
}
.single-evenement .graphic-elements .zig-zag{
        top: 700px;
        left: auto;
        right: 0;
        height: 300px;
}
.single-evenement .graphic-elements .cloud-dots{
        top: 1000px;
        left: auto;
        right: 200px;
        height: 200px;
}