.elementor-3860 .elementor-element.elementor-element-65c2a8d{margin-top:-10px;margin-bottom:0px;}/* Start custom CSS for html, class: .elementor-element-1ecd689 *//* =========================================
MICHAŁÓWEK 2016 - WYDARZENIA
========================================= */

html,
body {
max-width: 100%;
overflow-x: hidden !important;
}

/* Ukrycie domyślnego tytułu strony */
body:has(.mk-events-page) h1.entry-title,
body:has(.mk-events-page) .entry-header,
body:has(.mk-events-page) .page-header,
body:has(.mk-events-page) .page-title {
display: none !important;
}

/* Bezpieczne usunięcie górnej przerwy bez ruszania menu */
body:has(.mk-events-page) .site-content,
body:has(.mk-events-page) .content-area,
body:has(.mk-events-page) .site-main,
body:has(.mk-events-page) main,
body:has(.mk-events-page) article,
body:has(.mk-events-page) .entry-content,
body:has(.mk-events-page) .page-content,
body:has(.mk-events-page) .wp-block-post-content {
padding-top: 0 !important;
margin-top: 0 !important;
}

body:has(.mk-events-page) .entry-content > *:first-child,
body:has(.mk-events-page) .page-content > *:first-child,
body:has(.mk-events-page) .wp-block-post-content > *:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}

.mk-events-page,
.mk-events-page * {
box-sizing: border-box;
}

.mk-events-page {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
overflow: hidden !important;
background: #ffffff;
}

/* =========================================
HERO
========================================= */

.mk-events-hero {
position: relative;
width: 100%;
min-height: 430px;
background: #003f31;
overflow: hidden;
}

.mk-events-hero-bg {
position: absolute;
inset: 0;
z-index: 0;
}

.mk-events-hero-bg img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}

.mk-events-hero::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(
90deg,
rgba(0, 45, 34, 0.92) 0%,
rgba(0, 63, 49, 0.68) 42%,
rgba(0, 0, 0, 0.10) 100%
),
linear-gradient(
180deg,
rgba(0, 0, 0, 0.06) 0%,
rgba(0, 45, 34, 0.28) 100%
);
pointer-events: none;
}

.mk-events-hero-content {
position: relative;
z-index: 2;
width: min(1180px, 100%);
margin: 0 auto;
padding: 96px 48px 86px 48px;
color: #ffffff;
}

.mk-events-hero h1 {
margin: 0;
padding: 0;
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: clamp(68px, 8vw, 116px);
line-height: 0.95;
font-weight: 400;
letter-spacing: -0.035em;
color: #ffffff;
}

.mk-events-hero h1::before,
.mk-events-hero h1::after {
display: none !important;
content: none !important;
}

.mk-events-hero-line {
width: 150px;
height: 2px;
margin: 32px 0 30px 0;
background: #d8b56d;
}

.mk-events-hero p {
margin: 0;
max-width: 560px;
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: 28px;
line-height: 1.28;
font-weight: 400;
color: rgba(255, 255, 255, 0.94);
}

/* =========================================
WSPÓLNE NAGŁÓWKI
========================================= */

.mk-events-upcoming,
.mk-events-archive {
width: min(1180px, 100%);
margin: 0 auto;
padding-left: 48px;
padding-right: 48px;
}

.mk-events-upcoming {
padding-top: 54px;
padding-bottom: 56px;
}

.mk-events-archive {
padding-top: 0;
padding-bottom: 86px;
}

.mk-events-section-heading {
margin: 0 0 28px 0;
}

.mk-events-section-heading h2 {
margin: 0;
padding: 0;
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: clamp(42px, 4.4vw, 58px);
line-height: 1;
font-weight: 400;
letter-spacing: -0.025em;
color: #003f31;
}

.mk-events-section-heading h2::before,
.mk-events-section-heading h2::after {
display: none !important;
content: none !important;
}

.mk-events-section-heading span {
display: block;
width: 44px;
height: 2px;
margin-top: 16px;
background: #d8b56d;
}

/* =========================================
NADCHODZĄCE WYDARZENIA
========================================= */

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

.mk-event-card,
.mk-event-card:visited {
display: block;
background: #ffffff;
border: 1px solid rgba(0, 63, 49, 0.13);
box-shadow: 0 16px 42px rgba(0, 63, 49, 0.06);
color: #003f31 !important;
text-decoration: none !important;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mk-event-card:hover {
transform: translateY(-4px);
box-shadow: 0 26px 66px rgba(0, 63, 49, 0.13);
}

.mk-event-card-image {
position: relative;
height: 205px;
background: #003f31;
overflow: hidden;
}

.mk-event-card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s ease;
}

.mk-event-card:hover .mk-event-card-image img {
transform: scale(1.045);
}

.mk-event-date {
position: absolute;
left: 18px;
top: 18px;
width: 82px;
min-height: 96px;
padding: 13px 8px 11px 8px;
display: grid;
align-content: center;
text-align: center;
background: linear-gradient(180deg, #00694e 0%, #004735 100%);
color: #ffffff;
box-shadow: 0 12px 24px rgba(0, 45, 34, 0.28);
}

.mk-event-date strong {
display: block;
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: 27px;
line-height: 1;
font-weight: 500;
color: #ffffff;
}

.mk-event-date span {
display: block;
margin-top: 4px;
font-family: "Inter", "Montserrat", Arial, sans-serif;
font-size: 11px;
line-height: 1;
font-weight: 800;
letter-spacing: 0.08em;
color: #ffffff;
}

.mk-event-date em {
display: block;
margin-top: 7px;
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: 22px;
line-height: 1;
font-style: normal;
color: #ffffff;
}

.mk-event-card-body {
padding: 26px 24px 25px 24px;
}

.mk-event-card h3 {
margin: 0 0 18px 0;
padding: 0;
min-height: 76px;
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: 29px;
line-height: 1.08;
font-weight: 400;
letter-spacing: -0.015em;
color: #003f31;
}

.mk-event-card h3::before,
.mk-event-card h3::after {
display: none !important;
content: none !important;
}

.mk-event-card p {
margin: 0 0 30px 0;
min-height: 52px;
font-family: "Inter", "Montserrat", Arial, sans-serif;
font-size: 14px;
line-height: 1.65;
color: rgba(29, 29, 27, 0.74);
}

.mk-event-more {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
}

.mk-event-more span {
font-family: "Inter", "Montserrat", Arial, sans-serif;
font-size: 12px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #00694e;
}

.mk-event-more strong {
font-size: 22px;
line-height: 1;
font-weight: 400;
color: #b7924d;
}

/* =========================================
ARCHIWUM
========================================= */

.mk-events-archive-box {
border: 1px solid rgba(0, 63, 49, 0.13);
background: #ffffff;
box-shadow: 0 16px 42px rgba(0, 63, 49, 0.045);
overflow: hidden;
}

.mk-events-year {
border-bottom: 1px solid rgba(0, 63, 49, 0.10);
}

.mk-events-year:last-child {
border-bottom: none;
}

.mk-events-year summary {
min-height: 64px;
padding: 0 26px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
cursor: pointer;
list-style: none;
background: #ffffff;
}

.mk-events-year summary::-webkit-details-marker {
display: none;
}

.mk-events-year summary span {
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: 34px;
line-height: 1;
font-weight: 400;
color: #003f31;
}

.mk-events-year summary strong {
font-size: 22px;
line-height: 1;
font-weight: 400;
color: #003f31;
}

.mk-events-year[open] summary strong {
transform: rotate(0deg);
}

.mk-events-year-content {
border-top: 1px solid rgba(0, 63, 49, 0.10);
}

.mk-events-row,
.mk-events-row:visited {
min-height: 58px;
padding: 0 24px;
display: grid;
grid-template-columns: 28px 1fr auto 22px;
align-items: center;
gap: 14px;
color: #1d1d1b !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(0, 63, 49, 0.08);
background: #ffffff;
transition: background 0.22s ease;
}

.mk-events-row:last-child {
border-bottom: none;
}

.mk-events-row:hover {
background: #fbfaf6;
}

.mk-events-row-icon {
font-size: 16px;
line-height: 1;
color: #00694e;
}

.mk-events-row-title {
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: 21px;
line-height: 1.2;
color: #1d1d1b;
}

.mk-events-row-date {
font-family: "Inter", "Montserrat", Arial, sans-serif;
font-size: 13px;
line-height: 1;
color: rgba(29, 29, 27, 0.58);
white-space: nowrap;
}

.mk-events-row-arrow {
font-size: 24px;
line-height: 1;
color: #003f31;
}

/* =========================================
RESPONSYWNOŚĆ
========================================= */

@media screen and (max-width: 1024px) {
.mk-events-hero {
min-height: 390px;
}

.mk-events-hero-content {
padding: 82px 42px 72px 42px;
}

.mk-events-upcoming,
.mk-events-archive {
padding-left: 42px;
padding-right: 42px;
}

.mk-events-grid {
grid-template-columns: 1fr;
gap: 20px;
}

.mk-event-card {
display: grid;
grid-template-columns: 0.95fr 1.05fr;
}

.mk-event-card-image {
height: 100%;
min-height: 260px;
}

.mk-event-card h3 {
min-height: auto;
}

.mk-event-card p {
min-height: auto;
}
}

@media screen and (max-width: 640px) {
.mk-events-hero {
min-height: 380px;
}

.mk-events-hero-content {
padding: 68px 24px 60px 24px;
}

.mk-events-hero h1 {
font-size: 58px;
}

.mk-events-hero-line {
width: 110px;
margin: 24px 0 24px 0;
}

.mk-events-hero p {
max-width: 330px;
font-size: 21px;
}

.mk-events-upcoming,
.mk-events-archive {
padding-left: 24px;
padding-right: 24px;
}

.mk-events-upcoming {
padding-top: 44px;
padding-bottom: 46px;
}

.mk-events-archive {
padding-bottom: 58px;
}

.mk-events-section-heading h2 {
font-size: 40px;
}

.mk-event-card {
display: block;
}

.mk-event-card-image {
height: 190px;
min-height: 0;
}

.mk-event-card-body {
padding: 24px 20px 24px 20px;
}

.mk-event-card h3 {
font-size: 26px;
}

.mk-events-year summary {
padding: 0 18px;
min-height: 58px;
}

.mk-events-year summary span {
font-size: 30px;
}

.mk-events-row,
.mk-events-row:visited {
min-height: auto;
padding: 16px 18px;
grid-template-columns: 24px 1fr 20px;
gap: 12px;
}

.mk-events-row-date {
grid-column: 2 / 3;
margin-top: 5px;
}

.mk-events-row-title {
font-size: 19px;
}
}/* End custom CSS */