/* Brandivro dynamic blog archive and post templates */
.bsingle-sticky input[type="text"], .bsingle-sticky input[type="email"], .bsingle-sticky input[type="tel"], .bsingle-sticky select, .bsingle-sticky textarea{padding:12px 0px 12px 0px}
.bsingle-sticky br {display: none;}
.reach-form__note{margin-bottom: 20px;}
.reach-form__note p {margin: 0 !IMPORTANT;font-size: 12px;color: #898989;}
.brandivro-blog-archive,.brandivro-single{--bblog-ink:#171923;--bblog-muted:#626777;--bblog-line:#e4e6ed;--bblog-purple:#5e56ea;background:#fff;color:var(--bblog-ink);font-family:inherit}
.brandivro-blog-archive a,.brandivro-single a{color:inherit}
.bblog-eyebrow{display:inline-flex;padding:7px 14px;border-radius:30px;background:#baf3d4;color:#182329;font-size:14px}
.bblog-hero{text-align:center}
.bblog-hero h1{margin:18px 0 12px;color:var(--bblog-ink);font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.05;letter-spacing:-.035em}
.bblog-hero p{margin:0;color:#444b58;font-size:18px}
.bblog-listing{max-width:1240px;margin:0 auto;padding:34px 24px 80px}
.bblog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 34px}
.bblog-card{min-width:0;border:0!important;background:transparent!important;box-shadow:none!important}
.bblog-card-image{display:block;overflow:hidden;aspect-ratio:1.58;border-radius:18px;background:#f0f1f6}
.bblog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.bblog-card-image:hover img{transform:scale(1.035)}
.bblog-image-fallback{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,#17182e,#5e56ea);color:#fff;font-size:24px;font-weight:700}
.bblog-card-body{padding-top:17px}
.bblog-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:11px;color:#252a34;font-size:13px}
.bblog-categories a{color: #8166ef;text-decoration: none;text-transform: uppercase;font-size: 18px;font-weight: 600;letter-spacing: 1px;}
.bblog-categories a+a:before{content:"|";padding-right:8px;color:#a2a6b0}
.bblog-card h2{margin:0 0 11px;color:var(--bblog-ink);font-size:23px;line-height:1.34;font-weight:600}
.bblog-card h2 a{text-decoration:none}
.bblog-card h2 a:hover{color:var(--bblog-purple)}
.bblog-excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0 0 19px;color:#555c69;font-size:16px;line-height:1.55}
.bblog-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--bblog-line);padding-top:12px;color:#777d89;font-size:14px}
.bblog-author{display:flex;align-items:center;gap:10px;color:#222733}
.bblog-avatar,.bblog-author img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.bblog-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:48px}
.bblog-pagination .page-numbers{display:inline-flex;min-width:40px;min-height:40px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--bblog-line);border-radius:8px;text-decoration:none;color:var(--bblog-ink)}
.bblog-pagination .current{background:var(--bblog-purple);border-color:var(--bblog-purple);color:#fff}
.bblog-empty{text-align:center;padding:48px 0;color:var(--bblog-muted)}
.bsingle-hero{display:flex;min-height:290px;align-items:center;justify-content:center;padding:58px 24px;background:#0b0c19 url('../media/2026/09/hero-background.png') center/cover no-repeat;color:#fff;text-align:center}
.bsingle-hero-inner{width:min(100%,1000px)}
.bsingle-hero .bblog-categories{justify-content:center;color:#d5d6e3}
.bsingle-hero h1{margin:12px 0 20px;color:#fff;font-size:clamp(32px,5vw,54px);font-weight:700;line-height:1.18}
.bsingle-byline{display:flex;align-items:center;justify-content:center;gap:12px;color:#dedfea;font-size:14px}
.bsingle-byline img{width:38px;height:38px;border-radius:50%}
.bsingle-byline time{margin-left:8px}
.bsingle-layout{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,2.1fr) minmax(260px,1fr);gap:22px;max-width:1440px;margin:0 auto;padding:42px 24px 80px;align-items:start}
.bsingle-sticky{position:sticky;top:110px}
.bsingle-panel{margin-bottom:16px;padding:18px;border:1px solid var(--bblog-line);border-radius:12px;background:#fff}
.bsingle-panel h2{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--bblog-line);color:var(--bblog-ink);font-size:17px;font-weight:600}
.bsingle-toc ol{max-height:280px;overflow:auto;margin:0;padding:0;list-style:none}
.bsingle-toc li{margin:0;padding:4px 0;line-height:1.4}
.bsingle-toc li a{color:#636977;font-size:13px;text-decoration:none}
.bsingle-toc li a:hover{color:var(--bblog-purple)}
.bsingle-toc .bsingle-toc-sub{padding-left:14px}
.bsingle-share-links{display:flex;gap:10px}
.bsingle-share-links a,.bsingle-share-links button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:#252b39;color:#fff;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}
.bsingle-share-links .share-facebook{background:#3157a4}.bsingle-share-links .share-linkedin{background:#0877b9}.bsingle-share-links .share-x{background:#111}
.bsingle-copy-status{display:block;min-height:18px;margin-top:6px;color:#626777;font-size:12px}
.bsingle-featured{margin:0 0 26px}.bsingle-featured img{display:block;width:100%;height:auto;border-radius:12px}
.bsingle-content{color:#252a34;font-size:17px;line-height:1.78;overflow-wrap:anywhere}
.bsingle-content h2,.bsingle-content h3,.bsingle-content h4{scroll-margin-top:100px;color:#171923;line-height:1.3}
.bsingle-content h2{margin:1.7em 0 .65em;font-size:30px}.bsingle-content h3{margin:1.5em 0 .55em;font-size:23px}
.bsingle-content img{max-width:100%;height:auto;border-radius:8px}.bsingle-content a{color:#5148d8;text-decoration:underline}
.bsingle-content blockquote{margin:1.5em 0;padding:14px 20px;border-left:4px solid var(--bblog-purple);background:#f5f4ff}
.bsingle-form{padding:24px 20px;border-radius:12px;background:#08090d;color:#fff}
.bsingle-form h2{margin:0 0 20px;color:#fff;font-size:18px;line-height:1.3}

.bsingle-form .wpcf7{color:#fff}.bsingle-form .wpcf7 input:not([type=submit]),.bsingle-form .wpcf7 textarea,.bsingle-form .wpcf7 select{width:100%;border:0;border-bottom:1px solid #5a5d66;border-radius:0;background:transparent;color:#fff;box-shadow:none}
.bsingle-form .wpcf7 input:not([type=submit]),.bsingle-form .wpcf7 select{min-height:44px}.bsingle-form .wpcf7 textarea{min-height:80px}
.bsingle-form .wpcf7 input::placeholder,.bsingle-form .wpcf7 textarea::placeholder{color:#aab0bb}
.bsingle-form .wpcf7 input[type=submit]{width:100%;min-height:40px;border:0;border-radius:9px;background:linear-gradient(100deg,#5142ec,#853df3);color:#fff;cursor:pointer;padding: 0px 16px;}
.bsingle-form .wpcf7 form p{margin-bottom:14px}.bsingle-form .wpcf7-not-valid-tip{color:#ffb2b2}.bsingle-form .wpcf7-response-output{margin:12px 0!important}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {color: #ffffff !important;}
.iti--separate-dial-code.iti--show-flags .iti__selected-flag {border-radius: 0px !important;}
.iti--separate-dial-code.iti--show-flags .iti__selected-flag{background-color: rgb(79 79 79 / 71%);}

@media(min-width:992px){
	aside.bsingle-left, aside.bsingle-right {position: sticky;top: 100px;}
}
@media(max-width:1100px){.bsingle-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}.bsingle-left{grid-column:1/-1;order:0}.bsingle-left .bsingle-sticky{position:static;display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.bsingle-article{order:1}.bsingle-right{order:2}}
@media(max-width:760px){.bblog-hero{padding:50px 20px 28px}.bblog-listing{padding:24px 18px 56px}.bblog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.bblog-card h2{font-size:20px}.bsingle-hero{min-height:260px;padding:48px 20px}.bsingle-layout{display:flex;flex-direction:column;padding:24px 18px 56px}.bsingle-left,.bsingle-article,.bsingle-right{width:100%}.bsingle-left{order:0}.bsingle-article{order:1}.bsingle-right{order:2}.bsingle-left .bsingle-sticky{display:flex;flex-direction:column}.bsingle-toc ol{max-height:230px}.bsingle-right .bsingle-sticky{position:static}.bsingle-form{width:100%}.bblog-avatar, .bblog-author img{display:none}}
@media(max-width:520px){.bblog-grid{grid-template-columns:1fr;gap:30px}.bblog-card-image{aspect-ratio:1.65}.bblog-hero p{font-size:16px}.bsingle-content{font-size:16px}.bsingle-content h2{font-size:25px}.bsingle-content h3{font-size:21px}.bsingle-byline{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.bblog-card-image img{transition:none}}