/* Board of Directors page (board-*) ------------------------------------ */
@font-face { font-family: "Lato"; font-style: normal; font-weight: 300; font-display: swap; src: url("../../fonts/lato-d4450f27.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../fonts/lato-702e3b8c.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap; src: url("../../fonts/lato-b0cd9a1e.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 900; font-display: swap; src: url("../../fonts/lato-ba5299e8.woff2") format("woff2"); }

/* The old page keeps its (hidden-behind-header) title in the flow, so the banner sits lower than on other pages. */
.board-pg { display: flow-root; }
.board-pg .banner { margin-top: 44px; margin-bottom: -45px; }
.board-pg .banner__title { font-size: 47px; line-height: 1.3em; }
.board-pg .banner .btn { text-decoration: underline; }

.board-main { position: relative; padding: 60px 0; background: #fff; }
.board-main::before { content: ""; position: absolute; inset: 0; background: url("../../img/banner/linebgoverlay.png") 50% 0 / auto no-repeat; opacity: 0.1; pointer-events: none; }
.board-main > .cont .col > .ww { padding: 32px; }
.board-lead { margin-bottom: 20px; }
.board-lead h2 { margin: 0 0 20px; font: 600 30px/1.2em var(--f-head); color: var(--c-primary); }
.board-copy { font: 300 16px/26px "Lato", sans-serif; color: #000; }
.board-copy h3 { margin: 8px 0 16px; font: 600 24px/1.2em var(--f-head); color: var(--c-primary); }
.board-copy ul { margin: 0; padding-left: 40px; list-style: disc; }
.board-copy li { margin: 0; }
.board-copy p { margin: 0 0 14.4px; }
.board-copy b { font-weight: 400; }
.board-copy a { color: #000; font-weight: 800; text-decoration: underline; }

@media (max-width: 1024px) {
	.board-pg .banner { margin: 88px 0 0; padding: 100px 10px; border-width: 100px 20px 40px; background-position: 50% 50% !important; }
	.board-main { padding: 60px 20px; }
	.board-lead { text-align: center; }
}
@media (max-width: 767px) {
	.board-pg .banner { margin-top: -18px; padding: 60px 0; border-width: 90px 20px 30px; }
	.board-pg .banner__title { font-size: 24px; }
	.board-pg .banner .btn { padding: 18px 32px; }
	.board-main > .cont .col > .ww { padding: 28px; }
	.board-lead h2 { font-size: 32px; line-height: 1.2em; }
	.board-copy h3 { font-size: 20px; line-height: 1.2em; }
}