:root{
--wc-grad: linear-gradient(120deg,#0d5ef8 0%,#0a4fd6 100%);
--wc-grad-h: linear-gradient(120deg,#0a47c0 0%,#083aa0 100%);
--wc-violet:#0d5ef8; --wc-violet-d:#0a47c0;
--wc-blue:#0a4fd6;   --wc-blue-d:#083aa0;
--wc-ink:#111827;    --wc-body:#374151;
--wc-lav:#eef3fe;    --wc-lav-2:#e7eefe;
} .wp-block-navigation-item.top-menu > .wp-block-navigation-item__content,
.wp-block-button.sidebar-btn .wp-block-button__link{
background:var(--wc-grad) !important;
color:#fff !important;
border:0 !important;
border-radius:12px !important;
font-weight:700 !important;
letter-spacing:.01em;
box-shadow:0 10px 24px rgba(13,94,248,.32) !important;
transition:transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}
.wp-block-navigation-item.top-menu > .wp-block-navigation-item__content{ padding:12px 26px !important; }
.wp-block-navigation-item.top-menu > .wp-block-navigation-item__content:hover,
.wp-block-button.sidebar-btn .wp-block-button__link:hover{
background:var(--wc-grad-h) !important;
transform:translateY(-2px) !important;
box-shadow:0 16px 32px rgba(13,94,248,.44) !important;
color:#fff !important;
}   .single-post .entry-content{
font-size:1.08rem; line-height:1.8; color:var(--wc-body); max-width:820px;
}
.single-post .entry-content > p{ margin:0 0 1.25em; }
.single-post .entry-content > p:first-of-type{ font-size:1.2rem; line-height:1.7; color:#334155; } .single-post .entry-content h2{
font-size:1.95rem; line-height:1.25; font-weight:800; color:var(--wc-ink);
margin:2.5em 0 .7em; padding-bottom:.4em; letter-spacing:-.015em;
border-bottom:2px solid #eef1f6;
}
.single-post .entry-content h2::after{
content:""; display:block; width:66px; height:4px; border-radius:4px;
background:var(--wc-grad); margin-top:.5em; margin-bottom:-.42em;
}
.single-post .entry-content h3{ font-size:1.35rem; font-weight:700; color:var(--wc-violet-d); margin:1.9em 0 .5em; }
.single-post .entry-content h4{ font-size:1.12rem; font-weight:700; color:var(--wc-ink); margin:1.4em 0 .4em; } .single-post .entry-content a{
color:var(--wc-blue-d); text-decoration:none;
border-bottom:1px solid rgba(3,105,161,.30); transition:border-color .15s, color .15s;
}
.single-post .entry-content a:hover{ color:var(--wc-violet-d); border-bottom-color:var(--wc-violet-d); } .single-post .entry-content ul.wp-block-list{ margin:0 0 1.4em; padding-left:0 !important; list-style:none !important; }
.single-post .entry-content ul.wp-block-list > li{
list-style:none !important; position:relative;
padding-left:2em !important; margin:.55em 0; text-indent:0;
}
.single-post .entry-content ul.wp-block-list > li::before{
content:""; position:absolute; left:0; top:.24em; width:1.25em; height:1.25em;
background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='12' fill='%230d5ef8'/><path d='M17.4 8.1l-6.95 6.95-2.8-2.8-1.4 1.4 4.2 4.2 8.35-8.35z' fill='white'/></svg>") center/contain no-repeat;
}
.single-post .entry-content ol.wp-block-list{ margin:0 0 1.4em; padding-left:1.4em; }
.single-post .entry-content ol.wp-block-list > li{ margin:.55em 0; padding-left:.3em; }
.single-post .entry-content ol.wp-block-list > li::marker{ color:var(--wc-violet-d); font-weight:700; } .single-post .entry-content img{ border-radius:16px; box-shadow:0 14px 36px rgba(17,24,39,.12); margin:1.3em 0; } .single-post .entry-content blockquote{
border-left:4px solid var(--wc-violet); background:var(--wc-lav);
margin:1.7em 0; padding:1em 1.35em; border-radius:12px; color:#3f3d56;
} .single-post .entry-content figure.wp-block-table,
.single-post .entry-content .wp-block-table{
margin:2em 0; overflow-x:auto; -webkit-overflow-scrolling:touch;
border-radius:18px; box-shadow:0 18px 44px rgba(20,50,120,.14);
border:1px solid #e6eaf2;
}
.single-post .entry-content table{
width:100%; min-width:660px; table-layout:fixed;
border-collapse:collapse; border-spacing:0; font-size:.98rem;
background:#fff; margin:0; border:0;
}
.single-post .entry-content table td,
.single-post .entry-content table th{
padding:14px 16px; border:0; border-bottom:1px solid #eef1f6;
vertical-align:top; color:#33384c; text-align:left;
word-break:break-word; overflow-wrap:anywhere;
}
.single-post .entry-content table thead td,
.single-post .entry-content table th{
color:#fff; font-weight:700; font-size:.76rem;
letter-spacing:.02em; line-height:1.3; text-transform:uppercase;
border-bottom:0; white-space:normal; vertical-align:middle;
word-break:normal; overflow-wrap:normal;
}
.single-post .entry-content table thead td strong,
.single-post .entry-content table th strong{ color:#fff; }
.single-post .entry-content table tbody tr:nth-child(even) td{ background:#f5f7fb; }
.single-post .entry-content table tbody tr:hover td{ background:var(--wc-lav-2); }
.single-post .entry-content table tr:last-child td{ border-bottom:0; } .single-post .entry-content table tr.brand-row td{
background:var(--wc-lav) !important; box-shadow:none;
}
.single-post .entry-content table tr.brand-row td:first-child{ box-shadow:inset 3px 0 0 var(--wc-violet); }
.single-post .entry-content table tr.brand-row td:first-child strong{ color:var(--wc-violet-d); } .single-post .entry-content .wp-block-button__link{
background:var(--wc-grad); color:#fff; border-radius:12px; padding:.9em 1.8em; font-weight:700;
box-shadow:0 10px 24px rgba(13,94,248,.30); transition:transform .16s, box-shadow .16s;
}
.single-post .entry-content .wp-block-button__link:hover{
transform:translateY(-2px); box-shadow:0 16px 32px rgba(13,94,248,.44);
} .single-post .entry-content h3 + p{ margin-top:.2em; }    :root{
--wc-btn:linear-gradient(180deg,#3b82ff 0%,#0a47c0 100%);
--wc-btn-h:linear-gradient(180deg,#0d5ef8 0%,#083aa0 100%);
--wc-btn-sh:0 10px 24px -8px rgba(13,94,248,.55);
}
.wp-block-navigation-item.top-menu > .wp-block-navigation-item__content,
.wp-block-button.sidebar-btn .wp-block-button__link,
.single-post .entry-content .wp-block-button__link,
.single-post .entry-content .wp-block-kadence-advancedbtn a.kt-button,
.single-post .entry-content .wp-block-kadence-singlebtn.kt-button{
background:var(--wc-btn) !important;
background-image:var(--wc-btn) !important;
color:#fff !important;
box-shadow:var(--wc-btn-sh) !important;
border-radius:12px !important;
border:0 !important;
}
.single-post .entry-content .wp-block-kadence-advancedbtn a.kt-button .kt-btn-inner-text{ color:#fff !important; }
.wp-block-navigation-item.top-menu > .wp-block-navigation-item__content:hover,
.wp-block-button.sidebar-btn .wp-block-button__link:hover,
.single-post .entry-content .wp-block-button__link:hover{
background:var(--wc-btn-h) !important;
box-shadow:0 16px 34px -10px rgba(13,94,248,.62) !important;
} .wp-block-navigation-item.top-menu > .wp-block-navigation-item__content{
text-transform:capitalize !important;
font-weight:600 !important;
letter-spacing:.005em !important;
font-size:.95rem !important;
line-height:1.5 !important; padding:11px 24px !important;
} .single-post .entry-content table thead td,
.single-post .entry-content table thead th{
background:#1c1b26 !important; background-image:none !important; color:#f4f2ec !important;
overflow-wrap:normal !important; word-break:normal !important; white-space:normal !important;
}   .wp-block-navigation-item.top-menu > .wp-block-navigation-item__content,
.wp-block-button.sidebar-btn .wp-block-button__link,
.single-post .entry-content .wp-block-button__link,
.single-post .entry-content .wp-block-kadence-advancedbtn a.kt-button,
.single-post .entry-content .wp-block-kadence-advancedbtn a.kt-button .kt-btn-inner-text,
.wp-block-group.footer-cta-main .wp-block-buttons .wp-block-button .wp-block-button__link.wp-element-button,
.wp-block-comments .wp-block-button__link,.comment-form input#submit,.comment-form input[type="submit"]{
font-family:'Instrument Sans','Inter',-apple-system,'Segoe UI',sans-serif !important;
font-weight:600 !important; text-transform:none !important; letter-spacing:normal !important; font-size:14px !important; line-height:1.5 !important;
color:#fff !important;
} .wp-block-comments .wp-block-button__link,.comment-form input#submit,.comment-form input[type="submit"]{
background:var(--wc-btn) !important;background-image:var(--wc-btn) !important;border:0 !important;
border-radius:12px !important;box-shadow:0 12px 28px -10px rgba(13,94,248,.5) !important;padding:14px 34px !important;cursor:pointer;
transition:transform .16s ease,box-shadow .16s ease,background .16s ease !important;
}
.wp-block-comments .wp-block-button__link:hover,.comment-form input#submit:hover{background:var(--wc-btn-h) !important;transform:translateY(-2px) !important}    .blog-header .wp-block-button .wp-block-button__link,
.blog-header a.wp-block-button__link{
background:var(--wc-btn) !important; background-image:var(--wc-btn) !important;
background-color:#0d5ef8 !important; color:#fff !important; border:0 !important;
border-radius:12px !important; box-shadow:var(--wc-btn-sh) !important;
font-family:"Instrument Sans","Inter",-apple-system,sans-serif !important; font-weight:600 !important;
text-transform:none !important; letter-spacing:normal !important; font-size:14px !important;
padding:12px 26px !important; transition:transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}
.blog-header .wp-block-button .wp-block-button__link:hover,
.blog-header a.wp-block-button__link:hover{
background:var(--wc-btn-h) !important; transform:translateY(-2px) !important;
box-shadow:0 16px 34px -10px rgba(13,94,248,.62) !important; color:#fff !important;
}    .wp-block-group.footer-cta-main .wp-block-buttons .wp-block-button .wp-block-button__link.wp-element-button,
.wp-block-buttons.footer-cta-button .wp-block-button .wp-block-button__link.wp-element-button{
background:var(--wc-btn) !important; background-image:var(--wc-btn) !important;
color:#fff !important; border:0 !important; border-radius:12px !important;
box-shadow:0 12px 28px -10px rgba(13,94,248,.55) !important;
padding:15px 40px !important; transition:transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}
.wp-block-group.footer-cta-main .wp-block-buttons .wp-block-button .wp-block-button__link.wp-element-button:hover,
.wp-block-buttons.footer-cta-button .wp-block-button .wp-block-button__link.wp-element-button:hover{
background:var(--wc-btn-h) !important; transform:translateY(-2px) !important;
box-shadow:0 18px 38px -12px rgba(13,94,248,.62) !important;
} .footer-cta-main .footer-text{
color:#171821 !important; letter-spacing:-.022em !important; font-weight:800 !important;
font-size:clamp(2rem,3.6vw,2.8rem) !important; line-height:1.06 !important; max-width:15ch;
}     .entry-content .wp-block-page-list,
.entry-content nav.wp-block-navigation:has(.wp-block-pages-list__item__link),
.entry-content nav.wp-block-navigation:has(.wp-block-page-list){ display:none !important; }    body.blog h1.wp-block-heading, body.home h1.wp-block-heading, body.archive h1.wp-block-heading{
font-family:'Instrument Serif',Georgia,serif !important; font-weight:400 !important; color:#171821 !important;
font-size:clamp(2.6rem,4.6vw,4rem) !important; line-height:1.05 !important; letter-spacing:-.02em !important;
max-width:900px; margin-left:auto !important; margin-right:auto !important;
}
body.blog h1.wp-block-heading::before, body.home h1.wp-block-heading::before, body.archive h1.wp-block-heading::before{
content:"THE WEBNEXS BLOG"; display:block; font-family:'Instrument Sans',sans-serif; font-weight:600;
font-size:12px; letter-spacing:.22em; text-transform:uppercase; color:#0a47c0; margin-bottom:18px;
}
body.blog h1.wp-block-heading::after, body.home h1.wp-block-heading::after{
content:"Guides, playbooks and comparisons for teams building OTT, video and marketplace platforms."; display:block;
font-family:'Instrument Sans',sans-serif; font-weight:400; font-size:1.05rem; line-height:1.5;
letter-spacing:0; text-transform:none; color:#6f7280; max-width:46ch; margin:20px auto 0;
} body.blog li.custom-post, body.archive li.custom-post{
border:1px solid #e6eaf2 !important; border-radius:16px !important; overflow:hidden !important; background:#fff !important;
box-shadow:0 1px 3px rgba(20,50,120,.05);
transition:transform .2s cubic-bezier(.2,.7,.25,1), box-shadow .2s ease !important;
}
body.blog li.custom-post:hover, body.archive li.custom-post:hover{
transform:translateY(-4px); box-shadow:0 26px 52px -26px rgba(20,50,120,.30);
}
body.blog li.custom-post img, body.archive li.custom-post img{ border-radius:0 !important; box-shadow:none !important; margin:0 !important; } body.blog li.custom-post .post-category a, body.archive li.custom-post .post-category a{
display:inline-block; font-family:'Instrument Sans',sans-serif !important; font-size:11px !important; font-weight:600 !important;
letter-spacing:.06em; text-transform:uppercase; color:#0a47c0 !important; background:#eef3fe; padding:5px 11px;
border-radius:100px; text-decoration:none !important; border:0 !important;
} body.blog li.custom-post .post-date, body.archive li.custom-post .post-date{
font-family:'Instrument Sans',sans-serif !important; font-size:12.5px !important; color:#6f7280 !important;
} body.blog li.custom-post h2.post-title a, body.archive li.custom-post h2.post-title a,
body.blog li.custom-post h2.post-title, body.archive li.custom-post h2.post-title{
font-family:'Instrument Serif',Georgia,serif !important; font-weight:400 !important; color:#171821 !important;
letter-spacing:-.015em; line-height:1.13; text-decoration:none !important; transition:color .16s ease;
}
body.blog li.custom-post h2.post-title a:hover, body.archive li.custom-post h2.post-title a:hover{ color:#0a47c0 !important; } body.blog li.custom-post .post-excerpt p, body.archive li.custom-post .post-excerpt p{
font-family:'Instrument Sans',sans-serif !important; color:#3c3d48 !important; font-size:.97rem !important; line-height:1.6 !important;
} body.blog li.custom-post .custom-read-more, body.archive li.custom-post .custom-read-more{
color:#0a47c0 !important; font-family:'Instrument Sans',sans-serif !important; font-weight:600 !important;
font-size:.9rem !important; text-decoration:none !important; border:0 !important; display:inline-flex; align-items:center;
} body.blog li.custom-post .custom-read-more:hover{ gap:2px; opacity:.85; }   .custom-pagination{ display:flex; justify-content:space-between; align-items:center; gap:16px; margin:24px auto 64px; max-width:1180px; }
.custom-pagination .pagination-prev, .custom-pagination .pagination-next{
font-family:'Instrument Sans',sans-serif !important; font-size:12.5px !important; font-weight:600 !important;
letter-spacing:.05em; text-transform:uppercase; color:#171821 !important; text-decoration:none !important;
border:1px solid #e6eaf2 !important; border-radius:100px; padding:12px 24px !important; background:#fff;
display:inline-flex; align-items:center; gap:8px; transition:border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.custom-pagination a.pagination-prev:hover, .custom-pagination a.pagination-next:hover{
border-color:#0d5ef8 !important; color:#0a47c0 !important; transform:translateY(-2px); box-shadow:0 14px 26px -14px rgba(13,94,248,.45);
}
.custom-pagination span.pagination-prev, .custom-pagination span.pagination-next{ opacity:.4; border-style:dashed !important; pointer-events:none; }   .footer-links-sec{ border-top:1px solid #e6eaf2; padding-top:52px !important; } .footer-links-sec p, .footer-links-sec li, .footer-links-sec a{
font-family:'Instrument Sans',sans-serif !important; color:#3c3d48 !important; line-height:1.65; font-size:.95rem;
}
.footer-links-sec h1,.footer-links-sec h2,.footer-links-sec h3,.footer-links-sec h4,.footer-links-sec strong{
font-family:'Instrument Sans',sans-serif !important; font-size:12px !important; font-weight:700 !important;
letter-spacing:.14em !important; text-transform:uppercase !important; color:#171821 !important;
}
.footer-links-sec a{ text-decoration:none !important; transition:color .15s ease; }
.footer-links-sec a:hover{ color:#0a47c0 !important; } .footer-social-icons a{ display:inline-flex; transition:transform .16s ease; }
.footer-social-icons a:hover{ transform:translateY(-3px); }
.footer-social-icons img{ border-radius:9px !important; } .footer-copyrights, .copyright-container{ background:#171821 !important; }
.footer-copyrights{ padding:20px 24px !important; }
.footer-copyrights p, .footer-copyrights span, .copyright-text{ color:#b9b7c4 !important; font-family:'Instrument Sans',sans-serif !important; font-size:.9rem !important; }
.footer-copyrights a, .copyright-text a{ color:#a9c6ff !important; text-decoration:none !important; }
.footer-copyrights a:hover, .copyright-text a:hover{ color:#fff !important; }    body.blog, body.home, body.archive,
body.blog .wp-site-blocks, body.home .wp-site-blocks, body.archive .wp-site-blocks{ background:#fcfbf6 !important; }
body.blog li.custom-post, body.archive li.custom-post{ background:#fffdf8 !important; border-color:#eae4d8 !important; }
body.blog li.custom-post .post-excerpt p, body.archive li.custom-post .post-excerpt p{ color:#403c34 !important; }
body.blog li.custom-post h2.post-title a, body.archive li.custom-post h2.post-title a,
body.blog li.custom-post h2.post-title, body.archive li.custom-post h2.post-title{ color:#1c1a16 !important; }
body.blog h1.wp-block-heading, body.home h1.wp-block-heading, body.archive h1.wp-block-heading{ color:#1c1a16 !important; }
body.blog h1.wp-block-heading::after, body.home h1.wp-block-heading::after{ color:#8b857a !important; }     .wp-block-button__link strong,
.wp-block-button__link b,
.single-post .entry-content .wp-block-button__link strong,
.single-post .entry-content .wp-block-button__link b,
.wp-block-button.sidebar-btn .wp-block-button__link strong,
.wp-block-group.footer-cta-main .wp-block-button__link strong,
.wp-block-comments .wp-block-button__link strong{ color:inherit !important; }     .single-post .entry-content .wp-block-button__link{
background:transparent !important;
background-image:none !important;
color:#0d5ef8 !important;
box-shadow:inset 0 0 0 1.6px #0d5ef8 !important;
border-radius:6px !important;
padding:.82em 1.55em !important;
transition:background .2s ease,color .2s ease,box-shadow .2s ease !important;
}
.single-post .entry-content .wp-block-button__link::after{
content:"\00a0\2192"; display:inline-block; transition:transform .2s ease;
}
.single-post .entry-content .wp-block-button__link:hover{
background:#0d5ef8 !important;
background-image:none !important;
color:#fff !important;
box-shadow:inset 0 0 0 1.6px #0d5ef8 !important;
transform:none !important;
}
.single-post .entry-content .wp-block-button__link:hover::after{ transform:translateX(4px); }     .wnx-cta .wnx-cta-btn,
.single-post .entry-content .wp-block-button__link,
.blog-header .wp-block-button .wp-block-button__link,
.blog-header a.wp-block-button__link,
.wp-block-navigation-item.top-menu > .wp-block-navigation-item__content{
font-family:'Instrument Serif', Georgia, serif !important;
font-weight:400 !important;
letter-spacing:-0.01em !important;
text-transform:none !important;
}
.wnx-cta .wnx-cta-btn{ font-size:20px !important; }
.single-post .entry-content .wp-block-button__link{ font-size:17px !important; }
.blog-header .wp-block-button__link,
.blog-header a.wp-block-button__link,
.wp-block-navigation-item.top-menu > .wp-block-navigation-item__content{ font-size:17px !important; } .wnx-cta .wnx-cta-btn,
.single-post .entry-content .wp-block-button__link,
.blog-header .wp-block-button .wp-block-button__link,
.blog-header a.wp-block-button__link,
.wp-block-navigation-item.top-menu > .wp-block-navigation-item__content{
letter-spacing:0.02em !important;
word-spacing:0.04em !important;
}      .single-post .entry-content .wp-block-button .wp-block-button__link:not(:has(br)),
.single-post .entry-content a.wp-block-button__link.wp-element-button:not(:has(br)){
background:var(--wc-btn) !important; background-image:var(--wc-btn) !important; background-color:#0d5ef8 !important;
color:#fff !important; border-radius:12px !important; border:0 !important;
}
.single-post .entry-content .wp-block-button__link:not(:has(br)) strong{ color:#fff !important; }
.single-post .entry-content .wp-block-kadence-singlebtn a.kt-button:not(:has(br)),
.single-post .entry-content .wp-block-kadence-advancedbtn a.kt-button:not(:has(br)),
.single-post .entry-content a.kb-button.kt-button:not(:has(br)){
background:var(--wc-btn) !important; background-image:var(--wc-btn) !important; background-color:#0d5ef8 !important;
color:#fff !important; border:0 !important; border-radius:12px !important; padding:14px 26px !important;
}
.single-post .entry-content .kt-button:not(:has(br)) .kt-btn-inner-text,
.single-post .entry-content a.kt-button:not(:has(br)) strong{ color:#fff !important; } .single-post .entry-content .wnx-callout{
background:#fffdf8; border:1px solid var(--line,#ece7dd); border-left:4px solid #0d5ef8;
border-radius:12px; padding:20px 24px; margin:30px 0;
}
.single-post .entry-content .wnx-callout > p{ margin:0 0 14px; }
.single-post .entry-content .wnx-callout > p:last-child{ margin-bottom:0; }
.single-post .entry-content .wnx-callout .wp-block-buttons{ margin:8px 0 0; }    .single-post .entry-content .kt-accordion-panel-inner{
background:#fffdf8 !important;
border-left:3px solid #0d5ef8 !important;
} .single-post .entry-content blockquote blockquote{
border-left:0 !important;
background:transparent !important;
padding-left:0 !important;
margin-left:0 !important;
} #demoform-popup .sp-promo-bg-circle,
#demoform-popup .sp-pulse-dot{ background:#0d5ef8 !important; }