.bfb-box {
--kad-sage: #5F8588;
--kad-sage-dark: #41595b;
--kad-sage-tint: #edf4f4;
--kad-blue: #23598f;
--kad-blue-dark: #184574;
--kad-ink: #27393a;
--kad-gold: #bd9540;
background: #fff;
border: 1px solid #e6ecec;
border-radius: 0;
overflow: hidden;
margin: 32px 0;
color: var(--kad-ink);
line-height: 1.6;
}
.bfb-box *,
.bfb-box *::before,
.bfb-box *::after { box-sizing: border-box; }
.bfb-box a { text-decoration: none; }
.bfb-ico {
width: 1em;
height: 1em;
flex-shrink: 0;
vertical-align: -0.125em;
}
.bfb-top { display: flex; align-items: stretch; } .bfb-side {
flex: 0 0 248px;
background: #f1f6f6;
padding: 26px 24px;
display: flex;
flex-direction: column;
align-items: center;
}
.bfb-portret {
width: 196px;
max-width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
object-position: 50% 22%;
border-radius: 0;
display: block;
}
.bfb-box .bfb-portret { margin: 0 !important; }
.bfb-reg {
margin-top: 18px;
width: 100%;
display: flex;
flex-direction: column;
gap: 7px;
}
.bfb-reg a,
.bfb-reg > span {
display: flex;
align-items: center;
gap: 9px;
font-size: 12px;
font-weight: 600;
color: var(--kad-sage-dark);
background: #fff;
border-radius: 0;
padding: 9px 12px;
line-height: 1.3;
}
.bfb-reg .bfb-ico { color: var(--kad-gold); font-size: 15px; }
.bfb-reg a:hover { color: var(--kad-ink); } .bfb-main { flex: 1; padding: 28px 32px; min-width: 0; }
.bfb-eyebrow {
display: flex;
align-items: center;
gap: 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--kad-sage);
margin: 0 0 9px;
}
.bfb-eyebrow::before {
content: "";
width: 26px;
height: 2px;
background: var(--kad-sage);
flex-shrink: 0;
border-radius: 0;
}
.bfb-box h3.bfb-name {
color: var(--kad-ink);
line-height: 1.14;
margin: 0 0 5px;
font-size: 28px;
letter-spacing: -.01em;
}
.bfb-box h3.bfb-name,
.bfb-box h3.bfb-name a { font-weight: 700 !important; }
.bfb-name a { color: var(--kad-ink); }
.bfb-name a:hover { color: var(--kad-sage-dark); }
.bfb-role { font-size: 13px; color: #6a7572; margin: 0 0 14px; white-space: nowrap; }
.bfb-role b { color: var(--kad-sage-dark); }
.bfb-chips { display: flex; flex-wrap: nowrap; gap: 6px; margin: 0 0 16px; width: 100%; }
.bfb-chip {
font-size: 11px;
font-weight: 600;
background: var(--kad-sage-tint);
padding: 5px 10px;
border-radius: 0;
text-decoration: none;
white-space: nowrap;
transition: background .15s, color .15s;
}
.bfb-box a.bfb-chip { color: var(--kad-sage-dark) !important; }
.bfb-box a.bfb-chip:hover { background: var(--kad-sage); color: #fff !important; }
.bfb-desc { font-size: 14.5px; color: #56635f; margin: 0 0 12px; }
.bfb-box .bfb-desc a { color: var(--kad-sage-dark) !important; text-decoration: none !important; border-bottom: 1px solid currentColor; }
.bfb-box .bfb-desc a:hover { color: var(--kad-ink) !important; }
.bfb-kwal {
font-size: 12.5px;
color: #8a938f;
margin: 0 0 20px;
display: flex;
align-items: center;
gap: 8px;
}
.bfb-kwal .bfb-ico { color: var(--kad-sage); font-size: 15px; }
.bfb-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.bfb-btn-solid {
display: inline-flex;
align-items: center;
gap: 9px;
background: var(--kad-sage-dark);
color: #fff;
font-weight: 700;
font-size: 14.5px;
padding: 13px 24px;
border-radius: 0;
border: 2px solid var(--kad-sage-dark);
transition: background .2s, border-color .2s, transform .2s;
}
.bfb-box a.bfb-btn-solid,
.bfb-box a.bfb-btn-solid:hover { color: #fff !important; }
.bfb-btn-solid:hover { background: var(--kad-ink); border-color: var(--kad-ink); transform: translateY(-2px); }
.bfb-btn-ghost {
display: inline-flex;
align-items: center;
gap: 9px;
color: var(--kad-sage-dark);
background: transparent;
font-weight: 700;
font-size: 14.5px;
padding: 13px 22px;
border-radius: 0;
border: 2px solid var(--kad-sage-dark);
transition: background .2s, color .2s, transform .2s;
}
.bfb-box a.bfb-btn-ghost { color: var(--kad-sage-dark) !important; }
.bfb-box a.bfb-btn-ghost:hover { color: #fff !important; }
.bfb-btn-ghost:hover { background: var(--kad-sage-dark); border-color: var(--kad-sage-dark); transform: translateY(-2px); }
.bfb-more {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--kad-blue);
font-weight: 600;
font-size: 13.5px;
margin-left: auto;
}
.bfb-more:hover { color: var(--kad-blue-dark); }
.bfb-more__nb { white-space: nowrap; } .bfb-trust { padding: 22px 32px 26px; background: #fff; border-top: 1px solid #eef2f2; }
.bfb-trust__label {
display: flex;
align-items: center;
gap: 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--kad-sage);
margin: 0 0 40px !important;
}
.bfb-trust__label::before {
content: "";
width: 26px;
height: 2px;
background: var(--kad-sage);
flex-shrink: 0;
border-radius: 0;
}
.bfb-tiles { display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch; }
.bfb-tile {
flex: 1;
min-width: 140px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.bfb-logobox { height: 70px; display: flex; align-items: center; justify-content: center; }
.bfb-logolink { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; transition: opacity .15s; }
.bfb-logolink:hover { opacity: .7; }
.bfb-logobox img { max-height: 70px; max-width: 100%; width: auto; display: block; }
.bfb-logo-img--small { max-height: 54px; max-width: 180px; }
.bfb-tile--feature { flex: 1.25; }
.bfb-tile--feature .bfb-logobox img { max-height: 84px; }
.bfb-cap {
font-size: 11.5px;
font-weight: 600;
color: #869089;
text-align: center;
line-height: 1.3;
text-decoration: none;
transition: color .15s;
}
.bfb-cap:hover { color: var(--kad-sage-dark); text-decoration: underline; }
@media (max-width: 680px) {
.bfb-top { flex-direction: column; }
.bfb-side {
flex: 0 0 auto;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
gap: 10px;
}
.bfb-portret { width: 230px; aspect-ratio: auto; height: auto; object-fit: fill; }
.bfb-reg { width: 100%; max-width: 300px; margin-top: 0; }
.bfb-main { padding: 24px 20px; }
.bfb-box h3.bfb-name { font-size: 23px; white-space: nowrap; }
.bfb-chips { flex-wrap: wrap; justify-content: center; }
.bfb-role { white-space: normal; }
.bfb-role__sep { display: none; }
.bfb-role__line2 { display: block; }
.bfb-kwal { align-items: flex-start; font-size: 13px; line-height: 1.45; gap: 10px; }
.bfb-kwal .bfb-ico { margin-top: 2px; }
.bfb-actions { flex-direction: column; align-items: stretch; }
.bfb-btn-solid,
.bfb-btn-ghost { width: 100%; justify-content: center; }
.bfb-more { display: block; margin-left: 0; text-align: center; }
.bfb-more .bfb-ico { display: inline; vertical-align: -3px; margin-left: 4px; }
.bfb-trust { padding: 22px 20px 26px; text-align: center; }
.bfb-trust__label { justify-content: center; }
.bfb-tiles { justify-content: center; gap: 28px 16px; } body.single #secondary .widget_media_image { display: none; }
} .bfb-metabox {
padding: 4px 0;
}
.bfb-metabox__table th {
width: 160px;
padding-top: 12px;
vertical-align: top;
font-weight: 600;
}
.bfb-metabox__table td {
padding-top: 10px;
}
.bfb-status {
display: inline-block;
padding: 4px 10px;
border-radius: 3px;
font-size: 13px;
font-weight: 600;
}
.bfb-status--profile {
background-color: #edfaef;
color: #2a7a36;
border: 1px solid #b3ddb8;
}
.bfb-status--override {
background-color: #fff8e5;
color: #8a6900;
border: 1px solid #f0d27a;
}