.et_pb_section.evt,
.et_pb_section.evt .et_pb_row {
    width: 90%;
    margin: 0 auto;
    max-width: 1280px;
}

.et_pb_section.evt .et_pb_row {
    width: 100%;
}

.event,
.event-card {
    --neutral: #9b9b9b;
    --btn-bg: rgba(0, 0, 0, .45);
}

.event {
    max-width: 1280px;
    margin: 0 auto;
    font-size: 18px;
}

.search-form,
.events-pagination,
.event-detail.passe,
.event-card.passe {
    --highlight: #d1002d;
}

.event-detail {
    display: grid;
    grid-template-columns: 60% 30%;
    gap: 7%;
    grid-template-areas:"content meta";
}

article.evenement {
    margin-top: -50px;
}

@media screen and (max-width: 1024px) {
    .event-detail {
        display: block;
    }
}

.event-detail .event-content {
    grid-area: content;
}

.event-detail .event-meta {
    grid-area: meta;
}

.event-content > section {
    margin: 0 0 1em;
}

.events-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));
    gap: 20px;
    margin: 0 auto;
}

.events-list .event-card a,
.btn.fill,
a.et_pb_button {
    text-decoration: none !important;
}

.event-card {
    position: relative;
}

.event-card .event-image {
    position: relative;
    padding-top: 56.25%; /* Ratio 16:9 */
    overflow: hidden;
}

.suggestion .event-card .event-image {
    background-color: rgba(220, 0, 45, .02);
    mask: url(/wp-content/plugins/club-44/assets/img/phylactere.svg) no-repeat center/100%;
    padding-bottom: 6%;
}

.suggestion .event-card .event-metanav {
    bottom: calc(.3em + 8%);
}

.event-card.complet .event-image,
.event-card.reagende .event-image,
.event-card.annule .event-image {
    background-color: var(--highlight);
}

.event-image > a > img,
.event-image picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.event-card.complet img,
.event-card.reagende img,
.event-card.annule img {
    filter: grayscale(100%) opacity(.7);
    mix-blend-mode: screen;
}

.event-card.complet .event-image::after,
.event-card.reagende .event-image::after,
.event-card.annule .event-image::after {
    content: "Complet";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-60%);
    color: white;
    text-align: center;
    width: 100%;
    font-family: 'Basel', sans-serif;
    font-size: 2.5em;
    z-index: 1;
}

.event-card.reagende .event-image::after {
    content: "Reporté";
}

.event-card.annule .event-image::after {
    content: "Annulé";
}

.event-card .event-metanav {
    position: absolute;
    bottom: .3em;
    right: .3em;
    display: flex;
    flex-flow: column nowrap;
    justify-content: end;
    z-index: 20;
}

.event-image {
    background: rgba(220, 0, 45, .02) radial-gradient(var(--highlight) 1px, transparent 1px) repeat left top 2px/5px 5px;
}

.podcast-card .podcast-episode,
.podcast .podcast-episode,
.event-card time,
.event time {
    font-family: Montserrat, sans-serif;
    font-size: .888em;
    color: var(--neutral);
    font-weight: 800;
    text-transform: uppercase;
    padding: 0;
    line-height: 1.5em;
}

.podcast-card .event-title,
.event-section-label,
.event-meta dt {
    font-family: 'Basel', sans-serif;
    font-size: 1.68em;
    color: var(--highlight) !important;
}

.event-meta dt {
    font-weight: 500;
    margin: 0 0 .25em;
}

.event-meta dd {
    margin: 0 0 2em;

}

.event-speakers {
    padding-bottom: 5px;
}

.podcast-card .event-speakers,
.event.podcast .event-title,
.event .event-speakers {
    font-family: Montserrat, sans-serif;
    font-size: 1.16em;
    color: black !important;
}

.event .event-title,
.event-card .event-title,
.event.podcast .event-speakers,
.event .event-subtitle {
    font-family: Montserrat, sans-serif;
    font-size: .888em;
    font-weight: 600;
    color: var(--highlight) !important;
}

.podcast .event-host,
.event .event-subtitle {
    font-size: .888em;
}

.event-detail.podcast .event-title,
.event-detail .event-speakers {
    font-family: Basel, sans-serif;
    font-size: 2em;
}

.event-card.prog-link {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.event-card.prog-link a {
    font-family: 'Basel', sans-serif;
    display: inline-block;
    border: .15em solid var(--highlight);
    color: var(--highlight);
    border-radius: 1.25em;
    padding: .5em 1em;
    font-size: 1.16em;
    margin-top: -20%;
}

.event-card.prog-link a:hover {
    background-color: var(--highlight);
    color: white !important;
}

@media screen and (max-width: 1024px) {
    .event-card.prog-link a {
        margin-top: 0;
    }
}

.event-meta dd::after,
.event-description::after,
.event-media::after {
    content: '';
    width: 3em;
    display: block;
    border-bottom: .2em var(--highlight) solid;
    margin-top: 1em;
}

.event-meta dd:last-of-type::after {
    display: none;
}

.guest-title {
    color: var(--highlight);
}

.guest-image {
    float: left;
    max-width: 30%;
    margin-right: .7em;
    position: relative;
}

.guest-image img {
    margin-bottom: -5px;
}

.guest-description::after {
    content: '';
    clear: both;
    display: block;
    margin-bottom: 2em;
}

.search-form input[type=submit],
.search-form input[type=reset] {
    cursor: pointer;
    font-family: 'Basel', sans-serif;
    border-radius: 2em;
    border: .15em solid var(--highlight);
    margin: .2em 0;
    display: inline-block;
    background-color: var(--highlight);
    padding: 1.4em;
}

.btn {
    cursor: pointer;
    position: relative;
    display: inline-block;
    background-color: var(--btn-bg);
    padding: 1em;
    margin: .2em;
    border-radius: 2em;
}

.btn.ticket::after,
.btn.evtinfo::after,
.btn.video::after,
.btn.audio::after,
.btn.intro::after,
.btn.whatsapp::after,
.btn.share::after,
.btn.print::after,
.btn.linkedin::after,
.btn.mail::after {
    content: '';
    background-color: white;
    mask: none no-repeat center/100%;
    width: 132%;
    height: 132%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.btn:hover::after {
    background-color: var(--highlight);
}

.event-meta .btn:not(.wbg) {
    padding: .6em 1em;
    background-color: white;
    border: .15em solid var(--highlight);
    color: var(--highlight);
    text-decoration: none;
}

.event-meta .btn:not(.wbg):hover {
    color: white;
    background-color: var(--highlight);
}

.search-form input[type=submit],
.search-form input[type=reset] {
    color: white;
    padding: .5em 1em;
}

.btn.list {
    width: auto;
    padding: 0 .5em;
    line-height: 1.8em;
}

.btn.wbg {
    padding: 1.2em;
    background-color: white;
}

.btn.wbg:hover,
.btn.wbg::after {
    background-color: var(--highlight);
}

.btn.wbg:hover::after {
    background-color: white !important;
}

.btn.fill {
    position: relative;
    background-color: var(--highlight);
    color: white !important;
    background-position: 1em center;
    padding: .5em 1em;
    font-size: 1.68em;
    border: .1em solid var(--highlight);
    mask: none !important;
    border-radius: 1em;
}

.btn.fill:after {
    mask-size: 2.6em;
    mask-position: 0.8em;
}

.btn.ticket.fill,
.btn.evtinfo.fill,
.btn.video.fill,
.btn.audio.fill,
.btn.intro.fill,
.btn.whatsapp.fill,
.btn.share.fill,
.btn.print.fill,
.btn.linkedin.fill,
.btn.mail.fill {
    padding-left: 2.5em;
}

.btn.fill:hover {
    background-color: white !important;
    border-color: var(--highlight);
    color: var(--highlight) !important;
}

.btn.fill:hover::after {
    background-color: var(--highlight);
}

.btn.ticket::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_ticket.svg);
}

.btn.evtinfo::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_info.svg);
}

.btn.video::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_video.svg);
}

.btn.fill.video::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_video_simple.svg);
}

.btn.audio::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_audio.svg);
}

.btn.fill.audio::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_audio_simple.svg);
}

.btn.intro::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_intro.svg);
}

.btn.fill.intro::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_intro_simple.svg);
}

.btn.whatsapp::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_wa.svg);
}

.btn.share::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_share.svg);
}

.btn.print::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_print.svg);
}

.btn.linkedin::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_li.svg);
}

.btn.mail::after {
    mask-image: url(/wp-content/plugins/club-44/assets/img/icn_mail.svg);
}

.event-gallery img {
    max-width: 24%;
}

.event-files a,
.event-links a {
    flex: 0 auto;
    margin: 0 0 .2em;
    border-bottom: thin dotted var(--highlight);
}

/*
a:not(
    .icon,
    .btn,
	[href^="#"],
	[href^="mailto:"],
	[href^="tel:"],
	[href^="/"],
	[href*="www.club-44.ch"]
)::after {
    content: '';
    display: inline-block;
    width: 1em;
    height: .8em;
    background: transparent url(/wp-content/plugins/club-44/assets/img/icn_link.svg) no-repeat center/100%;
}
*/

.et_pb_gallery_image a::after {
    content: none !important;
}

.event .mots-cles {
    text-transform: capitalize;
}

.podcast-card a,
.podcast header {
    display: flex;
    flex-flow: column nowrap;
}

.podcast-card figure,
.podcast header .podcast-episode {
    order: 1;
}

.podcast-card .podcast-episode,
.podcast header .event-title {
    order: 2;
}

.podcast-card .event-title,
.podcast header .event-speakers {
    order: 3;
}

.podcast-card .event-speakers,
.podcast header .event-host {
    order: 4;
}

.events-pagination {
    text-align: center;
    padding: 1em 0 2em;
}

.events-pagination a {
    text-decoration: none !important;
    padding: .2em .6em;
    border: .1em solid var(--highlight);
    border-radius: 1em;
    margin: 0 .2em;
}

.fancybox__carousel {
    --f-html-bg: black;
}

.search-form + .search-form,
.search-form + .filters-recap {
    margin-top: 2em;
}

.search-form details[open] {
    border: .15em solid grey;
    border-radius: .3em;
    padding: .5em;
}

.search-form fieldset {
    padding: 0 .5em;
    margin-bottom: 1em;
    max-height: 15em;
    overflow-y: auto;
}

.search-form legend {
    padding: 0 .3em;
}

.search-form fieldset div {
    padding: .5em 0 1em;
    display: none;
    flex-flow: row wrap;
}

.search-form input[type=submit],
.search-form input[type=search] {
    padding: .5em 1em;
    font-size: 1em;
    font-weight: 400;
}

#simpleeventsearch strong {
    display: block;
}

#simpleeventsearch.search-form input[type=search] {
    width: 87%;
    border: .15em solid grey;
    border-radius: .3em;
}

#simpleeventsearch.search-form input[type=submit] {
    width: 12%;
}

.search-form fieldset:has(legend input:checked) div {
    display: flex;
}

summary::marker {
    display: none;
    content: none;
}

summary {
    margin-bottom: 1em;
}

summary,
.search-form fieldset legend.toggler {
    cursor: pointer;
}

summary::after,
.search-form fieldset legend.toggler::after {
    content: ' ⏵';
}

details[open] summary::after,
.search-form fieldset:has(legend input:checked) legend.toggler::after {
    content: ' ⏷';
}

.search-form fieldset label {
    cursor: pointer;
    flex: 0 1 25%;
    margin: .2em;
    border-radius: .2em;
}

.search-form fieldset label:has(input:checked) {
    background-color: var(--highlight);
    color: white;
}

legend.toggler input {
    display: none;
}

@media print {
    #top-header,
    #main-header,
    footer.et-l--footer,
    .event .event-meta,
    .event-media {
        display: none !important;
    }

    .event {
        display: block !important;
    }
}