/*
Theme Name: Modern Breadwinner
Theme URI: https://modernbreadwinner.com
Author: Lou Villaluna
Description: Custom theme for Modern Breadwinner. The homepage is the bespoke "Both Sides of the Desk" experience; posts and pages use a light branded template.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: modern-breadwinner
*/

/* These styles are loaded on blog posts and pages only. The homepage carries its own CSS. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.mb-blog{margin:0;background:#F5F5F5;color:#2A3142;font-family:'Montserrat',Arial,sans-serif;font-weight:500;line-height:1.75;-webkit-font-smoothing:antialiased}
.mb-blog a{color:#2A44A0}
.mb-blog img{max-width:100%;height:auto;border-radius:14px}
.mb-top{background:linear-gradient(166deg,#2A44A0,#1B2F66 46%,#0A1430);color:#fff}
.mb-top-in{max-width:1100px;margin:0 auto;padding:18px clamp(18px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.mb-brand{font-weight:900;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-decoration:none}
.mb-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.mb-nav a{color:#DCE4FC;font-weight:800;font-size:.76rem;letter-spacing:.06em;text-decoration:none;padding:8px 0;display:inline-block}
.mb-nav a:hover{color:#fff}
.mb-main{max-width:760px;margin:0 auto;padding:clamp(40px,7vw,90px) clamp(18px,4vw,40px)}
.mb-archive-title{font-weight:900;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.05;letter-spacing:-.04em;color:#112250;margin:0 0 clamp(28px,4vw,48px)}
.mb-entry{margin-bottom:clamp(40px,6vw,72px)}
.mb-entry-title{font-weight:900;font-size:clamp(1.7rem,4.4vw,3rem);line-height:1.05;letter-spacing:-.04em;color:#112250;margin:0 0 12px;text-wrap:balance}
.mb-entry-title a{color:inherit;text-decoration:none}
.mb-meta{font-weight:800;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#4C5568;margin:0 0 22px}
.mb-thumb{margin:0 0 26px}
.mb-content{font-size:1.05rem}
.mb-content h2,.mb-content h3{font-weight:900;letter-spacing:-.03em;line-height:1.15;color:#112250;margin:1.8em 0 .5em}
.mb-content blockquote{margin:1.6em 0;padding:18px 22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(17,34,80,.07);font-weight:700;color:#112250}
.mb-more{display:inline-block;margin-top:10px;font-weight:800;font-size:.8rem;text-decoration:none;border-bottom:1.5px solid currentColor}
.mb-pager{display:flex;justify-content:space-between;gap:16px;font-weight:800;font-size:.82rem}
.mb-foot{background:#0A1430;color:rgba(255,255,255,.6);text-align:center;font-size:.74rem;font-weight:600;padding:28px 18px}
.mb-foot a{color:#fff}
.screen-reader-text{position:absolute;left:-9999px}