.pc-events-wrap {
width: 100%;
} .pc-events-filters {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 32px;
justify-content:center;
} .pc-events-filters select {
min-height: 50px!important;
padding: 0 15px;
border: 2px solid #001e50;
background: #f4c2cb;
color: #001e50;
font-size: 16px;
border-radius: 10px;
transition: all .3s ease;
padding: 0 10px;
} .pc-events-filters button {
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 100%;
min-height: 50px;
padding: 0 10px;
border: 2px solid #001E50;
background: #001e50;
color: #F4C2CB;
font-size: 16px;
font-weight: 700;
font-style: italic;
border-radius: 10px;
cursor: pointer;
transition: all .3s ease;
}
.pc-events-filters select:hover {
border: 2px solid #001e50;
background: #001e50;
color: #fff;
transition: all .3s ease;
}
.pc-events-filters button:hover {
background-color:transparent;
color: #001e50;
} .pc-events-grid {
display: grid;
gap: 25px;
} .pc-event-card {
display: grid;
grid-template-columns: minmax(260px, 34%) 1fr;
background: #f4dde3;
border-radius: 10px;
overflow: hidden; transition: all .3s ease;
}
.pc-event-card:hover { transition: all .3s ease;
background: #f4e8ec;
transform:scale(0.98);
}
.pc-event-card.js-pc-card-link {
cursor: pointer;
} .pc-event-image {
display: block;
height: 100%;
}
.pc-event-image img {
width: 100%;
height: 100%;
min-height: 250px;
object-fit: cover;
display: block;
} .pc-event-content {
display: flex;
flex-direction: column;
padding: 20px 20px;
gap: 15px;
} .pc-event-date {
font-size: 18px;
line-height: 1.3;
color: #0a2d6f;
font-weight: 500;
}
.pc-date-separator,
.pc-date-end {
display: inline;
} .pc-event-location {
font-size: 18px;
line-height: 1.3;
color: #ea667e;
font-weight: 500;
} .pc-event-title {
margin: 0;
font-size: clamp(25px, 30px, 40px);
line-height: 1.1;
color: #0a2d6f;
font-weight: 700;
} .pc-event-meta-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 25px;
margin-top: auto;
width: 100%;
} .pc-event-teaser {
flex: 1 1 0;
min-width: 0;
font-size: 18px;
line-height: 1.3;
color: #0a2d6f;
margin: 0;
} .pc-event-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 230px;
max-width: 100%;
min-height: 50px;
padding: 10px 10px;
background: #001e50;
color: #F4C2CB;
text-decoration: none;
border-radius: 10px;
border: 2px solid #001e50;
font-weight: 700;
font-style: italic;
transition: all .3s ease;
text-align:center;
line-height:1.3;
margin-left: auto;
font-size:18px;
} .pc-event-button:hover {
background-color: transparent;
color: #001e50;
border: 2px solid #001e50; 
} .pc-events-more,
.pc-events-cta {
margin-top: 32px;
display: flex;
justify-content: center;
} .pc-events-more-button,
.pc-events-cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 230px;
max-width: 80%;
height: 50px;
padding: 0 10px;
background: transparent;
color: #001e50;
text-decoration: none;
border: 2px solid #001e50;
border-radius: 10px;
font-weight: 700;
font-style: italic;
transition: all .3s ease;
font-size:18px;
} .pc-events-more-button:hover,
.pc-events-cta-button:hover {
background-color: #001e50;
color: #F4C2CB;
} .pc-events-wrap.is-loading {
opacity: 0.6;
pointer-events: none;
transition: opacity .2s ease;
}  .pc-event-card--archive .pc-event-title,
.pc-event-card--archive .pc-event-date,
.pc-event-card--archive .pc-event-teaser,
.pc-event-card--archive .pc-event-location {
filter: grayscale(100%);
transition: filter .3s ease;
} .pc-event-card--archive .pc-event-image {
position: relative;
}
.pc-event-card--archive .pc-event-image::after {
content: "";
position: absolute;
inset: 0;
background: #F4C2CB;
opacity: .4;
pointer-events: none;
transition: opacity .3s ease;
} .pc-event-card--archive .pc-event-button {
opacity: .5;
pointer-events: none;
cursor: default;
transition: opacity .3s ease;
} .pc-event-card--archive:hover .pc-event-title,
.pc-event-card--archive:hover .pc-event-date,
.pc-event-card--archive:hover .pc-event-teaser,
.pc-event-card--archive:hover .pc-event-location {
filter: none;
}
.pc-event-card--archive:hover .pc-event-image::after {
opacity: 0;
}  @media (max-width: 980px) {
.pc-event-card {
grid-template-columns: 1fr;
}
.pc-event-image img {
min-height: 220px;
}
.pc-event-content {
padding: 22px;
}
.pc-event-title {
font-size: 30px;
}
.pc-event-teaser {
font-size: 18px;
width:100%;
}
.pc-event-meta-row {
flex-direction: column;
align-items: stretch;
}
.pc-event-card:hover {
transform:scale(1)!important;
}
.pc-event-button,
.pc-events-more-button,
.pc-events-cta-button {
width: 100%;
max-width: 80%;
}
} @media (max-width: 767px) {
.pc-events-filters {
flex-direction: column;
}
.pc-events-filters select,
.pc-events-filters button {
width: 100%;
min-height:50px!important;
}
.pc-event-title {
font-size: 20px;
}
.pc-event-date,
.pc-event-location,
.pc-event-teaser {
font-size: 16px;
}
.pc-date-separator {
display: block;
}
.pc-date-end {
display: block;
}
.pc-event-button,
.pc-events-more-button,
.pc-events-cta-button {
width: 100%;
max-width: 90%;
}
}  .pc-events-wrap.is-loading {
opacity: 0.6;
pointer-events: none;
transition: opacity 1s ease;
} .pc-event-card.is-new {
animation: pcEventFadeUp 1s ease both;
}
.pc-event-card.is-new:nth-child(2) {
animation-delay: .05s;
}
.pc-event-card.is-new:nth-child(3) {
animation-delay: .1s;
}
.pc-event-card.is-new:nth-child(4) {
animation-delay: .15s;
}
.pc-event-card.is-new:nth-child(5) {
animation-delay: .2s;
}
.pc-event-card.is-new:nth-child(6) {
animation-delay: .25s;
}
@keyframes pcEventFadeUp {
from {
opacity: 0;
transform: translateY(15px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @media (max-width: 980px) { body .pc-events-row .et_pb_column {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
} .pc-events-row .pc-events-grid {
display: flex !important;
flex-wrap: nowrap;
gap: 16px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth; padding-inline: 5vw 25vw; scroll-padding-left: 5%;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.pc-events-row .pc-events-grid::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
} .pc-events-row .pc-events-grid .pc-event-card {
flex: 0 0 75vw;
width: 75vw;
max-width: 75vw;
scroll-snap-align: start;
scroll-snap-stop: always;
}
}