Template:Main Page/Style.css
Template page
More actions
.header-toplevel {
display: table;
border:1px solid #a7d7f9;
margin:1em 0px;
width:100%;
}
.header-row {
display: table-row;
}
.header-centre {
text-align:center;
}
.header-list{
padding:1em;
}
.header-image{
vertical-align:middle
}
/* International homepage — scoped to .bhi-home; previous revisions remain recoverable. */
.bhi-home{font-family:inherit;line-height:1.7;color:#182b3a;margin:0 auto;max-width:1200px}
.bhi-home *{box-sizing:border-box}
.bhi-home p{margin:0 0 16px}
.bhi-home a{color:#126c70}
.bhi-home .bhi-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#52716f;margin-bottom:14px}
.bhi-home .bhi-hero{padding:48px 40px;background:#102b3d;border-radius:20px;color:#eff6f6;position:relative;overflow:hidden}
.bhi-home .bhi-hero-grid{display:flex;gap:36px;align-items:center;flex-wrap:wrap}
.bhi-home .bhi-hero-copy{flex:2 1 390px;min-width:0}
.bhi-home .bhi-hero .bhi-eyebrow{color:#a8d2ca}
.bhi-home .bhi-title{font-family:Georgia,serif;font-size:52px;font-weight:400;line-height:1.12;letter-spacing:-1.5px;margin:0 0 22px;color:#fff;border:0;padding:0}
.bhi-home .bhi-lead{font-size:17px;color:#d2e1e7;max-width:610px}
.bhi-home .bhi-hero a{color:#c4e7df}
.bhi-home .bhi-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}
.bhi-home .bhi-button a{display:inline-block;padding:11px 20px;border-radius:7px;background:#d8b66f;color:#102b3d;font-weight:700;text-decoration:none}
.bhi-home .bhi-secondary a{background:transparent;border:1px solid #72919f;color:#fff}
.bhi-home .bhi-hero-aside{flex:1 1 200px;border-left:1px solid #4b6573;padding:10px 0 10px 30px}
.bhi-home .bhi-stat{font-family:Georgia,serif;font-size:45px;line-height:1.25;color:#eed5a2}
.bhi-home .bhi-stat a{color:#eed5a2;text-decoration:none}
.bhi-home .bhi-stat-label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#c2d7dd;margin-bottom:22px}
.bhi-home .bhi-language{display:flex;gap:16px;flex-wrap:wrap;padding:17px 4px;border-bottom:1px solid #dce4e5;font-size:13px;margin-bottom:30px}
.bhi-home .bhi-search{padding:24px;background:#f1f6f5;border:1px solid #dae5e2;border-radius:12px;margin:24px 0}
.bhi-home .bhi-search input{border:1px solid #b6c9c6;border-radius:6px;padding:12px;max-width:100%;font-size:15px}
.bhi-home .bhi-search .mw-searchInput{width:75%}
.bhi-home .bhi-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:34px 0 18px}
.bhi-home h2{font-family:Georgia,serif;font-weight:400;font-size:29px;border:0;margin:0;padding:0;color:inherit}
.bhi-home h3{font-size:18px;margin:0 0 12px;color:inherit}
.bhi-home .bhi-grid{display:flex;flex-wrap:wrap;gap:20px}
.bhi-home .bhi-card{flex:1 1 300px;min-width:0;border:1px solid #dbe3e5;border-radius:12px;padding:26px;background:#fff;color:#182b3a;overflow:hidden}
.bhi-home .bhi-card-wide{flex:2 1 460px}
.bhi-home .bhi-card figure{max-width:100%;margin:0 0 18px}
.bhi-home .bhi-card img{max-width:100%;height:auto;border-radius:7px}
.bhi-home .bhi-card .thumb{max-width:100%}
.bhi-home .bhi-topics{display:flex;flex-wrap:wrap;gap:10px}
.bhi-home .bhi-topics a{display:inline-block;padding:9px 16px;border:1px solid #d5e2df;border-radius:6px;background:#f5f8f7;font-size:14px;font-weight:600;text-decoration:none}
.bhi-home .bhi-mission{border-top:3px solid #b99551;background:#f6f3eb;padding:32px;border-radius:12px;margin-top:30px;color:#182b3a}
.bhi-home .bhi-mission h2{margin-bottom:16px}
.bhi-home .bhi-partner{background:#eaf3f0;border:1px solid #cee0d9;border-radius:12px;padding:32px;margin-top:28px;color:#182b3a}
.bhi-home .bhi-partner h2{margin-bottom:16px}
.bhi-home .bhi-note{font-size:13px;color:#536a74}
.bhi-home .bhi-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px 0;margin-top:15px;font-size:13px;border-top:1px solid #dbe3e5}
@media(max-width:640px){.bhi-home .bhi-hero{padding:30px 22px}.bhi-home .bhi-title{font-size:37px}.bhi-home .bhi-hero-copy{flex-basis:100%}.bhi-home .bhi-hero-aside{border-left:0;border-top:1px solid #4b6573;padding:22px 0 0;flex-basis:100%}.bhi-home .bhi-stat{font-size:35px}.bhi-home .bhi-card{padding:20px;flex-basis:100%}.bhi-home .bhi-mission,.bhi-home .bhi-partner{padding:24px}.bhi-home .bhi-search .mw-searchInput{width:100%}.bhi-home h2{font-size:25px}}