.flk-archive-hero,
.flk-single-hero,
.flk-page-header {
background:
radial-gradient(circle at top left, rgba(84, 149, 185, 0.22), transparent 42%),
linear-gradient(180deg, #f6fbfd 0%, #edf5f8 100%);
padding: 4.5rem 0 3rem;
}
.flk-archive-hero__title,
.flk-single-hero__title,
.flk-page-header__title {
color: #0f3557;
font-size: clamp(2.25rem, 4vw, 4.1rem);
line-height: 1.05;
margin: 0 0 1rem;
}
.flk-archive-hero__eyebrow,
.flk-eyebrow-link {
color: #0f6a83;
display: inline-block;
font-size: 0.84rem;
font-weight: 700;
letter-spacing: 0.16em;
margin-bottom: 0.9rem;
text-decoration: none;
text-transform: uppercase;
}
.flk-archive-hero__lead,
.flk-single-hero__lead,
.flk-page-header__lead {
color: #456177;
font-size: 1.05rem;
line-height: 1.75;
max-width: 48rem;
}
.flk-archive-posts {
padding: 3rem 0 5rem;
}
.flk-post-card__meta-row {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-bottom: 0.8rem;
}
.flk-post-card__meta-separator {
color: #82a2b5;
}
.flk-post-card__meta {
color: #5f7f94;
font-size: 0.9rem;
}
.flk-pagination {
margin-top: 2.5rem;
}
.flk-empty-state {
background: #f6fbfd;
border-radius: 1.25rem;
padding: 2rem;
text-align: center;
}
.flk-single-hero__meta {
color: #5f7f94;
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-top: 1.25rem;
}
.flk-single-post,
.flk-page-content {
padding: 3rem 0 5rem;
}
.flk-single-post.ast-container,
.flk-comments-wrap.ast-container {
margin-left: auto;
margin-right: auto;
max-width: 1120px;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.flk-single-post__content,
.flk-page-content {
margin: 0 auto;
max-width: 920px;
}
.flk-single-post__media {
margin-bottom: 2rem;
}
.flk-single-post__media img {
border-radius: 1.5rem;
display: block;
width: 100%;
}
.flk-single-post__entry {
font-size: 1.05rem;
line-height: 1.85;
}
.flk-single-post__entry h2,
.flk-single-post__entry h3,
.flk-single-post__entry h4,
.flk-page-content h2,
.flk-page-content h3,
.flk-page-content h4 {
color: #0f3557;
margin-top: 2.2rem;
}
.flk-single-post__entry p,
.flk-page-content p,
.flk-page-content ul,
.flk-page-content ol,
.flk-single-post__entry ul,
.flk-single-post__entry ol {
margin-bottom: 1.2rem;
}
.flk-page-content.ast-container,
.flk-page-header .ast-container {
margin-left: auto;
margin-right: auto;
max-width: 1180px;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.flk-page-content {
max-width: 1180px;
}
.flk-page-content .wp-block-columns {
align-items: var(--vertical-alignment, center);
display: flex;
flex-wrap: wrap;
gap: 1.75rem;
}
.flk-page-content .wp-block-columns > .wp-block-column {
flex-basis: 0;
flex-grow: 1;
min-width: 0;
}
.flk-page-content .wp-block-image img {
display: block;
height: auto;
max-width: 100%;
}
.flk-comments-wrap {
padding-bottom: 4rem;
}
@media (max-width: 921px) {
.flk-archive-hero,
.flk-single-hero,
.flk-page-header {
padding: 3.5rem 0 2.5rem;
}
.flk-page-content .wp-block-columns {
display: block;
}
}
@media (max-width: 640px) {
.flk-archive-hero,
.flk-single-hero,
.flk-page-header {
padding: 2.8rem 0 2rem;
}
.flk-archive-hero__title,
.flk-single-hero__title,
.flk-page-header__title {
font-size: clamp(2rem, 10vw, 2.8rem);
line-height: 1.04;
}
.flk-single-post,
.flk-page-content {
padding: 2rem 0 3.2rem;
}
.flk-single-post.ast-container,
.flk-comments-wrap.ast-container,
.flk-page-content.ast-container,
.flk-page-header .ast-container {
padding-left: 1rem;
padding-right: 1rem;
}
.flk-single-post__entry {
font-size: 1rem;
line-height: 1.75;
}
}