/* -----------------
  01 - ARCHIVE
----------------- */
@media (max-width: 991px) {
    .headerPage--agenda {
        margin: 40px 0;
    }

}
.headerPage--agenda .headerPage__text {
    margin-bottom: 40px;
}
.headerPage--agenda .breadcrumb {
    margin-bottom: 5px;
}

.headerPage--agenda > img {
    position: absolute;
    top: 114px;
    left: -186px;
    z-index: -1;
    opacity: .3;
}
@media (min-width: 768px) {
    .headerPage--agenda > img {
        left: -130px;
    }
}

#agenda .tool-pagination {
    margin: 40px 0 0;
}

.post-type-archive-ml_agenda main > img {
    top: 37%;
}
.post-type-archive-ml_agenda .contentPage {
    padding: 0 0 148px;
}

/* -----------------
  02 - CARD
----------------- */
.card-agenda__date {
    flex: 0 0 100%;
    background-color: var(--gray-100);
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
    line-height: 1;
    padding: 15px 12px;
}
@media (min-width: 768px) {
    .card-agenda__date {
        flex: 0 0 122px;
        padding: 0 12px;
        display: flex;
        flex-direction: column;
    }
        .card-agenda__date > div{
            display: flex;
            flex-direction: column;
        }
}
    .card-agenda__date strong {
        font-size: 2rem;
        color: var(--gray-700);
    }

.card-agenda {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: var(--white);
    border-radius: 32px;
}
.card-agenda:not(:last-child) {
    margin-bottom: 24px;
}
    .card-agenda > a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
    }

.card-agenda__picture {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}
@media (min-width: 768px) {
    .card-agenda__picture {
        flex: 0 0 154px;
        padding: 0;
    }
}
    .card-agenda__picture > img {
        max-width: 101px;
    }

.card-agenda__text {
    flex: 1;
    background-color: var(--gray-100);
    border-radius: 32px;
    padding: 16px 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.card-agenda__categories {
    background-color: var(--white);
    border-radius: 50px;
    padding: 2px 6px;
    margin-right: 6px;
    margin-bottom: 12px;
    font-size: 1.2rem;
    line-height: 183%;
    display: inline-block;
}

h2.card-agenda__title {
    margin: 0 0 12px;
    font-size: 2rem;
    color: var(--gray-700);
}

.card-agenda__description {
    flex: 0 0 100%;
    font-size: 1.4rem;
}
@media (max-width: 767px) {
    .card-agenda__description {
        -webkit-line-clamp: 4;
    }
}
    .card-agenda__description p{
        line-height: 128%;
    }

@media (max-width: 767px) {
    .card-agenda__date-begin {
        margin-right: 5px;
    }
}

/* -----------------
  03 - SINGLE
----------------- */
.single-agenda .breadcrumb {
    margin-bottom: 5px;
}
.single-agenda h1 {
    margin-bottom: 0;
    font-size: 3.7rem;
    line-height: 116%;
}

.single-agenda__description {
    font-weight: bold;
    margin-bottom: 24px;
}

.single-agenda__detail iframe {
    width: 100%;
    height: 544px;
    border-radius: 8px;
}

.single-agenda__website {
    margin-top: 24px;
}

.single-agenda__sticky {
    position: sticky;
    top: 30px;
    padding-bottom: 15px;
}

.single-agenda__date {
    background-color: var(--gray-100);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 42px 0;
    border-radius: 32px;
}
    .single-agenda__date > div {
        font-size: 1.2rem;
        color: var(--gray-700);
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: 1;
    }
        .single-agenda__date > div strong{
            font-size: 2rem;
        }

.single-agenda__picture {
    padding: 12px 0;
    text-align: center;
}
    .single-agenda__picture img{
        max-width: 101px;
    }

.single-agenda__text {
    background-color: var(--gray-100);
    border-radius: 32px;
    padding: 20px 18px;
    margin-bottom: 12px;
}

.single-agenda__hour,
.single-agenda__town {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 128%;
}

.single-agenda__contact {
    font-size: 1.4rem;
}
    .single-agenda__contact p,
    .single-agenda__hour p{
        line-height: 128%;
    }

.single-agenda__subscription {
    margin-bottom: 32px;
}
    .single-agenda__subscription a {
        width: 100%;
    }

.single-agenda__social {
    flex-direction: column;
    margin-bottom: 32px;
}

.single-agenda__social .jssocials-share .jssocials-share-logo {
    background-color: var(--black);
}

.link-event {
    font-size: 1.4rem;
    font-weight: 300;
    position: relative;
    padding: 0 0 3px;
}
.link-event::after {
    content: '';
    width: 51px;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #D1D1D1;
    left: 50%;
    transform: translateX(-50%);
    transition: width .2s;
}
.link-event:hover::after {
    width: 100%;
}

.single-agenda__favicon {
    position: absolute;
    bottom: 0;
    z-index: -1;
    opacity: .3;
}

.single-agenda__suggestions {
    position: relative;
}
@media (max-width:1023px){
    .home-s4 .single-agenda__suggestions{
        min-height: 10px;
    }
}
@media (min-width:1024px){
    .home-s4 .single-agenda__suggestions{
        min-height: 300px;
        padding: 50px 0;
    }
}
    .single-agenda__suggestions > img{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        object-fit: cover;
    }

.single-agenda__suggestions__big-title {
    color: rgba(71, 71, 70, .07);
}

.single-ml_agenda .contentPage {
    padding: 40px 0 0;
}
@media (min-width: 768px) {
    .single-ml_agenda .contentPage {
        padding: 0;
    }
}
.single-ml_agenda main>img {
    top: 46%;
}

.single-agenda__content {
    margin-bottom: 106px;
}

@media (max-width: 991px) {
    .single-agenda__left {
        margin-bottom: 32px;
    }
}