/* =====================================================================
Pocketfolio Blog Template
Values measured from the live Elementor page at 1440px and 390px.
===================================================================== */
:root {
--pf-navy: #01032b;
--pf-navy-2: #0d1230;
--pf-text: #2a2f4a;
--pf-gold: #e5a64a;
--pf-link: #e5a967;
--pf-bronze: #906531;
--pf-faq: #926330;
--pf-sand: #efe7de;
--pf-tag-bg: #faf6f3;
--pf-meta: #9aa0a6;
--pf-meta-2: #adadad;
--pf-foot-link: #6e7380;
--pf-legal: #3a3f53;
--pf-rule: #d5d5d5;
--pf-wrap: 1215px;
--pf-aside: 284px;
--pf-font: "Manrope", sans-serif;
}
/* ---------- Reset (only on this template) ---------- */
#pf-blog,
#pf-blog *,
#pf-blog *::before,
#pf-blog *::after { box-sizing: border-box; }
#pf-blog :where(img) { max-width: 100%; height: auto; border: 0; vertical-align: middle; }
#pf-blog :where(a) { text-decoration: none; }
#pf-blog :where(p) { margin: 0; }
#pf-blog :where(ul) { margin: 0; padding: 0; list-style: none; }
#pf-blog :where(:is(h1, h2, h3)) { margin: 0; }
#pf-blog :where(button) { font: inherit; }
#pf-blog :where(svg) { display: block; }
/* =====================================================================
LAYOUT
===================================================================== */
#pf-blog .pf-main { padding-top: 40px; }
#pf-blog .pf-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--pf-aside);
grid-template-areas:
"head ."
"article aside";
column-gap: 30px;
row-gap: 33px;
max-width: var(--pf-wrap);
margin: 0 auto;
}
#pf-blog .pf-head { grid-area: head; display: flex; flex-direction: column; gap: 20px; }
#pf-blog .pf-article { grid-area: article; min-width: 0; }
#pf-blog .pf-aside { grid-area: aside; padding: 0 10px 10px; margin-top: -1px; }
/* ---------- Post head ---------- */
#pf-blog .pf-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; min-height: 17px; }
#pf-blog .pf-tag {
display: inline-block;
margin: -4px 0;
padding: 6px 14px;
font-family: var(--pf-font);
font-size: 11px;
line-height: 11px;
color: var(--pf-bronze);
background: var(--pf-tag-bg);
border: 1px solid var(--pf-tag-bg);
border-radius: 50px;
}
#pf-blog .pf-tag:hover { color: var(--pf-bronze); }
#pf-blog .pf-title {
font-family: var(--pf-font);
font-size: 42px;
font-weight: 800;
line-height: 1.5;
color: var(--pf-navy);
}
#pf-blog .pf-meta,
#pf-blog .pf-byline {
font-family: var(--pf-font);
font-size: 13px;
line-height: 20px;
color: var(--pf-meta);
}
#pf-blog .pf-meta__date::before,
#pf-blog .pf-byline__date::before { content: "\2022"; margin: 0 .35em; }
/* ---------- Featured ---------- */
#pf-blog .pf-featured { margin-bottom: 20px; }
#pf-blog .pf-featured img { max-height: none; object-fit: fill; display: block; width: 100%; height: auto; border-radius: 30px; }
/* =====================================================================
ARTICLE BODY (styles whatever the editor outputs)
===================================================================== */
#pf-blog .pf-content {
font-family: var(--pf-font);
font-size: 16px;
line-height: 26px;
color: var(--pf-text);
}
#pf-blog .pf-content::after { content: ""; display: table; clear: both; }
#pf-blog .pf-content p { margin: 0 0 14.4px; }
#pf-blog .pf-content strong,
#pf-blog .pf-content b { font-weight: 700; color: var(--pf-text); }
#pf-blog .pf-content a { color: var(--pf-link); transition: color .2s; }
#pf-blog .pf-content a:hover { color: var(--pf-gold); }
#pf-blog .pf-content h2 {
margin: 28px 0 8px;
font-family: var(--pf-font);
font-size: 30px;
font-weight: 900;
line-height: 1;
color: var(--pf-navy-2);
}
#pf-blog .pf-content > :is(p, ul, ol, blockquote) + h2 { margin-top: 42.4px; }
#pf-blog .pf-content > h2:first-child { margin-top: 0; }
#pf-blog .pf-content h3 {
margin: 22.4px 0 8px;
font-family: var(--pf-font);
font-size: 28px;
font-weight: 600;
line-height: 1;
color: var(--pf-navy);
}
#pf-blog .pf-content h2 + h3 { margin-top: 8px; }
#pf-blog .pf-content ul,
#pf-blog .pf-content ol { margin: 0 0 14.4px; padding-left: 22px; }
#pf-blog .pf-content ul { list-style: disc; }
#pf-blog .pf-content ol { list-style: decimal; }
#pf-blog .pf-content li { margin: 0 0 6px; }
#pf-blog .pf-content li::marker { color: var(--pf-bronze); }
#pf-blog .pf-content blockquote {
margin: 22.4px 0;
padding: 4px 0 4px 20px;
border-left: 3px solid var(--pf-gold);
color: var(--pf-navy-2);
}
/* images: classic ![]()
, Gutenberg figure, captions */
#pf-blog .pf-content figure { margin: 22.4px 0 8px; }
#pf-blog .pf-content > p:has(> img:only-child),
#pf-blog .pf-content > p:has(> a:only-child > img) { margin: 22.4px 0 8px; }
#pf-blog .pf-content img { display: block; width: 100%; height: auto; border-radius: 30px; }
#pf-blog .pf-content figcaption { font-style: normal; margin-top: 8px; font-size: 13px; line-height: 20px; color: var(--pf-meta); text-align: center; }
#pf-blog .pf-content figure + h2,
#pf-blog .pf-content > p:has(> img:only-child) + h2 { margin-top: 28px; }
#pf-blog .pf-content .alignleft { float: left; margin: 6px 24px 12px 0; width: auto; }
#pf-blog .pf-content .alignright { float: right; margin: 6px 0 12px 24px; width: auto; }
/* ---------- Comparison table ----------
Works for a Gutenberg Table block, a classic-editor table,
or the original
pasted as HTML. */
#pf-blog .pf-content figure.wp-block-table,
#pf-blog .pf-content .pf-table-wrap,
#pf-blog .pf-content .table-wrapper { width: 100%; overflow-x: auto; margin: 0 0 8px; }
#pf-blog .pf-content table {
width: 100%;
min-width: 750px;
margin: 0 0 15px;
border-collapse: collapse;
font-family: Arial, Helvetica, sans-serif;
font-size: 14.4px;
line-height: 1.5;
}
#pf-blog .pf-content table th,
#pf-blog .pf-content table thead td {
padding: 18px 20px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
color: #fff;
background: #00052f;
border: 1px solid #00052f;
}
#pf-blog .pf-content table thead th:first-child { width: 32%; }
#pf-blog .pf-content table td {
padding: 17px 20px;
font-size: 16px;
line-height: 1.45;
vertical-align: top;
color: #18204d;
border: 1px solid #dfe2eb;
}
#pf-blog .pf-content table tbody td:first-child { font-weight: 600; color: #00052f; background: #fff; }
#pf-blog .pf-content table:not(:has(thead)) tr:first-child > :is(td, th) {
padding: 18px 20px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
color: #fff !important;
background: #00052f !important;
border: 1px solid #00052f !important;
}
#pf-blog .pf-content table:not(:has(thead)) tbody tr:nth-child(odd):not(:first-child) td:not(:first-child) { background: #fff; }
#pf-blog .pf-content table:not(:has(thead)) tbody tr:nth-child(even) td:not(:first-child) { background: #f4f4f4; }
#pf-blog .pf-content table tbody tr:nth-child(odd) td:not(:first-child) { background: #f4f4f4; }
#pf-blog .pf-content table tbody tr:nth-child(even) td:not(:first-child) { background: #fff; }
#pf-blog .pf-content table td a { color: var(--pf-link); }
#pf-blog .pf-content .wp-block-table thead { border-bottom: 0; }
#pf-blog .pf-content .wp-block-table td,
#pf-blog .pf-content .wp-block-table th { border-color: #dfe2eb; }
/* =====================================================================
FAQ
===================================================================== */
#pf-blog .pf-faq { counter-reset: pffaq; padding-bottom: 60px; }
#pf-blog .pf-faq-item { display: flex; flex-direction: column; }
#pf-blog .pf-faq-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px;
cursor: pointer;
list-style: none;
border-bottom: 1px solid #f5f5f5;
}
#pf-blog .pf-faq-title::-webkit-details-marker { display: none; }
#pf-blog .pf-faq-item[open] > .pf-faq-title,
#pf-blog .pf-faq-item:last-child > .pf-faq-title { border-bottom: 0; }
#pf-blog .pf-content .pf-faq-q {
display: flex;
align-items: center;
flex: 1;
margin: 0;
font-family: var(--pf-font);
font-size: 22px;
font-weight: 700;
line-height: 1.5;
color: var(--pf-faq);
}
#pf-blog .pf-faq-q::before {
counter-increment: pffaq;
content: counter(pffaq, decimal-leading-zero);
flex-shrink: 0;
min-width: 60px;
margin-right: 25px;
font-size: 40px;
font-weight: 700;
color: #d8d4cf;
}
#pf-blog .pf-faq-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--pf-navy-2);
}
#pf-blog .pf-faq-icon svg { width: 14px; height: 14px; fill: #fff; }
#pf-blog .pf-faq-opened { display: none; }
#pf-blog .pf-faq-item[open] .pf-faq-opened { display: flex; }
#pf-blog .pf-faq-item[open] .pf-faq-closed { display: none; }
#pf-blog .pf-faq-answer {
margin-top: -10px;
padding: 0 0 20px 100px;
font-family: var(--pf-font);
font-size: 15px;
line-height: 22.5px;
color: var(--pf-navy);
}
#pf-blog .pf-content .pf-faq-answer p { margin: 0 0 14.4px; }
#pf-blog .pf-faq-item[open] .pf-faq-answer { border-bottom: 1px solid #f5f5f5; }
#pf-blog .pf-faq-item:last-child[open] .pf-faq-answer { border-bottom: 0; }
#pf-blog .pf-faq-item.is-animating .pf-faq-answer { overflow: hidden; }
/* =====================================================================
SUBSCRIBE + SHARE
===================================================================== */
#pf-blog .pf-divider { margin: 31px 0 23px; border: 0; border-top: 1px solid var(--pf-sand); height: 0; }
#pf-blog .pf-engage { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
#pf-blog .pf-subscribe__label {
display: block;
padding-bottom: 9px;
font-family: var(--pf-font);
font-size: 14px;
font-weight: 700;
line-height: 14px;
color: var(--pf-navy-2);
}
#pf-blog .pf-subscribe__row { display: flex; gap: 12px; }
#pf-blog .pf-subscribe__input {
width: 252px;
height: 40px;
padding: 8px 16px;
font-family: var(--pf-font);
font-size: 15px;
line-height: 21px;
color: var(--pf-navy);
background: #fff;
border: 1px solid var(--pf-sand);
border-radius: 3px;
outline: 0;
}
#pf-blog .pf-subscribe__input:focus { border-color: var(--pf-gold); }
#pf-blog .pf-subscribe__btn {
height: 40px;
padding: 10px 10px 7px 15px;
font-family: "Roboto", sans-serif;
font-size: 14px;
line-height: 14px;
color: #fff;
background: var(--pf-gold);
border: 0;
border-radius: 6px;
cursor: pointer;
transition: filter .2s;
}
#pf-blog .pf-subscribe__btn:hover { filter: brightness(.95); }
#pf-blog .pf-subscribe__msg { margin-top: 8px; font-family: var(--pf-font); font-size: 13px; color: var(--pf-bronze); }
#pf-blog .pf-subscribe__msg.is-error { color: #b32d2e; }
#pf-blog .pf-subscribe__btn:disabled { opacity: .6; cursor: wait; }
#pf-blog .pf-share { width: 162px; margin-right: -37px; }
#pf-blog .pf-share__title {
margin-bottom: 20px;
font-family: var(--pf-font);
font-size: 14px;
font-weight: 600;
line-height: 14px;
color: var(--pf-navy);
}
#pf-blog .pf-share__btns { display: flex; gap: 10px; }
#pf-blog .pf-share__btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 31.5px;
height: 31.5px;
border-radius: 50%;
overflow: hidden;
color: #fff;
transition: filter .2s;
}
#pf-blog .pf-share__btn::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.12), rgba(0,0,0,0)); }
#pf-blog .pf-share__btn svg { position: relative; width: 12px; height: 12px; fill: #fff; }
#pf-blog .pf-share__btn:hover { filter: saturate(1.5) brightness(1.2); }
#pf-blog .pf-share__btn--facebook { background: #3b5998; }
#pf-blog .pf-share__btn--linkedin { background: #0077b5; }
#pf-blog .pf-share__btn--telegram { background: #2ca5e0; }
#pf-blog .pf-share__btn--whatsapp { background: #25d366; }
/* =====================================================================
SIDEBAR
===================================================================== */
#pf-blog .pf-aside__list { position: sticky; top: 64px; display: flex; flex-direction: column; gap: 13px; }
.admin-bar #pf-blog .pf-aside__list { top: 96px; }
#pf-blog .pf-mini {
display: flex;
flex-direction: column;
padding: 16px;
border: 2px solid var(--pf-sand);
border-radius: 20px;
overflow: hidden;
transition: background .25s, border .25s, box-shadow .25s;
}
#pf-blog .pf-mini:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05); }
#pf-blog .pf-mini__title { margin-bottom: 12px; font-family: var(--pf-font); font-size: 14px; font-weight: 800; line-height: 21px; }
#pf-blog .pf-mini__title a { color: var(--pf-navy-2); }
#pf-blog .pf-mini__meta { margin-bottom: 13px; font-size: 12px; line-height: 15.6px; color: var(--pf-meta-2); }
#pf-blog .pf-mini__excerpt { margin-bottom: 10px; font-family: var(--pf-font); font-size: 11px; line-height: 16.5px; color: var(--pf-bronze); }
/* =====================================================================
RELATED
===================================================================== */
#pf-blog .pf-related { max-width: var(--pf-wrap); margin: 69px auto 50px; }
#pf-blog .pf-related__title {
margin: 0 0 20px;
font-family: var(--pf-font);
font-size: 24px;
font-weight: 800;
line-height: 24px;
color: var(--pf-navy);
}
#pf-blog .pf-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 35px 30px; }
#pf-blog .pf-card {
display: flex;
flex-direction: column;
padding: 13px 16px 6px;
border: 2px solid var(--pf-sand);
border-radius: 17px;
transition: background .25s, border .25s, box-shadow .25s;
}
#pf-blog .pf-card:hover { box-shadow: 0 0 30px 10px rgba(0, 0, 0, .05); }
#pf-blog .pf-card__thumb {
position: relative;
display: block;
margin-bottom: 20px;
padding-bottom: 66%;
border-radius: 10px;
overflow: hidden;
}
#pf-blog .pf-card__thumb img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: filter .3s;
}
#pf-blog .pf-card__title { font-family: "Inter Tight", sans-serif; font-size: 15px; font-weight: 800; line-height: 18px; }
#pf-blog .pf-card__title a { color: var(--pf-navy-2); }
#pf-blog .pf-card__meta { margin-bottom: 13px; font-family: "Inter Tight", sans-serif; font-size: 12px; line-height: 14.4px; }
#pf-blog .pf-card__excerpt { margin-bottom: 10px; font-family: "Inter", sans-serif; font-size: 11px; line-height: 15.4px; color: var(--pf-bronze); }
/* =====================================================================
CTA
===================================================================== */
#pf-blog .pf-cta {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
padding: 100px 0 0;
background: var(--pf-navy);
text-align: center;
overflow: hidden;
}
#pf-blog .pf-cta__title { font-family: var(--pf-font); font-size: 60px; font-weight: 800; line-height: 60px; color: #fff; }
#pf-blog .pf-cta__sub { font-family: var(--pf-font); font-size: 20px; line-height: 28px; color: rgba(255,255,255,.9); }
#pf-blog .pf-cta__note { font-family: var(--pf-font); font-size: 18px; line-height: 28px; color: rgba(255,255,255,.8); }
#pf-blog .pf-cta__btn {
position: relative;
z-index: 99;
display: inline-block;
padding: 20px 30px 18px 34px;
font-family: var(--pf-font);
font-size: 20px;
font-weight: 500;
line-height: 20px;
color: #fff;
background: var(--pf-gold);
margin-top: 10px;
border-radius: 36px;
transition: filter .2s;
}
#pf-blog .pf-cta__btn:hover { color: #fff; filter: brightness(.95); }
#pf-blog .pf-cta__mask { display: block; width: 100%; height: auto; aspect-ratio: 9.63 / 1; object-fit: cover; margin-top: -70px; }
/* rules: spacing measured from the live footer */
/* =====================================================================
RESPONSIVE
===================================================================== */
/* ---------------------------------------------------------------------
Heading lock: the live site has global heading rules (theme/kit/custom
CSS) that thin these out. Font, weight and spacing are forced here so
nothing outside the template can change them. Sizes stay responsive.
--------------------------------------------------------------------- */
#pf-blog .pf-title,
#pf-blog .pf-content h1,
#pf-blog .pf-content h2,
#pf-blog .pf-content h3,
#pf-blog .pf-content .pf-faq-q,
#pf-blog .pf-related__title,
#pf-blog .pf-cta__title,
#pf-blog .pf-mini__title,
#pf-blog .pf-mini__title a,
#pf-blog .pf-card__title,
#pf-blog .pf-card__title a {
font-style: normal !important;
letter-spacing: normal !important;
text-transform: none !important;
}
#pf-blog .pf-title,
#pf-blog .pf-content h1,
#pf-blog .pf-content h2,
#pf-blog .pf-content h3,
#pf-blog .pf-content .pf-faq-q,
#pf-blog .pf-related__title,
#pf-blog .pf-cta__title,
#pf-blog .pf-mini__title,
#pf-blog .pf-mini__title a { font-family: "Manrope", sans-serif !important; }
#pf-blog .pf-card__title,
#pf-blog .pf-card__title a { font-family: "Inter Tight", sans-serif !important; }
#pf-blog .pf-title,
#pf-blog .pf-content h1,
#pf-blog .pf-related__title,
#pf-blog .pf-mini__title,
#pf-blog .pf-mini__title a,
#pf-blog .pf-card__title,
#pf-blog .pf-card__title a { font-weight: 800 !important; }
#pf-blog .pf-content h2 { font-weight: 900 !important; }
#pf-blog .pf-content h3 { font-weight: 600 !important; }
#pf-blog .pf-content .pf-faq-q { font-weight: 700 !important; }
#pf-blog .pf-cta__title { font-weight: 800 !important; }
/* A Heading 1 typed inside the editor looks like the page title
(the post Title field is still the right place for it). */
#pf-blog .pf-content h1 {
margin: 0 0 20px;
font-size: 42px;
line-height: 1.5;
color: var(--pf-navy);
}
/* ---------------------------------------------------------------------
Pasted content clean-up. Text pasted from Google Docs or Word carries
hidden inline styles (span font-weight:400, Arial, black, 11pt) and
bold tags in table headers. These rules make that markup follow the
template's design instead.
--------------------------------------------------------------------- */
/* Headings: everything inside takes the heading's own look */
#pf-blog .pf-content :is(h1, h2, h3) :is(span, b, strong, em, i, u, font, mark) {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
font-style: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
text-transform: inherit !important;
color: inherit !important;
background: transparent !important;
}
/* Body text: keep bold/italic, drop pasted font, size and black colour */
#pf-blog .pf-content :is(p, li, td, blockquote, figcaption) :is(span, font) {
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
color: inherit !important;
background: transparent !important;
}
#pf-blog .pf-content a :is(span, font) { color: inherit !important; text-decoration: inherit !important; }
/* Google Docs wraps everything in */
#pf-blog .pf-content > b[id^="docs-internal-guid"] { font-weight: inherit; color: inherit; }
/* Table header row: all text white and semi-bold, whatever was pasted */
#pf-blog .pf-content thead :is(th, td) *,
#pf-blog .pf-content table:not(:has(thead)) tr:first-child > :is(td, th) * {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
color: #fff !important;
background: transparent !important;
}
/* Table body: pasted spans follow the cell; first column stays bold */
#pf-blog .pf-content tbody td :is(span, font) { font-weight: inherit !important; }
#pf-blog .pf-content tbody td :is(b, strong) { color: inherit; }
#pf-blog .pf-content :is(td, th) p { margin: 0; color: inherit; }
#pf-blog .pf-content :is(td, th) p + p { margin-top: 8px; }
/* Text below FAQ */
#pf-blog .pf-faq:has(+ .pf-after-faq) { padding-bottom: 32px; }
#pf-blog .pf-after-faq { padding-bottom: 40px; }
#pf-blog .pf-after-faq > :last-child { margin-bottom: 0; }
@media (max-width: 1255px) {
#pf-blog .pf-layout,
#pf-blog .pf-related { padding-left: 20px; padding-right: 20px; }
#pf-blog .pf-share { margin-right: 0; }
}
/* Tablet (Elementor tablet breakpoint) */
@media (max-width: 1024px) {
#pf-blog .pf-main { padding-top: 45px; }
#pf-blog .pf-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "article"; }
#pf-blog .pf-aside { display: none; }
#pf-blog .pf-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Mobile */
@media (max-width: 767px) {
#pf-blog .pf-title { font-size: 28px; line-height: 42px; }
#pf-blog .pf-content { font-size: 15px; line-height: 24px; }
#pf-blog .pf-content h2 { font-size: 24px; line-height: 32px; }
#pf-blog .pf-content table th,
#pf-blog .pf-content table thead td,
#pf-blog .pf-content table td { padding: 14px 15px; font-size: 14px; }
#pf-blog .pf-faq-title { padding: 14px 5px; align-items: center; }
#pf-blog .pf-content .pf-faq-q { font-size: 17px; line-height: 25.5px; }
#pf-blog .pf-faq-q::before { width: 26px; min-width: 26px; margin-right: 14px; font-size: 22px; line-height: 1; }
/* 5px padding + 26px number + 14px gap = answer starts under the question text */
#pf-blog .pf-faq-answer { margin-top: -6px; padding: 0 0 18px 45px; font-size: 14px; line-height: 23px; }
#pf-blog .pf-engage { flex-direction: column; gap: 30px; }
#pf-blog .pf-subscribe { width: 100%; }
#pf-blog .pf-subscribe__input { flex: 1; width: auto; min-width: 0; }
#pf-blog .pf-share { width: auto; }
#pf-blog .pf-related { padding-left: 10px; padding-right: 10px; }
#pf-blog .pf-related__grid { grid-template-columns: minmax(0, 1fr); }
#pf-blog .pf-cta { padding-top: 60px; }
#pf-blog .pf-cta__title { font-size: 30px; line-height: 30px; font-weight: 700; padding: 0 20px; }
#pf-blog .pf-cta__sub { font-size: 18px; line-height: 28px; padding: 0 20px; }
#pf-blog .pf-cta__note { padding: 0 20px; }
#pf-blog .pf-cta__btn { font-size: 18px; line-height: 18px; padding: 25px 38px 25px 37px; }
#pf-blog .pf-cta__mask { margin-top: 0; }
#pf-blog .pf-cta__title { font-weight: 700 !important; }
#pf-blog .pf-content h1 { font-size: 28px; line-height: 42px; }
}