/*
Theme Name: Whassupdirectory
*/

.pagination{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0;justify-content:center;list-style:none;padding:0}
.pagination .page-numbers,.pagination a,.pagination span{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line,#e6e8f0);padding:0 12px;font-weight:700;background:#fff;color:var(--navy,#0b1b3a)}
.pagination .page-numbers.current,.pagination a.active{background:var(--navy,#0b1b3a);color:#fff;border-color:transparent}
.art.article--wide,.post-content.article--wide{max-width:none}
.lc-media,.sl-logo{position:relative}
.ph-initials{position:absolute;inset:0;display:none;place-items:center;font-weight:800;font-size:28px;letter-spacing:.04em;color:var(--navy,#0b1b3a);background:var(--soft,#f4f6fb)}
.lc-media.is-empty .ph-initials,.lc-media:not(:has(img)) .ph-initials,.sl-logo.is-empty .ph-initials{display:grid}
.feat-grid img,.feat-grid svg,.hl .ico,.feat-grid .ico{width:22px;height:22px}
.hl .ico,.feat-grid .ico{flex:none;display:inline-block;background-color:var(--navy,#0b1b3a);-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.hl .hi .ico{width:26px;height:26px;background-color:#fff}
.hl .hi.c4 .ico{background-color:var(--navy,#0b1b3a)}
.kv strong{display:flex;align-items:flex-start;gap:10px}
.kv strong svg{width:22px;height:22px;flex:none;stroke:var(--blue,#277ecc);margin-top:1px}
.fact svg{display:block;width:28px;height:28px;margin:0 auto 12px;stroke:var(--yellow,#ffcd04)}
.premium .hi{width:56px;height:56px;margin:0;border-radius:50%;display:grid;place-items:center;flex:none}
.premium .hi svg{width:26px;height:26px}
.sidebar-card{align-self:start}
.widget.cta-widget .btn-outline{display:flex;justify-content:center;width:100%;margin-top:8px;background:var(--yellow,#ffcd04);color:var(--navy,#0b1b3a);box-shadow:none}
.widget.cta-widget .btn-outline::before{background:var(--pink,#e23a8c)}
.widget.cta-widget .btn-outline:hover{color:#fff}
.form-note,.form-ok{padding:14px 16px;margin-bottom:16px;font-weight:600}
.form-ok{background:#e9f8ee;color:#146c36}
.form-note{background:#fdecec;color:#8a1f1f}
.post-content .share-row{align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.post-content .share-row>span{font-weight:700;color:var(--navy,#0b1b3a)}
.post-content .share-row a{background:var(--navy,#0b1b3a);color:#fff}
.post-content .share-row a:hover{background:var(--pink,#e23a8c)}
.post-content .share-row svg{fill:#fff;color:#fff}
#contact .socials a{background:var(--navy,#0b1b3a);color:#fff}
#contact .socials a:hover{background:var(--pink,#e23a8c)}
#contact .socials svg{fill:#fff;color:#fff}
#about .about-anchor{color:var(--navy,#0b1b3a);font-weight:800;text-decoration:underline;text-underline-offset:3px;background:var(--yellow,#ffcd04);padding:2px 6px;border-radius:4px}
#about .about-anchor:hover{color:#fff;background:var(--pink,#e23a8c)}
.comments{margin-top:36px}
.comment-list{list-style:none;margin:0 0 24px;padding:0}
.comment-list .comment{padding:16px 0;border-top:1px solid var(--line,#e6e8f0)}
.comment-form input,.comment-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line,#e6e8f0);font:inherit}
.logo-fallback{font-weight:800;font-size:22px;color:inherit}
.page-body{padding:40px 0 80px}