.zalacznikobrazek {
max-width: 100%;
height: auto;
}.widget {
margin: 0px;
color: #868686;
}
.widget select {
max-width: 100%;
}
.widget .widget-title,
.widget .widgettitle {
font-family: 'Barlow Semi Condensed', sans-serif;
font-weight: 600;
font-size: 1.25rem;
margin-bottom: 20px;
padding-top: 10px;
border-top: 2px solid #1e1e1e;
color: #1e1e1e;
}
.widget ul {
margin-left: 0;
list-style: none;
padding-left: 0;
}
.widget ul li {
margin-bottom: 15px;
}
.widget a {
color: #323232;
}
.widget a:hover {
color: #007bff;
}
.widget.widget_recent_entries .post-date {
color: #868686;
font-size: 0.85rem;
display: block;
}
#secondary .widget {
margin-bottom: 60px;
}
#secondary .widget_search input.s.field {
width: calc(100% - 46px);
}.entry-content h1 {
margin-top: 2rem;
}
.entry-content h2 {
margin-top: 2rem;
}
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin-top: 1.5rem;
}body.single-post .single-hero {
margin: 0 0 1.6rem;
--single-hero-copy-width: clamp(18rem, calc(100vw - 5.5rem), 41rem);
--single-hero-inline-gap: clamp(0.8rem, 2.2vw, 1.15rem);
--single-article-measure: clamp(34rem, 64vw, 46rem);
--single-accent: #1b6987;
--single-accent-strong: #0f5c7d;
--single-text: #203643;
--single-text-soft: #5d7584;
--single-surface: #f7fafc;
--single-surface-strong: #eef4f8;
--single-border: rgba(24, 67, 88, 0.12);
}
body.single-post .single-hero__utility {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 0.72rem 1rem;
margin: 0;
padding: 0.66rem 0.95rem 0.7rem;
background: linear-gradient(180deg, #fbfdff 0%, var(--single-surface-strong) 100%);
border: 1px solid var(--single-border);
border-bottom: 0;
border-radius: 18px 18px 0 0;
}
body.single-post .single-hero__media {
position: relative;
line-height: 0;
}
body.single-post .single-hero__media .post-thumbnail {
position: relative;
display: block;
width: 100%;
margin: 0;
overflow: hidden;
border-radius: 0;
aspect-ratio: 16 / 8.6;
max-height: min(52vh, 460px);
background: #eef3f7;
}
body.single-post .single-hero__media .post-thumbnail img {
width: 100%;
height: 100%;
margin: 0;
object-fit: cover;
object-position: center top;
display: block;
} body.single-post .single-hero__media::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(to top, rgba(9, 24, 34, 0.06) 0%, rgba(9, 24, 34, 0) 62%);
border-radius: 0;
}
body.single-post .single-hero__cats {
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
gap: 0;
margin-right: 0;
}
body.single-post .single-hero__cats a {
position: relative;
display: inline-flex;
align-items: center;
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
color: inherit;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
text-decoration: none;
line-height: 1.35;
transition: color 0.2s ease;
vertical-align: baseline;
}
body.single-post .single-hero__cats a + a {
margin-left: 0.56rem;
padding-left: 0.7rem;
}
body.single-post .single-hero__cats a + a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 4px;
border-radius: 50%;
background: rgba(27, 105, 135, 0.38);
transform: translateY(-50%);
}
body.single-post .single-hero__cats a:hover,
body.single-post .single-hero__cats a:focus-visible {
color: var(--single-accent-strong);
}
body.single-post .single-hero__meta-line {
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
gap: 0;
color: var(--single-text-soft);
font-size: 0.75rem;
line-height: 1.35;
font-family: "Barlow Semi Condensed", sans-serif;
white-space: nowrap;
}
body.single-post .single-hero__meta-line .single-hero__cats,
body.single-post .single-hero__meta-line .posted-on,
body.single-post .single-hero__meta-line .byline,
body.single-post .single-hero__meta-line .single-hero__reading-time {
display: inline-flex;
align-items: center;
line-height: 1.35;
}
body.single-post .single-hero__meta-line > * + * {
position: relative;
margin-left: 0.62rem;
padding-left: 0.72rem;
}
body.single-post .single-hero__meta-line > * + *::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 4px;
border-radius: 50%;
background: rgba(27, 105, 135, 0.32);
transform: translateY(-50%);
}
body.single-post .single-hero__meta-line .posted-on,
body.single-post .single-hero__meta-line .byline {
margin: 0;
}
body.single-post .single-hero__meta-line .posted-on a,
body.single-post .single-hero__meta-line .byline a {
color: inherit;
text-decoration: none;
}
body.single-post .single-hero__meta-line .posted-on a:hover,
body.single-post .single-hero__meta-line .byline a:hover,
body.single-post .single-hero__meta-line .posted-on a:focus-visible,
body.single-post .single-hero__meta-line .byline a:focus-visible {
color: var(--single-accent-strong);
text-decoration: underline;
text-underline-offset: 0.14em;
}
body.single-post .single-hero__meta-line i {
color: var(--single-accent);
margin-right: 0.18rem;
}
body.single-post .single-hero__reading-time {
display: inline-flex;
align-items: center;
padding: 0;
border-radius: 0;
background: transparent;
border: 0;
font-weight: 700;
} body.single-post .single-hero__header {
position: absolute;
left: 1.1rem;
right: auto;
bottom: 0.9rem;
z-index: 2;
width: min(100% - (2 * var(--single-hero-inline-gap)), var(--single-hero-copy-width));
max-width: calc(100% - (2 * var(--single-hero-inline-gap)));
}
body.single-post .single-hero__title {
margin: 0;
display: block;
width: fit-content;
max-width: 100%;
padding: 0.28em 0.54em 0.34em;
background: rgba(255, 255, 255, 0.94);
color: #132532;
font-family: "Barlow Semi Condensed", sans-serif;
font-weight: 700;
font-size: clamp(1.28rem, 2.5vw, 2.1rem);
line-height: 1.22;
text-wrap: balance;
overflow-wrap: anywhere;
border-radius: 12px;
box-shadow: 0 12px 28px rgba(12, 31, 42, 0.12);
backdrop-filter: blur(8px);
}
body.single-post .mb-related-posts .mb-related-posts__media {
position: relative;
margin-bottom: 0.85rem;
}
body.single-post .mb-related-posts .mb-related-posts__media .post-thumbnail,
body.single-post .mb-related-posts .mb-related-posts__media .post-thumbnail-fallback {
display: block;
width: 100%;
margin: 0;
overflow: hidden;
border-radius: 18px;
aspect-ratio: 16 / 10;
box-shadow: 0 10px 22px rgba(12, 31, 42, 0.1);
}
body.single-post .mb-related-posts .mb-related-posts__media .post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
body.single-post .mb-related-posts .mb-related-posts__header {
position: absolute;
left: 0.85rem;
right: 0.85rem;
bottom: 0.8rem;
z-index: 2;
width: auto;
max-width: calc(100% - 1.7rem);
}
body.single-post .mb-related-posts .mb-related-posts__title {
margin: 0;
display: inline-block;
max-width: 100%;
padding: 0;
background: transparent;
border-radius: 0;
box-shadow: none;
}
body.single-post .mb-related-posts .mb-related-posts__title a {
display: inline-block;
max-width: 100%;
padding: 0.28em 0.6em 0.34em;
background: rgba(255, 255, 255, 0.9);
color: #132532;
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: 999px;
box-shadow: 0 12px 28px rgba(12, 31, 42, 0.12);
backdrop-filter: blur(10px);
text-decoration: none;
}
body.single-post .mb-related-posts .mb-related-posts__title span {
display: block;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: clamp(0.98rem, 1.3vw, 1.16rem);
font-weight: 700;
line-height: 1.2;
text-wrap: balance;
overflow-wrap: anywhere;
}
body.single-post .mb-related-posts .mb-related-posts__title a:hover,
body.single-post .mb-related-posts .mb-related-posts__title a:focus-visible {
background: rgba(255, 255, 255, 0.98);
color: #0f3d52;
} body.single-post .single-hero__lead {
display: grid;
grid-template-columns: minmax(0, var(--single-hero-copy-width));
justify-content: start;
margin-top: 0;
padding: 0.95rem 1rem 1.05rem;
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
border: 1px solid var(--single-border);
border-top: 0;
border-radius: 0 0 16px 16px;
}
body.single-post .single-hero__lead p {
margin: 0;
font-family: "Lora", serif;
font-size: clamp(0.95rem, 1.6vw, 1.05rem);
font-weight: 400;
line-height: 1.63;
letter-spacing: 0.01em;
color: #314a59;
text-wrap: pretty;
}
body.single-post .single-hero__breadcrumbs {
margin: 0;
font-size: 0.75rem;
line-height: 1.35;
min-width: 0;
}
body.single-post .single-hero__breadcrumbs .breadcrumbs {
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
gap: 0;
padding: 0;
color: var(--single-text-soft);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: 0.75rem;
line-height: 1.35;
letter-spacing: 0.03em;
text-transform: uppercase;
}
body.single-post .single-hero__breadcrumbs .breadcrumbs > span {
display: inline-flex;
align-items: center;
min-width: 0;
line-height: 1.35;
}
body.single-post .single-hero__breadcrumbs .breadcrumbs__link {
color: var(--single-text-soft);
text-decoration: none;
font-family: "Barlow Semi Condensed", sans-serif;
letter-spacing: 0.03em;
text-transform: uppercase;
}
body.single-post .single-hero__breadcrumbs .breadcrumbs__link:hover,
body.single-post .single-hero__breadcrumbs .breadcrumbs__link:focus-visible {
color: var(--single-accent-strong);
text-decoration: underline;
text-underline-offset: 0.14em;
}
body.single-post .single-hero__breadcrumbs .breadcrumbs__separator {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 0.56rem;
color: transparent;
font-size: 0;
}
body.single-post .single-hero__breadcrumbs .breadcrumbs__separator::before {
content: "";
display: block;
width: 4px;
height: 4px;
border-radius: 50%;
background: rgba(27, 105, 135, 0.32);
}
body.single-post .single-hero__breadcrumbs .breadcrumbs__current {
display: inline-flex;
align-items: center;
color: var(--single-text-soft);
font-family: "Barlow Semi Condensed", sans-serif;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
} body.single-post .single-hero + .entry-content {
margin-top: 1.1rem;
}
body.single-post .entry-content {
max-width: 920px;
margin: 1.85rem auto 0;
padding: 0;
color: var(--single-text);
}
body.single-post .entry-content > * {
margin-left: auto;
margin-right: auto;
}
body.single-post .entry-content > p,
body.single-post .entry-content > ul,
body.single-post .entry-content > ol,
body.single-post .entry-content > blockquote,
body.single-post .entry-content > .wp-block-image,
body.single-post .entry-content > .wp-block-gallery,
body.single-post .entry-content > .wp-block-embed,
body.single-post .entry-content > .wp-block-table,
body.single-post .entry-content > .wp-block-group {
max-width: var(--single-article-measure);
}
body.single-post .entry-content > p {
margin-bottom: 1.38rem;
font-family: "Lora", serif;
font-size: clamp(1.02rem, 0.45vw + 0.96rem, 1.11rem);
line-height: 1.94;
letter-spacing: 0.002em;
color: #243947;
text-wrap: pretty;
text-align: left;
}
body.single-post .entry-content > p + p {
text-indent: 1.15rem;
}
body.single-post .entry-content > p:first-of-type {
margin-bottom: 1.55rem;
font-size: clamp(1.1rem, 0.65vw + 1rem, 1.26rem);
line-height: 1.86;
letter-spacing: 0.004em;
color: #173243;
}
body.single-post .entry-content > p:first-of-type::first-letter {
float: none;
margin: 0;
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
body.single-post .mb-short-reflection .entry-content {
--single-article-measure: min(100%, 43rem);
}
body.single-post .mb-short-reflection .entry-content > p,
body.single-post .mb-short-reflection .entry-content > blockquote,
body.single-post .mb-short-reflection .entry-content > .wp-block-quote {
max-width: min(100%, 40.5rem);
margin-left: auto;
margin-right: auto;
}
body.single-post .mb-short-reflection .entry-content > p:first-of-type {
margin-top: 0.2rem;
margin-bottom: 1rem;
padding: 1.2rem 1.4rem 1.25rem 1.75rem;
background: linear-gradient(180deg, rgba(252, 249, 242, 0.98) 0%, rgba(245, 241, 233, 0.98) 100%);
border: 1px solid rgba(111, 94, 73, 0.14);
border-radius: 22px;
box-shadow: 0 14px 28px rgba(39, 30, 18, 0.05);
font-size: clamp(1.12rem, 0.72vw + 1.02rem, 1.33rem);
line-height: 1.76;
letter-spacing: 0;
text-align: center;
text-wrap: balance;
color: #3a3127;
position: relative;
overflow: hidden;
}
body.single-post .mb-short-reflection .entry-content > p:first-of-type::before {
content: "";
position: absolute;
top: 0.9rem;
bottom: 0.9rem;
left: 0.95rem;
width: 1px;
border-radius: 999px;
background: linear-gradient(180deg, rgba(89, 76, 58, 0.04) 0%, rgba(89, 76, 58, 0.32) 50%, rgba(89, 76, 58, 0.06) 100%);
pointer-events: none;
}
body.single-post .mb-short-reflection .entry-content > p:first-of-type::after {
content: "\201D";
position: absolute;
top: 0.05rem;
right: 0.62rem;
left: auto;
color: rgba(89, 76, 58, 0.12);
font-family: Georgia, "Times New Roman", serif;
font-size: 4.7rem;
font-weight: 700;
line-height: 1;
letter-spacing: 0;
pointer-events: none;
}
body.single-post .mb-short-reflection .entry-content > p + p {
text-indent: 0;
}
body.single-post .mb-short-reflection .entry-content > .mb-content-cta {
max-width: min(100%, 40.5rem);
margin-inline: auto;
}
body.single-post .entry-content > h2,
body.single-post .entry-content > h3,
body.single-post .entry-content > h4 {
max-width: var(--single-article-measure);
margin-top: 2.7rem;
margin-bottom: 1rem;
color: #132d3b;
font-family: "Barlow Semi Condensed", sans-serif;
font-weight: 700;
line-height: 1.18;
letter-spacing: 0.01em;
text-wrap: balance;
}
body.single-post .entry-content > h2 {
padding-top: 0;
border-top: 0;
font-size: clamp(1.42rem, 1.2vw + 1.15rem, 1.82rem);
}
body.single-post .entry-content > h3 {
font-size: clamp(1.18rem, 0.95vw + 1rem, 1.46rem);
}
body.single-post .entry-content > h4 {
font-size: clamp(1.06rem, 0.65vw + 0.98rem, 1.24rem);
}
body.single-post .entry-content > .mb-toc-fallback-heading,
body.single-post .entry-content > .mb-toc-plain-heading {
max-width: var(--single-article-measure);
margin-top: 2.35rem;
margin-bottom: 0.9rem;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: clamp(1.12rem, 0.75vw + 1rem, 1.34rem);
font-weight: 700;
line-height: 1.24;
letter-spacing: 0.01em;
color: #173243;
text-indent: 0;
}
body.single-post .entry-content > .mb-toc-fallback-heading strong,
body.single-post .entry-content > .mb-toc-fallback-heading b,
body.single-post .entry-content > .mb-toc-fallback-heading em,
body.single-post .entry-content > .mb-toc-fallback-heading i,
body.single-post .entry-content > .mb-toc-plain-heading strong,
body.single-post .entry-content > .mb-toc-plain-heading b,
body.single-post .entry-content > .mb-toc-plain-heading em,
body.single-post .entry-content > .mb-toc-plain-heading i {
font-style: inherit;
font-weight: inherit;
}
body.single-post .entry-content > ul,
body.single-post .entry-content > ol {
padding-left: 1.35rem;
color: #213746;
}
body.single-post .entry-content > ul li,
body.single-post .entry-content > ol li {
margin-bottom: 0.72rem;
font-family: "Lora", serif;
font-size: 1.02rem;
line-height: 1.85;
}
body.single-post .entry-content > blockquote,
body.single-post .entry-content > .wp-block-quote {
max-width: calc(var(--single-article-measure) - 0.5rem);
margin-top: 2rem;
margin-bottom: 2rem;
padding: 1.25rem 1.45rem 1.2rem 1.5rem;
background: linear-gradient(180deg, #fcfdff 0%, #f4f8fb 100%);
border-left: 3px solid #1b6987;
border-radius: 0 18px 18px 0;
box-shadow: 0 14px 28px rgba(16, 37, 50, 0.05);
}
body.single-post .entry-content > blockquote p,
body.single-post .entry-content > .wp-block-quote p {
margin-bottom: 0;
font-size: clamp(1.04rem, 0.45vw + 0.98rem, 1.16rem);
line-height: 1.82;
font-style: italic;
text-indent: 0;
}
body.single-post .mb-article-facts {
max-width: var(--single-article-measure);
margin: 0.35rem auto 1.9rem;
padding: 1.05rem 1.1rem;
background: linear-gradient(180deg, #fbfdff 0%, #f4f8fb 100%);
border: 1px solid var(--single-border);
border-radius: 16px;
box-shadow: 0 10px 22px rgba(15, 34, 48, 0.04);
}
body.single-post .mb-article-facts__item {
margin: 0;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: 0.92rem;
line-height: 1.55;
color: #426170;
}
body.single-post .mb-article-facts__item + .mb-article-facts__item {
margin-top: 0.38rem;
padding-top: 0.38rem;
border-top: 1px solid rgba(24, 67, 88, 0.08);
}
body.single-post .mb-article-toc {
max-width: var(--single-article-measure);
margin: 1.5rem auto 1.9rem;
padding: 1.15rem 1.25rem 1.2rem;
background: linear-gradient(180deg, #fbfdff 0%, #f2f7fb 100%);
border: 1px solid var(--single-border);
border-radius: 18px;
box-shadow: 0 12px 28px rgba(15, 34, 48, 0.045);
}
body.single-post .mb-article-toc__eyebrow {
margin: 0 0 0.2rem;
color: var(--single-text-soft);
font-family: "Barlow Semi Condensed", sans-serif;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.11em;
text-transform: uppercase;
}
body.single-post .mb-article-toc__title {
margin: 0 0 0.9rem;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: clamp(1.1rem, 0.55vw + 1rem, 1.3rem);
font-weight: 700;
line-height: 1.16;
color: var(--single-text);
}
body.single-post .mb-article-toc__list {
counter-reset: mb-article-toc;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
gap: 0.3rem 1.5rem;
margin: 0;
padding: 0;
list-style: none;
}
body.single-post .mb-article-toc__item {
counter-increment: mb-article-toc;
position: relative;
margin: 0;
padding: 0 0 0.68rem;
border-bottom: 1px solid rgba(24, 67, 88, 0.1);
}
body.single-post .mb-article-toc__item::before {
content: counter(mb-article-toc, decimal-leading-zero);
display: block;
margin-bottom: 0.16rem;
color: var(--single-accent);
font-family: "Barlow Semi Condensed", sans-serif;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.1em;
}
body.single-post .mb-article-toc__item.is-level-3,
body.single-post .mb-article-toc__item.is-level-4 {
padding-left: 0.7rem;
}
body.single-post .mb-article-toc__item.is-level-5,
body.single-post .mb-article-toc__item.is-level-6 {
padding-left: 1rem;
}
body.single-post .mb-article-toc__link {
display: block;
padding: 0;
color: var(--single-text);
font-family: "Lora", serif;
font-size: 1rem;
line-height: 1.46;
text-decoration: none;
text-decoration-color: rgba(32, 54, 67, 0);
text-underline-offset: 0.16em;
background: transparent;
border: 0;
transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
body.single-post .mb-article-toc__link:hover,
body.single-post .mb-article-toc__link:focus-visible {
color: var(--single-accent-strong);
text-decoration-color: currentColor;
outline: 0;
}
body.single-post .entry-content + .entry-meta {
max-width: var(--single-article-measure);
margin: 2rem auto 0;
padding-top: 1rem;
border-top: 1px solid rgba(24, 67, 88, 0.12);
}
@media (max-width: 900px) {
body.single-post .single-hero__media .post-thumbnail {
aspect-ratio: 16 / 9.6;
max-height: min(44vh, 360px);
}
body.single-post .single-hero {
--single-hero-copy-width: calc(100% - 1.5rem);
--single-hero-inline-gap: 0.75rem;
--single-article-measure: min(100%, 40rem);
}
body.single-post .single-hero__header {
left: 0.75rem;
right: auto;
bottom: 0.56rem;
}
body.single-post .single-hero__title {
width: 100%;
padding: 0.3em 0.48em 0.34em;
font-size: clamp(1.06rem, 5vw, 1.4rem);
line-height: 1.2;
border-radius: 10px;
}
body.single-post .mb-related-posts .mb-related-posts__media {
margin-bottom: 0.7rem;
}
body.single-post .mb-related-posts .mb-related-posts__header {
left: 0.7rem;
right: 0.7rem;
bottom: 0.68rem;
max-width: calc(100% - 1.4rem);
}
body.single-post .mb-related-posts .mb-related-posts__title a {
padding: 0.24em 0.52em 0.3em;
}
body.single-post .mb-related-posts .mb-related-posts__title span {
font-size: 0.98rem;
}
body.single-post .single-hero__lead {
padding-left: 0.82rem;
padding-right: 0.82rem;
grid-template-columns: 1fr;
}
body.single-post .single-hero__utility {
grid-template-columns: 1fr;
padding: 0.56rem 0.72rem 0.62rem;
border-radius: 12px 12px 0 0;
}
body.single-post .single-hero__meta-line {
flex-wrap: wrap;
white-space: normal;
justify-content: flex-start;
gap: 0.3rem 0;
font-size: 0.7rem;
}
body.single-post .single-hero__meta-line > * + * {
margin-left: 0.46rem;
padding-left: 0.56rem;
}
body.single-post .entry-content {
margin-top: 1.2rem;
}
body.single-post .entry-content > p {
font-size: 1rem;
line-height: 1.82;
}
body.single-post .mb-short-reflection .entry-content > p:first-of-type {
padding: 0.98rem 0.95rem 1rem 1.3rem;
font-size: 1rem;
line-height: 1.68;
}
body.single-post .mb-short-reflection .entry-content > p:first-of-type::before {
left: 0.72rem;
}
body.single-post .mb-short-reflection .entry-content > p:first-of-type::after {
right: 0.46rem;
font-size: 3.8rem;
}
body.single-post .entry-content > p + p {
text-indent: 0.8rem;
}
body.single-post .mb-article-facts {
padding: 0.85rem 0.9rem;
border-radius: 12px;
}
body.single-post .mb-article-toc {
padding: 0.96rem 1rem 1rem;
border-radius: 16px;
}
body.single-post .mb-article-toc__list {
grid-template-columns: 1fr;
}
}
@media (max-width: 520px) {
body.single-post .single-hero__utility {
gap: 0.42rem;
}
body.single-post .single-hero__meta-line {
gap: 0.3rem 0.45rem;
}
body.single-post .single-hero__cats {
width: 100%;
}
body.single-post .single-hero__reading-time {
padding-inline: 0.38rem;
}
body.single-post .single-hero__lead {
padding-top: 0.78rem;
padding-bottom: 0.88rem;
}
body.single-post .single-hero__lead p {
font-size: 0.93rem;
line-height: 1.56;
}
body.single-post .entry-content > p + p {
text-indent: 0;
}
body.single-post .mb-article-toc__link {
font-size: 0.95rem;
}
}body.archive .site-main .post,
body.search .site-main .post,
body.blog .site-main .post {
display: flex;
flex-direction: column;
}
body.archive .archive-card,
body.search .archive-card,
body.blog .archive-card {
display: block;
}
body.archive .archive-card__utility,
body.search .archive-card__utility,
body.blog .archive-card__utility {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.42rem 0.7rem;
margin: 0;
padding: 0.38rem 0.6rem;
background: #f3f5f7;
border: 1px solid rgba(22, 48, 66, 0.16);
border-bottom: 0;
border-radius: 12px 12px 0 0;
}
body.archive .archive-card__meta,
body.search .archive-card__meta,
body.blog .archive-card__meta {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0.24rem 0.5rem;
color: #385463;
font-size: 0.73rem;
line-height: 1.2;
}
body.archive .archive-card__media,
body.search .archive-card__media,
body.blog .archive-card__media {
position: relative;
}
body.archive .archive-card__media .post-thumbnail,
body.search .archive-card__media .post-thumbnail,
body.blog .archive-card__media .post-thumbnail {
margin: 0;
width: 100%;
aspect-ratio: 16 / 9;
}
body.archive .archive-card__media .post-thumbnail img,
body.search .archive-card__media .post-thumbnail img,
body.blog .archive-card__media .post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
body.archive .archive-card__header,
body.search .archive-card__header,
body.blog .archive-card__header {
position: absolute;
left: 0.75rem;
right: 0.75rem;
bottom: 0.58rem;
z-index: 3;
}
body.archive .archive-card__title,
body.search .archive-card__title,
body.blog .archive-card__title {
margin: 0;
display: inline-block;
max-width: 100%;
padding: 0;
background: transparent;
color: #132734;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: clamp(1rem, 2vw, 1.34rem);
font-weight: 700;
line-height: 1.2;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
border-radius: 0;
box-shadow: none;
}
body.archive .archive-card__title a,
body.search .archive-card__title a,
body.blog .archive-card__title a {
display: inline-block;
max-width: 100%;
padding: 0.28em 0.6em 0.34em;
background: rgba(255, 255, 255, 0.92);
color: #132532;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 999px;
box-shadow: 0 12px 28px rgba(12, 31, 42, 0.12);
backdrop-filter: blur(10px);
text-decoration: none;
}
body.archive .archive-card__title a:hover,
body.search .archive-card__title a:hover,
body.blog .archive-card__title a:hover,
body.archive .archive-card__title a:focus-visible,
body.search .archive-card__title a:focus-visible,
body.blog .archive-card__title a:focus-visible {
background: rgba(255, 255, 255, 0.98);
color: #0f3d52;
}
body.archive .archive-card__excerpt,
body.search .archive-card__excerpt,
body.blog .archive-card__excerpt {
margin-top: 0;
padding: 0.72rem 0.86rem 0.78rem;
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
border: 1px solid rgba(23, 56, 71, 0.12);
border-top: 0;
border-radius: 0 0 12px 12px;
min-height: 92px;
}
body.archive .archive-card__excerpt p,
body.search .archive-card__excerpt p,
body.blog .archive-card__excerpt p {
margin: 0;
font-size: 0.88rem;
line-height: 1.46;
color: #2f4656;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 900px) {
body.archive .archive-card__title,
body.search .archive-card__title,
body.blog .archive-card__title {
font-size: clamp(0.94rem, 3.5vw, 1.15rem);
}
body.archive .archive-card__excerpt,
body.search .archive-card__excerpt,
body.blog .archive-card__excerpt {
min-height: 82px;
}
}.entry-content .mb-attachments {
margin: 1rem 0 1.15rem;
}
.entry-content .mb-attachments__label {
margin: 0 0 0.55rem;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: 1rem;
font-weight: 700;
color: #203949;
}
.entry-content .mb-attachments__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.7rem;
}
.entry-content .mb-attachments__card {
margin: 0;
background: #ffffff;
border: 1px solid rgba(23, 56, 71, 0.12);
border-radius: 12px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.entry-content .mb-attachments__utility {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.4rem 0.6rem;
margin: 0;
padding: 0.32rem 0.52rem;
background: #f3f5f7;
border-bottom: 1px solid rgba(23, 56, 71, 0.12);
border-radius: 12px 12px 0 0;
}
.entry-content .mb-attachments__meta {
font-size: 0.72rem;
color: #51687a;
line-height: 1.2;
}
.entry-content .mb-attachments__media .post-thumbnail {
width: 100%;
aspect-ratio: 16 / 9;
margin: 0;
display: block;
overflow: hidden;
border-radius: 0 0 12px 12px;
}
.entry-content .mb-attachments__media {
margin-top: -1px;
}
.entry-content .mb-attachments__media .post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.entry-content .mb-attachments__media .archive-card__header {
position: absolute;
left: 0.55rem;
right: 0.55rem;
bottom: 0.48rem;
z-index: 3;
}
.entry-content .mb-attachments__media .archive-card__title {
font-size: clamp(0.86rem, 1.3vw, 1rem);
margin: 0;
}
.entry-content .mb-attachments__media .archive-card__title span {
display: inline-block;
padding: 0.28em 0.52em 0.3em;
background: rgba(255, 255, 255, 0.92);
color: #132532;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 999px;
box-shadow: 0 12px 28px rgba(12, 31, 42, 0.12);
backdrop-filter: blur(10px);
}
@media (max-width: 800px) {
.entry-content .mb-attachments__grid {
grid-template-columns: 1fr;
}
}.entry-content .mb-video-embed {
margin: 1rem 0 1.2rem;
border-radius: 16px;
overflow: hidden;
background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
border: 1px solid rgba(23, 56, 71, 0.14);
box-shadow: 0 10px 22px rgba(19, 41, 53, 0.08);
}
.entry-content .mb-video-embed__utility {
position: absolute;
top: 0.6rem;
left: 0.6rem;
right: 0.6rem;
z-index: 5;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.44rem;
padding: 0.34rem 0.54rem;
background: rgba(247, 250, 253, 0.92);
border: 1px solid rgba(23, 56, 71, 0.14);
border-radius: 10px;
backdrop-filter: blur(2px);
}
.entry-content .mb-video-embed__chips {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 0.3rem;
}
.entry-content .mb-video-embed__chip {
display: inline-flex;
align-items: center;
padding: 0.15rem 0.44rem;
border-radius: 999px;
font-size: 0.66rem;
font-weight: 700;
letter-spacing: 0.01em;
color: #20465b;
background: rgba(217, 238, 248, 0.95);
border: 1px solid rgba(57, 113, 143, 0.3);
}
.entry-content .mb-video-embed__media {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #000000;
border-radius: 16px 16px 0 0;
}
.entry-content .mb-video-embed__activate {
position: absolute;
inset: 0;
display: block;
width: 100% !important;
height: 100% !important;
margin: 0;
padding: 0;
border: 0;
background: #0d1d28;
cursor: pointer;
overflow: hidden;
}
.entry-content .mb-video-embed__activate img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: saturate(0.95) contrast(1.02);
}
.entry-content .mb-video-embed__play {
position: absolute;
left: 50%;
top: 50%;
width: 78px;
height: 54px;
transform: translate(-50%, -50%);
border-radius: 14px;
background: rgba(207, 40, 40, 0.92);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}
.entry-content .mb-video-embed__play::before {
content: "";
position: absolute;
left: 31px;
top: 16px;
width: 0;
height: 0;
border-left: 20px solid #ffffff;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
}
.entry-content .mb-video-embed__media iframe {
position: absolute;
inset: 0;
display: block;
width: 100% !important;
height: 100% !important;
max-height: none !important;
border: 0;
background: #000000;
}
.entry-content .mb-video-embed__excerpt p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.entry-content .mb-video-embed__excerpt {
margin: 0;
padding: 0.88rem 0.96rem 0.92rem;
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
border-top: 1px solid rgba(23, 56, 71, 0.1);
border-radius: 0 0 16px 16px;
}
.entry-content .mb-video-embed .archive-card__header {
z-index: 4;
}
.entry-content .mb-video-embed .archive-card__title span {
display: inline-block;
padding: 0.28em 0.52em 0.3em;
background: rgba(255, 255, 255, 0.92);
color: #132532;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 999px;
box-shadow: 0 12px 28px rgba(12, 31, 42, 0.12);
backdrop-filter: blur(10px);
}
html.mb-video-embeds-hidden .mb-video-embed {
display: none !important;
}.mb-lightbox {
position: fixed;
inset: 0;
display: none;
align-items: center;
justify-content: center;
padding: 1.2rem;
background: rgba(10, 20, 30, 0.78);
backdrop-filter: blur(2px);
z-index: 9999;
}
.mb-lightbox.is-open {
display: flex;
}
.mb-lightbox__dialog {
position: relative;
max-width: min(92vw, 1180px);
max-height: 90vh;
}
.mb-lightbox__img {
display: block;
max-width: 100%;
max-height: 90vh;
width: auto;
height: auto;
border-radius: 12px;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32);
background: #ffffff;
}
.mb-lightbox__close {
position: absolute;
top: -0.5rem;
right: -0.5rem;
width: 2.15rem;
height: 2.15rem;
padding: 0;
border: 0;
border-radius: 999px;
background: #ffffff;
color: #17384b;
font-size: 1.35rem;
font-weight: 700;
line-height: 1;
cursor: pointer;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}.post-thumbnail-fallback {
position: relative;
display: block;
width: 100%;
aspect-ratio: 5 / 3;
overflow: hidden;
isolation: isolate;
border-radius: 30% 70% 36% 64% / 26% 32% 68% 74%;
background: linear-gradient(140deg, #f9fbff 0%, #f0f5ff 38%, #eef8f7 72%, #f8f3ff 100%);
border: 1px solid rgba(53, 86, 110, 0.1);
box-shadow: 0 10px 28px rgba(24, 45, 62, 0.1);
}
.post-thumbnail-fallback::before,
.post-thumbnail-fallback::after {
content: "";
position: absolute;
pointer-events: none;
z-index: 1;
background: rgba(255, 255, 255, 0.54);
border: 1px solid rgba(255, 255, 255, 0.76);
}
.post-thumbnail-fallback::before {
left: -10%;
top: 10%;
width: 40%;
height: 36%;
border-radius: 64% 36% 58% 42% / 44% 56% 54% 46%;
}
.post-thumbnail-fallback::after {
right: -12%;
bottom: -8%;
width: 48%;
height: 40%;
border-radius: 40% 60% 34% 66% / 58% 42% 64% 36%;
}
.post-thumbnail-fallback__overlay {
position: absolute;
inset: 0;
z-index: 1;
background:
radial-gradient(circle at 18% 30%, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 44%),
radial-gradient(circle at 74% 66%, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0) 46%),
radial-gradient(circle at 52% 44%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 32%);
}
.post-thumbnail-fallback__label {
position: absolute;
top: 12px;
left: 14px;
z-index: 3;
padding: 4px 11px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.84);
border: 1px solid rgba(31, 91, 117, 0.22);
color: #1f6578;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.post-thumbnail-fallback__words {
position: absolute;
inset: 0;
z-index: 3;
}
.post-thumbnail-fallback__word {
position: absolute;
display: inline-block;
padding: 8px 16px 9px;
border: 1px solid rgba(42, 75, 96, 0.14);
color: #334b62;
font-family: "Barlow Semi Condensed", sans-serif;
font-weight: 700;
line-height: 1.15;
white-space: nowrap;
box-shadow: 0 3px 10px rgba(255, 255, 255, 0.45);
letter-spacing: 0.01em;
max-width: min(88%, 560px);
overflow: hidden;
text-overflow: ellipsis;
} .post-thumbnail-fallback__word.word-1 {
left: 50%;
top: 38%;
transform: translate(-50%, -50%);
font-size: clamp(1.45rem, 3vw, 2.1rem);
padding: 12px 22px 13px;
background: rgba(255, 243, 206, 0.9);
border-radius: 52% 48% 60% 40% / 44% 56% 50% 50%;
z-index: 4;
}
.post-thumbnail-fallback__word.word-2 {
left: 50%;
top: 56%;
transform: translate(-50%, -50%);
font-size: clamp(1.12rem, 2.2vw, 1.56rem);
background: rgba(220, 242, 255, 0.88);
border-radius: 34% 66% 48% 52% / 58% 42% 62% 38%;
z-index: 4;
}
.post-thumbnail-fallback__word.word-3 {
left: 16%;
top: 24%;
font-size: clamp(0.94rem, 1.7vw, 1.16rem);
background: rgba(232, 252, 236, 0.9);
border-radius: 56% 44% 40% 60% / 38% 62% 44% 56%;
}
.post-thumbnail-fallback__word.word-4 {
right: 12%;
top: 22%;
font-size: clamp(0.92rem, 1.65vw, 1.12rem);
background: rgba(238, 229, 255, 0.88);
border-radius: 48% 52% 66% 34% / 52% 48% 60% 40%;
}
.post-thumbnail-fallback__word.word-5 {
left: 9%;
top: 50%;
font-size: clamp(0.9rem, 1.5vw, 1.05rem);
background: rgba(255, 231, 240, 0.86);
border-radius: 68% 32% 50% 50% / 44% 56% 42% 58%;
}
.post-thumbnail-fallback__word.word-6 {
right: 9%;
top: 52%;
font-size: clamp(0.88rem, 1.45vw, 1.04rem);
background: rgba(224, 255, 247, 0.86);
border-radius: 42% 58% 36% 64% / 62% 38% 52% 48%;
}
.post-thumbnail-fallback__word.word-7 {
left: 20%;
top: 74%;
font-size: clamp(0.86rem, 1.35vw, 1rem);
background: rgba(255, 244, 219, 0.86);
border-radius: 58% 42% 64% 36% / 34% 66% 40% 60%;
}
.post-thumbnail-fallback__word.word-8 {
right: 18%;
top: 74%;
font-size: clamp(0.84rem, 1.3vw, 0.98rem);
background: rgba(225, 239, 255, 0.9);
border-radius: 40% 60% 52% 48% / 60% 40% 58% 42%;
}
.post-thumbnail-fallback__word.word-9 {
left: 36%;
top: 20%;
font-size: clamp(0.82rem, 1.25vw, 0.96rem);
background: rgba(240, 255, 232, 0.9);
border-radius: 64% 36% 46% 54% / 48% 52% 62% 38%;
}
.post-thumbnail-fallback__word.word-10 {
right: 33%;
top: 80%;
font-size: clamp(0.8rem, 1.2vw, 0.94rem);
background: rgba(255, 236, 222, 0.9);
border-radius: 36% 64% 68% 32% / 42% 58% 34% 66%;
} .site-main article:nth-of-type(10n + 1) .post-thumbnail-fallback {
border-radius: 26% 74% 34% 66% / 18% 28% 72% 82%;
}
.site-main article:nth-of-type(10n + 2) .post-thumbnail-fallback {
border-radius: 44% 56% 62% 38% / 24% 40% 60% 76%;
}
.site-main article:nth-of-type(10n + 3) .post-thumbnail-fallback {
border-radius: 62% 38% 32% 68% / 34% 18% 82% 66%;
}
.site-main article:nth-of-type(10n + 4) .post-thumbnail-fallback {
border-radius: 30% 70% 56% 44% / 22% 36% 64% 78%;
}
.site-main article:nth-of-type(10n + 5) .post-thumbnail-fallback {
border-radius: 52% 48% 26% 74% / 30% 24% 76% 70%;
}
.site-main article:nth-of-type(10n + 6) .post-thumbnail-fallback {
border-radius: 20% 80% 46% 54% / 34% 14% 86% 66%;
}
.site-main article:nth-of-type(10n + 7) .post-thumbnail-fallback {
border-radius: 68% 32% 22% 78% / 26% 44% 56% 74%;
}
.site-main article:nth-of-type(10n + 8) .post-thumbnail-fallback {
border-radius: 38% 62% 74% 26% / 38% 20% 80% 62%;
}
.site-main article:nth-of-type(10n + 9) .post-thumbnail-fallback {
border-radius: 24% 76% 58% 42% / 12% 42% 58% 88%;
}
.site-main article:nth-of-type(10n + 10) .post-thumbnail-fallback {
border-radius: 56% 44% 18% 82% / 28% 48% 52% 72%;
} .site-main article:nth-of-type(10n + 1) .post-thumbnail-fallback::before {
top: 6%;
left: -12%;
width: 36%;
height: 30%;
border-radius: 38% 62% 70% 30% / 50% 50% 60% 40%;
}
.site-main article:nth-of-type(10n + 1) .post-thumbnail-fallback::after {
top: 44%;
right: -10%;
width: 30%;
height: 26%;
border-radius: 72% 28% 44% 56% / 36% 64% 34% 66%;
}
.site-main article:nth-of-type(10n + 2) .post-thumbnail-fallback::before {
top: 30%;
left: -12%;
width: 26%;
height: 24%;
border-radius: 64% 36% 42% 58% / 66% 34% 50% 50%;
}
.site-main article:nth-of-type(10n + 2) .post-thumbnail-fallback::after {
top: 10%;
right: -8%;
width: 24%;
height: 20%;
border-radius: 30% 70% 60% 40% / 44% 56% 66% 34%;
}
.site-main article:nth-of-type(10n + 3) .post-thumbnail-fallback::before {
top: 12%;
left: -8%;
width: 18%;
height: 16%;
border-radius: 78% 22% 52% 48% / 40% 60% 34% 66%;
}
.site-main article:nth-of-type(10n + 3) .post-thumbnail-fallback::after {
top: 36%;
right: -14%;
width: 34%;
height: 30%;
border-radius: 48% 52% 24% 76% / 62% 38% 68% 32%;
}
.site-main article:nth-of-type(10n + 4) .post-thumbnail-fallback::before {
top: 40%;
left: -10%;
width: 24%;
height: 20%;
border-radius: 34% 66% 74% 26% / 58% 42% 46% 54%;
}
.site-main article:nth-of-type(10n + 4) .post-thumbnail-fallback::after {
top: 12%;
right: -12%;
width: 26%;
height: 22%;
border-radius: 70% 30% 46% 54% / 30% 70% 52% 48%;
}
.site-main article:nth-of-type(10n + 5) .post-thumbnail-fallback::before {
top: 8%;
left: -14%;
width: 30%;
height: 26%;
border-radius: 58% 42% 30% 70% / 70% 30% 56% 44%;
}
.site-main article:nth-of-type(10n + 5) .post-thumbnail-fallback::after {
top: 46%;
right: -8%;
width: 20%;
height: 16%;
border-radius: 26% 74% 66% 34% / 42% 58% 78% 22%;
}
.site-main article:nth-of-type(10n + 6) .post-thumbnail-fallback::before {
top: 22%;
left: -13%;
width: 28%;
height: 24%;
border-radius: 66% 34% 38% 62% / 74% 26% 52% 48%;
}
.site-main article:nth-of-type(10n + 6) .post-thumbnail-fallback::after {
top: 8%;
right: -6%;
width: 18%;
height: 15%;
border-radius: 32% 68% 58% 42% / 46% 54% 72% 28%;
}
.site-main article:nth-of-type(10n + 7) .post-thumbnail-fallback::before {
top: 6%;
left: -9%;
width: 16%;
height: 14%;
border-radius: 82% 18% 54% 46% / 36% 64% 30% 70%;
}
.site-main article:nth-of-type(10n + 7) .post-thumbnail-fallback::after {
top: 38%;
right: -15%;
width: 36%;
height: 31%;
border-radius: 54% 46% 22% 78% / 64% 36% 70% 30%;
}
.site-main article:nth-of-type(10n + 8) .post-thumbnail-fallback::before {
top: 30%;
left: -9%;
width: 23%;
height: 19%;
border-radius: 28% 72% 76% 24% / 60% 40% 46% 54%;
}
.site-main article:nth-of-type(10n + 8) .post-thumbnail-fallback::after {
top: 12%;
right: -13%;
width: 28%;
height: 24%;
border-radius: 76% 24% 42% 58% / 28% 72% 58% 42%;
}
.site-main article:nth-of-type(10n + 9) .post-thumbnail-fallback::before {
top: 14%;
left: -12%;
width: 27%;
height: 23%;
border-radius: 50% 50% 20% 80% / 70% 30% 62% 38%;
}
.site-main article:nth-of-type(10n + 9) .post-thumbnail-fallback::after {
top: 44%;
right: -7%;
width: 18%;
height: 15%;
border-radius: 24% 76% 68% 32% / 44% 56% 80% 20%;
}
.site-main article:nth-of-type(10n + 10) .post-thumbnail-fallback::before {
top: 5%;
left: -7%;
width: 15%;
height: 13%;
border-radius: 72% 28% 56% 44% / 44% 56% 22% 78%;
}
.site-main article:nth-of-type(10n + 10) .post-thumbnail-fallback::after {
top: 24%;
right: -14%;
width: 35%;
height: 30%;
border-radius: 62% 38% 32% 68% / 26% 74% 64% 36%;
}
@media (max-width: 768px) {
.post-thumbnail-fallback {
aspect-ratio: 16 / 10;
}
.post-thumbnail-fallback__word {
max-width: 90%;
padding: 6px 12px 7px;
}
.post-thumbnail-fallback__word.word-1 {
font-size: clamp(1.08rem, 4.6vw, 1.35rem);
left: 50%;
top: 42%;
}
.post-thumbnail-fallback__word.word-2 {
font-size: clamp(0.92rem, 3.4vw, 1.1rem);
left: 50%;
top: 59%;
}
.post-thumbnail-fallback__word.word-3 { top: 22%; left: 8%; }
.post-thumbnail-fallback__word.word-4 { top: 20%; right: 6%; }
.post-thumbnail-fallback__word.word-5 { top: 52%; left: 4%; }
.post-thumbnail-fallback__word.word-6 { top: 54%; right: 4%; }
.post-thumbnail-fallback__word.word-7 { top: 74%; left: 12%; }
.post-thumbnail-fallback__word.word-8 { top: 75%; right: 10%; }
.post-thumbnail-fallback__word.word-9 { display: none; }
.post-thumbnail-fallback__word.word-10 { display: none; }
} .mb-random-posts-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.9rem;
margin: 0.8rem 0 1.2rem;
}
.mb-random-post-card {
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
.mb-random-post-card .post-thumbnail {
display: block;
margin: 0 0 0.45rem;
overflow: hidden;
border-radius: 12px;
}
.mb-random-post-card .post-thumbnail-fallback {
aspect-ratio: 16 / 9;
overflow: visible;
border-radius: 0;
}
.mb-random-post-card .post-thumbnail:not(.post-thumbnail-fallback) img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.mb-random-post-card__title {
margin: 0;
font-size: 0.95rem;
line-height: 1.35;
}
.mb-random-post-card__title a {
color: #173b50;
text-decoration: none;
}
.mb-random-post-card__title a:hover {
color: #0f637f;
} body.archive .site-main article .post-thumbnail img,
body.blog .site-main article .post-thumbnail img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
body.archive .site-main article .post-thumbnail,
body.blog .site-main article .post-thumbnail {
width: 100%;
aspect-ratio: 16 / 9;
} body.archive .post-thumbnail-fallback,
body.blog .post-thumbnail-fallback {
border: 0;
box-shadow: none;
}
body.archive .post-thumbnail:not(.post-thumbnail-fallback),
body.blog .post-thumbnail:not(.post-thumbnail-fallback) {
border-radius: 12px;
overflow: hidden;
} .mb-random-post-card:nth-child(5n + 1) .post-thumbnail-fallback {
border-radius: 26% 74% 34% 66% / 22% 38% 62% 78%;
}
.mb-random-post-card:nth-child(5n + 2) .post-thumbnail-fallback {
border-radius: 64% 36% 58% 42% / 34% 24% 76% 66%;
}
.mb-random-post-card:nth-child(5n + 3) .post-thumbnail-fallback {
border-radius: 38% 62% 74% 26% / 48% 20% 80% 52%;
}
.mb-random-post-card:nth-child(5n + 4) .post-thumbnail-fallback {
border-radius: 56% 44% 26% 74% / 26% 56% 44% 74%;
}
.mb-random-post-card:nth-child(5n + 5) .post-thumbnail-fallback {
border-radius: 30% 70% 62% 38% / 16% 42% 58% 84%;
}
@media (max-width: 640px) {
.mb-random-posts-grid {
grid-template-columns: 1fr;
}
} .entry-content .mb-inline-image-fallback {
position: relative;
display: block;
width: min(100%, 480px);
min-height: 150px;
margin: 0.6rem auto 1rem;
padding: 1rem 1rem 0.9rem;
border-radius: 58% 42% 48% 52% / 38% 52% 48% 62%;
background: linear-gradient(145deg, #f8fcff 0%, #eef6ff 45%, #f6fcf8 100%);
border: 1px solid rgba(40, 72, 93, 0.16);
box-shadow: 0 8px 20px rgba(24, 46, 62, 0.08);
}
.entry-content .mb-inline-image-fallback__cloud {
position: absolute;
inset: 0;
border-radius: inherit;
background:
radial-gradient(circle at 20% 28%, rgba(255, 255, 255, 0.78) 0, rgba(255, 255, 255, 0) 44%),
radial-gradient(circle at 78% 66%, rgba(255, 255, 255, 0.68) 0, rgba(255, 255, 255, 0) 42%);
}
.entry-content .mb-inline-image-fallback__words {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
.entry-content .mb-inline-image-fallback__word {
display: inline-block;
padding: 0.32rem 0.7rem 0.36rem;
border-radius: 999px;
background: rgba(255, 255, 255, 0.86);
border: 1px solid rgba(30, 72, 94, 0.18);
color: #1f4f67;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: clamp(0.86rem, 1.35vw, 1.02rem);
font-weight: 700;
line-height: 1.15;
}.wpel-icon.dashicons-before:before {
font-size: inherit;
line-height: inherit;
width: auto;
}
.wpel-icon-left i.wpel-icon.dashicons-before {
margin-right: 0.2em;
}
.wpel-icon-right i.wpel-icon.dashicons-before {
margin-left: 0.2em;
}
.wpel-icon-left i.wpel-icon {
margin-right: 0.3em;
}
.wpel-icon-right i.wpel-icon {
margin-left: 0.3em;
}
.wpel-icon.wpel-image {
display: inline-block;
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-position: 100% 50%;
}
.wpel-icon-left .wpel-icon.wpel-image {
margin-right: 0.3em;
}
.wpel-icon-right .wpel-icon.wpel-image {
margin-left: 0.3em;
}
.wpel-icon-1 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-1.png);
}
.wpel-icon-2 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-2.png);
}
.wpel-icon-3 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-3.png);
}
.wpel-icon-4 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-4.png);
}
.wpel-icon-5 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-5.png);
}
.wpel-icon-6 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-6.png);
}
.wpel-icon-7 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-7.png);
}
.wpel-icon-8 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-8.png);
}
.wpel-icon-9 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-9.png);
}
.wpel-icon-10 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-10.png);
}
.wpel-icon-11 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-11.png);
}
.wpel-icon-12 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-12.png);
}
.wpel-icon-13 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-13.png);
}
.wpel-icon-14 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-14.png);
}
.wpel-icon-15 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-15.png);
}
.wpel-icon-16 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-16.png);
}
.wpel-icon-17 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-17.png);
}
.wpel-icon-18 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-18.png);
}
.wpel-icon-19 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-19.png);
}
.wpel-icon-20 {
background-image: url(//www.narodzenie.pl/wp-content/plugins/wp-external-links/public/images/wpel-icons/icon-20.png);
}:root {
--mb-surface: #ffffff;
--mb-surface-soft: #f6f8fb;
--mb-surface-strong: #eef3f8;
--mb-border-soft: rgba(15, 23, 42, 0.12);
--mb-border-strong: rgba(15, 23, 42, 0.18);
--mb-text: #13212b;
--mb-text-soft: #52606d;
--mb-accent: #0d6e97;
--mb-accent-strong: #0b5574;
--mb-focus-ring: 0 0 0 3px rgba(13, 110, 151, 0.22);
--mb-shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.07);
--mb-radius-sm: 10px;
--mb-radius-md: 16px;
--mb-radius-lg: 22px;
}
html {
scroll-behavior: smooth;
}
body {
color: var(--mb-text);
text-rendering: optimizeLegibility;
}
body,
button,
input,
select,
optgroup,
textarea {
font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}
.mb-icon {
display: inline-block;
width: 1em;
height: 1em;
flex: 0 0 auto;
vertical-align: -0.12em;
fill: currentColor;
}
.menu-toggle .mb-icon,
.search-icon .mb-icon {
width: 1.1em;
height: 1.1em;
vertical-align: middle;
}
.mb-social-links a .mb-icon,
.posted-on .mb-icon,
.byline .mb-icon,
.comments-link .mb-icon {
margin-right: 0.38rem;
}
.theme-stretched-link {
position: static;
}
.theme-stretched-link::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.theme-overlay-link {
pointer-events: none;
display: block;
}
.theme-banner-slider .splide__slide,
.banner-featured-post,
.mb-featured-article .mb-article-block {
position: relative;
}
.mb-article-block-content,
.theme-banner-content .cat-links a,
.theme-banner-content .theme-banner-meta a,
.theme-banner-content .theme-banner-title a,
.mb-article-block-content .cat-links a,
.mb-article-block-content .entry-meta a,
.mb-article-block-content .entry-title a {
position: relative;
z-index: 2;
}
.theme-banner-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.front-page-banner-section .theme-banner-content a,
.front-page-banner-section .theme-banner-title a,
.front-page-banner-section .theme-banner-meta a,
.front-page-banner-section .cat-links a {
text-decoration: none;
}
.front-page-banner-section .theme-banner-content a:hover,
.front-page-banner-section .theme-banner-content a:focus {
text-decoration: none;
}
.theme-banner-slider .splide__pagination {
bottom: 0.9rem;
gap: 0.15rem;
}
.theme-banner-slider .splide__pagination__page {
position: relative;
width: 24px;
height: 24px;
margin: 0;
border: 0;
background: transparent;
opacity: 1;
}
.theme-banner-slider .splide__pagination__page::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.72);
box-shadow: 0 0 0 1px rgba(19, 33, 43, 0.18);
transform: translate(-50%, -50%);
transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.theme-banner-slider .splide__pagination__page.is-active::after {
background: #ffffff;
box-shadow: 0 0 0 2px rgba(13, 110, 151, 0.28);
transform: translate(-50%, -50%) scale(1.32);
}
.theme-banner-slider .splide__pagination__page:hover::after,
.theme-banner-slider .splide__pagination__page:focus-visible::after {
background: #ffffff;
box-shadow: 0 0 0 2px rgba(13, 110, 151, 0.22);
}
a {
text-underline-offset: 0.15em;
text-decoration-thickness: 0.08em;
}
a:hover,
a:focus {
text-decoration-thickness: 0.12em;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.menu-toggle:focus-visible {
outline: 0;
box-shadow: var(--mb-focus-ring);
border-radius: var(--mb-radius-sm);
}
img {
height: auto;
}
figure {
margin: 0;
}
.site-content,
.site-main,
.widget,
.entry-content,
.entry-summary {
overflow-wrap: anywhere;
}
.entry-content > *:where(:not(.alignfull)),
.entry-summary > *:where(:not(.alignfull)),
.page-content > *:where(:not(.alignfull)) {
max-width: 100%;
}
.entry-content p,
.entry-summary p,
.page-content p,
.widget p {
line-height: 1.72;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.page-content h2,
.page-content h3,
.page-content h4 {
line-height: 1.22;
letter-spacing: -0.015em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
textarea,
select {
min-height: 46px;
padding: 0.72rem 0.9rem;
border: 1px solid var(--mb-border-soft);
border-radius: var(--mb-radius-sm);
background: var(--mb-surface);
color: var(--mb-text);
box-shadow: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
textarea {
min-height: 140px;
resize: vertical;
}
input:hover,
textarea:hover,
select:hover {
border-color: var(--mb-border-strong);
}
input:focus,
textarea:focus,
select:focus {
border-color: var(--mb-accent);
box-shadow: var(--mb-focus-ring);
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link {
min-height: 46px;
padding: 0.78rem 1.15rem;
border: 1px solid transparent;
border-radius: 999px;
background: linear-gradient(180deg, var(--mb-accent) 0%, var(--mb-accent-strong) 100%);
color: #ffffff;
font-weight: 600;
letter-spacing: 0.01em;
transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {
transform: translateY(-1px);
box-shadow: var(--mb-shadow-soft);
filter: saturate(1.05);
}
.main-navigation a,
.menu-toggle,
.widget,
.archive-card,
.banner-featured-post,
.theme-banner-slider,
input,
textarea,
select,
button {
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.widget,
.comment-body,
.post-navigation,
.posts-navigation,
.page-links {
border-radius: var(--mb-radius-md);
}
.widget {
border: 1px solid rgba(15, 23, 42, 0.06);
box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04);
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
overflow: hidden;
border-radius: var(--mb-radius-sm);
}
table th,
table td {
padding: 0.85rem 0.9rem;
border: 1px solid rgba(15, 23, 42, 0.08);
}
table th {
background: var(--mb-surface-strong);
font-weight: 600;
}
blockquote,
.wp-block-quote,
.wp-block-pullquote {
margin: 1.6rem 0;
padding: 1.2rem 1.3rem;
border-left: 4px solid var(--mb-accent);
border-radius: 0 var(--mb-radius-md) var(--mb-radius-md) 0;
background: var(--mb-surface-soft);
}
pre,
code,
kbd,
samp {
border-radius: 8px;
}
pre {
padding: 1rem 1.1rem;
background: #111827;
color: #f8fafc;
overflow-x: auto;
}
code,
kbd,
samp {
padding: 0.15em 0.4em;
background: rgba(15, 23, 42, 0.06);
color: #102738;
}
.wp-block-image img,
.wp-block-cover,
.wp-block-gallery,
.post-thumbnail img {
border-radius: var(--mb-radius-md);
}
.wp-block-group,
.wp-block-columns,
.wp-block-media-text,
.wp-block-cover,
.wp-block-query,
.wp-block-latest-posts,
.wp-block-table {
margin-top: 1.4rem;
margin-bottom: 1.4rem;
}
.screen-reader-text:focus {
border-radius: 8px;
box-shadow: var(--mb-focus-ring);
}
@media (max-width: 991.98px) {
.archive-card,
.banner-featured-post,
.theme-banner-slider,
.widget {
border-radius: 14px;
}
}
@media (max-width: 767.98px) {
.site-branding {
padding-top: 0.85rem;
}
.main-header-nav-bar .main-navigation a {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
textarea,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link {
font-size: 16px;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}:root {
--mb-bg: #f6f8f9;
--mb-bg-alt: #eef3f5;
--mb-surface: #ffffff;
--mb-text: #17232f;
--mb-text-muted: #42576a;
--mb-border: #c8d6df;
--mb-primary: #0b6f86;
--mb-primary-hover: #095a6d;
--mb-focus: #0b6f86;
--mb-focus-ring: rgba(11, 111, 134, 0.28);
--mb-chip-bg: #d8edf2;
--mb-chip-text: #0f4f61;
--mb-chip-border: #9cc6d1;
--mb-shadow-soft: 0 4px 12px rgba(15, 37, 53, 0.08);
}
body {
background: var(--mb-bg);
color: var(--mb-text);
line-height: 1.72;
letter-spacing: 0.01em;
}
p,
li,
td,
th,
.entry-content {
color: var(--mb-text);
}
a {
color: var(--mb-primary);
}
a:hover,
a:focus {
color: var(--mb-primary-hover);
} :focus-visible {
outline: 3px solid var(--mb-focus);
outline-offset: 2px;
box-shadow: 0 0 0 4px var(--mb-focus-ring);
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}.site-header,
.main-header-nav-bar,
.site-footer,
.widget,
.blog-first-post,
.archive .post,
.search .post {
background: var(--mb-surface);
border-color: var(--mb-border);
}
.widget,
.blog-first-post,
.archive .post,
.search .post {
box-shadow: var(--mb-shadow-soft);
} .cat-links a,
.archive-card__cats .cat-links a,
.single-hero__cats a {
background: var(--mb-chip-bg) !important;
color: var(--mb-chip-text) !important;
border: 1px solid var(--mb-chip-border) !important;
border-radius: 999px !important;
font-weight: 700 !important;
}
.cat-links a:hover,
.archive-card__cats .cat-links a:hover,
.single-hero__cats a:hover {
background: #cbe6ee !important;
color: #0d4453 !important;
border-color: #84b3c1 !important;
} button,
input[type="submit"],
input[type="button"],
.wp-element-button,
.wp-block-search__button {
background: var(--mb-primary) !important;
color: #ffffff !important;
border: 1px solid transparent !important;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wp-element-button:hover,
.wp-block-search__button:hover {
background: var(--mb-primary-hover) !important;
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
textarea {
background: #ffffff;
color: var(--mb-text);
border: 1px solid var(--mb-border);
} .default-theme-post-navigation a,
.default-theme-posts-navigation a {
color: var(--mb-primary);
font-weight: 600;
}
.default-theme-post-navigation a:hover,
.default-theme-posts-navigation a:hover {
color: var(--mb-primary-hover);
} .archive-card__utility {
background: var(--mb-bg-alt) !important;
border-color: var(--mb-border) !important;
}
.archive-card__meta,
.archive-card__meta .posted-on,
.archive-card__meta .byline {
color: var(--mb-text-muted) !important;
}
.archive-card__title {
margin: 0 !important;
display: inline-block !important;
max-width: 100% !important;
padding: 0 !important;
background: transparent !important;
color: var(--mb-text) !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.archive-card__title a,
.archive-card__title span {
display: inline-block;
max-width: 100%;
padding: 0.28em 0.6em 0.34em;
background: rgba(255, 255, 255, 0.92);
color: #132532;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 999px;
box-shadow: 0 12px 28px rgba(12, 31, 42, 0.12);
backdrop-filter: blur(10px);
text-decoration: none !important;
}
.archive-card__title a:hover,
.archive-card__title a:focus-visible,
.archive-card__title span:hover,
.archive-card__title span:focus-visible {
background: rgba(255, 255, 255, 0.98);
color: #0f3d52;
}
.archive-card__excerpt {
background: #ffffff !important;
border-color: var(--mb-border) !important;
}
.archive-card__excerpt p {
color: var(--mb-text) !important;
} body.archive .post-thumbnail-fallback,
body.search .post-thumbnail-fallback,
body.blog .post-thumbnail-fallback {
border: 0 !important;
box-shadow: none !important;
} .top-header-bar,
.top-header-bar .top-header-container,
.top-header-bar.mb-light-top-bar,
.top-header-bar.mb-light-top-bar .top-header-container {
background: var(--mb-bg-alt) !important;
color: var(--mb-text-muted) !important;
border-bottom: 0 !important;
}
.top-header-bar {
padding: 7px 0 !important;
}
.top-header-bar .mb-header-date {
color: var(--mb-text-muted) !important;
}
.top-header-bar .mb-latest-posts .mb-latest-posts-label {
color: #0d4453 !important;
background: #d8edf3 !important;
border: 1px solid #9ec5cf !important;
border-radius: 999px !important;
padding: 1px 10px !important;
font-weight: 700 !important;
letter-spacing: 0.02em !important;
}
.top-header-bar .mb-latest-posts a,
.top-header-bar.mb-light-top-bar .mb-latest-posts a {
color: var(--mb-primary) !important;
font-weight: 600 !important;
}
.top-header-bar .mb-latest-posts a:hover,
.top-header-bar.mb-light-top-bar .mb-latest-posts a:hover {
color: var(--mb-primary-hover) !important;
}
.top-header-bar .mb-latest-posts {
display: flex;
align-items: center;
gap: 0.65rem;
min-width: 0;
}
.top-header-bar .top-ticker-wrap {
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
overflow: hidden;
}
.top-header-bar .top-ticker-wrap .mb-latest-posts-list {
margin: 0;
padding: 0;
}
.top-header-bar .top-ticker-wrap[data-mb-ticker-ready="false"] .mb-latest-posts-list li:not(:first-child),
.top-header-bar .top-ticker-wrap[data-mb-ticker-ready="static"] .mb-latest-posts-list li:not(:first-child) {
display: none;
}
.top-header-bar .top-ticker-wrap .mb-latest-posts-list li {
margin: 0;
line-height: 1.5;
}
.top-header-bar .top-ticker-wrap .mb-latest-posts-list li a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} #secondary .widget_search,
#secondary .widget_block.widget_search {
padding: 0.9rem 1rem !important;
border-radius: 14px !important;
}
#secondary .wp-block-search__label {
font-size: 0 !important;
margin: 0 0 0.45rem !important;
display: block !important;
}
#secondary .wp-block-search__label::after {
content: "Szybkie wyszukiwanie";
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.01em;
color: var(--mb-text-muted);
}
#secondary .wp-block-search__inside-wrapper {
gap: 0.42rem;
align-items: center;
}
#secondary .wp-block-search__input {
min-height: 34px !important;
padding: 0.36rem 0.52rem !important;
font-size: 0.82rem !important;
border-radius: 8px !important;
}
#secondary .wp-block-search__button {
min-height: 34px !important;
padding: 0.3rem 0.82rem !important;
font-size: 0.76rem !important;
border-radius: 999px !important;
} .single-post .entry-meta .mb-direct-link-card {
margin: 1rem 0 0.7rem;
padding: 0.72rem 0.78rem;
border-radius: 12px;
background: linear-gradient(180deg, #f9fcff 0%, #f3f9fc 100%);
border: 1px solid var(--mb-border);
}
.single-post .entry-meta .mb-direct-link-card__title {
margin: 0 0 0.46rem;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: 0.9rem;
font-weight: 700;
color: var(--mb-text);
}
.single-post .entry-meta .mb-direct-link-card__row {
display: flex;
align-items: center;
gap: 0.46rem;
}
.single-post .entry-meta .mb-direct-link-card__input {
flex: 1 1 auto;
min-width: 0;
height: 36px;
padding: 0 0.6rem;
font-size: 0.82rem;
border-radius: 8px;
border: 1px solid var(--mb-border);
background: #ffffff;
}
.single-post .entry-meta .mb-direct-link-card__copy {
flex: 0 0 auto;
height: 36px;
padding: 0 0.84rem !important;
font-size: 0.76rem;
font-weight: 700;
border-radius: 999px !important;
} .front-page-banner-section .theme-banner-slider .splide__track,
.front-page-banner-section .banner-featured-post {
border-radius: 14px;
overflow: hidden;
border: 1px solid var(--mb-border);
box-shadow: var(--mb-shadow-soft);
background: #ffffff;
}
.front-page-banner-section .theme-banner-slider .splide__slide img,
.front-page-banner-section .banner-featured-post img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.front-page-banner-section .theme-banner-slider .post-thumbnail-fallback,
.front-page-banner-section .banner-featured-post .post-thumbnail-fallback {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
border-radius: 0 !important;
display: block !important;
}
.front-page-banner-section .theme-banner-slider .splide__slide {
min-height: 500px;
}
.front-page-banner-section .banner-featured-post {
min-height: 234px;
}
.front-page-banner-section .theme-overlay-link {
background: linear-gradient(to bottom, rgba(17, 35, 46, 0.05) 35%, rgba(16, 34, 45, 0.82) 100%);
} #secondary .widget {
padding: 1rem 1rem 1.05rem !important;
margin-bottom: 1.25rem !important;
border-radius: 16px !important;
border: 1px solid var(--mb-border) !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%) !important;
box-shadow: 0 10px 24px rgba(24, 48, 62, 0.09), 0 2px 6px rgba(24, 48, 62, 0.06) !important;
overflow: hidden;
}
#secondary .widget:last-child {
margin-bottom: 0.7rem !important;
}
#secondary .widget .widget-title,
#secondary .widget .widgettitle,
#secondary .widget .wp-block-heading {
margin: 0 0 0.82rem !important;
padding: 0 0 0.38rem !important;
font-family: "Barlow Semi Condensed", sans-serif !important;
font-size: 1.04rem !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: 0.01em !important;
color: var(--mb-text) !important;
border-bottom: 1px solid rgba(23, 63, 81, 0.14) !important;
}
#secondary .widget p,
#secondary .widget li,
#secondary .widget a {
color: var(--mb-text) !important;
}
#secondary .widget ul,
#secondary .widget ol {
margin: 0 !important;
padding-left: 0 !important;
list-style: none !important;
}
#secondary .widget li {
padding: 0.54rem 0 !important;
border-bottom: 1px solid rgba(23, 63, 81, 0.08);
}
#secondary .widget li:last-child {
padding-bottom: 0 !important;
border-bottom: 0;
}
#secondary .widget li a {
text-decoration: none !important;
}
#secondary .widget li a:hover,
#secondary .widget li a:focus-visible {
color: var(--mb-primary) !important;
text-decoration: underline !important;
text-underline-offset: 0.14em;
} #secondary .widget .mb-widget-mini-post {
margin: 0 0 0.9rem !important;
}
#secondary .widget .mb-widget-mini-post:last-child {
margin-bottom: 0 !important;
}
#secondary .widget .mb-widget-mini-card {
border-radius: 12px;
overflow: hidden;
border: 1px solid var(--mb-border);
background: #ffffff;
}
#secondary .widget .mb-widget-mini-card__media {
position: relative;
}
#secondary .widget .mb-widget-mini-card__media .post-thumbnail,
#secondary .widget .mb-widget-mini-card__media .post-thumbnail-fallback {
margin: 0;
width: 100% !important;
aspect-ratio: 16 / 9;
display: block !important;
}
#secondary .widget .mb-widget-mini-card__media .post-thumbnail-fallback {
min-height: 170px !important;
}
#secondary .widget .mb-widget-mini-card__media .post-thumbnail-fallback__word {
font-size: 0.72rem !important;
}
#secondary .widget .mb-widget-mini-card__media .post-thumbnail img {
width: 100% !important;
max-width: none !important;
height: 100% !important;
object-fit: cover;
object-position: center;
display: block;
}
#secondary .widget .mb-widget-mini-card__header {
position: absolute !important;
left: 0.42rem;
right: 0.42rem;
bottom: 0.36rem;
z-index: 3;
}
#secondary .widget .mb-widget-mini-card__title {
margin: 0 !important;
font-size: clamp(0.76rem, 1.15vw, 0.9rem) !important;
line-height: 1.24 !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
#secondary .widget .mb-widget-mini-card__title span,
#secondary .widget .mb-widget-mini-card__title a {
background: rgba(255, 255, 255, 0.92) !important;
color: #173543 !important;
border-radius: 7px !important;
padding: 0.14em 0.34em 0.2em !important;
text-decoration: none !important;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
#secondary .widget .mb-widget-mini-card__plain-title {
margin: 0 !important;
padding: 0.82rem 0.86rem 0.16rem !important;
font-family: "Barlow Semi Condensed", sans-serif !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
#secondary .widget .mb-widget-mini-card__plain-title a {
color: #173543 !important;
text-decoration: none !important;
}
#secondary .widget .mb-widget-mini-card__plain-title a:hover,
#secondary .widget .mb-widget-mini-card__plain-title a:focus-visible {
color: var(--mb-primary) !important;
text-decoration: underline !important;
text-underline-offset: 0.14em;
}
#secondary .widget .mb-widget-mini-card__excerpt {
padding: 0.56rem 0.62rem 0.62rem !important;
min-height: 0 !important;
}
#secondary .widget .mb-widget-mini-card__excerpt p {
font-size: 0.8rem !important;
line-height: 1.4 !important;
-webkit-line-clamp: 4 !important;
} .mb_advertisement_728x90 .mb_advertisement-content,
.mb_advertisement_728x90 .single_ad_728x90 {
display: block;
}
.mb_advertisement_728x90 img {
display: block;
width: 100%;
max-width: 728px;
height: auto;
border-radius: 14px;
border: 1px solid rgba(23, 63, 81, 0.12);
box-shadow: 0 10px 22px rgba(20, 42, 57, 0.08);
}
.mb-simple-featured-posts .post-thumbnail,
.mb-simple-featured-posts .post-thumbnail-fallback,
.mb-featured-posts-style-1 .post-thumbnail,
.mb-featured-posts-style-1 .post-thumbnail-fallback,
.mb-featured-posts-style-2 .post-thumbnail,
.mb-featured-posts-style-2 .post-thumbnail-fallback,
.mb-recent-posts-style-1 .post-thumbnail,
.mb-recent-posts-style-1 .post-thumbnail-fallback {
display: block;
overflow: hidden;
border-radius: 14px;
}
.mb-simple-featured-posts .post-thumbnail img,
.mb-featured-posts-style-1 .post-thumbnail img,
.mb-featured-posts-style-2 .post-thumbnail img,
.mb-recent-posts-style-1 .post-thumbnail img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.mb-simple-featured-posts .post-thumbnail-fallback,
.mb-featured-posts-style-1 .mb-ft-1-big .post-thumbnail-fallback,
.mb-featured-posts-style-2 .mb-ft-2-big .post-thumbnail-fallback {
aspect-ratio: 16 / 9;
min-height: 240px;
}
.mb-featured-posts-style-1 .mb-ft-1-small .post-thumbnail-fallback,
.mb-recent-posts-style-1 .post-thumbnail-fallback {
width: 100%;
max-width: 150px;
min-width: 100px;
aspect-ratio: 3 / 2;
min-height: 100px;
}
.mb-featured-posts-style-2 .mb-ft-2-small .post-thumbnail-fallback {
aspect-ratio: 16 / 10;
min-height: 209px;
}
.mb-simple-featured-posts .entry-title a,
.mb-featured-posts-style-1 .entry-title a,
.mb-featured-posts-style-2 .entry-title a,
.mb-recent-posts-style-1 .entry-title a {
text-decoration-thickness: 0.08em;
text-underline-offset: 0.14em;
}
.mb-recent-posts-style-1 .mb-recent-article {
align-items: flex-start;
gap: 1rem;
}
.mb-recent-posts-style-1 .mb-recent-article .post-thumbnail,
.mb-recent-posts-style-1 .mb-recent-article .post-thumbnail-fallback {
flex: 0 0 100px;
} .entry-content .mb-content-cta {
position: relative;
margin: 1.05rem 0 1.15rem;
padding: 0.8rem 0.95rem 0.88rem 1rem;
border-radius: 12px;
border: 1px solid var(--mb-border);
border-left: 4px solid var(--mb-primary);
background: linear-gradient(180deg, #f8fcff 0%, #f2f8fc 100%);
box-shadow: 0 8px 18px rgba(21, 46, 61, 0.08);
}
.entry-content .mb-content-cta__label {
margin: 0 0 0.28rem;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: 0.92rem;
font-weight: 700;
letter-spacing: 0.01em;
color: var(--mb-primary);
}
.entry-content .mb-content-cta__title {
margin: 0;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: clamp(1.02rem, 1.9vw, 1.26rem);
font-weight: 700;
line-height: 1.3;
color: #143444;
}
.entry-content .mb-content-cta__title a {
color: inherit;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}
.entry-content .mb-content-cta__title a:hover {
color: var(--mb-primary-hover);
} #secondary .widget .wp-block-gallery,
#secondary .widget .blocks-gallery-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.55rem !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
#secondary .widget .wp-block-gallery .blocks-gallery-item,
#secondary .widget .blocks-gallery-grid .blocks-gallery-item {
margin: 0 !important;
padding: 0 !important;
}
#secondary .widget .wp-block-gallery .blocks-gallery-item figure,
#secondary .widget .blocks-gallery-grid .blocks-gallery-item figure {
position: relative;
overflow: hidden;
border-radius: 10px;
border: 1px solid rgba(40, 76, 95, 0.18);
background: #f8fcff;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75);
}
#secondary .widget .wp-block-gallery .blocks-gallery-item img,
#secondary .widget .blocks-gallery-grid .blocks-gallery-item img {
display: block;
width: 100% !important;
height: 100% !important;
aspect-ratio: 1 / 1;
object-fit: cover;
object-position: center;
filter: saturate(0.96) contrast(1.02);
transition: transform 0.28s ease, filter 0.28s ease;
}
#secondary .widget .wp-block-gallery .blocks-gallery-item a:hover img,
#secondary .widget .blocks-gallery-grid .blocks-gallery-item a:hover img,
#secondary .widget .wp-block-gallery .blocks-gallery-item a:focus img,
#secondary .widget .blocks-gallery-grid .blocks-gallery-item a:focus img {
transform: scale(1.035);
filter: saturate(1.04) contrast(1.04);
}
#secondary .widget .wp-block-gallery .blocks-gallery-item a:focus,
#secondary .widget .blocks-gallery-grid .blocks-gallery-item a:focus {
outline: 2px solid rgba(35, 115, 149, 0.35);
outline-offset: 2px;
border-radius: 10px;
} #secondary .widget #wp-calendar,
#secondary .widget .wp-block-calendar table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid rgba(40, 76, 95, 0.16);
border-radius: 12px;
overflow: hidden;
background: #ffffff;
}
#secondary .widget #wp-calendar caption,
#secondary .widget .wp-block-calendar caption {
caption-side: bottom;
padding: 0.6rem 0.4rem 0.45rem;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: 1rem;
font-weight: 600;
color: #3c5b6d;
}
#secondary .widget #wp-calendar th,
#secondary .widget .wp-block-calendar th {
padding: 0.42rem 0.2rem;
text-align: center;
font-family: "Barlow Semi Condensed", sans-serif;
font-size: 0.84rem;
font-weight: 700;
color: #2a495d;
background: linear-gradient(180deg, #f4f9fc 0%, #edf5fa 100%);
border-bottom: 1px solid rgba(40, 76, 95, 0.14);
}
#secondary .widget #wp-calendar td,
#secondary .widget .wp-block-calendar td {
padding: 0.38rem 0.2rem;
text-align: center;
font-size: 0.88rem;
line-height: 1;
color: #2e4b5d;
border-bottom: 1px solid rgba(40, 76, 95, 0.1);
border-right: 1px solid rgba(40, 76, 95, 0.1);
}
#secondary .widget #wp-calendar tr td:last-child,
#secondary .widget .wp-block-calendar tr td:last-child {
border-right: 0;
}
#secondary .widget #wp-calendar tbody tr:last-child td,
#secondary .widget .wp-block-calendar tbody tr:last-child td {
border-bottom: 0;
}
#secondary .widget #wp-calendar #today,
#secondary .widget .wp-block-calendar #today {
font-weight: 700;
color: #0f4f66;
background: rgba(200, 233, 244, 0.7);
box-shadow: inset 0 0 0 1px rgba(81, 143, 171, 0.35);
}
#secondary .widget #wp-calendar a,
#secondary .widget .wp-block-calendar a {
color: var(--mb-primary);
font-weight: 700;
text-decoration: none;
}
#secondary .widget #wp-calendar a:hover,
#secondary .widget .wp-block-calendar a:hover {
color: var(--mb-primary-hover);
text-decoration: underline;
text-underline-offset: 2px;
}
#secondary .widget #wp-calendar tfoot td,
#secondary .widget .wp-block-calendar tfoot td {
padding: 0.52rem 0.4rem;
font-size: 0.78rem;
border-top: 1px solid rgba(40, 76, 95, 0.12);
background: #f8fcff;
} .footer-widget-area .widget {
padding: 0.95rem 1rem 1rem !important;
margin-bottom: 1rem !important;
border-radius: 14px !important;
border: 1px solid rgba(45, 82, 102, 0.15) !important;
background: linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%) !important;
box-shadow: 0 8px 20px rgba(18, 42, 58, 0.08) !important;
}
.footer-widget-area .widget .widget-title,
.footer-widget-area .widget .widgettitle,
.footer-widget-area .widget .wp-block-heading {
margin: 0 0 0.72rem !important;
padding: 0 0 0.34rem !important;
font-family: "Barlow Semi Condensed", sans-serif !important;
font-size: 1.26rem !important;
font-weight: 700 !important;
color: #173748 !important;
border-bottom: 1px solid rgba(40, 76, 95, 0.18) !important;
}
.footer-widget-area .widget ul,
.footer-widget-area .widget ol {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.footer-widget-area .widget li {
margin: 0 !important;
padding: 0.28rem 0 !important;
border-bottom: 1px dashed rgba(40, 76, 95, 0.14);
}
.footer-widget-area .widget li:last-child {
border-bottom: 0;
}
.footer-widget-area .widget a {
color: #1a4c63 !important;
text-decoration: none;
}
.footer-widget-area .widget a:hover {
color: #0d5e7e !important;
text-decoration: underline;
text-underline-offset: 2px;
} .footer-widget-area .widget,
.footer-widget-area .widget p,
.footer-widget-area .widget li,
.footer-widget-area .widget a {
overflow-wrap: anywhere;
word-break: break-word;
line-height: 1.45;
} .footer-widget-area .widget_tag_cloud .tagcloud,
.footer-widget-area .wp-block-tag-cloud {
display: flex;
flex-wrap: wrap;
gap: 0.38rem;
}
.footer-widget-area .widget_tag_cloud .tagcloud a,
.footer-widget-area .wp-block-tag-cloud a {
display: inline-flex;
align-items: center;
padding: 0.16rem 0.5rem;
border-radius: 999px;
border: 1px solid rgba(63, 122, 151, 0.28);
background: rgba(214, 236, 245, 0.66);
color: #17485f !important;
font-size: 0.82rem !important;
font-weight: 600;
line-height: 1.2;
}
.footer-widget-area .widget_tag_cloud .tagcloud a:hover,
.footer-widget-area .wp-block-tag-cloud a:hover {
background: rgba(195, 228, 240, 0.9);
border-color: rgba(54, 111, 139, 0.45);
} .footer-widget-area .wp-block-gallery,
.footer-widget-area .blocks-gallery-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.footer-widget-area .wp-block-gallery .blocks-gallery-item,
.footer-widget-area .blocks-gallery-grid .blocks-gallery-item {
margin: 0 !important;
}
.footer-widget-area .wp-block-gallery .blocks-gallery-item figure,
.footer-widget-area .blocks-gallery-grid .blocks-gallery-item figure {
border-radius: 9px;
overflow: hidden;
border: 1px solid rgba(40, 76, 95, 0.16);
}
.footer-widget-area .wp-block-gallery .blocks-gallery-item img,
.footer-widget-area .blocks-gallery-grid .blocks-gallery-item img {
width: 100% !important;
height: 100% !important;
aspect-ratio: 1 / 1;
object-fit: cover;
}