.pannonica_events-template-default .blog_next_prev_buttons {
display: none;
} #hide_in_mobile {
display: inline;
}
#hide_in_laptop {
display: none;
}
.events_blocs_with_lines .divider-small-border {
width: 20% !important;
}
.pastilles_events_status_single_post {
position: absolute;
top: 25%;
left: 50%;
z-index: 999;
transform: translate(-50%,-25%);
} .events_homepage_container,
.upcoming_events_this_month, 
.archive_events_during_chosen_season {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 50px;
grid-column-gap: 30px;
overflow: hidden;
margin: 0px 30px;
color: rgb(255, 255, 255);
}
.upcoming_events, 
.archive_events {
overflow: hidden;
position: relative;
color: rgb(255, 255, 255);
}
.upcoming_events_this_month * {
color: rgb(0, 0, 0);
}
.images_upcoming_events, 
.images_archive_events {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover;
transition: transform 0.3s ease-in-out;
}
.upcoming_events_links, 
.archive_events_links {
position: absolute;
z-index: 100;
top: 1px;
left: 1px;
height: calc(100% - 2px);
width: calc(100% - 2px);
display: block;
}
.pannonica_events_image_container, 
.pannonica_events_image_container {
width: 100%;
padding-top: 64%;
position: relative;
overflow: hidden;
}
.upcoming_events.hover .images_upcoming_events, 
.archive_events.hover .images_archive_events {
transform: scale(1.1);
cursor: pointer;
}
.upcoming_events.hover .titles_upcoming_events, 
.archive_events.hover .titles_archive_events {
background-position: left bottom;
background-size: 200% 1px;
}
.titles_upcoming_events, 
.titles_archive_events {
position: relative;
display: inline;
overflow: hidden;
}
.titles_upcoming_events span, 
.titles_archive_events span {
font-size: 60%;
}
.programmation_months_container, 
.archives_year_container {
width: 100%;
overflow: hidden;
white-space: nowrap;
margin-top: 4rem;
margin-bottom: 1rem;
}
.events_programmation_container .events_programmation_month_names, 
.events_archive_container .archive_events_year_names {
color: rgb(255, 255, 0);
font-size: 5vw;
line-height: 1.1em;
font-weight: 600;
font-family: macklin_reg_ital_bol;
text-transform: uppercase;
}
.upcoming_events_this_month, 
.archive_events_during_chosen_season {
padding-left: 55px;
padding-right: 55px;
margin-bottom: 2rem;
}
.dates_archive_events {
padding-bottom: 3px;
}
.pastilles_events_status {
position: absolute;
margin-top: -60%;
} .archive_events_during_chosen_season {
padding-left: 49px;
padding-right: 49px;
}
.written_content_archives {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 77%;
}
.images_archive_events {
filter: opacity(33%) grayscale(100%);
}
.written_content_archives * {
color: rgb(0, 0, 0);
}
.archive_events {
background-color: rgb(244, 244, 244);
} .marquee {
display: inline-block;
animation: scroll-left 180s linear infinite;
}
@keyframes scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} @media only screen and (max-width: 999px) { .events_programmation_container .events_programmation_month_names {
font-size: 10vw;
}
.events_homepage_container,
.upcoming_events_this_month, 
.archive_events_during_chosen_season {
grid-template-columns: 1fr;
grid-row-gap: 30px;
}
.archive_events, 
.images_archive_events {
height: 21vw !important;
}
.written_content_archives {
left: 42%;
}
.upcoming_events_this_month, 
.archive_events_during_chosen_season {
padding-left: 0px !important;
padding-right: 0px !important;
} #hide_in_laptop {
display: inline;
}
#hide_in_mobile {
display: none;
}
.events_blocs_with_lines .divider-small-border {
width: 100px !important;
}
.pastilles_events_status_single_post {
position: absolute;
top: 13%;
left: 50%;
z-index: 999;
transform: translate(-50%,-13%);
}
}
@media only screen and (max-width: 690px) { .archive_events_during_chosen_season {
padding-left: 20px;
padding-right: 20px;
margin: 0;
} .pastilles_events_status_single_post {
position: absolute;
top: 13%;
left: 50%;
z-index: 999;
transform: translate(-50%,-20%);
}
}
@media only screen and (max-width: 450px) { .archive_events, 
.images_archive_events {
height: 39vw !important;
}
}