/* IMPORT FONTS */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
/* MAIN BLOG CONTAINER */
.single-post .entry-content{
max-width:920px !important;
margin:auto !important;
font-family:'DM Sans',sans-serif !important;
font-size:18px !important;
line-height:1.85 !important;
color:#475569 !important;
}
/* HEADINGS */
.single-post .entry-content h1{
font-family:'Bricolage Grotesque',sans-serif !important;
font-weight:800 !important;
font-size:38px !important;
color:#0f172a !important;
margin-bottom:20px !important;
}
.single-post .entry-content h2{
font-family:'Bricolage Grotesque',sans-serif !important;
font-weight:700 !important;
font-size:28px !important;
color:#1d4ed8 !important;
margin-top:40px !important;
padding-left:12px !important;
border-left:5px solid #2563eb !important;
}
.single-post .entry-content h3{
font-family:'Bricolage Grotesque',sans-serif !important;
font-size:22px !important;
color:#1e293b !important;
margin-top:25px !important;
}
/* PARAGRAPH */
.single-post .entry-content p{
margin-bottom:18px !important;
}
/* LIST DESIGN */
.single-post .entry-content ul,
.single-post .entry-content ol{
background:#f0f7ff !important;
padding:22px !important;
border-radius:10px !important;
border:1px solid #dbeafe !important;
margin:22px 0 !important;
}
.single-post .entry-content li{
margin-bottom:8px !important;
}
/* LINK STYLE */
.single-post .entry-content a{
color:#2563eb !important;
font-weight:600 !important;
text-decoration:none !important;
position:relative !important;
}
.single-post .entry-content a::after{
content:'' !important;
position:absolute !important;
width:0 !important;
height:2px !important;
left:0 !important;
bottom:-2px !important;
background:#38bdf8 !important;
transition:0.3s !important;
}
.single-post .entry-content a:hover::after{
width:100% !important;
}
/* TABLE */
.single-post .entry-content table{
width:100% !important;
border-collapse:collapse !important;
margin:30px 0 !important;
border:1px solid #e2e8f0 !important;
}
.single-post .entry-content th{
background:#2563eb !important;
color:white !important;
padding:12px !important;
}
.single-post .entry-content td{
padding:12px !important;
border:1px solid #e2e8f0 !important;
}
/* TIP BOX */
.single-post .entry-content blockquote{
background:#eff6ff !important;
border-left:4px solid #1d4ed8 !important;
padding:20px !important;
border-radius:8px !important;
font-style:normal !important;
}
/* CTA BOX */
.abstract247cta{
background:linear-gradient(135deg,#1d4ed8,#1a3a8f) !important;
padding:28px !important;
border-radius:10px !important;
color:white !important;
margin:40px 0 !important;
text-align:center !important;
}
.abstract247cta a{
color:white !important;
font-weight:700 !important;
}
/* IMAGE STYLE */
.single-post .entry-content img{
border-radius:10px !important;
margin:25px 0 !important;
}
/* HOVER EFFECT */
.single-post .entry-content table:hover{
transform:translateY(-3px) !important;
transition:0.3s !important;
box-shadow:0 10px 25px rgba(0,0,0,0.08) !important;
}
/* SCROLL REVEAL ANIMATION */
.abstract247reveal{
opacity:0 !important;
transform:translateY(28px) !important;
transition:all .7s ease !important;
}
.abstract247reveal.active{
opacity:1 !important;
transform:translateY(0) !important;
}
/* HIDE BLOG HERO HEADER */
.single-post #stunning-header{
display:none !important;
}
/* HIDE AUTHOR / DATE / COMMENT META */
.single-post .post-additional-info{
display:none !important;
}
/* HIDE COMMENT SECTION */
.single-post #comments{
display:none !important;
}
/* HIDE POST NAVIGATION (PREVIOUS / NEXT) */
.single-post .pagination-arrow{
display:none !important;
}


.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}


body { background-color: #fff; }
body .content-wrapper { background-color: #fff; }


/* Hide Seosight default header completely */
header#site-header,
.site-header,
#header,
.header-main,
.crumina-module-header,
#top,
.navbar-wrapper,
.header-wrapper,
div[class*="header"] > .container:first-child {
display: none !important;
}
/* Hide Seosight default footer completely */
footer#site-footer,
.site-footer,
#footer,
.footer-main,
.crumina-module-footer,
.footer-wrapper,
.copyright-area {
display: none !important;
}
/* Remove any gap left behind by hidden header */
#content,
.site-content,
#main,
.main-content {
padding-top: 0 !important;
margin-top: 0 !important;
}


#s247-igday-ov{
display:none; /* hidden by default — JS turns this on ONLY when checks pass */
position:fixed; inset:0; z-index:99999;
background:#0B2A3E;
align-items:center; justify-content:center;
opacity:0; pointer-events:none;
font-family:'Segoe UI',Arial,sans-serif;
}
/* The animation is bound to this class only — CSS alone can never
trigger the overlay; only the JS below adds this class. */
#s247-igday-ov.s247id-show{
display:flex; pointer-events:auto;
animation:s247id-fade .5s ease forwards, s247id-fadeout .6s ease forwards 5s;
}
#s247-igday-skip{
position:absolute; top:20px; right:20px;
background:rgba(255,255,255,0.12); color:#fff;
border:1px solid rgba(255,255,255,.25); padding:8px 16px;
border-radius:20px; font-size:13px; cursor:pointer;
}
#s247-igday-skip:hover{ background:rgba(255,255,255,0.2); }
.s247-igday-wrap{ text-align:center; width:min(480px,88vw); }
.s247-igday-eyebrow{
font-family:'Consolas',monospace; font-size:11px; letter-spacing:.18em;
color:#7FE0D6; text-transform:uppercase; opacity:0;
}
#s247-igday-ov.s247id-show .s247-igday-eyebrow{ animation:s247id-up .5s ease .2s forwards; }
.s247-igday-l1, .s247-igday-l2{
color:#fff; font-weight:800; font-size:clamp(22px,5vw,34px);
line-height:1.2; margin:6px 0; opacity:0;
}
#s247-igday-ov.s247id-show .s247-igday-l1{ animation:s247id-up .55s ease .45s forwards; }
#s247-igday-ov.s247id-show .s247-igday-l2{ animation:s247id-up .55s ease .75s forwards; }
.s247-igday-l2{ color:#FF9933; }
.s247-igday-l2 b{ color:#138808; font-weight:800; }
#s247-igday-graph{ margin-top:22px; opacity:0; }
#s247-igday-ov.s247id-show #s247-igday-graph{ animation:s247id-up .6s ease 1.05s forwards; }
#s247-igday-graph path{ stroke-dasharray:400; stroke-dashoffset:400; }
#s247-igday-ov.s247id-show #s247-igday-graph path{ animation:s247id-draw 1.4s ease 1.2s forwards; }
.s247-igday-sub{ color:#B9CBD1; font-size:12.5px; margin-top:16px; opacity:0; }
#s247-igday-ov.s247id-show .s247-igday-sub{ animation:s247id-up .5s ease 1.9s forwards; }
@keyframes s247id-fade{ to{opacity:1;} }
@keyframes s247id-fadeout{ to{opacity:0; visibility:hidden;} }
@keyframes s247id-up{ from{ transform:translateY(10px); opacity:0;} to{ transform:translateY(0); opacity:1;} }
@keyframes s247id-draw{ to{ stroke-dashoffset:0; } }
@media (prefers-reduced-motion:reduce){
#s247-igday-ov.s247id-show{ animation:s247id-fade .3s ease forwards, s247id-fadeout .3s ease forwards 3.2s; }
#s247-igday-ov.s247id-show .s247-igday-eyebrow,
#s247-igday-ov.s247id-show .s247-igday-l1,
#s247-igday-ov.s247id-show .s247-igday-l2,
#s247-igday-ov.s247id-show #s247-igday-graph,
#s247-igday-ov.s247id-show .s247-igday-sub{ animation:none; opacity:1; transform:none; }
#s247-igday-ov.s247id-show #s247-igday-graph path{ stroke-dashoffset:0; }
}


body { font-family: 'Inter', sans-serif; }
.glass-card { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); }
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
.float-animation { animation: float 4s ease-in-out infinite; }