/*
Theme Name: FinancePortal
Description: WordPress theme for FinancePortal — compare credit cards, loans, deposits, saving schemes, gold and silver rates. Design carried over from the standalone FinancePortal site (v186).
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: financeportal
*/

/* The design lives in public/assets/css/ (loaded from functions.php). Only WordPress-specific fixes go here. */
.art-body img{max-width:100%;height:auto}
.art-body .alignleft{float:left;margin:0 20px 12px 0}
.art-body .alignright{float:right;margin:0 0 12px 20px}
.art-body .aligncenter{display:block;margin-left:auto;margin-right:auto}
.art-body .wp-caption{max-width:100%}
.art-body .wp-caption-text{font-size:13px;color:#667085;text-align:center}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
/* ---------- emoji icons ----------
   fp_icon() prints colour emoji (<span class="fe">, see fp_icon_emoji() in config/ui_v171.php); the browser draws them
   with the device's own emoji font. Only arrows, ticks and the menu / close / plus controls are still line icons. */
.fe{font-style:normal;font-size:1.15em;line-height:1;display:inline-block;vertical-align:-.1em;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.ic .fe,.ss-res .ic,.inv-c .ic,.ss-card .ic,.hx-calcs .ic{font-size:22px;line-height:1}
.ss-bub .fe,.ss-bub .bi{margin-right:4px}
/* emoji in front of a section heading (inc/emoji.php) */
.he{font-style:normal;font-weight:400;margin-right:8px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.fx-nav a .fe,.ss-tabs a .fe,.ss-aside a .fe,.art-kpis .fe,.art-meta .fe,.hx-seg button .fe,.fx-btn .fe,.fx-cta .fe,.fx-pill .fe,.hx-cc .tag .fe{margin-right:5px}
.ri .fe{font-size:16px}
.ss-t td>a>.fe,.ss-t td>b>a>.fe{display:inline;margin-right:3px}
.hx-post .ph .fe{font-size:40px}
.fx-search .fe,.fx-mobile-search .fe,.hx-sbox>.fe,.fx-dir-search .fe{font-size:18px;flex:0 0 auto}
/* section chip: the illustration is the picture; the emoji shows only where a section has none */
body.fx[class*="fx-i-"] .ss-chip .ic .fe{display:none}
body.fx:not([class*="fx-i-"]) .ss-chip .ic .fe{display:block;font-size:44px;text-align:center;padding-top:26px}
/* admin sidebar */
.fxa .menu-item .fe{width:20px;text-align:center;font-size:16px}

.fp-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}
.fp-pager .page-numbers{padding:8px 14px;border:1px solid #e6ebf2;border-radius:10px;background:#fff;text-decoration:none;font-weight:600}
.fp-pager .page-numbers.current{background:#2E5BFF;border-color:#2E5BFF;color:#fff}