/* * FCVarcelona 1.11.1 — Premium Newsroom single-post layout. * * This file is intentionally loaded only on singular posts and after all * legacy theme layers. It owns the article cover, reading column, share rail * and responsive single-post layout. */ :root { --vcsp-bg: #050d18; --vcsp-panel: #0c1a2a; --vcsp-panel-soft: #102238; --vcsp-border: rgba(146, 172, 202, 0.2); --vcsp-border-strong: rgba(146, 172, 202, 0.32); --vcsp-text: #dce4ed; --vcsp-text-strong: #f8fafc; --vcsp-muted: #aab7c6; --vcsp-yellow: #edbb00; --vcsp-claret: #c00046; --vcsp-blue: #0877c9; --vcsp-radius: 16px; } html body.single-post { --vcsp-shell: 1360px; --vcsp-sidebar: 318px; --vcsp-gap: 28px; } html body.single-post .varcelona-reading-progress { position: fixed; inset: 0 0 auto; z-index: 100000; height: 3px; overflow: hidden; background: rgba(255, 255, 255, 0.08); pointer-events: none; } html body.single-post .varcelona-reading-progress span { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left center; background: linear-gradient(90deg, var(--vcsp-yellow), #ffd84d); box-shadow: 0 0 14px rgba(237, 187, 0, 0.72); will-change: transform; } html body.single-post .blog-over-single-main > .blog-over-container { box-sizing: border-box !important; width: min(var(--vcsp-shell), 100%) !important; max-width: var(--vcsp-shell) !important; padding: 32px 24px 72px !important; } @media (min-width: 1101px) { html body.single-post .blog-over-content-wrapper { display: flex !important; align-items: flex-start !important; gap: var(--vcsp-gap) !important; } html body.single-post .blog-over-main-content { min-width: 0 !important; flex: 1 1 auto !important; } html body.single-post .blog-over-sidebar { width: var(--vcsp-sidebar) !important; max-width: var(--vcsp-sidebar) !important; flex: 0 0 var(--vcsp-sidebar) !important; } } html body.single-post .blog-over-single-content-box { overflow: visible !important; padding: 0 !important; border: 0 !important; border-radius: var(--vcsp-radius) !important; background: transparent !important; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28) !important; } html body.single-post .blog-over-single-header { box-sizing: border-box; margin: 0 !important; padding: 36px 40px 32px !important; border: 1px solid var(--vcsp-border); border-bottom: 4px solid var(--vcsp-yellow); border-radius: var(--vcsp-radius) var(--vcsp-radius) 0 0; background: linear-gradient(130deg, #12263e, #081725); } html body.single-post .blog-over-single-header .blog-over-single-title { margin: 0 !important; color: #fff !important; font-family: "Arsenal", Arial, sans-serif !important; font-size: clamp(38px, 5vw, 60px) !important; font-style: italic !important; font-weight: 900 !important; line-height: 0.98 !important; letter-spacing: -0.04em !important; text-transform: uppercase !important; text-wrap: balance; } html body.single-post .blog-over-single-thumbnail.varcelona-single-hero { position: relative !important; isolation: isolate; box-sizing: border-box !important; width: 100% !important; min-height: 0 !important; aspect-ratio: 16 / 9 !important; margin: 0 !important; overflow: hidden !important; border: 1px solid var(--vcsp-border) !important; border-bottom: 0 !important; border-radius: var(--vcsp-radius) var(--vcsp-radius) 0 0 !important; background: #07111f !important; box-shadow: none !important; } html body.single-post .blog-over-single-thumbnail.varcelona-single-hero img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; object-fit: cover !important; object-position: center top !important; filter: saturate(0.95) contrast(1.04); transform: scale(1.002); } html body.single-post .varcelona-single-hero::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; background: linear-gradient(90deg, rgba(2, 7, 14, 0.86) 0%, rgba(2, 7, 14, 0.66) 34%, rgba(2, 7, 14, 0.16) 64%, transparent 82%), linear-gradient(180deg, transparent 42%, rgba(2, 7, 14, 0.82) 100%) !important; pointer-events: none !important; } html body.single-post .varcelona-single-hero::after { content: "" !important; position: absolute !important; inset: auto 0 0 !important; z-index: 1 !important; height: 4px !important; border-radius: 0 !important; background: linear-gradient(90deg, var(--vcsp-claret) 0 48%, var(--vcsp-yellow) 48% 52%, var(--vcsp-blue) 52%) !important; opacity: 0.92; pointer-events: none !important; } html body.single-post .varcelona-single-hero-overlay { position: absolute !important; right: auto !important; bottom: clamp(28px, 3.2vw, 42px) !important; left: clamp(28px, 3.4vw, 46px) !important; z-index: 2 !important; box-sizing: border-box !important; width: min(68%, 720px) !important; max-width: none !important; padding: 0 !important; color: var(--vcsp-text-strong) !important; } html body.single-post .varcelona-single-hero-meta { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 14px !important; } html body.single-post .varcelona-single-hero-cat { display: inline-flex !important; min-height: 31px !important; align-items: center !important; box-sizing: border-box !important; padding: 8px 14px !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 6px !important; background: linear-gradient(135deg, #d1004d, #a50044) !important; box-shadow: 0 8px 22px rgba(165, 0, 68, 0.28) !important; color: #fff !important; font-family: "Arsenal", Arial, sans-serif !important; font-size: 12px !important; font-style: normal !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; } html body.single-post .varcelona-single-hero-title { max-width: none !important; margin: 0 !important; color: #fff !important; font-family: "Arsenal", Arial, sans-serif !important; font-size: clamp(38px, 5.7cqw, 62px) !important; font-style: italic !important; font-weight: 900 !important; line-height: 0.98 !important; letter-spacing: -0.043em !important; overflow-wrap: normal !important; text-wrap: balance; text-shadow: 0 4px 24px rgba(0, 0, 0, 0.86) !important; text-transform: uppercase !important; word-break: normal !important; hyphens: none !important; } html body.single-post .varcelona-single-hero-date { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 9px !important; margin: 16px 0 0 !important; color: #f2f5f8 !important; font-family: "Arsenal", Arial, sans-serif !important; font-size: 14px !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.2 !important; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.86) !important; } html body.single-post .varcelona-single-hero-date i { color: var(--vcsp-yellow) !important; } html body.single-post .varcelona-single-reading-zone { position: relative; display: grid; grid-template-columns: 58px minmax(0, 760px); justify-content: center; gap: 24px; box-sizing: border-box; width: 100%; padding: 38px 38px 34px; border: 1px solid var(--vcsp-border); border-top: 0; border-radius: 0 0 var(--vcsp-radius) var(--vcsp-radius); background: linear-gradient(180deg, rgba(17, 36, 58, 0.98), rgba(9, 24, 40, 0.99)), var(--vcsp-panel); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025); } html body.single-post .varcelona-single-reading-zone--no-tools { grid-template-columns: minmax(0, 760px); } html body.single-post .varcelona-single-reading-tools { position: sticky; top: 112px; align-self: start; min-width: 0; } html body.single-post .varcelona-share-title { display: block; margin: 0 0 8px; color: var(--vcsp-muted); font-family: "Arsenal", Arial, sans-serif; font-size: 9px; font-weight: 800; line-height: 1.1; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } html body.single-post .varcelona-single-reading-tools .blog-over-share-buttons { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; box-sizing: border-box !important; width: 58px !important; margin: 0 !important; padding: 11px 6px !important; border: 1px solid var(--vcsp-border) !important; border-radius: 13px !important; background: rgba(4, 13, 24, 0.62) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18) !important; } html body.single-post .varcelona-single-reading-tools .share-label { display: none !important; } html body.single-post .varcelona-single-reading-tools .share-label::after { content: none !important; } html body.single-post .varcelona-single-reading-tools .blog-over-share-icons { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 9px !important; margin: 0 !important; } html body.single-post .varcelona-single-reading-tools .blog-over-share-icons :is(a, button) { display: inline-flex !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, 0.11) !important; border-radius: 50% !important; background: #0c1b2c !important; box-shadow: none !important; color: #f8fafc !important; font-size: 15px !important; line-height: 1 !important; transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease !important; } html body.single-post .varcelona-single-reading-tools .blog-over-share-icons :is(a, button):hover { transform: translateY(-2px) !important; border-color: rgba(237, 187, 0, 0.62) !important; background: #142a42 !important; } html body.single-post .varcelona-single-reading-tools .blog-over-share-facebook { background: #1264c3 !important; } html body.single-post .blog-over-single-content { box-sizing: border-box !important; width: 100% !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; color: var(--vcsp-text) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 19px !important; line-height: 1.75 !important; } html body.single-post .blog-over-single-content p { margin: 0 0 1.45em !important; color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; } html body.single-post .blog-over-single-content > p:first-of-type { margin: 0 0 1.55em !important; padding: 2px 0 2px 22px !important; border: 0 !important; border-left: 3px solid var(--vcsp-claret) !important; border-radius: 0 !important; background: transparent !important; color: #f1f5f9 !important; font-size: 21px !important; font-weight: 400 !important; line-height: 1.62 !important; } html body.single-post .blog-over-single-content strong { color: #fff !important; font-weight: 700 !important; } html body.single-post .blog-over-single-content :is(h2, h3) { position: relative !important; margin: 2em 0 0.7em !important; padding: 0 0 0 17px !important; color: #fff !important; font-family: "Arsenal", Arial, sans-serif !important; font-style: italic !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -0.025em !important; text-transform: uppercase !important; text-wrap: balance; } html body.single-post .blog-over-single-content :is(h2, h3)::before { content: "" !important; position: absolute !important; inset: 0.08em auto 0.08em 0 !important; width: 4px !important; border-radius: 4px !important; background: var(--vcsp-yellow) !important; } html body.single-post .blog-over-single-content h2 { font-size: clamp(28px, 2.5vw, 36px) !important; } html body.single-post .blog-over-single-content h3 { font-size: clamp(23px, 2vw, 29px) !important; } html body.single-post .blog-over-single-content blockquote { position: relative !important; margin: 1.8em 0 !important; padding: 23px 26px 23px 31px !important; border: 1px solid var(--vcsp-border-strong) !important; border-left: 4px solid var(--vcsp-yellow) !important; border-radius: 12px !important; background: rgba(4, 13, 24, 0.55) !important; color: #f4f7fa !important; font-size: 20px !important; font-style: italic !important; line-height: 1.55 !important; } html body.single-post .blog-over-single-content a { color: #ffd229 !important; text-decoration-color: rgba(255, 210, 41, 0.46) !important; text-underline-offset: 3px !important; } html body.single-post .blog-over-single-content :is(ul, ol) { margin: 0 0 1.5em !important; padding-left: 1.45em !important; } html body.single-post .blog-over-single-content li { margin: 0 0 0.55em !important; } html body.single-post .blog-over-single-tags { margin: 24px 38px 0 !important; } html body.single-post .varcelona-continue { margin: 30px 0 0 !important; padding: 30px 30px 32px !important; border: 1px solid var(--vcsp-border) !important; border-radius: var(--vcsp-radius) !important; background: var(--vcsp-panel) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2) !important; } html body.single-post .blog-over-sidebar { color: var(--vcsp-text); } html body.single-post .blog-over-sidebar .widget { border-color: rgba(146, 172, 202, 0.2) !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18) !important; } html body.single-post .blog-over-sidebar .varcelona-sidebar-latest li { min-height: 78px !important; padding-top: 10px !important; padding-bottom: 10px !important; } html body.single-post .blog-over-sidebar .varcelona-sidebar-latest .varcelona-latest-link { font-size: 12px !important; line-height: 1.3 !important; } @media (max-width: 1100px) { html body.single-post .blog-over-single-main > .blog-over-container { padding-right: 18px !important; padding-left: 18px !important; } html body.single-post .blog-over-sidebar { display: none !important; } html body.single-post .blog-over-main-content { width: 100% !important; max-width: 960px !important; margin-right: auto !important; margin-left: auto !important; } } @media (max-width: 760px) { html body.single-post .blog-over-single-main > .blog-over-container { padding: 14px 10px 48px !important; } html body.single-post .blog-over-single-content-box { border-radius: 13px !important; } html body.single-post .blog-over-single-thumbnail.varcelona-single-hero { min-height: 0 !important; max-height: 590px !important; aspect-ratio: 4 / 5 !important; border-radius: 13px 13px 0 0 !important; } html body.single-post .blog-over-single-thumbnail.varcelona-single-hero img { object-position: 58% top !important; } html body.single-post .varcelona-single-hero::before { background: linear-gradient(180deg, rgba(2, 7, 14, 0.02) 12%, rgba(2, 7, 14, 0.2) 43%, rgba(2, 7, 14, 0.95) 87%, rgba(2, 7, 14, 0.99) 100%) !important; } html body.single-post .varcelona-single-hero-overlay { right: 19px !important; bottom: 25px !important; left: 19px !important; width: auto !important; } html body.single-post .varcelona-single-hero-meta { margin-bottom: 11px !important; } html body.single-post .varcelona-single-hero-cat { min-height: 28px !important; padding: 7px 11px !important; font-size: 10px !important; } html body.single-post .varcelona-single-hero-title { max-width: 95% !important; font-size: clamp(31px, 9.4vw, 43px) !important; line-height: 0.99 !important; letter-spacing: -0.035em !important; } html body.single-post .varcelona-single-hero-date { margin-top: 13px !important; font-size: 13px !important; } html body.single-post .varcelona-single-reading-zone { display: flex; flex-direction: column; gap: 22px; padding: 0 18px 26px; border-radius: 0 0 13px 13px; } html body.single-post .varcelona-single-reading-tools { position: sticky; top: 76px; z-index: 12; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: calc(100% + 36px); margin: 0 -18px; padding: 10px 18px; border-bottom: 1px solid rgba(146, 172, 202, 0.18); background: rgba(7, 20, 34, 0.94); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16); backdrop-filter: blur(10px); } html body.single-post .varcelona-share-title { flex: 1 1 auto; margin: 0; color: #d3dce6; font-size: 10px; text-align: left; } html body.single-post .varcelona-single-reading-tools .blog-over-share-buttons { flex-direction: row !important; flex: 0 0 auto !important; justify-content: flex-end !important; gap: 12px !important; width: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html body.single-post .varcelona-single-reading-tools .blog-over-share-icons { flex-direction: row !important; gap: 8px !important; } html body.single-post .varcelona-single-reading-tools .blog-over-share-icons :is(a, button) { width: 35px !important; height: 35px !important; min-width: 35px !important; min-height: 35px !important; font-size: 13px !important; } html body.single-post .blog-over-single-content { max-width: none !important; font-size: 18px !important; line-height: 1.72 !important; } html body.single-post .blog-over-single-content > p:first-of-type { padding-left: 17px !important; font-size: 19px !important; line-height: 1.62 !important; } html body.single-post .blog-over-single-content :is(h2, h3) { margin-top: 1.65em !important; } html body.single-post .blog-over-single-content blockquote { padding: 19px 19px 19px 22px !important; font-size: 18px !important; } html body.single-post .blog-over-single-tags { margin-right: 18px !important; margin-left: 18px !important; } html body.single-post .varcelona-continue { margin-top: 22px !important; padding: 24px 16px !important; border-radius: 13px !important; } } @media (max-width: 420px) { html body.single-post .blog-over-single-thumbnail.varcelona-single-hero { aspect-ratio: 0.86 !important; } html body.single-post .varcelona-single-hero-title { font-size: clamp(29px, 9.2vw, 38px) !important; } html body.single-post .varcelona-single-reading-zone { padding-right: 15px; padding-left: 15px; } html body.single-post .varcelona-single-reading-tools { width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; } html body.single-post .varcelona-single-reading-tools .share-label { display: none !important; } html body.single-post .varcelona-share-title { display: none; } html body.single-post .varcelona-single-reading-tools .blog-over-share-icons { width: 100%; justify-content: space-between; } } @media (prefers-reduced-motion: reduce) { html body.single-post .varcelona-reading-progress span, html body.single-post .varcelona-single-reading-tools .blog-over-share-icons :is(a, button) { transition: none !important; } } /* === Editorial single layout (title above image) === */ html body.single-post .vc-article-top { box-sizing: border-box; margin: 0; padding: 28px 36px 20px; border: 1px solid var(--vcsp-border); border-bottom: 0; border-radius: var(--vcsp-radius) var(--vcsp-radius) 0 0; background: linear-gradient(145deg, rgba(18, 38, 62, 0.98), rgba(8, 20, 36, 0.99)), var(--vcsp-panel); } html body.single-post .vc-article-cat { display: inline-flex; align-items: center; margin: 0 0 14px; padding: 6px 12px; border-radius: 999px; background: var(--vcsp-claret); color: #fff !important; font-family: "Arsenal", Arial, sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; line-height: 1; text-decoration: none !important; text-transform: uppercase; } html body.single-post .vc-article-cat:hover { filter: brightness(1.08); } html body.single-post .vc-article-title { margin: 0 0 14px !important; color: var(--vcsp-text-strong) !important; font-family: "Arsenal", Georgia, "Times New Roman", serif !important; font-size: clamp(28px, 3.6vw, 46px) !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -0.02em !important; text-wrap: balance; } html body.single-post .vc-article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0 0 18px; color: var(--vcsp-muted); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; } html body.single-post .vc-article-meta-sep { opacity: 0.55; } html body.single-post .vc-article-author { color: #fff !important; font-weight: 800; text-decoration: none !important; } html body.single-post .vc-article-author:hover { color: var(--vcsp-yellow) !important; } html body.single-post .vc-article-lead { margin: 0; max-width: 46rem; color: #c5d0dc; font-size: clamp(17px, 1.35vw, 19.5px); font-weight: 500; line-height: 1.55; } html body.single-post .vc-article-share { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(146, 172, 202, 0.16); } html body.single-post .vc-article-share-label { color: var(--vcsp-muted); font-family: "Arsenal", Arial, sans-serif; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } html body.single-post .vc-article-share .blog-over-share-buttons, html body.single-post .vc-article-share .blog-over-share-icons { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } html body.single-post .vc-article-share .share-label { display: none !important; } html body.single-post .vc-article-share .blog-over-share-icons :is(a, button) { display: inline-flex !important; width: 34px !important; height: 34px !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 50% !important; background: #0c1b2c !important; color: #fff !important; } html body.single-post .vc-article-media { margin: 0; overflow: hidden; border-left: 1px solid var(--vcsp-border); border-right: 1px solid var(--vcsp-border); background: #081422; line-height: 0; } html body.single-post .vc-article-media .vc-article-image, html body.single-post .vc-article-media img { display: block !important; width: 100% !important; height: auto !important; max-height: 480px; object-fit: cover; object-position: center top; } /* Hide legacy hero overlay layout if still present */ html body.single-post .varcelona-single-hero-overlay { display: none !important; } html body.single-post .blog-over-single-thumbnail.varcelona-single-hero { position: relative !important; min-height: 0 !important; aspect-ratio: auto !important; } html body.single-post .blog-over-single-thumbnail.varcelona-single-hero img { position: static !important; width: 100% !important; height: auto !important; max-height: 480px; object-fit: cover; } /* Narrower reading column — keep dark theme colors */ html body.single-post .varcelona-single-reading-zone { display: grid !important; grid-template-columns: minmax(0, 720px) !important; justify-content: center !important; gap: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 28px 36px 36px !important; border: 1px solid var(--vcsp-border); border-top: 0; border-radius: 0 0 var(--vcsp-radius) var(--vcsp-radius); background: linear-gradient(180deg, rgba(17, 36, 58, 0.98), rgba(9, 24, 40, 0.99)), var(--vcsp-panel); } html body.single-post .varcelona-single-reading-zone--no-tools { grid-template-columns: minmax(0, 1fr) !important; } html body.single-post .blog-over-single-content { width: 100% !important; max-width: 720px !important; } html body.single-post .blog-over-single-content { max-width: 680px !important; color: #eef3f7 !important; font-size: 19px !important; line-height: 1.68 !important; } html body.single-post .blog-over-single-content > p { margin: 0 0 1.35em !important; } html body.single-post .blog-over-single-content > p:first-of-type { font-size: 20px !important; font-weight: inherit !important; line-height: 1.65 !important; } /* Sidebar: lower start, lighter visual weight — still dark theme */ @media (min-width: 1101px) { html body.single-post .blog-over-sidebar { margin-top: 0 !important; } } html body.single-post .blog-over-sidebar .widget { border-color: rgba(146, 172, 202, 0.14) !important; background: rgba(8, 20, 36, 0.72) !important; box-shadow: none !important; } html body.single-post .blog-over-sidebar .widget:not(.varcelona-sidebar-latest) { display: none !important; } html body.single-post .blog-over-sidebar .widget-title, html body.single-post .blog-over-sidebar .varcelona-sidebar-latest .widget-title { font-size: 12px !important; letter-spacing: 0.1em !important; opacity: 0.9; } html body.single-post .blog-over-sidebar .varcelona-sidebar-latest .varcelona-latest-link { font-size: 13px !important; line-height: 1.35 !important; opacity: 0.92; } @media (max-width: 900px) { html body.single-post .vc-article-top { padding: 22px 18px 16px; border-radius: 14px 14px 0 0; } html body.single-post .vc-article-title { font-size: clamp(24px, 7vw, 34px) !important; } html body.single-post .vc-article-lead { font-size: 16.5px; } html body.single-post .vc-article-media img, html body.single-post .vc-article-media .vc-article-image { max-height: 280px; } html body.single-post .varcelona-single-reading-zone { grid-template-columns: 1fr !important; padding: 20px 16px 28px !important; border-radius: 0 0 14px 14px; } html body.single-post .varcelona-single-reading-tools { position: static !important; display: flex; align-items: center; gap: 12px; margin-bottom: 8px; } html body.single-post .varcelona-single-reading-tools .blog-over-share-buttons { flex-direction: row !important; width: auto !important; } html body.single-post .varcelona-single-reading-tools .blog-over-share-icons { flex-direction: row !important; } html body.single-post .blog-over-sidebar { margin-top: 24px !important; } html body.single-post .blog-over-single-content { font-size: 18.5px !important; line-height: 1.7 !important; } html body.single-post .blog-over-single-content > p:first-of-type { font-size: 19.5px !important; } }