--- title: | admin --- /\* ========================================================= SOFIA SOVEREIGN — SINGLE BLOG POST Premium editorial redesign Existing HubSpot HTML — no HTML changes required ========================================================= \*/ /\* ========================================================= 01. DESIGN TOKENS ========================================================= \*/ :root { --sofia-blue: #082F70; --sofia-blue-dark: #061f49; --sofia-navy: #101820; --sofia-gold: #B7934F; --sofia-gold-light: #D5BB87; --sofia-ivory: #F4EFE7; --sofia-white: #ffffff; --sofia-text: #1d2730; --sofia-muted: #66717c; --sofia-border: rgba(183, 147, 79, 0.32); --sofia-serif: "Larken", Georgia, "Times New Roman", serif; --sofia-sans: Helvetica, Arial, sans-serif; --sofia-container: 1260px; --sofia-article: 860px; --sofia-radius: 12px; } /\* ========================================================= 02. GLOBAL BLOG PAGE ========================================================= \*/ #main-content { background: #fff; color: var(--sofia-text); font-family: var(--sofia-sans); } #main-content \*, #main-content \*::before, #main-content \*::after { box-sizing: border-box; } #main-content img { max-width: 100%; } #main-content a { color: var(--sofia-blue); text-decoration-color: rgba(183, 147, 79, 0.65); text-underline-offset: 3px; transition: color 0.25s ease, text-decoration-color 0.25s ease; } #main-content a:hover { color: var(--sofia-gold); text-decoration-color: var(--sofia-gold); } /\* ========================================================= 03. MAIN BLOG WRAPPER ========================================================= \*/ .hs-elevate-content-wrapper { width: 100%; } .hs-elevate-blog-content-container { max-width: var(--sofia-container); margin: 0 auto; padding-left: 40px; padding-right: 40px; } /\* ========================================================= 04. HERO IMAGE ========================================================= \*/ .hs-elevate-blog-image-container { position: relative; width: 100%; height: min(620px, 52vw); min-height: 500px; overflow: hidden; background: var(--sofia-navy); } .hs-elevate-blog-image-container::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient( 90deg, rgba(5, 24, 45, 0.90) 0%, rgba(5, 24, 45, 0.68) 38%, rgba(5, 24, 45, 0.18) 72%, rgba(5, 24, 45, 0.08) 100% ), linear-gradient( 0deg, rgba(5, 24, 45, 0.42) 0%, transparent 45% ); } .hs-elevate-blog-image-container img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; transform: scale(1.015); transition: transform 1.2s ease; } .hs-elevate-blog-image-container:hover img { transform: scale(1.035); } /\* ========================================================= 05. HERO CONTENT POSITIONING ========================================================= \*/ .hs-elevate-blog-content-container { position: relative; z-index: 3; margin-top: -620px; padding-top: 150px; padding-bottom: 0; min-height: 620px; color: #fff; } /\* ========================================================= 06. CATEGORY / TAG ========================================================= \*/ .hs-elevate-blog-tags-container { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; } .hs-elevate-blog-tags-container::before { content: ""; display: block; width: 44px; height: 1px; background: var(--sofia-gold); } .hs-elevate-tag { display: inline-flex; align-items: center; color: var(--sofia-gold-light); font-family: var(--sofia-sans); font-size: 11px; font-weight: 600; letter-spacing: 2px; line-height: 1.2; text-transform: uppercase; } /\* ========================================================= 07. BLOG TITLE ========================================================= \*/ .hs-elevate-blog-title { width: min(850px, 100%); margin: 0 0 28px; color: #fff !important; font-family: var(--sofia-serif); font-size: clamp(38px, 4.3vw, 66px); font-weight: 400; line-height: 1.06; letter-spacing: -1.2px; } .hs-elevate-blog-title span { color: inherit !important; } /\* ========================================================= 08. AUTHOR + DATE ========================================================= \*/ .hs-elevate-blog-meta { display: flex; align-items: center; gap: 12px; margin: 0; } .hs-elevate-blog-meta\_\_avatars { display: none; } .hs-elevate-blog-meta\_\_content { display: flex; align-items: center; } .hs-elevate-blog-meta\_\_authors { color: #fff; font-family: var(--sofia-sans); font-size: 13px; font-weight: 500; } .hs-elevate-blog-meta\_\_authors::before { content: "By "; color: var(--sofia-gold-light); } .hs-elevate-blog-meta\_\_date-container { display: flex; align-items: center; margin-top: 12px; } .hs-elevate-blog-meta\_\_date { color: rgba(255,255,255,0.82); font-family: var(--sofia-sans); font-size: 12px; letter-spacing: 0.3px; } .hs-elevate-blog-meta\_\_date::before { content: "•"; margin-right: 10px; color: var(--sofia-gold); } /\* ========================================================= 09. HIDE EMPTY AUDIO SPACE ========================================================= \*/ .hs-elevate-blog-audio-narration { display: none !important; } /\* ========================================================= 10. ARTICLE AREA ========================================================= \*/ .hs-elevate-blog-content { position: relative; width: min(var(--sofia-article), 100%); margin-top: 115px; margin-left: auto; margin-right: auto; padding: 75px 80px 100px; background: #fff; color: var(--sofia-text); border-top: 1px solid var(--sofia-border); } /\* subtle gold corner \*/ .hs-elevate-blog-content::before { content: ""; position: absolute; top: -1px; left: 0; width: 85px; height: 3px; background: var(--sofia-gold); } /\* ========================================================= 11. ARTICLE TYPOGRAPHY ========================================================= \*/ .hs-elevate-blog-content h2 { position: relative; margin: 58px 0 22px; color: var(--sofia-blue); font-family: var(--sofia-serif); font-size: 32px; font-weight: 400; line-height: 1.18; } .hs-elevate-blog-content h2:first-child { margin-top: 0; } .hs-elevate-blog-content h3 { margin: 42px 0 16px; color: var(--sofia-blue); font-family: var(--sofia-serif); font-size: 25px; font-weight: 400; line-height: 1.25; } .hs-elevate-blog-content h4 { margin: 30px 0 11px; color: var(--sofia-navy); font-family: var(--sofia-sans); font-size: 16px; font-weight: 600; line-height: 1.45; } .hs-elevate-blog-content p { margin: 0 0 18px; color: #3d4650; font-family: var(--sofia-sans); font-size: 15px; font-weight: 400; line-height: 1.85; } .hs-elevate-blog-content strong, .hs-elevate-blog-content b { color: var(--sofia-navy); font-weight: 600; } /\* ========================================================= 12. FIRST ARTICLE HEADING ========================================================= \*/ .hs-elevate-blog-content \> span \> h2:first-child { display: none; } /\* ========================================================= 13. ARTICLE LINKS ========================================================= \*/ .hs-elevate-blog-content p a { color: var(--sofia-blue); font-weight: 600; text-decoration-thickness: 1px; } .hs-elevate-blog-content p a:hover { color: var(--sofia-gold); } /\* ========================================================= 14. LISTS ========================================================= \*/ .hs-elevate-blog-content ul, .hs-elevate-blog-content ol { margin: 22px 0 30px; padding-left: 0; list-style: none; } .hs-elevate-blog-content ul li, .hs-elevate-blog-content \> span \> ol li { position: relative; margin: 0 0 12px; padding: 13px 18px 13px 45px; background: #faf7f1; border: 1px solid rgba(183,147,79,0.20); border-radius: 7px; color: #3d4650; font-size: 14px; line-height: 1.65; } .hs-elevate-blog-content ul li::before { content: "✓"; position: absolute; left: 17px; top: 13px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--sofia-gold); border-radius: 50%; font-size: 10px; font-weight: 700; } /\* ========================================================= 15. TABLES ========================================================= \*/ .hs-elevate-blog-content table { width: 100%; margin: 30px 0 42px; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--sofia-border); border-radius: 8px; background: #fff; font-size: 13px; } .hs-elevate-blog-content table td { padding: 14px 16px; border-right: 1px solid rgba(183,147,79,0.18); border-bottom: 1px solid rgba(183,147,79,0.18); color: #46505a; vertical-align: top; } .hs-elevate-blog-content table tr:first-child td { background: var(--sofia-blue); color: #fff; font-weight: 600; } .hs-elevate-blog-content table tr:nth-child(even):not(:first-child) td { background: #faf8f4; } .hs-elevate-blog-content table tr:last-child td { border-bottom: 0; } .hs-elevate-blog-content table td:last-child { border-right: 0; } .hs-elevate-blog-content table p { margin: 0; font-size: 13px; line-height: 1.55; } /\* ========================================================= 16. ARTICLE EMPHASIS / QUOTE ========================================================= \*/ .hs-elevate-blog-content blockquote { margin: 35px 0; padding: 28px 35px; background: var(--sofia-ivory); border-left: 3px solid var(--sofia-gold); color: var(--sofia-blue); font-family: var(--sofia-serif); font-size: 21px; line-height: 1.5; font-style: italic; } /\* ========================================================= 17. HR ========================================================= \*/ .hs-elevate-blog-content hr { height: 1px; margin: 55px 0; border: 0; background: linear-gradient( 90deg, var(--sofia-gold), rgba(183,147,79,0.25), transparent ); } /\* ========================================================= 18. FAQ SECTION Existing HTML: ## FAQs... 1. question answer ========================================================= \*/ .hs-elevate-blog-content h2:last-of-type { margin-top: 80px; margin-bottom: 35px; padding-bottom: 18px; border-bottom: 1px solid var(--sofia-border); } .hs-elevate-blog-content h2:last-of-type::after { content: ""; display: block; width: 60px; height: 2px; margin-top: 15px; background: linear-gradient( 90deg, var(--sofia-gold), var(--sofia-gold-light), transparent ); } /\* Style FAQ question containers. Since HubSpot outputs each question in a separate , we turn each 1. into a premium question card. \*/ .hs-elevate-blog-content \> span \> ol { margin: 0; } .hs-elevate-blog-content \> span \> ol li { position: relative; margin: 0; padding: 18px 55px 18px 22px; background: #fff; border: 1px solid var(--sofia-border); border-radius: 7px; color: var(--sofia-blue); font-family: var(--sofia-sans); font-size: 14px; font-weight: 600; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } .hs-elevate-blog-content \> span \> ol li::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: var(--sofia-gold); font-family: Arial, sans-serif; font-size: 22px; font-weight: 300; } .hs-elevate-blog-content \> span \> ol li:hover { background: #faf7f1; border-color: var(--sofia-gold); transform: translateY(-1px); } /\* FAQ answers. The HTML has an answer immediately after each . \*/ .hs-elevate-blog-content \> span \> ol + p { margin: 0 0 15px; padding: 0 22px 17px; color: #626b73; font-size: 13px; line-height: 1.7; background: #faf7f1; border-left: 1px solid var(--sofia-border); border-right: 1px solid var(--sofia-border); border-bottom: 1px solid var(--sofia-border); border-radius: 0 0 7px 7px; } /\* ========================================================= 19. FINAL ARTICLE STATEMENT ========================================================= \*/ .hs-elevate-blog-content p:last-child { color: #53606b; } /\* ========================================================= 20. SHARE SECTION ========================================================= \*/ .hs-elevate-blog-share { max-width: var(--sofia-article); margin: 0 auto 90px; padding: 30px 0; border-top: 1px solid var(--sofia-border); border-bottom: 1px solid var(--sofia-border); text-align: center; } .hs-elevate-blog-share .hs-elevate-heading-container\_\_heading { margin-bottom: 18px !important; color: var(--sofia-blue) !important; font-family: var(--sofia-serif) !important; font-size: 22px !important; font-weight: 400 !important; } .hs-elevate-social-share { display: flex !important; justify-content: center !important; gap: 10px !important; } .hs-elevate-social-share\_\_link { display: flex !important; align-items: center; justify-content: center; width: 40px !important; height: 40px !important; padding: 0 !important; background: var(--sofia-blue) !important; border: 1px solid var(--sofia-blue) !important; border-radius: 50% !important; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } .hs-elevate-social-share\_\_link:hover { background: var(--sofia-gold) !important; border-color: var(--sofia-gold) !important; transform: translateY(-3px); } .hs-elevate-social-share\_\_icon { width: 15px !important; height: 15px !important; fill: #fff !important; } /\* ========================================================= 21. COMMENTS ========================================================= \*/ .hs-elevate-blog-comments-container { max-width: 900px; margin: 0 auto 90px; padding: 0 30px; } .hs-elevate-blog-comments-container .post-footer { padding: 35px; background: var(--sofia-ivory); border: 1px solid var(--sofia-border); border-radius: 10px; } .hs-elevate-blog-comments-container label { color: var(--sofia-blue); font-size: 13px; font-weight: 600; } .hs-elevate-blog-comments-container input, .hs-elevate-blog-comments-container textarea { width: 100%; border: 1px solid rgba(183,147,79,0.45); border-radius: 5px; background: #fff; font-family: var(--sofia-sans); } .hs-elevate-blog-comments-container input { min-height: 46px; } .hs-elevate-blog-comments-container textarea { min-height: 130px; } .hs-elevate-blog-comments-container .hs-button { padding: 13px 26px; background: var(--sofia-blue) !important; border: 1px solid var(--sofia-blue) !important; border-radius: 2px !important; color: #fff !important; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; transition: 0.25s ease; } .hs-elevate-blog-comments-container .hs-button:hover { background: var(--sofia-gold) !important; border-color: var(--sofia-gold) !important; } /\* ========================================================= 22. KEEP READING / RELATED ARTICLES ========================================================= \*/ .hs-elevate-blog-recent-posts { position: relative; padding: 90px 0 110px; background: var(--sofia-ivory); } .hs-elevate-blog-recent-posts \> .hs-elevate-content-wrapper { max-width: var(--sofia-container); margin: 0 auto; padding: 0 40px; } .hs-elevate-blog-recent-posts\_\_heading { margin: 0 0 40px; color: var(--sofia-blue); font-family: var(--sofia-serif); font-size: 36px; font-weight: 400; text-align: center; } .hs-elevate-blog-recent-posts\_\_heading::after { content: ""; display: block; width: 65px; height: 2px; margin: 16px auto 0; background: linear-gradient( 90deg, var(--sofia-gold), var(--sofia-gold-light), transparent ); } /\* cards \*/ .hs-elevate-blog-recent-posts\_\_card-container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .hs-elevate-card--recent-post { overflow: hidden; background: #fff; border: 1px solid rgba(183,147,79,0.28); border-radius: 10px; box-shadow: 0 15px 40px rgba(16,24,32,0.08); transition: transform 0.35s ease, box-shadow 0.35s ease; } .hs-elevate-card--recent-post:hover { transform: translateY(-7px); box-shadow: 0 22px 55px rgba(16,24,32,0.14); } .hs-elevate-card--recent-post\_\_link { display: block; color: inherit !important; text-decoration: none !important; } .hs-elevate-card--recent-post\_\_image-container { height: 230px; overflow: hidden; } .hs-elevate-card--recent-post\_\_image-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .hs-elevate-card--recent-post:hover .hs-elevate-card--recent-post\_\_image-container img { transform: scale(1.05); } .hs-elevate-card--recent-post\_\_content-container { padding: 22px 24px 27px; } .hs-elevate-card--recent-post\_\_tag-container { margin-bottom: 10px; } .hs-elevate-card--recent-post\_\_tag-container .hs-elevate-tag { color: var(--sofia-gold); font-size: 9px; letter-spacing: 1.5px; } .hs-elevate-card--recent-post\_\_title { margin: 0; color: var(--sofia-blue); font-family: var(--sofia-serif); font-size: 20px; font-weight: 400; line-height: 1.3; } /\* ========================================================= 23. MOBILE ========================================================= \*/ @media (max-width: 900px) { .hs-elevate-blog-image-container { height: 560px; min-height: 560px; } .hs-elevate-blog-content-container { margin-top: -560px; padding: 115px 28px 0; } .hs-elevate-blog-title { font-size: clamp(34px, 7vw, 48px); } .hs-elevate-blog-content { width: 100%; margin-top: 90px; padding: 55px 35px 70px; } .hs-elevate-blog-recent-posts\_\_card-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /\* ========================================================= 24. TABLET ========================================================= \*/ @media (max-width: 700px) { .hs-elevate-blog-image-container { height: 500px; min-height: 500px; } .hs-elevate-blog-content-container { margin-top: -500px; padding: 95px 22px 0; } .hs-elevate-blog-title { font-size: 35px; line-height: 1.08; } .hs-elevate-blog-content { margin-top: 70px; padding: 45px 24px 60px; } .hs-elevate-blog-content h2 { font-size: 27px; } .hs-elevate-blog-content h3 { font-size: 23px; } .hs-elevate-blog-content p { font-size: 14px; line-height: 1.8; } .hs-elevate-blog-content table { display: block; overflow-x: auto; white-space: normal; } .hs-elevate-blog-recent-posts \> .hs-elevate-content-wrapper { padding: 0 22px; } .hs-elevate-blog-recent-posts\_\_card-container { grid-template-columns: 1fr; } .hs-elevate-blog-recent-posts\_\_heading { font-size: 30px; } } /\* ========================================================= 25. SMALL MOBILE ========================================================= \*/ @media (max-width: 480px) { .hs-elevate-blog-image-container { height: 470px; min-height: 470px; } .hs-elevate-blog-content-container { margin-top: -470px; padding: 80px 18px 0; } .hs-elevate-blog-tags-container { margin-bottom: 15px; } .hs-elevate-blog-title { font-size: 30px; letter-spacing: -0.5px; } .hs-elevate-blog-meta\_\_authors { font-size: 12px; } .hs-elevate-blog-meta\_\_date { font-size: 11px; } .hs-elevate-blog-content { margin-top: 55px; padding: 38px 20px 50px; } .hs-elevate-blog-content h2 { margin-top: 45px; font-size: 25px; } .hs-elevate-blog-content h3 { margin-top: 35px; font-size: 21px; } .hs-elevate-blog-content h4 { font-size: 15px; } .hs-elevate-blog-content p { font-size: 14px; } .hs-elevate-blog-content table td { min-width: 150px; padding: 11px 12px; font-size: 12px; } .hs-elevate-blog-content \> span \> ol li { padding: 16px 45px 16px 17px; font-size: 13px; } .hs-elevate-blog-content \> span \> ol + p { padding-left: 17px; padding-right: 17px; font-size: 12px; } .hs-elevate-blog-share { margin-left: 20px; margin-right: 20px; } .hs-elevate-blog-comments-container { padding: 0 18px; } .hs-elevate-blog-comments-container .post-footer { padding: 25px 20px; } .hs-elevate-blog-recent-posts { padding: 65px 0 75px; } .hs-elevate-card--recent-post\_\_image-container { height: 210px; } } [Skip to content](https://sofiasovereign.net/insights/author/sofia_sovereign#main-content) [![Sofia Sovereign colored logo with monogram and tagline](https://sofiasovereign.net/hs-fs/hubfs/Untitled%20design%20(5).png?width=1542&height=688&name=Untitled%20design%20(5).png)Homepage](https://sofiasovereign.net) - [Home](https://sofiasovereign.net) - [About](https://sofiasovereign.net/about-us) - Opportunities - [Bulgarian Startup Business](https://sofiasovereign.net/bulgaria-startup-business) - [Citizen By Degree](https://sofiasovereign.net/citizen-by-degree) - [Insights](https://sofiasovereign.net/insights) [CONTACT](https://sofiasovereign.net/contact) - [Home](https://sofiasovereign.net) - [About](https://sofiasovereign.net/about-us) - Opportunities - [Bulgarian Startup Business](https://sofiasovereign.net/bulgaria-startup-business) - [Citizen By Degree](https://sofiasovereign.net/citizen-by-degree) - [Insights](https://sofiasovereign.net/insights) [CONTACT](https://sofiasovereign.net/contact) Insights & Blogs # Ideas That Move Industries Discover articles, Blogs and reports from leading voices in the field. We explore what’s new, what’s next, and what it means for your business. [![Footer logo ](https://sofiasovereign.net/hs-fs/hubfs/Untitled%20design%20(2).png?width=400&height=180&name=Untitled%20design%20(2).png "Footer logo ")](https://sofiasovereign.net/) Sofia Sovereign provides trusted advisory services for Bulgarian residency and citizenship including Startup Visa, Golden Visa, Company Formation, Trade Representative Offices, D-Type Visas, Citizenship by Degree, and Presidential Decree applications. We combine deep legal expertise with a premium client experience. [+359 89 797 7392](tel:+359897977392) info@sofiasovereign.com --- © 2026 Sofia Sovereign. All rights reserved.