/* Global header */
html {
min-height: 100%;
overflow-x: hidden;
}
/* Donate: restrained institutional giving with an asymmetric composition. */
body #main-content .cli-donate-page {
color: #252724;
}
body #main-content .cli-donate-page .et_pb_module {
margin-bottom: 0 !important;
}
body #main-content .cli-donate-hero {
background: #ffffff !important;
padding: clamp(64px, 7vw, 96px) 0 clamp(78px, 8vw, 112px) !important;
}
body #main-content .cli-donate-hero-row,
body #main-content .cli-donate-purpose-row,
body #main-content .cli-donate-stewardship-row {
align-items: stretch !important;
display: flex !important;
margin: 0 auto !important;
max-width: 1220px !important;
padding: 0 !important;
width: calc(100% - 48px) !important;
}
body #main-content .cli-donate-hero-row {
gap: clamp(42px, 5vw, 72px) !important;
}
body #main-content .cli-donate-hero-copy-col {
align-self: center;
flex: 1 1 62% !important;
max-width: 720px !important;
min-width: 0 !important;
padding: 12px 0 12px !important;
}
body #main-content .cli-donate-eyebrow p,
body #main-content .cli-donate-panel-label p,
body #main-content .cli-donate-stewardship-eyebrow p {
font-family: Inter, Arial, sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 800 !important;
letter-spacing: 0.15em !important;
line-height: 1.4 !important;
margin: 0 !important;
padding: 0 !important;
text-transform: uppercase;
}
body #main-content .cli-donate-eyebrow p {
color: #30665b !important;
}
body #main-content .cli-donate-title h1 {
color: #10211c !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(54px, 5.5vw, 72px) !important;
font-style: normal !important;
font-weight: 500 !important;
letter-spacing: -0.04em !important;
line-height: 1.03 !important;
margin: 20px 0 30px !important;
max-width: 720px;
padding: 0 !important;
}
body #main-content .cli-donate-lead p {
color: #29342f !important;
font-family: Inter, Arial, sans-serif !important;
font-size: clamp(22px, 2.2vw, 28px) !important;
font-style: normal !important;
font-weight: 430 !important;
letter-spacing: -0.02em !important;
line-height: 1.48 !important;
margin: 0 !important;
max-width: 710px;
padding: 0 !important;
}
body #main-content .cli-donate-hero-note {
border-left: 3px solid var(--cli-accent);
margin-top: 38px !important;
max-width: 650px;
padding: 3px 0 3px 22px !important;
}
body #main-content .cli-donate-hero-note p {
color: #4c554f !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 450 !important;
line-height: 1.7 !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-donate-panel-col {
align-content: start;
background: #04342c !important;
box-sizing: border-box;
display: grid !important;
flex: 0 0 min(430px, 38%) !important;
gap: 0 12px;
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 430px !important;
min-width: 0 !important;
padding: clamp(34px, 3.5vw, 48px) clamp(28px, 3.2vw, 42px) clamp(36px, 3.8vw, 50px) !important;
}
body #main-content .cli-donate-panel-col > .et_pb_module {
grid-column: 1 / -1;
min-width: 0;
width: 100%;
}
body #main-content .cli-donate-panel-label p {
color: #b8d9cf !important;
}
body #main-content .cli-donate-panel-title h2 {
color: #ffffff !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(38px, 3.4vw, 46px) !important;
font-style: normal !important;
font-weight: 500 !important;
letter-spacing: -0.03em !important;
line-height: 1.08 !important;
margin: 15px 0 18px !important;
padding: 0 !important;
}
body #main-content .cli-donate-panel-intro p,
body #main-content .cli-donate-option p {
color: #dce9e5 !important;
font-family: Inter, Arial, sans-serif !important;
font-style: normal !important;
font-weight: 430 !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-donate-panel-intro p {
font-size: 16px !important;
line-height: 1.65 !important;
}
body #main-content .cli-donate-option {
border-top: 1px solid rgba(255, 255, 255, 0.25);
margin-top: 29px !important;
padding-top: 26px !important;
}
body #main-content .cli-donate-option h3 {
color: #ffffff !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 780 !important;
letter-spacing: -0.01em !important;
line-height: 1.4 !important;
margin: 0 0 7px !important;
padding: 0 !important;
}
body #main-content .cli-donate-option p {
font-size: 14px !important;
line-height: 1.6 !important;
}
body #main-content .cli-donate-mail {
border-top: 1px solid rgba(255, 255, 255, 0.25);
margin-top: 29px !important;
padding-top: 26px !important;
}
body #main-content .cli-donate-mail h3 {
color: #ffffff !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 780 !important;
letter-spacing: -0.01em !important;
line-height: 1.4 !important;
margin: 0 0 7px !important;
padding: 0 !important;
}
body #main-content .cli-donate-mail p,
body #main-content .cli-donate-mail address {
color: #dce9e5 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 430 !important;
line-height: 1.6 !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-donate-mail address {
color: #ffffff !important;
margin-top: 14px !important;
}
body #main-content .cli-donate-mail strong {
color: inherit !important;
font-weight: 720 !important;
}
body #main-content .cli-donate-mail .cli-donate-mail-note {
color: #b8d9cf !important;
font-size: 12px !important;
line-height: 1.55 !important;
margin-top: 14px !important;
}
body #main-content .cli-donate-button {
margin-top: 16px !important;
}
body #main-content .cli-donate-button.et_pb_button,
body #main-content .cli-donate-button .et_pb_button {
align-items: center;
border-radius: 0 !important;
box-shadow: none !important;
display: flex !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 780 !important;
justify-content: center;
letter-spacing: 0.01em !important;
line-height: 1.3 !important;
max-width: none !important;
min-height: 52px;
padding: 13px 16px !important;
text-align: center !important;
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
width: 100% !important;
}
body #main-content .cli-donate-panel-col > .et_pb_button_module_wrapper:has(> .cli-donate-monthly-button) {
grid-column: auto !important;
}
body #main-content .cli-donate-button.et_pb_button::after,
body #main-content .cli-donate-button .et_pb_button::after {
display: none !important;
}
body #main-content .cli-donate-one-time-button.et_pb_button,
body #main-content .cli-donate-one-time-button .et_pb_button {
background: var(--cli-accent) !important;
border: 1px solid var(--cli-accent) !important;
color: #ffffff !important;
}
body #main-content .cli-donate-one-time-button.et_pb_button:hover,
body #main-content .cli-donate-one-time-button .et_pb_button:hover,
body #main-content .cli-donate-one-time-button.et_pb_button:focus-visible,
body #main-content .cli-donate-one-time-button .et_pb_button:focus-visible {
background: #ffffff !important;
border-color: #ffffff !important;
color: #04342c !important;
padding: 13px 16px !important;
transform: translateY(-1px);
}
body #main-content .cli-donate-monthly-button {
grid-column: auto !important;
margin-top: 12px !important;
}
body #main-content .cli-donate-monthly-button.et_pb_button,
body #main-content .cli-donate-monthly-button .et_pb_button {
background: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.55) !important;
color: #ffffff !important;
font-size: 13px !important;
min-height: 49px;
padding: 11px 8px !important;
}
body #main-content .cli-donate-monthly-button.et_pb_button:hover,
body #main-content .cli-donate-monthly-button .et_pb_button:hover,
body #main-content .cli-donate-monthly-button.et_pb_button:focus-visible,
body #main-content .cli-donate-monthly-button .et_pb_button:focus-visible {
background: var(--cli-accent) !important;
border-color: var(--cli-accent) !important;
color: #ffffff !important;
padding: 11px 8px !important;
transform: translateY(-1px);
}
body #main-content .cli-donate-button.et_pb_button:focus-visible,
body #main-content .cli-donate-button .et_pb_button:focus-visible {
outline: 3px solid #ffffff !important;
outline-offset: 3px;
}
body #main-content .cli-donate-purpose {
background: #ffffff !important;
border-top: 1px solid #d7d9d4;
padding: clamp(82px, 8vw, 116px) 0 clamp(86px, 9vw, 124px) !important;
}
body #main-content .cli-donate-purpose-row {
align-items: flex-start !important;
gap: clamp(52px, 7vw, 96px) !important;
}
body #main-content .cli-donate-purpose-heading-col {
flex: 0 0 min(390px, 36%) !important;
max-width: 390px !important;
min-width: 0 !important;
position: sticky;
top: 118px;
}
body #main-content .cli-donate-purpose-title h2 {
color: #14221d !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(40px, 4vw, 52px) !important;
font-style: normal !important;
font-weight: 500 !important;
letter-spacing: -0.035em !important;
line-height: 1.08 !important;
margin: 18px 0 22px !important;
padding: 0 !important;
}
body #main-content .cli-donate-purpose-intro p {
color: #4a524d !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 17px !important;
font-style: normal !important;
font-weight: 430 !important;
line-height: 1.72 !important;
margin: 0 !important;
max-width: 370px;
padding: 0 !important;
}
body #main-content .cli-donate-purpose-list-col {
flex: 1 1 auto !important;
max-width: 730px !important;
min-width: 0 !important;
}
body #main-content .cli-donate-purpose-item {
border-top: 1px solid #cfd3ce;
padding: 28px 0 30px !important;
}
body #main-content .cli-donate-purpose-item:last-child {
border-bottom: 1px solid #cfd3ce;
}
body #main-content .cli-donate-purpose-item-inner {
align-items: start;
display: grid;
gap: 20px 26px;
grid-template-columns: 46px minmax(150px, 0.8fr) minmax(0, 1.5fr);
}
body #main-content .cli-donate-purpose-item-inner > p:empty {
display: none !important;
}
body #main-content .cli-donate-purpose-item-inner > span {
grid-column: 1;
grid-row: 1;
}
body #main-content .cli-donate-purpose-item-inner > h3 {
grid-column: 2;
grid-row: 1;
}
body #main-content .cli-donate-purpose-item-inner > p:not(:empty) {
grid-column: 3;
grid-row: 1;
}
body #main-content .cli-donate-purpose-item-inner > span {
color: var(--cli-accent);
font-family: Inter, Arial, sans-serif;
font-size: 11px;
font-weight: 850;
letter-spacing: 0.08em;
line-height: 1.5;
padding-top: 7px;
}
body #main-content .cli-donate-purpose-item h3 {
color: #153a31 !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(26px, 2.4vw, 31px) !important;
font-style: normal !important;
font-weight: 500 !important;
letter-spacing: -0.025em !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-donate-purpose-item p {
color: #444b46 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 430 !important;
line-height: 1.7 !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-donate-stewardship {
background: #04342c !important;
padding: clamp(72px, 7vw, 98px) 0 !important;
}
body #main-content .cli-donate-stewardship-row {
gap: clamp(54px, 7vw, 96px) !important;
}
body #main-content .cli-donate-stewardship-copy-col {
flex: 1 1 58% !important;
max-width: 660px !important;
min-width: 0 !important;
}
body #main-content .cli-donate-stewardship-eyebrow p {
color: #b8d9cf !important;
}
body #main-content .cli-donate-stewardship-title h2 {
color: #ffffff !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(38px, 3.8vw, 50px) !important;
font-style: normal !important;
font-weight: 500 !important;
letter-spacing: -0.03em !important;
line-height: 1.08 !important;
margin: 18px 0 23px !important;
padding: 0 !important;
}
body #main-content .cli-donate-stewardship-copy p {
color: #dce9e5 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 420 !important;
line-height: 1.76 !important;
margin: 0 !important;
max-width: 630px;
padding: 0 !important;
}
body #main-content .cli-donate-stewardship-details-col {
flex: 0 0 min(410px, 40%) !important;
max-width: 410px !important;
min-width: 0 !important;
}
body #main-content .cli-donate-stewardship-details dl {
border-top: 1px solid rgba(255, 255, 255, 0.28);
margin: 0 !important;
}
body #main-content .cli-donate-stewardship-details dl > div {
border-bottom: 1px solid rgba(255, 255, 255, 0.22);
display: grid;
gap: 14px;
grid-template-columns: 126px minmax(0, 1fr);
padding: 15px 0 16px;
}
body #main-content .cli-donate-stewardship-details dt,
body #main-content .cli-donate-stewardship-details dd,
body #main-content .cli-donate-stewardship-details a {
font-family: Inter, Arial, sans-serif !important;
font-style: normal !important;
}
body #main-content .cli-donate-stewardship-details dt {
color: #aacbc1 !important;
font-size: 10px !important;
font-weight: 820 !important;
letter-spacing: 0.09em;
line-height: 1.5 !important;
margin: 0 !important;
text-transform: uppercase;
}
body #main-content .cli-donate-stewardship-details dd {
color: #ffffff !important;
font-size: 14px !important;
font-weight: 650 !important;
line-height: 1.55 !important;
margin: 0 !important;
min-width: 0;
overflow-wrap: anywhere;
}
body #main-content .cli-donate-stewardship-details a {
color: #ffffff !important;
font-weight: 700 !important;
text-decoration: underline !important;
text-decoration-color: var(--cli-accent) !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 4px !important;
}
body #main-content .cli-donate-stewardship-details a:focus-visible {
outline: 3px solid #ffffff;
outline-offset: 3px;
}
@media (max-width: 980px) {
body #main-content .cli-donate-hero {
padding: 56px 0 82px !important;
}
body #main-content .cli-donate-hero-row,
body #main-content .cli-donate-purpose-row,
body #main-content .cli-donate-stewardship-row {
flex-wrap: wrap !important;
gap: 50px !important;
width: calc(100% - 40px) !important;
}
body #main-content .cli-donate-hero-copy-col,
body #main-content .cli-donate-panel-col,
body #main-content .cli-donate-purpose-heading-col,
body #main-content .cli-donate-purpose-list-col,
body #main-content .cli-donate-stewardship-copy-col,
body #main-content .cli-donate-stewardship-details-col {
flex: 0 0 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100% !important;
min-width: 100% !important;
width: 100% !important;
}
body #main-content .cli-donate-panel-col {
padding: 42px !important;
}
body #main-content .cli-donate-purpose {
padding: 78px 0 92px !important;
}
body #main-content .cli-donate-purpose-heading-col {
position: static;
}
body #main-content .cli-donate-purpose-intro p {
max-width: 670px;
}
body #main-content .cli-donate-stewardship {
padding: 72px 0 80px !important;
}
}
@media (max-width: 600px) {
body #main-content .cli-donate-hero {
padding: 43px 0 65px !important;
}
body #main-content .cli-donate-hero-row,
body #main-content .cli-donate-purpose-row,
body #main-content .cli-donate-stewardship-row {
gap: 38px !important;
width: calc(100% - 32px) !important;
}
body #main-content .cli-donate-title h1 {
font-size: 44px !important;
margin: 17px 0 23px !important;
}
body #main-content .cli-donate-lead p {
font-size: 20px !important;
line-height: 1.53 !important;
}
body #main-content .cli-donate-hero-note {
margin-top: 31px !important;
padding-left: 18px !important;
}
body #main-content .cli-donate-panel-col {
padding: 32px 24px 35px !important;
}
body #main-content .cli-donate-panel-title h2 {
font-size: 38px !important;
}
body #main-content .cli-donate-purpose {
padding: 65px 0 74px !important;
}
body #main-content .cli-donate-purpose-title h2 {
font-size: 39px !important;
}
body #main-content .cli-donate-purpose-item-inner {
gap: 8px 16px;
grid-template-columns: 36px minmax(0, 1fr);
}
body #main-content .cli-donate-purpose-item-inner > span {
grid-column: 1;
}
body #main-content .cli-donate-purpose-item h3 {
grid-column: 2;
grid-row: 1;
}
body #main-content .cli-donate-purpose-item p:not(:empty) {
grid-column: 2;
grid-row: 2;
margin-top: 6px !important;
}
body #main-content .cli-donate-stewardship {
padding: 61px 0 66px !important;
}
body #main-content .cli-donate-stewardship-title h2 {
font-size: 38px !important;
}
body #main-content .cli-donate-stewardship-details dl > div {
gap: 7px;
grid-template-columns: minmax(0, 1fr);
padding: 15px 0 16px;
}
}
/* Work: restrained institutional overview and workstream system. */
body #main-content .cli-work-hero,
body #main-content .cli-work-infrastructure,
body #main-content .cli-workstream,
body #main-content .cli-work-closing {
color: #252724;
padding: 0 !important;
}
body #main-content .cli-work-hero .et_pb_module,
body #main-content .cli-work-infrastructure .et_pb_module,
body #main-content .cli-workstream .et_pb_module,
body #main-content .cli-work-closing .et_pb_module {
margin-bottom: 0 !important;
}
body #main-content .cli-work-hero-row,
body #main-content .cli-work-infrastructure-row,
body #main-content .cli-work-system-row,
body #main-content .cli-workstream-row,
body #main-content .cli-work-closing-row {
margin: 0 auto !important;
max-width: 1180px !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: calc(100% - 48px) !important;
}
body #main-content .cli-work-hero {
background: #ffffff !important;
}
body #main-content .cli-work-hero-row {
align-items: stretch !important;
display: flex !important;
gap: clamp(48px, 6vw, 88px) !important;
padding-bottom: clamp(76px, 8vw, 112px) !important;
padding-top: clamp(78px, 8vw, 116px) !important;
}
body #main-content .cli-work-hero-copy-col {
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column;
justify-content: center;
width: auto !important;
}
body #main-content .cli-work-hero-index-col {
align-self: flex-start;
flex: 0 0 300px !important;
width: 300px !important;
}
body #main-content .cli-work-eyebrow p,
body #main-content .cli-work-section-label p,
body #main-content .cli-workstream-label p,
body #main-content .cli-work-initiative-label p,
body #main-content .cli-work-closing-eyebrow p {
color: #30665b !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 800 !important;
letter-spacing: 0.15em;
line-height: 1.4 !important;
margin: 0 !important;
text-transform: uppercase;
}
body #main-content .cli-work-title {
margin-top: 25px !important;
max-width: 850px;
}
body #main-content .cli-work-title h1 {
color: #181a18 !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(54px, 6.2vw, 80px) !important;
font-style: italic !important;
font-weight: 600 !important;
letter-spacing: -0.04em !important;
line-height: 1.03 !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-work-lead {
margin-top: 31px !important;
max-width: 760px;
}
body #main-content .cli-work-lead p {
color: #30332f !important;
font-family: Inter, Arial, sans-serif !important;
font-size: clamp(20px, 2vw, 24px) !important;
font-style: normal !important;
font-weight: 450 !important;
line-height: 1.55 !important;
margin: 0 !important;
}
body #main-content .cli-work-hero-meta {
border-top: 1px solid #cfd2cc;
margin-top: 47px !important;
padding-top: 19px !important;
}
body #main-content .cli-work-hero-meta p {
color: #5c625d !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 13px !important;
font-style: normal !important;
font-weight: 700 !important;
letter-spacing: 0.08em;
line-height: 1.4 !important;
margin: 0 !important;
text-transform: uppercase;
}
body #main-content .cli-work-index {
background: #ffffff;
border-top: 3px solid var(--cli-accent);
height: auto;
padding: 30px 28px 26px;
}
body #main-content .cli-work-index nav,
body #main-content .cli-work-index ol {
height: auto;
}
body #main-content .cli-work-index-title {
color: #04342c !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 13px !important;
font-style: normal !important;
font-weight: 800 !important;
letter-spacing: 0.1em;
line-height: 1.4 !important;
margin: 0 0 22px !important;
text-transform: uppercase;
}
body #main-content .cli-work-index ol {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-work-index li {
border-top: 1px solid #d7d9d4;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-work-index li:last-child {
border-bottom: 1px solid #d7d9d4;
}
body #main-content .cli-work-index a {
align-items: center;
color: #222522 !important;
display: flex;
font-family: Inter, Arial, sans-serif !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: 700 !important;
gap: 13px;
line-height: 1.35 !important;
padding: 16px 3px !important;
text-decoration: none !important;
}
body #main-content .cli-work-index a span {
color: var(--cli-accent);
font-size: 11px;
letter-spacing: 0.08em;
}
body #main-content .cli-work-index a:hover,
body #main-content .cli-work-index a:focus-visible {
color: #0f6e56 !important;
}
body #main-content .cli-work-hero a:focus-visible,
body #main-content .cli-workstream a:focus-visible,
body #main-content .cli-work-closing a:focus-visible {
outline: 2px solid var(--cli-accent);
outline-offset: 3px;
}
body #main-content .cli-work-infrastructure {
background: #ffffff !important;
border-bottom: 1px solid #d7d9d4;
border-top: 1px solid #d7d9d4;
padding-bottom: clamp(72px, 8vw, 104px) !important;
padding-top: clamp(72px, 8vw, 104px) !important;
}
body #main-content .cli-work-infrastructure-row {
align-items: flex-start !important;
display: flex !important;
gap: clamp(46px, 6vw, 82px) !important;
}
body #main-content .cli-work-infrastructure-heading-col {
flex: 0 0 34% !important;
width: 34% !important;
}
body #main-content .cli-work-infrastructure-copy-col {
flex: 1 1 auto !important;
width: auto !important;
}
body #main-content .cli-work-infrastructure-heading {
margin-top: 21px !important;
}
body #main-content .cli-work-infrastructure-heading h2 {
color: #173b33 !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(38px, 4vw, 52px) !important;
font-style: italic !important;
font-weight: 600 !important;
letter-spacing: -0.025em !important;
line-height: 1.12 !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-work-infrastructure-copy p {
color: #30332f !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 18px !important;
font-style: normal !important;
line-height: 1.76 !important;
margin: 0 0 20px !important;
}
body #main-content .cli-work-infrastructure-copy p:last-child {
margin-bottom: 0 !important;
}
body #main-content .cli-work-system-row {
display: flex !important;
gap: 0 !important;
margin-top: 64px !important;
}
body #main-content .cli-work-system-node {
border-left: 1px solid #cfd2cc;
box-sizing: border-box;
flex: 0 0 25% !important;
margin: 0 !important;
padding: 0 28px !important;
width: 25% !important;
}
body #main-content .cli-work-system-node:first-child {
padding-left: 0 !important;
}
body #main-content .cli-work-system-number p {
color: var(--cli-accent) !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 11px !important;
font-style: normal !important;
font-weight: 800 !important;
letter-spacing: 0.12em;
line-height: 1.3 !important;
margin: 0 0 11px !important;
}
body #main-content .cli-work-system-title h3 {
color: #173b33 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 17px !important;
font-style: normal !important;
font-weight: 750 !important;
line-height: 1.35 !important;
margin: 0 0 8px !important;
padding: 0 !important;
}
body #main-content .cli-work-system-copy p {
color: #5b615c !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 14px !important;
font-style: normal !important;
line-height: 1.6 !important;
margin: 0 !important;
}
body #main-content .cli-workstream {
background: #ffffff !important;
padding-bottom: clamp(78px, 9vw, 118px) !important;
padding-top: clamp(78px, 9vw, 118px) !important;
scroll-margin-top: 24px;
}
body #main-content .cli-workstream-soft {
background: #fbfaf7 !important;
}
body #main-content .cli-workstream-row {
align-items: flex-start !important;
border-top: 1px solid #bfc4bd;
display: flex !important;
gap: clamp(48px, 7vw, 96px) !important;
padding-top: 34px !important;
}
body #main-content .cli-workstream-meta-col {
flex: 0 0 220px !important;
width: 220px !important;
}
body #main-content .cli-workstream-content-col {
flex: 1 1 auto !important;
max-width: 800px;
width: auto !important;
}
body #main-content .cli-workstream-number p {
color: var(--cli-accent) !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: 40px !important;
font-style: italic !important;
font-weight: 600 !important;
line-height: 1 !important;
margin: 0 0 20px !important;
}
body #main-content .cli-workstream-heading h2 {
color: #173b33 !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(42px, 4.8vw, 58px) !important;
font-style: italic !important;
font-weight: 600 !important;
letter-spacing: -0.03em !important;
line-height: 1.08 !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-workstream-kicker {
margin-top: 17px !important;
}
body #main-content .cli-workstream-kicker p {
color: #30332f !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(24px, 2.5vw, 30px) !important;
font-style: italic !important;
line-height: 1.35 !important;
margin: 0 !important;
}
body #main-content .cli-workstream-body {
margin-top: 31px !important;
}
body #main-content .cli-workstream-body p {
color: #343733 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 17px !important;
font-style: normal !important;
line-height: 1.76 !important;
margin: 0 0 20px !important;
}
body #main-content .cli-workstream-body p:last-child {
margin-bottom: 0 !important;
}
body #main-content .cli-workstream-focus {
margin-top: 42px !important;
}
body #main-content .cli-workstream-focus h3 {
color: #173b33 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 13px !important;
font-style: normal !important;
font-weight: 800 !important;
letter-spacing: 0.11em !important;
line-height: 1.4 !important;
margin: 0 0 16px !important;
padding: 0 !important;
text-transform: uppercase;
}
body #main-content .cli-workstream-focus ul {
display: grid;
gap: 0 28px;
grid-template-columns: repeat(2, minmax(0, 1fr));
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-workstream-focus li {
border-top: 1px solid #d1d4cf;
color: #343733 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: 650 !important;
line-height: 1.5 !important;
margin: 0 !important;
padding: 14px 0 14px 18px !important;
position: relative;
}
body #main-content .cli-workstream-focus li::before {
color: var(--cli-accent);
content: "—";
left: 0;
position: absolute;
}
body #main-content .cli-work-initiatives {
margin-top: 48px !important;
}
body #main-content .cli-work-initiative-label {
margin-bottom: 16px;
}
body #main-content .cli-work-initiative-grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body #main-content .cli-work-initiative-grid.cli-work-initiative-grid-single {
grid-template-columns: minmax(0, 1fr);
}
body #main-content .cli-work-initiative-grid article {
background: #ffffff;
border-left: 3px solid var(--cli-accent);
padding: 27px 28px 28px;
}
body #main-content .cli-workstream-soft .cli-work-initiative-grid article {
background: #ffffff;
}
body #main-content .cli-work-initiative-grid h3 {
color: #173b33 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 760 !important;
line-height: 1.35 !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
body #main-content .cli-work-initiative-grid p {
color: #4d524d !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 15px !important;
font-style: normal !important;
line-height: 1.68 !important;
margin: 0 !important;
}
body #main-content .cli-work-closing {
background: #04342c !important;
}
body #main-content .cli-work-closing-row {
align-items: center !important;
display: flex !important;
gap: clamp(48px, 7vw, 96px) !important;
padding-bottom: clamp(72px, 8vw, 104px) !important;
padding-top: clamp(72px, 8vw, 104px) !important;
}
body #main-content .cli-work-closing-copy-col {
flex: 1 1 auto !important;
width: auto !important;
}
body #main-content .cli-work-closing-action-col {
flex: 0 0 280px !important;
width: 280px !important;
}
body #main-content .cli-work-closing-eyebrow p {
color: #b8d0c8 !important;
}
body #main-content .cli-work-closing-heading {
margin-top: 18px !important;
}
body #main-content .cli-work-closing-heading h2 {
color: #ffffff !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(39px, 4.5vw, 56px) !important;
font-style: italic !important;
font-weight: 600 !important;
letter-spacing: -0.03em !important;
line-height: 1.1 !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-work-closing-copy {
margin-top: 23px !important;
max-width: 720px;
}
body #main-content .cli-work-closing-copy p {
color: #d6e3df !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 17px !important;
font-style: normal !important;
line-height: 1.7 !important;
margin: 0 !important;
}
body #main-content .cli-work-closing-action-col {
text-align: center;
}
body #main-content .cli-work-closing-contact {
margin-top: 20px !important;
}
body #main-content .cli-work-closing-contact p {
color: #d6e3df !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 14px !important;
font-style: normal !important;
margin: 0 !important;
}
body #main-content .cli-work-closing-contact a {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
color: #ffffff !important;
font-weight: 700;
padding-bottom: 3px;
text-decoration: none !important;
}
@media (max-width: 980px) {
body #main-content .cli-work-hero-row,
body #main-content .cli-work-infrastructure-row,
body #main-content .cli-workstream-row,
body #main-content .cli-work-closing-row {
flex-wrap: wrap !important;
}
body #main-content .cli-work-hero-copy-col,
body #main-content .cli-work-hero-index-col,
body #main-content .cli-work-infrastructure-heading-col,
body #main-content .cli-work-infrastructure-copy-col,
body #main-content .cli-workstream-meta-col,
body #main-content .cli-workstream-content-col,
body #main-content .cli-work-closing-copy-col,
body #main-content .cli-work-closing-action-col {
flex: 0 0 100% !important;
max-width: none !important;
width: 100% !important;
}
body #main-content .cli-work-hero-row {
gap: 52px !important;
}
body #main-content .cli-work-index {
height: auto;
}
body #main-content .cli-work-index ol {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body #main-content .cli-work-index li:nth-child(odd) {
border-right: 1px solid #d7d9d4;
}
body #main-content .cli-work-infrastructure-row {
gap: 32px !important;
}
body #main-content .cli-work-system-row {
flex-wrap: wrap !important;
}
body #main-content .cli-work-system-node {
border-bottom: 1px solid #cfd2cc;
flex-basis: 50% !important;
padding: 24px 26px !important;
width: 50% !important;
}
body #main-content .cli-work-system-node:nth-child(odd) {
padding-left: 0 !important;
}
body #main-content .cli-workstream-row {
gap: 32px !important;
}
body #main-content .cli-workstream-meta-col {
align-items: center;
display: flex !important;
gap: 19px;
}
body #main-content .cli-workstream-number p {
margin-bottom: 0 !important;
}
body #main-content .cli-work-closing-row {
gap: 36px !important;
}
body #main-content .cli-work-closing-action-col {
text-align: left;
}
}
@media (max-width: 600px) {
body #main-content .cli-work-hero-row,
body #main-content .cli-work-infrastructure-row,
body #main-content .cli-work-system-row,
body #main-content .cli-workstream-row,
body #main-content .cli-work-closing-row {
width: calc(100% - 32px) !important;
}
body #main-content .cli-work-hero-row {
gap: 40px !important;
padding-bottom: 68px !important;
padding-top: 58px !important;
}
body #main-content .cli-work-title {
margin-top: 20px !important;
}
body #main-content .cli-work-title h1 {
font-size: 46px !important;
}
body #main-content .cli-work-lead p {
font-size: 20px !important;
line-height: 1.52 !important;
}
body #main-content .cli-work-hero-meta {
margin-top: 35px !important;
}
body #main-content .cli-work-index {
padding: 25px 20px 20px;
}
body #main-content .cli-work-index ol {
display: block;
}
body #main-content .cli-work-index li:nth-child(odd) {
border-right: 0;
}
body #main-content .cli-work-infrastructure {
padding-bottom: 68px !important;
padding-top: 68px !important;
}
body #main-content .cli-work-infrastructure-heading h2 {
font-size: 38px !important;
}
body #main-content .cli-work-infrastructure-copy p {
font-size: 16px !important;
line-height: 1.72 !important;
}
body #main-content .cli-work-system-row {
margin-top: 40px !important;
}
body #main-content .cli-work-system-node,
body #main-content .cli-work-system-node:nth-child(odd) {
border-left: 0;
flex-basis: 100% !important;
padding: 22px 0 !important;
width: 100% !important;
}
body #main-content .cli-workstream {
padding-bottom: 72px !important;
padding-top: 72px !important;
}
body #main-content .cli-workstream-row {
gap: 27px !important;
padding-top: 26px !important;
}
body #main-content .cli-workstream-number p {
font-size: 32px !important;
}
body #main-content .cli-workstream-heading h2 {
font-size: 42px !important;
}
body #main-content .cli-workstream-kicker p {
font-size: 24px !important;
}
body #main-content .cli-workstream-body {
margin-top: 25px !important;
}
body #main-content .cli-workstream-body p {
font-size: 16px !important;
line-height: 1.72 !important;
}
body #main-content .cli-workstream-focus {
margin-top: 35px !important;
}
body #main-content .cli-workstream-focus ul,
body #main-content .cli-work-initiative-grid {
grid-template-columns: minmax(0, 1fr);
}
body #main-content .cli-work-initiatives {
margin-top: 40px !important;
}
body #main-content .cli-work-initiative-grid article {
padding: 24px 22px 25px;
}
body #main-content .cli-work-closing-row {
padding-bottom: 70px !important;
padding-top: 70px !important;
}
body #main-content .cli-work-closing-heading h2 {
font-size: 39px !important;
}
}
body {
min-height: 100vh;
overflow-x: hidden;
}
html.cli-mobile-menu-open,
body.cli-mobile-menu-open {
overflow: hidden;
overscroll-behavior: none;
}
body #page-container,
body #et-boc {
min-height: 100vh;
overflow-x: hidden;
}
body #et-boc {
display: flex;
flex-direction: column;
}
body #et-main-area {
display: flex;
flex: 1 0 auto;
flex-direction: column;
}
body #main-content {
flex: 1 0 auto;
}
body #et-main-area > .et-l--footer {
margin-top: auto;
}
.cli-section-header {
--cli-header-bg: var(--cli-forest-deep);
--cli-header-border: rgba(255, 255, 255, 0.14);
--cli-header-border-strong: rgba(255, 255, 255, 0.22);
--cli-header-text: rgba(255, 255, 255, 0.9);
--cli-header-text-strong: #ffffff;
--cli-header-panel: rgba(255, 255, 255, 0.05);
background: var(--cli-header-bg);
gap: 0 !important;
overflow: visible;
padding: 18px clamp(18px, 3vw, 44px) 16px;
position: relative;
z-index: 20;
}
.cli-section-header::after {
background: var(--cli-header-border);
content: "";
display: block;
height: 1px;
margin: 16px auto 0;
max-width: 1240px;
width: 100%;
}
.cli-section-header .cli-header-row {
align-items: center;
box-sizing: border-box;
display: flex;
flex-wrap: nowrap !important;
gap: clamp(20px, 3vw, 40px);
justify-content: space-between;
margin: 0 auto !important;
max-width: 1240px !important;
padding: 0 clamp(18px, 2vw, 28px) !important;
width: 100% !important;
}
.cli-section-header .cli-header-brand-col,
.cli-section-header .cli-header-nav-col {
align-items: center;
display: flex;
margin-bottom: 0 !important;
}
.cli-section-header .cli-header-brand-col {
flex: 0 1 auto;
}
.cli-section-header .cli-header-nav-col {
flex: 1 1 auto;
justify-content: flex-end;
}
.cli-section-header .cli-header-logo,
.cli-section-header .cli-header-logo .et_pb_image_wrap {
display: block;
margin: 0;
width: 100%;
}
.cli-section-header .cli-header-logo img {
display: block;
height: auto;
max-height: 48px;
max-width: min(100%, 300px);
object-fit: contain;
width: auto;
}
.cli-section-header .cli-header-menu {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
margin-left: auto !important;
max-width: min(920px, 100%);
padding: 0 !important;
width: 100%;
}
.cli-section-header .cli-header-menu .et_pb_menu_inner_container {
align-items: flex-start;
background: transparent !important;
display: flex;
justify-content: flex-start;
min-height: 0 !important;
padding: 0 !important;
width: 100%;
}
.cli-section-header .cli-header-menu .et_pb_menu__logo-wrap {
display: none;
}
.cli-section-header .cli-header-menu .et_pb_menu__wrap {
background: transparent !important;
display: flex;
justify-content: flex-start;
padding: 0 !important;
width: 100%;
}
.cli-section-header .cli-header-menu .et_pb_menu__menu,
.cli-section-header .cli-header-menu .et-menu-nav {
background: transparent !important;
width: 100%;
}
.cli-section-header .cli-header-menu ul.et-menu,
.cli-section-header .cli-header-menu .et-menu-nav > ul {
align-items: center;
align-content: flex-start;
background: transparent !important;
column-gap: clamp(24px, 2.2vw, 38px);
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 !important;
padding: 0 !important;
row-gap: 16px;
width: 100%;
}
.cli-section-header .cli-header-menu .et-menu > li {
display: flex;
margin-top: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
position: relative;
}
.cli-section-header .cli-header-menu.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
padding-bottom: 14px !important;
padding-top: 0 !important;
}
.cli-section-header .cli-header-menu .et_pb_menu__menu > nav > ul > li > a {
align-items: center;
color: var(--cli-header-text);
display: inline-flex;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.1;
min-height: 26px;
padding: 0 0 14px;
position: relative;
transition:
color 0.2s ease,
opacity 0.2s ease,
background-color 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease,
transform 0.2s ease;
white-space: nowrap;
}
.cli-section-header .cli-header-menu .et-menu > li:not(.cli-header-menu__cta):not(:last-child) > a {
opacity: 0.92;
}
.cli-section-header .cli-header-menu .et-menu > li > a:hover,
.cli-section-header .cli-header-menu .et-menu > li.current-menu-item > a,
.cli-section-header .cli-header-menu .et-menu > li.current-menu-ancestor > a {
color: var(--cli-header-text-strong);
opacity: 1;
}
.cli-section-header .cli-header-menu .et-menu > li:not(.cli-header-menu__cta):not(:last-child) > a::before {
background: rgba(255, 255, 255, 0.98);
border-radius: 999px;
bottom: -1px;
content: "";
height: 2px;
left: 0;
opacity: 0;
position: absolute;
transform: scaleX(0.38);
transform-origin: left center;
transition:
opacity 0.24s ease,
transform 0.24s ease;
width: 100%;
}
.cli-section-header .cli-header-menu .et-menu > li:hover > a::before,
.cli-section-header .cli-header-menu .et-menu > li.current-menu-item > a::before,
.cli-section-header .cli-header-menu .et-menu > li.current-menu-ancestor > a::before {
opacity: 1;
transform: scaleX(1);
}
.cli-section-header .cli-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children > a::after {
border-bottom: 2px solid currentColor;
border-right: 2px solid currentColor;
content: "" !important;
display: inline-block;
flex: none;
font-family: inherit !important;
font-size: 0 !important;
height: 6px;
margin-left: 10px;
position: static !important;
right: auto !important;
top: auto !important;
transform: translateY(-1px) rotate(45deg);
transform-origin: center;
transition: transform 0.2s ease;
width: 6px;
}
.cli-section-header .cli-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children:hover > a::after,
.cli-section-header .cli-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children.current-menu-ancestor > a::after,
.cli-section-header .cli-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children.current-menu-item > a::after {
transform: translateY(1px) rotate(225deg);
}
.cli-section-header .cli-header-menu .et-menu > li.cli-header-menu__cta > a,
.cli-section-header .cli-header-menu .et-menu > li:last-child > a {
background: var(--cli-accent);
border: 1px solid var(--cli-accent);
border-radius: 8px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
color: #ffffff !important;
min-height: 40px;
padding: 10px 18px 10px !important;
}
.cli-section-header .cli-header-menu .et-menu > li.cli-header-menu__cta > a:hover,
.cli-section-header .cli-header-menu .et-menu > li:last-child > a:hover {
background: var(--cli-accent-dark);
border-color: var(--cli-accent-dark);
transform: translateY(-1px);
}
.cli-section-header .cli-header-menu .et-menu > li:last-child {
margin-left: clamp(4px, 0.9vw, 14px);
}
.cli-section-header .cli-header-menu .sub-menu {
background: linear-gradient(180deg, rgba(12, 90, 87, 0.98) 0%, rgba(5, 70, 66, 0.98) 100%);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 18px;
box-shadow: 0 26px 60px rgba(2, 20, 15, 0.3);
left: -18px;
margin-top: 18px;
min-width: 280px;
padding: 12px 0;
}
.cli-section-header .cli-header-menu .et-menu > li > .sub-menu::before {
background: rgba(10, 90, 87, 0.98);
border-left: 1px solid rgba(255, 255, 255, 0.08);
border-top: 1px solid rgba(255, 255, 255, 0.08);
content: "";
height: 14px;
left: 26px;
position: absolute;
top: -8px;
transform: rotate(45deg);
width: 14px;
}
.cli-section-header .cli-header-menu .sub-menu li {
padding: 0;
}
.cli-section-header .cli-header-menu .sub-menu a {
color: #ffffff;
display: block;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.45;
padding: 11px 20px;
transition:
background-color 0.2s ease,
color 0.2s ease,
opacity 0.2s ease;
white-space: normal;
}
.cli-section-header .cli-header-menu .sub-menu li > a:hover,
.cli-section-header .cli-header-menu .sub-menu li.current-menu-item > a {
background: rgba(255, 255, 255, 0.08);
color: #ffffff;
}
.cli-section-header .cli-header-menu .mobile_menu_bar:before {
color: var(--cli-header-text-strong);
font-size: 30px;
}
.cli-section-header .cli-header-menu .et_mobile_menu {
background: #114e3f;
border-top: 1px solid var(--cli-header-border);
box-shadow: 0 22px 50px rgba(2, 20, 15, 0.22);
left: auto;
padding: 10px 0 14px;
right: 0;
width: min(320px, calc(100vw - 40px));
}
.cli-section-header .cli-header-menu .et_mobile_menu li a {
border-bottom-color: rgba(255, 255, 255, 0.08);
color: #ffffff !important;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
padding: 11px 22px;
}
.cli-section-header .cli-header-menu .et_mobile_menu li.cli-header-menu__cta > a {
background: var(--cli-header-panel);
border: 1px solid var(--cli-header-border);
border-radius: 6px;
margin: 8px 16px 0;
padding: 11px 16px;
}
.cli-mobile-menu {
background: #ffffff;
height: 100vh;
inset: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: fixed;
transition: opacity 0.22s ease;
z-index: 9999;
}
@supports (height: 100dvh) {
.cli-mobile-menu {
height: 100dvh;
}
}
.cli-mobile-menu.is-open {
opacity: 1;
pointer-events: auto;
}
.cli-mobile-menu__panel {
background: #ffffff;
box-shadow: none;
display: flex;
flex-direction: column;
height: 100vh;
margin: 0;
max-height: none;
min-height: 0;
overflow: hidden;
transform: translateX(18px);
transition: transform 0.22s ease;
width: 100%;
}
@supports (height: 100dvh) {
.cli-mobile-menu__panel {
height: 100dvh;
}
}
.cli-mobile-menu.is-open .cli-mobile-menu__panel {
transform: translateX(0);
}
.cli-mobile-menu__header {
align-items: center;
background: #ffffff;
border-bottom: 1px solid #d3d1c7;
display: flex;
flex: 0 0 auto;
gap: 16px;
justify-content: space-between;
min-height: 82px;
padding: 16px clamp(16px, 5vw, 32px);
}
.cli-mobile-menu__brand {
flex: 1 1 auto;
min-width: 0;
}
.cli-mobile-menu__brand-link {
align-items: center;
display: inline-flex;
min-width: 0;
text-decoration: none;
}
.cli-mobile-menu__brand-image {
display: block;
height: auto;
max-height: 38px;
max-width: min(100%, 165px);
object-fit: contain;
width: 165px;
}
.cli-mobile-menu__brand-text {
color: #04342c;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.01em;
line-height: 1;
}
.cli-mobile-menu__close {
align-items: center;
appearance: none;
background: transparent;
border: 0;
color: transparent;
cursor: pointer;
display: inline-flex;
flex: none;
font-size: 0;
height: 44px;
justify-content: center;
padding: 0;
position: relative;
width: 44px;
}
.cli-mobile-menu__close::before,
.cli-mobile-menu__close::after {
background: #04342c;
content: "";
height: 2px;
position: absolute;
width: 26px;
}
.cli-mobile-menu__close::before {
transform: rotate(45deg);
}
.cli-mobile-menu__close::after {
transform: rotate(-45deg);
}
.cli-mobile-menu__nav {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
padding: 20px clamp(16px, 5vw, 32px) 24px;
scrollbar-gutter: stable;
}
.cli-mobile-menu__list,
.cli-mobile-menu__submenu {
list-style: none;
margin: 0;
padding: 0;
}
.cli-mobile-menu__item {
border-bottom: 1px solid #d3d1c7;
}
.cli-mobile-menu__row {
align-items: center;
display: flex;
min-height: 68px;
}
.cli-mobile-menu__link {
align-items: center;
appearance: none;
background: transparent;
border: 0;
color: #04342c;
cursor: pointer;
display: flex;
flex: 1 1 auto;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: clamp(17px, 2.4vw, 19px);
font-weight: 600;
justify-content: flex-start;
letter-spacing: -0.01em;
line-height: 1.3;
min-height: 68px;
padding: 16px 52px 16px 0;
position: relative;
text-align: left;
text-decoration: none;
width: 100%;
}
.cli-mobile-menu__link::after {
border-bottom: 2px solid currentColor;
border-right: 2px solid currentColor;
content: "";
display: block;
height: 10px;
position: absolute;
right: 16px;
transform: rotate(-45deg);
transition: transform 0.22s ease;
width: 10px;
}
.cli-mobile-menu__link--parent {
padding-right: 12px;
}
.cli-mobile-menu__link--parent::after {
display: none;
}
.cli-mobile-menu__toggle {
align-items: center;
appearance: none;
align-self: stretch;
background: transparent;
border: 0;
color: #04342c;
cursor: pointer;
display: inline-flex;
flex: 0 0 48px;
justify-content: center;
min-height: 44px;
padding: 0;
width: 48px;
}
.cli-mobile-menu__toggle::before {
border-bottom: 2px solid currentColor;
border-right: 2px solid currentColor;
content: "";
display: block;
height: 10px;
transform: rotate(-45deg);
transition: transform 0.22s ease;
width: 10px;
}
.cli-mobile-menu__item.is-open .cli-mobile-menu__toggle::before {
transform: rotate(45deg);
}
.cli-mobile-menu__submenu {
border-top: 1px solid #e2e0d8;
margin: 0;
padding: 4px 0 12px 18px;
}
.cli-mobile-menu__submenu li + li {
border-top: 1px solid #e2e0d8;
}
.cli-mobile-menu__submenu-link {
align-items: center;
color: #34413f;
display: flex;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 15.5px;
font-weight: 500;
line-height: 1.4;
min-height: 48px;
padding: 11px 44px 11px 0;
text-decoration: none;
}
.cli-mobile-menu__footer {
background: #ffffff;
border-top: 1px solid #d3d1c7;
flex: 0 0 auto;
padding: 16px clamp(16px, 5vw, 32px) calc(18px + env(safe-area-inset-bottom));
}
.cli-mobile-menu__cta {
align-items: center;
background: var(--cli-accent);
border: 1px solid var(--cli-accent);
border-radius: 0;
color: #ffffff;
display: flex;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
font-weight: 600;
justify-content: center;
line-height: 1.2;
min-height: 56px;
padding: 16px 18px;
text-decoration: none;
}
.cli-mobile-menu__link:hover,
.cli-mobile-menu__link:focus-visible,
.cli-mobile-menu__submenu-link:hover,
.cli-mobile-menu__submenu-link:focus-visible,
.cli-mobile-menu__brand-link:hover,
.cli-mobile-menu__brand-link:focus-visible {
color: #0a5b58;
}
.cli-mobile-menu__cta:hover,
.cli-mobile-menu__cta:focus-visible {
background: #04342c;
border-color: #04342c;
color: #ffffff;
}
.cli-mobile-menu__close:focus-visible,
.cli-mobile-menu__toggle:focus-visible,
.cli-mobile-menu__cta:focus-visible,
.cli-mobile-menu__brand-link:focus-visible,
.cli-mobile-menu__link:focus-visible,
.cli-mobile-menu__submenu-link:focus-visible {
outline: 2px solid var(--cli-accent);
outline-offset: 4px;
}
html.cli-mobile-menu-open,
body.cli-mobile-menu-open {
overflow: hidden !important;
}
@media (prefers-reduced-motion: reduce) {
.cli-mobile-menu,
.cli-mobile-menu__panel,
.cli-mobile-menu__link::after,
.cli-mobile-menu__toggle::before {
transition: none;
}
}
@media (min-width: 981px) {
.cli-section-header {
padding: 18px clamp(18px, 1vw, 24px) 18px;
}
.cli-section-header::after {
margin-top: 18px;
max-width: 1780px;
}
.cli-section-header .cli-header-row {
gap: clamp(6px, 0.55vw, 12px);
max-width: 1780px !important;
position: relative;
}
.cli-section-header .cli-header-brand-col {
flex: 0 0 auto;
justify-content: flex-start;
min-width: 0;
}
.cli-section-header .cli-header-nav-col {
flex: 1 1 auto;
justify-content: center;
min-width: 0;
}
.cli-section-header .cli-header-logo img {
max-height: 60px;
max-width: min(100%, clamp(196px, 13.5vw, 244px));
}
.cli-section-header .cli-header-menu {
margin-left: 0 !important;
max-width: none;
min-width: 0;
width: auto;
}
.cli-section-header .cli-header-menu .et_pb_menu_inner_container,
.cli-section-header .cli-header-menu .et_pb_menu__wrap {
align-items: center;
justify-content: center;
}
.cli-section-header .cli-header-menu .et_pb_menu__menu,
.cli-section-header .cli-header-menu .et-menu-nav {
width: auto;
}
.cli-section-header .cli-header-menu ul.et-menu,
.cli-section-header .cli-header-menu .et-menu-nav > ul {
align-content: center;
box-sizing: border-box;
column-gap: clamp(6px, calc(-2px + 0.65vw), 14px);
flex-wrap: nowrap;
justify-content: flex-start;
margin: 0 auto !important;
min-height: 40px;
padding-right: 0;
position: relative;
row-gap: 0;
width: max-content;
max-width: 100%;
}
.cli-section-header .cli-header-menu.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
padding-bottom: 16px !important;
padding-top: 10px !important;
}
.cli-section-header .cli-header-menu .et_pb_menu__menu > nav > ul > li > a {
font-size: clamp(14px, calc(11px + 0.26vw), 18px);
font-weight: 700;
min-height: 0;
padding: 10px 0 16px;
}
.cli-section-header .cli-header-menu .et-menu > li:not(:last-child) > a {
padding-bottom: 16px !important;
transform: none;
}
.cli-section-header .cli-header-menu .et-menu > li:last-child {
margin-left: clamp(4px, 0.9vw, 14px);
position: static;
}
.cli-section-header .cli-header-menu .et-menu > li.cli-header-menu__cta > a,
.cli-section-header .cli-header-menu .et-menu > li:last-child > a {
padding: clamp(7px, calc(5px + 0.12vw), 9px) clamp(9px, calc(7px + 0.2vw), 12px) !important;
white-space: nowrap;
}
.cli-section-header.cli-header-overlay-ready .cli-header-menu .et-menu > li.is-overlay-open > a {
color: var(--cli-header-text-strong);
opacity: 1;
}
.cli-section-header.cli-header-overlay-ready .cli-header-menu .et-menu > li.is-overlay-open > a::before {
opacity: 1;
transform: scaleX(1);
}
.cli-section-header.cli-header-overlay-ready .cli-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children > a::after {
transform: translateY(-1px) rotate(45deg);
}
.cli-section-header .cli-header-menu .et-menu > li:focus-within > a::before,
.cli-section-header .cli-header-menu .et-menu > li:hover > a::before,
.cli-section-header .cli-header-menu .et-menu > li.current-menu-item > a::before,
.cli-section-header .cli-header-menu .et-menu > li.current-menu-ancestor > a::before {
opacity: 1;
transform: scaleX(1);
}
.cli-section-header.cli-header-overlay-ready .cli-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children.is-overlay-open > a::after,
.cli-section-header.cli-header-overlay-ready .cli-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children:focus-within > a::after,
.cli-section-header:not(.cli-header-overlay-ready) .cli-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children:focus-within > a::after,
.cli-section-header:not(.cli-header-overlay-ready) .cli-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children:hover > a::after,
.cli-section-header:not(.cli-header-overlay-ready) .cli-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children.current-menu-ancestor > a::after,
.cli-section-header:not(.cli-header-overlay-ready) .cli-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children.current-menu-item > a::after {
transform: translateY(1px) rotate(225deg);
}
.cli-section-header.cli-header-overlay-ready .cli-header-menu .et-menu > li.menu-item-has-children::after {
display: none;
}
.cli-section-header.cli-header-overlay-ready .cli-header-menu .et-menu > li > .sub-menu {
display: none !important;
}
.cli-header-overlay {
background: #ffffff;
border-top: 1px solid rgba(5, 70, 66, 0.12);
box-shadow: 0 28px 60px rgba(3, 24, 31, 0.18);
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 100%;
transform: translateY(-8px);
transition:
opacity 0.2s ease,
transform 0.2s ease,
visibility 0.2s ease;
visibility: hidden;
z-index: 60;
}
.cli-section-header.cli-header-overlay-open .cli-header-overlay {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
visibility: visible;
}
.cli-header-overlay__inner {
margin: 0 auto;
max-width: 1640px;
padding: 28px clamp(24px, 2vw, 40px) 34px;
}
.cli-header-overlay__header {
border-bottom: 1px solid rgba(5, 70, 66, 0.12);
margin-bottom: 22px;
padding-bottom: 16px;
}
.cli-header-overlay__title {
color: #073f3c;
cursor: default;
display: inline-flex;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
text-decoration: none;
transition: color 0.2s ease, opacity 0.2s ease;
}
.cli-header-overlay__title:hover,
.cli-header-overlay__title:focus-visible {
color: #073f3c;
}
.cli-header-overlay__list {
display: flex;
flex-wrap: wrap;
gap: 14px 18px;
justify-content: space-between;
margin: 0;
padding: 0;
}
.cli-header-overlay__item {
display: flex;
flex: 1 1 180px;
justify-content: center;
margin: 0;
min-width: 0;
padding: 0;
}
.cli-header-overlay__link {
color: #1f2c31;
display: block;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.45;
padding: 6px 10px;
text-align: center;
text-decoration: none;
transition:
color 0.2s ease,
opacity 0.2s ease,
transform 0.2s ease;
}
.cli-header-overlay__link:hover,
.cli-header-overlay__link:focus-visible {
color: #0a5b58;
transform: translateY(-1px);
}
}
.cli-section-header.cli-header-force-mobile {
padding-bottom: 14px;
padding-top: 16px;
}
.cli-section-header.cli-header-force-mobile::after {
margin-top: 14px;
}
.cli-section-header.cli-header-force-mobile .cli-header-row {
flex-wrap: nowrap !important;
gap: 16px;
padding-inline: 18px !important;
}
.cli-section-header.cli-header-force-mobile .cli-header-brand-col {
flex: 1 1 auto;
min-width: 0;
max-width: none !important;
width: auto !important;
}
.cli-section-header.cli-header-force-mobile .cli-header-nav-col {
flex: 0 0 auto;
justify-content: flex-end;
margin-left: auto !important;
max-width: none !important;
min-width: 40px;
width: auto !important;
}
.cli-section-header.cli-header-force-mobile .cli-header-logo img {
max-height: 42px;
max-width: min(100%, 240px);
}
.cli-section-header.cli-header-force-mobile .cli-header-menu {
margin-left: 0 !important;
max-width: none;
width: auto;
}
.cli-section-header.cli-header-force-mobile .cli-header-menu .et_pb_menu__menu,
.cli-section-header.cli-header-force-mobile .cli-header-menu .et-menu-nav {
display: none;
}
.cli-section-header.cli-header-force-mobile .cli-header-menu .et_pb_menu_inner_container,
.cli-section-header.cli-header-force-mobile .cli-header-menu .et_pb_menu__wrap {
align-items: center;
justify-content: flex-end;
width: auto;
}
.cli-section-header.cli-header-force-mobile .cli-header-menu .et_mobile_nav_menu {
display: block;
}
.cli-section-header.cli-header-force-mobile .cli-header-menu .mobile_nav {
align-items: center;
display: flex;
justify-content: flex-end;
line-height: 1;
margin: 0;
min-height: 40px;
padding: 0;
}
.cli-section-header.cli-header-force-mobile .cli-header-menu .mobile_menu_bar {
align-items: center;
display: inline-flex;
height: 40px;
justify-content: center;
padding: 0 !important;
}
.cli-section-header.cli-header-force-mobile .cli-header-menu .mobile_menu_bar:before {
display: block;
line-height: 1;
position: static;
}
.cli-section-header.cli-header-force-mobile.cli-mobile-menu-ready .cli-header-menu .et_mobile_menu {
display: none !important;
}
.cli-section-header.cli-header-force-mobile .cli-header-overlay {
display: none !important;
}
@media (max-width: 980px) {
.cli-section-header {
padding-bottom: 14px;
padding-top: 16px;
}
.cli-section-header::after {
margin-top: 14px;
}
.cli-section-header .cli-header-row {
flex-wrap: nowrap !important;
gap: 16px;
padding-inline: 18px !important;
}
.cli-section-header .cli-header-brand-col {
flex: 1 1 auto;
min-width: 0;
max-width: none !important;
width: auto !important;
}
.cli-section-header .cli-header-nav-col {
flex: 0 0 auto;
justify-content: flex-end;
margin-left: auto !important;
max-width: none !important;
min-width: 40px;
width: auto !important;
}
.cli-section-header .cli-header-logo img {
max-height: 42px;
max-width: min(100%, 240px);
}
.cli-section-header .cli-header-menu {
margin-left: 0 !important;
max-width: none;
width: auto;
}
.cli-section-header .cli-header-menu .et_pb_menu__menu,
.cli-section-header .cli-header-menu .et-menu-nav {
display: none;
}
.cli-section-header .cli-header-menu .et_pb_menu_inner_container,
.cli-section-header .cli-header-menu .et_pb_menu__wrap {
align-items: center;
justify-content: flex-end;
width: auto;
}
.cli-section-header .cli-header-menu .et_mobile_nav_menu {
display: block;
}
.cli-section-header .cli-header-menu .mobile_nav {
align-items: center;
display: flex;
justify-content: flex-end;
line-height: 1;
margin: 0;
min-height: 40px;
padding: 0;
}
.cli-section-header .cli-header-menu .mobile_menu_bar {
align-items: center;
display: inline-flex;
height: 40px;
justify-content: center;
padding: 0 !important;
}
.cli-section-header .cli-header-menu .mobile_menu_bar:before {
display: block;
line-height: 1;
position: static;
}
.cli-section-header.cli-mobile-menu-ready .cli-header-menu .et_mobile_menu,
.cli-native-header.cli-mobile-menu-ready .cli-native-header-menu .et_mobile_menu {
display: none !important;
}
.cli-header-overlay {
display: none !important;
}
}
@media (max-width: 980px) {
.cli-section-header {
padding-bottom: 14px;
padding-top: 16px;
}
.cli-section-header::after {
margin-top: 14px;
}
.cli-section-header .cli-header-row {
flex-wrap: nowrap !important;
gap: 16px;
padding-inline: 18px !important;
}
.cli-section-header .cli-header-brand-col {
flex: 1 1 auto;
min-width: 0;
max-width: none !important;
width: auto !important;
}
.cli-section-header .cli-header-nav-col {
flex: 0 0 auto;
justify-content: flex-end;
margin-left: auto !important;
max-width: none !important;
min-width: 40px;
width: auto !important;
}
.cli-section-header .cli-header-logo img {
max-height: 42px;
max-width: min(100%, 240px);
}
.cli-section-header .cli-header-menu {
margin-left: 0 !important;
max-width: none;
width: auto;
}
.cli-section-header .cli-header-menu .et_pb_menu_inner_container,
.cli-section-header .cli-header-menu .et_pb_menu__wrap {
align-items: center;
justify-content: flex-end;
width: auto;
}
.cli-section-header .cli-header-menu .mobile_nav {
align-items: center;
display: flex;
justify-content: flex-end;
line-height: 1;
margin: 0;
min-height: 40px;
padding: 0;
}
.cli-section-header .cli-header-menu .mobile_menu_bar {
align-items: center;
display: inline-flex;
height: 40px;
justify-content: center;
padding: 0 !important;
}
.cli-section-header .cli-header-menu .mobile_menu_bar:before {
display: block;
line-height: 1;
position: static;
}
}
@media (max-width: 767px) {
.cli-section-header {
padding-inline: 18px;
}
.cli-section-header .cli-header-row {
gap: 12px;
padding-inline: 16px !important;
}
.cli-section-header .cli-header-logo img {
max-height: 38px;
max-width: min(100%, 205px);
}
.cli-section-header .cli-header-menu .et_mobile_menu {
width: min(280px, calc(100vw - 32px));
}
.cli-mobile-menu__header {
padding-inline: 16px;
}
.cli-mobile-menu__nav,
.cli-mobile-menu__footer {
padding-inline: 16px;
}
.cli-mobile-menu__link {
font-size: 17px;
}
}
/* History and Founding page */
.cli-history-hero,
.cli-history-condition,
.cli-history-gap,
.cli-history-formation,
.cli-history-infrastructure {
padding: 0 !important;
}
.cli-history-hero-row {
align-items: stretch;
display: flex !important;
gap: 0 !important;
margin: 0 !important;
max-width: none !important;
min-height: 590px;
padding: 0 !important;
width: 100% !important;
}
.cli-history-hero-row > .et_pb_column,
.cli-history-editorial-row > .et_pb_column,
.cli-history-formation-row > .et_pb_column {
margin: 0 !important;
}
.cli-history-hero-copy > .et_pb_module,
.cli-history-hero-panel > .et_pb_module,
.cli-history-editorial-row .et_pb_module,
.cli-history-formation-row .et_pb_module {
margin: 0 !important;
}
.cli-history-hero-copy {
align-content: center;
display: grid !important;
flex: 0 0 62% !important;
min-height: 590px;
padding: 78px clamp(38px, 7vw, 112px) 82px !important;
width: 62% !important;
}
.cli-history-eyebrow p,
.cli-history-section-label p,
.cli-history-dark-label p {
font-family: var(--cli-font-sans) !important;
font-size: 13px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.12em;
margin: 0 0 24px !important;
text-transform: uppercase;
}
.cli-history-eyebrow p,
.cli-history-section-label p {
color: #0a5b58 !important;
}
.cli-history-hero-title h1 {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(50px, 5.05vw, 74px) !important;
font-style: italic !important;
font-weight: 400 !important;
letter-spacing: -0.045em !important;
line-height: 1.02 !important;
margin: 0 !important;
max-width: 800px;
padding: 0 !important;
}
.cli-history-hero-lead {
margin-top: 34px !important;
max-width: 700px;
}
.cli-history-hero-lead p {
color: #344943 !important;
font-family: var(--cli-font-sans) !important;
font-size: clamp(18px, 1.55vw, 22px);
font-style: normal !important;
line-height: 1.65;
margin: 0 !important;
}
.cli-history-hero-panel {
align-content: center;
background: #04342c;
display: grid !important;
flex: 0 0 38% !important;
min-height: 590px;
padding: 76px clamp(34px, 5vw, 78px) !important;
width: 38% !important;
}
.cli-history-panel-kicker p {
color: #ffffff !important;
font-family: var(--cli-font-sans) !important;
font-size: 12px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.12em;
margin: 0 0 28px !important;
text-transform: uppercase;
}
.cli-history-panel-title h2 {
color: #ffffff !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(36px, 3.5vw, 54px) !important;
font-style: italic !important;
font-weight: 400 !important;
letter-spacing: -0.035em !important;
line-height: 1.08 !important;
margin: 0 !important;
padding: 0 !important;
}
.cli-history-panel-meta {
border-top: 1px solid rgba(255, 255, 255, 0.24);
display: grid;
gap: 20px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 46px !important;
padding-top: 28px;
}
.cli-history-panel-meta p {
color: #d5e2dd !important;
font-family: var(--cli-font-sans) !important;
font-size: 14px;
font-style: normal !important;
line-height: 1.55;
margin: 0 !important;
}
.cli-history-panel-meta strong {
color: #ffffff !important;
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
margin-bottom: 5px;
text-transform: uppercase;
}
.cli-history-condition,
.cli-history-infrastructure {
background: #ffffff !important;
padding: 106px 0 112px !important;
}
.cli-history-gap {
background: #04342c !important;
padding: 108px 0 114px !important;
}
.cli-history-formation {
background: #ffffff !important;
padding: 106px 0 112px !important;
}
.cli-history-editorial-row,
.cli-history-formation-row {
align-items: flex-start;
display: flex !important;
gap: clamp(58px, 7vw, 102px) !important;
margin: 0 auto !important;
max-width: 1240px !important;
padding: 0 !important;
width: calc(100% - 64px) !important;
}
.cli-history-heading-col,
.cli-history-year-col {
flex: 0 0 36% !important;
width: 36% !important;
}
.cli-history-copy-col,
.cli-history-formation-copy-col {
flex: 1 1 auto !important;
width: auto !important;
}
.cli-history-section-heading h2,
.cli-history-dark-heading h2,
.cli-history-formation-heading h2 {
font-family: var(--cli-font-serif) !important;
font-size: clamp(42px, 4vw, 58px) !important;
font-style: italic !important;
font-weight: 400 !important;
letter-spacing: -0.04em !important;
line-height: 1.08 !important;
margin: 0 !important;
padding: 0 !important;
}
.cli-history-section-heading h2,
.cli-history-formation-heading h2 {
color: #122a25 !important;
}
.cli-history-dark-label p {
color: #ffffff !important;
}
.cli-history-dark-heading h2 {
color: #ffffff !important;
}
.cli-history-body-copy p,
.cli-history-dark-copy p {
font-family: var(--cli-font-sans) !important;
font-size: 17px;
font-style: normal !important;
line-height: 1.8;
margin: 0 0 25px !important;
}
.cli-history-body-copy p {
color: #344943 !important;
}
.cli-history-dark-copy p {
color: #d5e2dd !important;
}
.cli-history-body-copy p:last-child,
.cli-history-dark-copy p:last-child {
margin-bottom: 0 !important;
}
.cli-history-year-col {
border-left: 3px solid var(--cli-accent);
padding: 0 0 0 clamp(24px, 3vw, 42px) !important;
}
.cli-history-year p {
color: #04342c !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(84px, 10vw, 142px) !important;
font-style: italic !important;
font-weight: 400 !important;
letter-spacing: -0.06em !important;
line-height: 0.9 !important;
margin: 0 !important;
}
.cli-history-year-caption {
border-top: 1px solid #c8c5b9;
margin-top: 34px !important;
max-width: 320px;
padding-top: 22px;
}
.cli-history-year-caption p {
color: #52625e !important;
font-family: var(--cli-font-sans) !important;
font-size: 13px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.7;
margin: 0 !important;
text-transform: uppercase;
}
.cli-history-formation-heading {
margin-bottom: 34px !important;
}
.cli-history-infrastructure-copy p:first-child {
color: #122a25 !important;
font-size: 21px;
font-weight: 600;
line-height: 1.65;
}
body .cli-history-cta {
background: #ffffff !important;
border: 1px solid #ffffff !important;
border-radius: 0 !important;
color: var(--cli-forest-deep) !important;
display: inline-block;
font-family: var(--cli-font-sans) !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: 700;
line-height: 1.4;
margin: 36px 0 0 !important;
padding: 15px 24px !important;
}
body .cli-history-cta:hover {
background: var(--cli-accent) !important;
border-color: var(--cli-accent) !important;
color: #ffffff !important;
padding: 15px 24px !important;
}
body .cli-history-cta::after {
display: none !important;
}
body .cli-history-cta:focus-visible {
outline: 3px solid #0f6e56 !important;
outline-offset: 3px;
}
@media (max-width: 1180px) {
.cli-history-panel-meta {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 980px) {
.cli-history-hero-row,
.cli-history-editorial-row,
.cli-history-formation-row {
display: block !important;
}
.cli-history-hero-copy,
.cli-history-hero-panel,
.cli-history-heading-col,
.cli-history-copy-col,
.cli-history-year-col,
.cli-history-formation-copy-col {
width: 100% !important;
}
.cli-history-hero-copy,
.cli-history-hero-panel {
min-height: 460px;
}
.cli-history-panel-meta {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cli-history-heading-col,
.cli-history-year-col {
margin-bottom: 50px !important;
}
.cli-history-year-col {
max-width: 520px;
}
}
@media (max-width: 700px) {
.cli-history-editorial-row,
.cli-history-formation-row {
width: calc(100% - 36px) !important;
}
.cli-history-hero-copy {
min-height: 500px;
padding: 62px 22px 66px !important;
}
.cli-history-hero-title h1 {
font-size: 47px !important;
}
.cli-history-hero-panel {
min-height: 0;
padding: 64px 24px 68px !important;
}
.cli-history-panel-title h2 {
font-size: 40px !important;
}
.cli-history-panel-meta {
gap: 22px;
grid-template-columns: minmax(0, 1fr);
}
.cli-history-condition,
.cli-history-gap,
.cli-history-formation,
.cli-history-infrastructure {
padding: 80px 0 86px !important;
}
.cli-history-heading-col,
.cli-history-year-col {
margin-bottom: 42px !important;
}
.cli-history-section-heading h2,
.cli-history-dark-heading h2,
.cli-history-formation-heading h2 {
font-size: 42px !important;
}
.cli-history-year p {
font-size: 88px !important;
}
.cli-history-body-copy p,
.cli-history-dark-copy p {
font-size: 16px;
line-height: 1.76;
}
}
@media (max-width: 390px) {
.cli-history-hero-title h1 {
font-size: 43px !important;
}
.cli-history-section-heading h2,
.cli-history-dark-heading h2,
.cli-history-formation-heading h2 {
font-size: 38px !important;
}
}
@media (max-width: 480px) {
.cli-mobile-menu__brand-image {
max-width: min(100%, 150px);
width: 150px;
}
}
/* History and Founding page — chronological editorial layout */
.cli-history-v2-hero,
.cli-history-v2-condition,
.cli-history-v2-gap,
.cli-history-v2-formation,
.cli-history-v2-closing {
padding-left: 0 !important;
padding-right: 0 !important;
}
.cli-history-v2-hero-copy-row,
.cli-history-v2-facts-row,
.cli-history-v2-condition-heading-row,
.cli-history-v2-condition-body-row,
.cli-history-v2-gap-heading-row,
.cli-history-v2-gap-cards-row,
.cli-history-v2-year-row,
.cli-history-v2-formation-heading-row,
.cli-history-v2-formation-body-row,
.cli-history-v2-closing-row {
margin-left: auto !important;
margin-right: auto !important;
max-width: 1240px !important;
padding: 0 !important;
width: calc(100% - 64px) !important;
}
.cli-history-v2-hero-copy-row > .et_pb_column,
.cli-history-v2-facts-row > .et_pb_column,
.cli-history-v2-condition-heading-row > .et_pb_column,
.cli-history-v2-condition-body-row > .et_pb_column,
.cli-history-v2-gap-heading-row > .et_pb_column,
.cli-history-v2-gap-cards-row > .et_pb_column,
.cli-history-v2-year-row > .et_pb_column,
.cli-history-v2-formation-heading-row > .et_pb_column,
.cli-history-v2-formation-body-row > .et_pb_column,
.cli-history-v2-closing-row > .et_pb_column {
margin: 0 !important;
}
.cli-history-v2-hero-copy-row .et_pb_module,
.cli-history-v2-facts-row .et_pb_module,
.cli-history-v2-condition-heading-row .et_pb_module,
.cli-history-v2-condition-body-row .et_pb_module,
.cli-history-v2-gap-heading-row .et_pb_module,
.cli-history-v2-gap-cards-row .et_pb_module,
.cli-history-v2-year-row .et_pb_module,
.cli-history-v2-formation-heading-row .et_pb_module,
.cli-history-v2-formation-body-row .et_pb_module,
.cli-history-v2-closing-row .et_pb_module {
margin: 0 !important;
}
.cli-history-v2-hero {
background: #ffffff !important;
overflow: hidden;
padding-bottom: 72px !important;
padding-top: 80px !important;
}
.cli-history-v2-hero-copy {
width: 100% !important;
}
.cli-history-v2-eyebrow p,
.cli-history-v2-section-label p,
.cli-history-v2-gap-label p,
.cli-history-v2-closing-label p {
font-family: var(--cli-font-sans) !important;
font-size: 13px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.13em;
margin: 0 0 22px !important;
text-transform: uppercase;
}
.cli-history-v2-eyebrow p,
.cli-history-v2-section-label p {
color: #0a5b58 !important;
}
.cli-history-v2-hero-title h1 {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(52px, 5.3vw, 68px) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -0.035em !important;
line-height: 1.02 !important;
margin: 0 !important;
max-width: 1080px;
padding: 0 !important;
}
.cli-history-v2-hero-lead {
margin-top: 28px !important;
max-width: 760px;
}
.cli-history-v2-hero-lead p {
color: #344943 !important;
font-family: var(--cli-font-sans) !important;
font-size: clamp(19px, 1.7vw, 23px);
font-style: normal !important;
line-height: 1.65;
margin: 0 !important;
}
.cli-history-v2-facts-row {
border-bottom: 1px solid #c8c5b9;
border-top: 1px solid #c8c5b9;
display: flex !important;
gap: 0 !important;
margin-top: 96px !important;
}
.cli-history-v2-fact {
border-left: 1px solid #c8c5b9;
flex: 0 0 33.333% !important;
padding: 28px 32px 32px !important;
width: 33.333% !important;
}
.cli-history-v2-fact:last-child {
border-right: 1px solid #c8c5b9;
}
.cli-history-v2-fact-label p,
.cli-history-v2-gap-card-label p {
font-family: var(--cli-font-sans) !important;
font-size: 11px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.11em;
margin: 0 0 13px !important;
text-transform: uppercase;
}
.cli-history-v2-fact-label p {
color: #0a5b58 !important;
}
.cli-history-v2-fact-value p {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: 28px;
font-style: normal !important;
line-height: 1.2;
margin: 0 !important;
}
.cli-history-v2-condition {
padding-bottom: 96px !important;
padding-top: 88px !important;
}
body #main-content .cli-history-v2-condition {
background: #e9eee9 !important;
}
.cli-history-v2-condition-heading-col {
width: 100% !important;
}
.cli-history-v2-section-heading h2 {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(40px, 4vw, 52px) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -0.025em !important;
line-height: 1.08 !important;
margin: 0 !important;
max-width: 910px;
padding: 0 !important;
}
.cli-history-v2-condition-body-row {
align-items: flex-start;
display: flex !important;
gap: clamp(44px, 7vw, 106px) !important;
margin-top: 54px !important;
}
.cli-history-v2-condition-card {
flex: 1 1 0 !important;
width: auto !important;
}
.cli-history-v2-condition-card-primary {
padding: 0 22px 0 0 !important;
}
.cli-history-v2-condition-card-secondary {
background: #ffffff;
border-top: 3px solid var(--cli-accent);
padding: 38px 40px 42px !important;
}
.cli-history-v2-condition-primary p {
color: #122a25 !important;
font-family: var(--cli-font-sans) !important;
font-size: clamp(20px, 2vw, 25px);
font-style: normal !important;
line-height: 1.75;
margin: 0 !important;
}
.cli-history-v2-condition-primary p::first-letter {
color: #04342c;
float: left;
font-family: var(--cli-font-serif);
font-size: 88px;
font-style: italic;
line-height: 0.72;
margin: 14px 12px 0 0;
}
.cli-history-v2-condition-secondary p {
color: #344943 !important;
font-family: var(--cli-font-sans) !important;
font-size: 17px;
font-style: normal !important;
line-height: 1.8;
margin: 0 !important;
}
.cli-history-v2-gap {
background: #04342c !important;
padding-bottom: 100px !important;
padding-top: 96px !important;
}
.cli-history-v2-gap-heading-col {
text-align: center;
width: 100% !important;
}
.cli-history-v2-gap-label p,
.cli-history-v2-closing-label p {
color: #ffffff !important;
}
.cli-history-v2-gap-heading h2 {
color: #ffffff !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(44px, 4.4vw, 56px) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -0.025em !important;
line-height: 1.06 !important;
margin: 0 auto !important;
max-width: 980px;
padding: 0 !important;
}
.cli-history-v2-gap-cards-row {
display: flex !important;
gap: 20px !important;
margin-top: 60px !important;
max-width: 1100px !important;
}
.cli-history-v2-gap-card {
background: rgba(255, 255, 255, 0.055);
border-top: 3px solid #ffffff;
flex: 1 1 0 !important;
min-height: 318px;
padding: 40px 42px 44px !important;
width: auto !important;
}
.cli-history-v2-gap-card-label p {
color: #ffffff !important;
}
.cli-history-v2-gap-card-copy p {
color: #e2ece8 !important;
font-family: var(--cli-font-sans) !important;
font-size: 17px;
font-style: normal !important;
line-height: 1.8;
margin: 0 !important;
}
.cli-history-v2-formation {
background: #ffffff !important;
overflow: hidden;
padding-bottom: 100px !important;
padding-top: 96px !important;
}
.cli-history-v2-year-col,
.cli-history-v2-formation-heading-col {
text-align: center;
width: 100% !important;
}
.cli-history-v2-year p {
color: #04342c !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(72px, 7vw, 96px) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -0.045em !important;
line-height: 0.86 !important;
margin: 0 !important;
}
.cli-history-v2-year-caption {
border-top: 1px solid var(--cli-accent);
margin-top: 26px !important;
padding-top: 22px;
}
.cli-history-v2-year-caption p {
color: #52625e !important;
font-family: var(--cli-font-sans) !important;
font-size: 12px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.12em;
margin: 0 !important;
text-transform: uppercase;
}
.cli-history-v2-formation-heading-row {
margin-top: 48px !important;
}
.cli-history-v2-formation-heading h2 {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(40px, 4vw, 52px) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -0.025em !important;
line-height: 1.08 !important;
margin: 0 auto !important;
max-width: 1040px;
padding: 0 !important;
}
.cli-history-v2-formation-body-row {
display: flex !important;
gap: 22px !important;
margin-top: 48px !important;
}
.cli-history-v2-formation-card {
background: #ffffff;
border-bottom: 1px solid #d3d1c7;
border-top: 1px solid #d3d1c7;
flex: 1 1 0 !important;
min-height: 280px;
padding: 40px 44px 44px !important;
width: auto !important;
}
.cli-history-v2-formation-copy p {
color: #344943 !important;
font-family: var(--cli-font-sans) !important;
font-size: 17px;
font-style: normal !important;
line-height: 1.8;
margin: 0 !important;
}
.cli-history-v2-closing {
background: #002f28 !important;
padding-bottom: 104px !important;
padding-top: 100px !important;
}
body #page-container .cli-history-v2-closing.et_pb_section {
background: #002f28 !important;
background-color: #002f28 !important;
}
.cli-history-v2-closing-row {
max-width: 940px !important;
}
.cli-history-v2-closing-col {
text-align: center;
width: 100% !important;
}
.cli-history-v2-closing-heading h2 {
color: #ffffff !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(44px, 4.4vw, 56px) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -0.025em !important;
line-height: 1.06 !important;
margin: 0 !important;
padding: 0 !important;
}
.cli-history-v2-closing-conviction {
border-bottom: 1px solid rgba(255, 255, 255, 0.24);
border-top: 1px solid rgba(255, 255, 255, 0.24);
margin-top: 44px !important;
padding: 40px 0 42px;
}
.cli-history-v2-closing-conviction p {
color: #ffffff !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(30px, 3.2vw, 43px);
font-style: normal !important;
line-height: 1.28;
margin: 0 !important;
}
.cli-history-v2-closing-body {
margin: 42px auto 0 !important;
max-width: 760px;
}
.cli-history-v2-closing-body p {
color: #d5e2dd !important;
font-family: var(--cli-font-sans) !important;
font-size: 17px;
font-style: normal !important;
line-height: 1.82;
margin: 0 !important;
}
.cli-history-v2-closing-final {
margin-top: 32px !important;
}
.cli-history-v2-closing-final p {
color: #ffffff !important;
font-family: var(--cli-font-sans) !important;
font-size: 20px;
font-style: normal !important;
font-weight: 700;
line-height: 1.6;
margin: 0 !important;
}
body .cli-history-v2-cta {
background: #ffffff !important;
border: 1px solid #ffffff !important;
border-radius: 0 !important;
color: var(--cli-forest-deep) !important;
display: inline-block;
font-family: var(--cli-font-sans) !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: 700;
line-height: 1.4;
margin: 42px auto 0 !important;
padding: 15px 24px !important;
}
body .cli-history-v2-cta:hover {
background: var(--cli-accent) !important;
border-color: var(--cli-accent) !important;
color: #ffffff !important;
padding: 15px 24px !important;
}
body .cli-history-v2-cta::after {
display: none !important;
}
body .cli-history-v2-cta:focus-visible {
outline: 3px solid #ffffff !important;
outline-offset: 3px;
}
@media (max-width: 980px) {
.cli-history-v2-hero {
padding-top: 72px !important;
}
.cli-history-v2-facts-row {
margin-top: 72px !important;
}
.cli-history-v2-condition-body-row,
.cli-history-v2-gap-cards-row,
.cli-history-v2-formation-body-row {
display: block !important;
}
.cli-history-v2-condition-card,
.cli-history-v2-gap-card,
.cli-history-v2-formation-card {
width: 100% !important;
}
.cli-history-v2-condition-card-primary {
padding-right: 0 !important;
}
.cli-history-v2-condition-card-secondary,
.cli-history-v2-gap-card + .cli-history-v2-gap-card,
.cli-history-v2-formation-card + .cli-history-v2-formation-card {
margin-top: 28px !important;
}
.cli-history-v2-gap-card,
.cli-history-v2-formation-card {
min-height: 0;
}
}
@media (max-width: 700px) {
.cli-history-v2-hero-copy-row,
.cli-history-v2-facts-row,
.cli-history-v2-condition-heading-row,
.cli-history-v2-condition-body-row,
.cli-history-v2-gap-heading-row,
.cli-history-v2-gap-cards-row,
.cli-history-v2-year-row,
.cli-history-v2-formation-heading-row,
.cli-history-v2-formation-body-row,
.cli-history-v2-closing-row {
width: calc(100% - 36px) !important;
}
.cli-history-v2-hero {
padding-bottom: 58px !important;
padding-top: 60px !important;
}
.cli-history-v2-hero-title h1 {
font-size: 44px !important;
line-height: 1.04 !important;
}
.cli-history-v2-hero-lead {
margin-top: 24px !important;
}
.cli-history-v2-hero-lead p {
font-size: 18px;
}
.cli-history-v2-facts-row {
display: block !important;
margin-top: 58px !important;
}
.cli-history-v2-fact {
border-left: 0;
border-top: 1px solid #c8c5b9;
padding: 24px 4px 26px !important;
width: 100% !important;
}
.cli-history-v2-fact:first-child {
border-top: 0;
}
.cli-history-v2-fact:last-child {
border-right: 0;
}
.cli-history-v2-fact-value p {
font-size: 25px;
}
.cli-history-v2-condition,
.cli-history-v2-gap,
.cli-history-v2-formation,
.cli-history-v2-closing {
padding-bottom: 72px !important;
padding-top: 68px !important;
}
.cli-history-v2-section-heading h2,
.cli-history-v2-gap-heading h2,
.cli-history-v2-formation-heading h2,
.cli-history-v2-closing-heading h2 {
font-size: 38px !important;
}
.cli-history-v2-condition-body-row,
.cli-history-v2-gap-cards-row {
margin-top: 42px !important;
}
.cli-history-v2-condition-primary p {
font-size: 20px;
line-height: 1.7;
}
.cli-history-v2-condition-primary p::first-letter {
font-size: 68px;
}
.cli-history-v2-condition-card-secondary,
.cli-history-v2-gap-card,
.cli-history-v2-formation-card {
padding: 30px 26px 34px !important;
}
.cli-history-v2-condition-secondary p,
.cli-history-v2-gap-card-copy p,
.cli-history-v2-formation-copy p,
.cli-history-v2-closing-body p {
font-size: 16px;
line-height: 1.76;
}
.cli-history-v2-year p {
font-size: 72px !important;
}
.cli-history-v2-year-caption {
margin-top: 26px !important;
padding-top: 18px;
}
.cli-history-v2-formation-heading-row {
margin-top: 48px !important;
}
.cli-history-v2-formation-body-row {
margin-top: 38px !important;
}
.cli-history-v2-closing-conviction {
margin-top: 40px !important;
padding: 32px 0 34px;
}
.cli-history-v2-closing-conviction p {
font-size: 29px;
}
.cli-history-v2-closing-body {
margin-top: 34px !important;
}
body .cli-history-v2-cta {
margin-top: 36px !important;
}
}
@media (max-width: 390px) {
.cli-history-v2-hero-title h1 {
font-size: 41px !important;
}
.cli-history-v2-section-heading h2,
.cli-history-v2-gap-heading h2,
.cli-history-v2-formation-heading h2,
.cli-history-v2-closing-heading h2 {
font-size: 36px !important;
}
}
/* Mission and Mandates page — institutional charter layout */
.cli-mission-hero,
.cli-mission-statement,
.cli-mission-mandates,
.cli-mission-infrastructure {
padding-left: 0 !important;
padding-right: 0 !important;
}
.cli-mission-hero-row,
.cli-mission-statement-row,
.cli-mission-mandates-heading-row,
.cli-mission-mandate-row,
.cli-mission-infrastructure-heading-row,
.cli-mission-infrastructure-nodes-row,
.cli-mission-infrastructure-conclusion-row {
margin-left: auto !important;
margin-right: auto !important;
max-width: 1240px !important;
padding: 0 !important;
width: calc(100% - 64px) !important;
}
.cli-mission-hero-row > .et_pb_column,
.cli-mission-statement-row > .et_pb_column,
.cli-mission-mandates-heading-row > .et_pb_column,
.cli-mission-mandate-row > .et_pb_column,
.cli-mission-infrastructure-heading-row > .et_pb_column,
.cli-mission-infrastructure-nodes-row > .et_pb_column,
.cli-mission-infrastructure-conclusion-row > .et_pb_column {
margin: 0 !important;
}
.cli-mission-hero-row .et_pb_module,
.cli-mission-statement-row .et_pb_module,
.cli-mission-mandates-heading-row .et_pb_module,
.cli-mission-mandate-row .et_pb_module,
.cli-mission-infrastructure-heading-row .et_pb_module,
.cli-mission-infrastructure-nodes-row .et_pb_module,
.cli-mission-infrastructure-conclusion-row .et_pb_module {
margin: 0 !important;
}
.cli-mission-hero {
background: #04342c !important;
min-height: 520px;
padding-bottom: 84px !important;
padding-top: 88px !important;
}
body #page-container .cli-mission-hero.et_pb_section {
background: #04342c !important;
background-color: #04342c !important;
}
.cli-mission-hero-col {
text-align: center;
width: 100% !important;
}
.cli-mission-hero-eyebrow p,
.cli-mission-section-label p {
font-family: var(--cli-font-sans) !important;
font-size: 13px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.13em;
margin: 0 0 22px !important;
text-transform: uppercase;
}
.cli-mission-hero-eyebrow p {
color: #ffffff !important;
}
.cli-mission-section-label p {
color: #0a5b58 !important;
}
.cli-mission-hero-title h1 {
color: #ffffff !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(52px, 5.3vw, 68px) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -0.03em !important;
line-height: 1.02 !important;
margin: 0 auto !important;
max-width: 1050px;
padding: 0 !important;
}
.cli-mission-hero-lead {
margin: 28px auto 0 !important;
max-width: 830px;
}
.cli-mission-hero-lead p {
color: #d5e2dd !important;
font-family: var(--cli-font-sans) !important;
font-size: clamp(18px, 1.7vw, 22px);
font-style: normal !important;
line-height: 1.7;
margin: 0 !important;
}
.cli-mission-hero-index {
border-top: 1px solid rgba(255, 255, 255, 0.25);
margin: 44px auto 0 !important;
max-width: 720px;
padding-top: 20px;
}
.cli-mission-hero-index p {
color: #ffffff !important;
font-family: var(--cli-font-sans) !important;
font-size: 12px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.13em;
margin: 0 !important;
text-transform: uppercase;
}
.cli-mission-statement {
padding-bottom: 96px !important;
padding-top: 92px !important;
}
.cli-mission-statement-row {
border-left: 3px solid var(--cli-accent);
max-width: 1160px !important;
padding-left: clamp(34px, 5vw, 72px) !important;
}
.cli-mission-statement-col {
width: 100% !important;
}
.cli-mission-statement-label h2 {
color: #0a5b58 !important;
font-family: var(--cli-font-sans) !important;
font-size: 13px !important;
font-style: normal !important;
font-weight: 700 !important;
letter-spacing: 0.13em !important;
margin: 0 0 32px !important;
padding: 0 !important;
text-transform: uppercase;
}
.cli-mission-statement-copy p {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(34px, 3.4vw, 44px);
font-style: normal !important;
font-weight: 400;
letter-spacing: -0.02em;
line-height: 1.24;
margin: 0 !important;
}
.cli-mission-mandates {
background: #ffffff !important;
gap: 0 !important;
padding-bottom: 100px !important;
padding-top: 96px !important;
}
.cli-mission-mandates-heading-col {
width: 100% !important;
}
.cli-mission-mandates-heading h2,
.cli-mission-infrastructure-heading h2 {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(40px, 4vw, 52px) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -0.025em !important;
line-height: 1.08 !important;
margin: 0 !important;
padding: 0 !important;
}
.cli-mission-mandates-heading h2 {
max-width: 920px;
}
.cli-mission-mandates-heading-row {
margin-bottom: 54px !important;
}
.cli-mission-mandate-row {
align-items: stretch;
border-top: 1px solid #bdb9ad;
display: flex !important;
gap: 0 !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
min-height: 130px;
}
.cli-mission-mandate-row-even {
background: rgba(255, 255, 255, 0.72);
}
.cli-mission-mandate-row-last {
border-bottom: 1px solid #bdb9ad;
}
.cli-mission-mandate-number-col,
.cli-mission-mandate-title-col,
.cli-mission-mandate-description-col {
align-content: center;
display: grid !important;
}
.cli-mission-mandate-number-col {
flex: 0 0 14% !important;
padding: 24px 26px !important;
width: 14% !important;
}
.cli-mission-mandate-title-col {
border-left: 1px solid #d3d1c7;
flex: 0 0 30% !important;
padding: 24px 32px !important;
width: 30% !important;
}
.cli-mission-mandate-description-col {
border-left: 1px solid #d3d1c7;
flex: 0 0 56% !important;
padding: 24px 38px !important;
width: 56% !important;
}
.cli-mission-mandate-number p {
color: var(--cli-accent) !important;
font-family: var(--cli-font-serif) !important;
font-size: 30px;
font-style: normal !important;
letter-spacing: -0.04em;
line-height: 1;
margin: 0 !important;
}
.cli-mission-mandate-title h3 {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: 26px !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -0.03em !important;
line-height: 1.12 !important;
margin: 0 !important;
padding: 0 !important;
}
.cli-mission-mandate-description p {
color: #344943 !important;
font-family: var(--cli-font-sans) !important;
font-size: 17px;
font-style: normal !important;
line-height: 1.72;
margin: 0 !important;
}
.cli-mission-infrastructure {
gap: 0 !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
}
body #main-content .cli-mission-statement,
body #main-content .cli-mission-infrastructure {
background: #e9eee9 !important;
}
.cli-mission-infrastructure-heading-col {
text-align: center;
width: 100% !important;
}
.cli-mission-infrastructure-heading h2 {
margin-left: auto !important;
margin-right: auto !important;
max-width: 900px;
}
.cli-mission-infrastructure-nodes-row {
display: flex !important;
flex-wrap: nowrap !important;
gap: 0 !important;
margin-top: 78px !important;
}
.cli-mission-infrastructure-node {
border-bottom: 1px solid #c8c5b9;
border-left: 1px solid #c8c5b9;
border-top: 3px solid var(--cli-accent);
flex: 0 0 16.666% !important;
min-height: 232px;
padding: 26px 18px 30px !important;
width: 16.666% !important;
}
.cli-mission-infrastructure-node:last-child {
border-right: 1px solid #c8c5b9;
}
.cli-mission-infrastructure-number p {
color: var(--cli-accent) !important;
font-family: var(--cli-font-sans) !important;
font-size: 11px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.1em;
margin: 0 0 34px !important;
}
.cli-mission-infrastructure-title h3 {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: 22px !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -0.025em !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !important;
}
.cli-mission-infrastructure-description {
margin-top: 18px !important;
}
.cli-mission-infrastructure-description p {
color: #52625e !important;
font-family: var(--cli-font-sans) !important;
font-size: 13px;
font-style: normal !important;
line-height: 1.6;
margin: 0 !important;
}
.cli-mission-infrastructure-conclusion-row {
background: #0b0d0c;
margin-top: 0 !important;
max-width: none !important;
padding: 82px 24px 86px !important;
width: 100% !important;
}
.cli-mission-infrastructure-conclusion-col {
margin-left: auto !important;
margin-right: auto !important;
max-width: 760px;
padding: 0 24px !important;
text-align: center;
width: 100% !important;
}
body #main-content .cli-mission-infrastructure-conclusion-row > .cli-mission-infrastructure-conclusion-col {
margin-left: auto !important;
margin-right: auto !important;
}
body #main-content .cli-mission-infrastructure-conclusion,
body #main-content .cli-mission-infrastructure-conclusion p {
text-align: center !important;
}
.cli-mission-infrastructure-conclusion p {
color: #ffffff !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(26px, 2.5vw, 32px);
font-style: normal !important;
line-height: 1.3;
margin: 0 !important;
}
body #main-content .cli-mission-infrastructure-conclusion-col > .et_pb_button_module_wrapper {
text-align: center !important;
}
body .cli-mission-cta {
background: #ffffff !important;
border: 1px solid #ffffff !important;
border-radius: 0 !important;
color: var(--cli-forest-deep) !important;
display: inline-block;
font-family: var(--cli-font-sans) !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: 700;
line-height: 1.4;
margin: 28px auto 0 !important;
padding: 15px 24px !important;
}
body .cli-mission-cta:hover {
background: #ffffff !important;
border-color: #ffffff !important;
color: #04342c !important;
padding: 15px 24px !important;
}
body .cli-mission-cta::after {
display: none !important;
}
body .cli-mission-cta:focus-visible {
outline: 3px solid #ffffff !important;
outline-offset: 3px;
}
@media (max-width: 1100px) {
.cli-mission-infrastructure-nodes-row {
flex-wrap: wrap !important;
}
.cli-mission-infrastructure-node {
flex-basis: 33.333% !important;
width: 33.333% !important;
}
}
@media (max-width: 980px) and (min-width: 701px) {
.cli-mission-mandate-title-col {
flex-basis: 32% !important;
padding-left: 20px !important;
padding-right: 20px !important;
width: 32% !important;
}
.cli-mission-mandate-description-col {
flex-basis: 54% !important;
padding-left: 28px !important;
padding-right: 28px !important;
width: 54% !important;
}
.cli-mission-mandate-title h3 {
font-size: 28px !important;
}
.cli-mission-mandate-description p {
font-size: 16px;
}
}
@media (max-width: 700px) {
.cli-mission-hero-row,
.cli-mission-statement-row,
.cli-mission-mandates-heading-row,
.cli-mission-mandate-row,
.cli-mission-infrastructure-heading-row,
.cli-mission-infrastructure-nodes-row {
width: calc(100% - 36px) !important;
}
.cli-mission-hero {
min-height: 0;
padding-bottom: 68px !important;
padding-top: 64px !important;
}
.cli-mission-hero-title h1 {
font-size: 44px !important;
}
.cli-mission-hero-lead {
margin-top: 24px !important;
}
.cli-mission-hero-lead p {
font-size: 18px;
}
.cli-mission-hero-index {
margin-top: 36px !important;
}
.cli-mission-statement,
.cli-mission-mandates,
.cli-mission-infrastructure {
padding-bottom: 72px !important;
padding-top: 68px !important;
}
.cli-mission-infrastructure {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.cli-mission-statement-row {
border-left-width: 3px;
padding-left: 22px !important;
}
.cli-mission-statement-copy p {
font-size: 32px;
line-height: 1.25;
}
.cli-mission-mandates-heading h2,
.cli-mission-infrastructure-heading h2 {
font-size: 38px !important;
}
.cli-mission-mandates-heading-row {
margin-bottom: 42px !important;
}
.cli-mission-mandate-row {
display: block !important;
min-height: 0;
padding: 22px 20px 26px !important;
}
.cli-mission-mandate-number-col,
.cli-mission-mandate-title-col,
.cli-mission-mandate-description-col {
border-left: 0;
display: block !important;
padding: 0 !important;
width: 100% !important;
}
.cli-mission-mandate-number p {
font-family: var(--cli-font-sans) !important;
font-size: 12px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.1em;
}
.cli-mission-mandate-title-col {
margin-top: 15px !important;
}
.cli-mission-mandate-title h3 {
font-size: 26px !important;
}
.cli-mission-mandate-description-col {
margin-top: 16px !important;
}
.cli-mission-mandate-description p {
font-size: 16px;
line-height: 1.7;
}
.cli-mission-infrastructure-nodes-row {
margin-top: 54px !important;
}
.cli-mission-infrastructure-node {
flex-basis: 50% !important;
min-height: 222px;
padding: 24px 18px 26px !important;
width: 50% !important;
}
.cli-mission-infrastructure-title h3 {
font-size: 20px !important;
}
.cli-mission-infrastructure-conclusion-row {
margin-top: 0 !important;
padding: 54px 18px 58px !important;
width: 100% !important;
}
.cli-mission-infrastructure-conclusion p {
font-size: 24px;
}
}
@media (max-width: 480px) {
.cli-mission-hero-title h1 {
font-size: 41px !important;
}
.cli-mission-mandates-heading h2,
.cli-mission-infrastructure-heading h2 {
font-size: 36px !important;
}
.cli-mission-infrastructure-node {
flex-basis: 100% !important;
min-height: 0;
width: 100% !important;
}
}
/* Global footer */
.cli-section-footer {
--cli-footer-bg: var(--cli-white);
--cli-footer-border: var(--cli-stone);
--cli-footer-text: var(--cli-text-secondary);
--cli-footer-text-strong: var(--cli-forest-deep);
background: var(--cli-footer-bg);
overflow: hidden;
padding: clamp(44px, 6vw, 72px) clamp(20px, 3vw, 44px);
position: relative;
}
.cli-section-footer::before {
background: var(--cli-footer-border);
content: "";
display: block;
height: 1px;
left: 50%;
max-width: 1240px;
position: absolute;
top: 0;
transform: translateX(-50%);
width: calc(100% - 40px);
}
.cli-section-footer .cli-footer-row {
display: grid;
gap: clamp(24px, 3vw, 40px);
grid-template-columns: minmax(320px, 2.35fr) repeat(4, minmax(110px, 1fr));
margin: 0 auto !important;
max-width: 1240px !important;
padding: 0 !important;
width: 100% !important;
}
/* Native global header, global footer, and About prototype */
body .cli-native-header {
background: #ffffff !important;
color: #122a25;
min-height: 105px;
padding: 0 !important;
}
body .cli-native-header-row {
align-items: center;
display: flex !important;
gap: 0 !important;
margin: 0 auto !important;
max-width: 1386px !important;
min-height: 105px;
padding: 0 !important;
width: calc(100% - 54px) !important;
}
.cli-native-header-row > .et_pb_column {
margin: 0 !important;
}
.cli-native-header-brand-col {
align-items: center;
display: flex !important;
flex: 0 0 25% !important;
flex-direction: row !important;
justify-content: flex-start !important;
width: 25% !important;
}
body .cli-native-header-logo {
margin: 0 !important;
max-width: 100%;
width: 190px !important;
}
.cli-native-header-logo .et_pb_image_wrap,
.cli-native-header-logo img {
display: block !important;
width: 100% !important;
}
.cli-native-header-nav-col {
align-items: center;
display: flex !important;
flex: 0 0 75% !important;
flex-direction: row !important;
gap: 22px;
justify-content: flex-end;
width: 75% !important;
}
.cli-native-header-menu {
background: transparent !important;
flex: 1 1 auto;
margin: 0 !important;
}
.cli-native-header-menu .et_pb_menu_inner_container,
.cli-native-header-menu .et_pb_menu__wrap {
align-items: center !important;
display: flex !important;
justify-content: flex-end !important;
}
.cli-native-header-menu .et_pb_menu__menu {
display: flex !important;
}
.cli-native-header-menu .et-menu {
align-items: center;
margin: 0 !important;
}
.cli-native-header-menu .et-menu > li {
padding: 0 clamp(9px, 1.2vw, 17px) !important;
}
body .cli-native-header-menu .et-menu > li > a {
color: #122a25 !important;
font-family: var(--cli-font-sans) !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: 600;
line-height: 1;
padding: 40px 0 37px !important;
}
/*
* Draw desktop submenu indicators with CSS instead of Divi's ETmodules
* icon font. Divi's font-backed indicator uses the raw character "3",
* which can flash before the icon font finishes loading.
*/
.cli-native-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children > a::after {
border-bottom: 2px solid currentColor;
border-right: 2px solid currentColor;
content: "" !important;
display: inline-block;
flex: none;
font-family: inherit !important;
font-size: 0 !important;
height: 6px;
margin-left: 10px;
position: static !important;
right: auto !important;
top: auto !important;
transform: translateY(-1px) rotate(45deg);
transform-origin: center;
transition: transform 0.2s ease;
width: 6px;
}
.cli-native-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children:hover > a::after,
.cli-native-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children:focus-within > a::after,
.cli-native-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children.current-menu-ancestor > a::after,
.cli-native-header-menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children.current-menu-item > a::after {
transform: translateY(1px) rotate(225deg);
}
.cli-native-header-menu .et-menu > li > a:hover,
.cli-native-header-menu .et-menu > li.current-menu-item > a,
.cli-native-header-menu .et-menu > li.current-menu-ancestor > a {
color: #0a5b58 !important;
opacity: 1;
}
.cli-native-header-menu .nav li ul {
background: #ffffff !important;
border-top: 2px solid var(--cli-accent) !important;
border-radius: 0 !important;
box-shadow: 0 18px 38px rgba(4, 52, 44, 0.12);
padding: 10px 0 !important;
width: 278px;
}
.cli-native-header-menu .nav li li {
padding: 0 !important;
width: 100%;
}
.cli-native-header-menu .nav li li a {
border-bottom: 1px solid #e2e0d8;
color: #122a25 !important;
font-family: var(--cli-font-sans) !important;
font-size: 14px;
font-style: normal !important;
font-weight: 500;
line-height: 1.35;
padding: 13px 20px !important;
width: 100%;
}
.cli-native-header-menu .nav li li:last-child a {
border-bottom: 0;
}
.cli-native-header-menu .nav li li a:hover {
background: #f2f5f4 !important;
color: #04342c !important;
opacity: 1;
}
body .cli-native-header-cta {
background: var(--cli-accent) !important;
border: 1px solid var(--cli-accent) !important;
border-radius: 0 !important;
color: #ffffff !important;
flex: 0 0 auto;
font-family: var(--cli-font-sans) !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: 600;
line-height: 1.4;
margin: 0 !important;
padding: 14px 27px !important;
}
body .cli-native-header-cta:hover {
background: var(--cli-accent-dark) !important;
border-color: var(--cli-accent-dark) !important;
color: #ffffff !important;
padding: 14px 27px !important;
}
body .cli-native-header-cta::after {
display: none !important;
}
body .cli-native-header-cta:focus-visible {
outline: 3px solid #0f6e56 !important;
outline-offset: 3px;
}
.cli-native-header.cli-header-force-mobile,
.cli-native-header.cli-header-force-mobile .cli-native-header-row {
min-height: 90px;
}
.cli-native-header.cli-header-force-mobile .cli-native-header-brand-col {
flex: 1 1 auto !important;
width: auto !important;
}
.cli-native-header.cli-header-force-mobile .cli-native-header-logo {
width: 165px !important;
}
.cli-native-header.cli-header-force-mobile .cli-native-header-nav-col {
flex: 0 0 auto !important;
width: auto !important;
}
.cli-native-header.cli-header-force-mobile .cli-native-header-menu {
flex: 0 0 auto;
}
.cli-native-header.cli-header-force-mobile .cli-native-header-menu .et_pb_menu__menu {
display: none !important;
}
.cli-native-header.cli-header-force-mobile .cli-native-header-menu .et_mobile_nav_menu {
align-items: center;
display: flex !important;
}
.cli-native-header.cli-header-force-mobile .cli-native-header-menu .mobile_menu_bar,
.cli-native-header-menu .mobile_menu_bar {
align-items: center;
display: inline-flex !important;
height: 44px;
justify-content: center;
min-height: 44px;
min-width: 44px;
width: 44px;
}
.cli-native-header.cli-header-force-mobile .cli-native-header-menu .mobile_menu_bar::before {
color: #04342c !important;
}
.cli-native-header.cli-header-force-mobile .cli-native-header-cta {
display: none !important;
}
.cli-global-footer {
background: #002f28 !important;
color: #ffffff;
padding: 0 !important;
}
.cli-global-footer-row {
align-items: flex-start;
display: flex !important;
gap: 0 !important;
margin: 0 auto !important;
max-width: 1440px !important;
padding: 66px 0 58px !important;
width: calc(100% - 72px) !important;
}
.cli-global-footer-row > .et_pb_column {
margin: 0 !important;
}
.cli-global-footer-row .et_pb_module,
.cli-global-footer-legal-row .et_pb_module {
margin: 0 !important;
}
.cli-global-footer-brand {
flex: 0 0 34% !important;
padding-right: 48px !important;
width: 34% !important;
}
.cli-global-footer-nav {
border-left: 1px solid rgba(255, 255, 255, 0.16);
flex: 0 0 22% !important;
min-height: 260px;
padding: 0 28px !important;
width: 22% !important;
}
.cli-global-footer-logo {
max-width: 100%;
width: 190px !important;
}
.cli-global-footer-logo img {
display: block !important;
width: 100% !important;
}
.cli-global-footer-about {
margin-top: 24px !important;
max-width: 280px;
}
.cli-global-footer-about p {
color: #d5e2dd !important;
font-family: var(--cli-font-sans) !important;
font-size: 15px;
font-style: normal !important;
line-height: 1.65;
margin: 0 !important;
}
.cli-global-footer-contact {
margin-top: 24px !important;
}
.cli-global-footer-contact p {
color: #d5e2dd !important;
font-family: var(--cli-font-sans) !important;
font-size: 14px;
font-style: normal !important;
line-height: 1.55;
margin: 0 !important;
}
.cli-global-footer-contact strong {
color: #ffffff;
font-weight: 700;
}
.cli-global-footer-contact a {
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
color: #ffffff !important;
font-family: var(--cli-font-sans) !important;
font-size: 14px;
font-style: normal !important;
font-weight: 600;
padding-bottom: 5px;
text-decoration: none;
}
.cli-global-footer-links h2 {
color: #ffffff !important;
font-family: var(--cli-font-sans) !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 700 !important;
letter-spacing: 0.02em !important;
margin: 0 0 22px !important;
padding: 0 !important;
}
.cli-global-footer-links ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.cli-global-footer-links li {
line-height: 1.35;
margin: 0 0 14px !important;
padding: 0 !important;
}
.cli-global-footer-links a {
color: #d5e2dd !important;
font-family: var(--cli-font-sans) !important;
font-size: 15px;
font-style: normal !important;
text-decoration: none;
}
.cli-global-footer-links a:hover,
.cli-global-footer-contact a:hover {
color: #ffffff !important;
}
.cli-global-footer-legal-row {
border-top: 1px solid rgba(255, 255, 255, 0.16);
margin: 0 auto !important;
max-width: 1440px !important;
padding: 24px 0 28px !important;
width: calc(100% - 72px) !important;
}
.cli-global-footer-legal-col {
width: 100% !important;
}
.cli-global-footer-copyright p {
color: #b9ccc5 !important;
font-family: var(--cli-font-sans) !important;
font-size: 13px;
font-style: normal !important;
margin: 0 !important;
}
.cli-about-hero {
background: #ffffff !important;
min-height: 520px;
padding: 0 !important;
}
.cli-about-hero-row {
align-items: stretch;
display: flex !important;
gap: 0 !important;
margin: 0 !important;
max-width: none !important;
min-height: 520px;
padding: 0 !important;
width: 100% !important;
}
.cli-about-hero-row > .et_pb_column,
.cli-about-identity-row > .et_pb_column,
.cli-about-facts-row > .et_pb_column,
.cli-about-cards-row > .et_pb_column {
margin: 0 !important;
}
.cli-about-hero-copy {
align-content: center;
display: grid !important;
flex: 0 0 62% !important;
min-height: 520px;
padding: 72px clamp(38px, 7vw, 112px) 74px !important;
width: 62% !important;
}
.cli-about-hero-copy > .et_pb_module,
.cli-about-hero-panel > .et_pb_module,
.cli-about-identity-row .et_pb_module,
.cli-about-facts-row .et_pb_module,
.cli-about-cards-row .et_pb_module {
margin: 0 !important;
}
.cli-about-eyebrow p,
.cli-about-section-label p {
color: #0a5b58 !important;
font-family: var(--cli-font-sans) !important;
font-size: 13px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.12em;
margin: 0 0 24px !important;
text-transform: uppercase;
}
.cli-about-hero-title h1 {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(52px, 5.3vw, 78px) !important;
font-style: italic !important;
font-weight: 400 !important;
letter-spacing: -0.045em !important;
line-height: 1.01 !important;
margin: 0 !important;
max-width: 760px;
padding: 0 !important;
}
.cli-about-hero-lead {
margin-top: 34px !important;
max-width: 690px;
}
.cli-about-hero-lead p {
color: #344943 !important;
font-family: var(--cli-font-sans) !important;
font-size: clamp(18px, 1.55vw, 22px);
font-style: normal !important;
line-height: 1.65;
margin: 0 !important;
}
.cli-about-hero-panel {
align-content: center;
background: #04342c;
display: grid !important;
flex: 0 0 38% !important;
min-height: 520px;
padding: 72px clamp(34px, 5vw, 78px) !important;
width: 38% !important;
}
.cli-about-hero-panel-kicker p {
color: #ffffff !important;
font-family: var(--cli-font-sans) !important;
font-size: 12px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.12em;
margin: 0 0 28px !important;
text-transform: uppercase;
}
.cli-about-hero-panel-title h2 {
color: #ffffff !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(36px, 3.5vw, 54px) !important;
font-style: italic !important;
font-weight: 400 !important;
letter-spacing: -0.035em !important;
line-height: 1.08 !important;
margin: 0 !important;
padding: 0 !important;
}
.cli-about-hero-panel-meta {
border-top: 1px solid rgba(255, 255, 255, 0.24);
margin-top: 44px !important;
padding-top: 28px;
}
.cli-about-hero-panel-meta p {
color: #d5e2dd !important;
font-family: var(--cli-font-sans) !important;
font-size: 15px;
font-style: normal !important;
line-height: 1.7;
margin: 0 !important;
}
body #main-content .cli-about-identity {
background: #e9eee9 !important;
padding: 104px 0 !important;
}
.cli-about-identity-row,
.cli-about-facts-heading-row,
.cli-about-facts-row,
.cli-about-cards-heading-row,
.cli-about-cards-row {
margin: 0 auto !important;
max-width: 1240px !important;
padding: 0 !important;
width: calc(100% - 64px) !important;
}
.cli-about-identity-row {
align-items: flex-start;
display: flex !important;
gap: 84px !important;
}
.cli-about-identity-heading-col {
flex: 0 0 36% !important;
width: 36% !important;
}
.cli-about-identity-copy-col {
flex: 1 1 auto !important;
width: auto !important;
}
.cli-about-section-heading h2,
.cli-about-cards-heading h2 {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(42px, 4vw, 58px) !important;
font-style: italic !important;
font-weight: 400 !important;
letter-spacing: -0.04em !important;
line-height: 1.08 !important;
margin: 0 !important;
padding: 0 !important;
}
.cli-about-identity-copy p {
color: #344943 !important;
font-family: var(--cli-font-sans) !important;
font-size: 17px;
font-style: normal !important;
line-height: 1.78;
margin: 0 0 24px !important;
}
.cli-about-identity-copy p:last-child {
margin-bottom: 0 !important;
}
.cli-about-facts {
background: #04342c !important;
padding: 92px 0 96px !important;
}
.cli-about-facts-heading-row {
margin-bottom: 46px !important;
}
.cli-about-facts-heading h2 {
color: #ffffff !important;
font-family: var(--cli-font-serif) !important;
font-size: clamp(42px, 4vw, 58px) !important;
font-style: italic !important;
font-weight: 400 !important;
letter-spacing: -0.04em !important;
line-height: 1.08 !important;
margin: 0 !important;
padding: 0 !important;
}
.cli-about-facts-row {
display: flex !important;
gap: 0 !important;
}
.cli-about-fact {
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid rgba(255, 255, 255, 0.2);
flex: 0 0 33.333% !important;
min-height: 168px;
padding: 27px 30px !important;
width: 33.333% !important;
}
.cli-about-facts-row .cli-about-fact:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.cli-about-fact-label p {
color: #ffffff !important;
font-family: var(--cli-font-sans) !important;
font-size: 12px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.1em;
margin: 0 0 16px !important;
text-transform: uppercase;
}
.cli-about-fact-value p {
color: #ffffff !important;
font-family: var(--cli-font-sans) !important;
font-size: 18px;
font-style: normal !important;
font-weight: 500;
line-height: 1.5;
margin: 0 !important;
}
.cli-about-cards {
background: #ffffff !important;
padding: 104px 0 112px !important;
}
.cli-about-cards-heading-row {
margin-bottom: 50px !important;
}
.cli-about-cards-row {
display: flex !important;
gap: 22px !important;
}
.cli-about-card {
background: #ffffff;
border: 1px solid #d3d1c7;
display: flex !important;
flex: 1 1 0 !important;
flex-direction: column !important;
min-height: 370px;
padding: 34px 32px 30px !important;
width: auto !important;
}
.cli-about-card-number p {
color: var(--cli-accent) !important;
font-family: var(--cli-font-sans) !important;
font-size: 12px;
font-style: normal !important;
font-weight: 700;
letter-spacing: 0.1em;
margin: 0 0 62px !important;
}
.cli-about-card-title h3 {
color: #122a25 !important;
font-family: var(--cli-font-serif) !important;
font-size: 31px !important;
font-style: italic !important;
font-weight: 400 !important;
letter-spacing: -0.03em !important;
line-height: 1.12 !important;
margin: 0 !important;
padding: 0 !important;
}
.cli-about-card-body {
margin-top: 20px !important;
}
.cli-about-card-body p {
color: #4a5a56 !important;
font-family: var(--cli-font-sans) !important;
font-size: 15px;
font-style: normal !important;
line-height: 1.65;
margin: 0 !important;
}
.cli-about-card-link {
align-self: flex-start;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid rgba(18, 42, 37, 0.45) !important;
border-radius: 0 !important;
color: #122a25 !important;
font-family: var(--cli-font-sans) !important;
font-size: 14px;
font-style: normal !important;
font-weight: 700;
margin-top: auto !important;
padding: 0 0 7px !important;
}
.cli-about-card-link:hover {
background: transparent !important;
color: #0a5b58 !important;
padding: 0 0 7px !important;
}
.cli-about-card-link::after {
display: none !important;
}
@media (max-width: 1100px) {
.cli-native-header-row {
width: calc(100% - 34px) !important;
}
.cli-native-header-nav-col {
gap: 14px;
}
.cli-native-header-menu .et-menu > li {
padding: 0 8px !important;
}
body .cli-native-header-menu .et-menu > li > a,
body .cli-native-header-cta {
font-size: 14px !important;
}
.cli-native-header-cta {
padding-left: 18px !important;
padding-right: 18px !important;
}
.cli-global-footer-row {
flex-wrap: wrap !important;
}
.cli-global-footer-brand {
flex-basis: 100% !important;
margin-bottom: 48px !important;
padding-right: 0 !important;
width: 100% !important;
}
.cli-global-footer-nav {
flex-basis: 33.333% !important;
width: 33.333% !important;
}
}
@media (max-width: 980px) {
body .cli-native-header,
body .cli-native-header-row {
min-height: 90px;
}
.cli-native-header-brand-col {
flex: 1 1 auto !important;
width: auto !important;
}
body .cli-native-header-logo {
width: 165px !important;
}
.cli-native-header-nav-col {
flex: 0 0 auto !important;
width: auto !important;
}
.cli-native-header-menu {
flex: 0 0 auto;
}
.cli-native-header-menu .et_pb_menu__menu {
display: none !important;
}
.cli-native-header-menu .et_mobile_nav_menu {
align-items: center;
display: flex !important;
}
.cli-native-header-menu .mobile_menu_bar::before {
color: #04342c !important;
}
.cli-native-header-cta {
display: none !important;
}
.cli-about-hero-row,
.cli-about-identity-row,
.cli-about-cards-row {
display: block !important;
}
.cli-about-hero-copy,
.cli-about-hero-panel,
.cli-about-identity-heading-col,
.cli-about-identity-copy-col,
.cli-about-card {
width: 100% !important;
}
.cli-about-hero-copy,
.cli-about-hero-panel {
min-height: 440px;
}
.cli-about-identity-heading-col {
margin-bottom: 48px !important;
}
.cli-about-facts-row {
flex-wrap: wrap !important;
}
.cli-about-fact {
flex-basis: 50% !important;
width: 50% !important;
}
.cli-about-card + .cli-about-card {
margin-top: 22px !important;
}
}
@media (max-width: 700px) {
.cli-global-footer-row,
.cli-global-footer-legal-row,
.cli-about-identity-row,
.cli-about-facts-heading-row,
.cli-about-facts-row,
.cli-about-cards-heading-row,
.cli-about-cards-row {
width: calc(100% - 36px) !important;
}
.cli-global-footer-row {
padding-bottom: 34px !important;
padding-top: 54px !important;
}
.cli-global-footer-nav {
border-left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.16);
flex-basis: 100% !important;
min-height: 0;
padding: 30px 0 !important;
width: 100% !important;
}
.cli-global-footer-brand {
margin-bottom: 24px !important;
}
.cli-about-hero-copy {
min-height: 430px;
padding: 56px 22px 60px !important;
}
.cli-about-hero-title h1 {
font-size: 48px !important;
}
.cli-about-hero-panel {
min-height: 360px;
padding: 54px 24px !important;
}
.cli-about-identity,
.cli-about-cards {
padding: 78px 0 84px !important;
}
.cli-about-facts {
padding: 76px 0 80px !important;
}
.cli-about-fact {
flex-basis: 100% !important;
min-height: 0;
padding: 28px 22px !important;
width: 100% !important;
}
}
@media (max-width: 480px) {
.cli-native-header-row {
width: calc(100% - 24px) !important;
}
body .cli-native-header-logo {
width: 150px !important;
}
}
.cli-section-footer .cli-footer-brand-col,
.cli-section-footer .cli-footer-nav-col,
.cli-section-footer .cli-footer-contact-col {
align-items: flex-start;
display: flex;
flex-direction: column;
margin-bottom: 0 !important;
min-width: 0;
width: auto !important;
}
.cli-section-footer .cli-footer-brand-col {
gap: 0;
}
.cli-section-footer .cli-footer-brand,
.cli-section-footer .cli-footer-meta,
.cli-section-footer .cli-footer-heading,
.cli-section-footer .cli-footer-links,
.cli-section-footer .cli-footer-divider {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
}
.cli-section-footer .cli-footer-brand {
margin-bottom: 0 !important;
}
.cli-section-footer .cli-footer-brand .et_pb_text_inner {
color: var(--cli-footer-text-strong);
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(18px, 1.7vw, 26px);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.18;
max-width: 17ch;
}
.cli-section-footer .cli-footer-brand .et_pb_text_inner p {
padding-bottom: 0;
}
.cli-section-footer .cli-footer-divider {
background: var(--cli-footer-border) !important;
height: 1px;
margin: 18px 0 16px !important;
max-width: 220px;
padding: 0 !important;
}
.cli-section-footer .cli-footer-divider::before,
.cli-section-footer .cli-footer-divider .et_pb_divider_internal {
display: none !important;
}
.cli-section-footer .cli-footer-meta {
margin-bottom: 0 !important;
}
.cli-section-footer .cli-footer-meta .et_pb_text_inner {
color: var(--cli-footer-text);
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.75;
max-width: 26ch;
}
.cli-section-footer .cli-footer-meta .et_pb_text_inner p,
.cli-section-footer .cli-footer-links .et_pb_text_inner p {
margin: 0 0 8px;
padding-bottom: 0;
}
.cli-section-footer .cli-footer-meta .et_pb_text_inner p:last-child,
.cli-section-footer .cli-footer-links .et_pb_text_inner p:last-child {
margin-bottom: 0;
}
.cli-section-footer .cli-footer-heading {
margin-bottom: 14px !important;
}
.cli-section-footer .cli-footer-heading .et_pb_heading_container {
padding: 0 !important;
}
.cli-section-footer .cli-footer-heading .et_pb_module_heading,
.cli-section-footer .cli-footer-heading .et_pb_module_header,
.cli-section-footer .cli-footer-heading .et_pb_heading_container h1,
.cli-section-footer .cli-footer-heading .et_pb_heading_container h2,
.cli-section-footer .cli-footer-heading .et_pb_heading_container h3,
.cli-section-footer .cli-footer-heading .et_pb_heading_container h4,
.cli-section-footer .cli-footer-heading .et_pb_heading_container h5,
.cli-section-footer .cli-footer-heading .et_pb_heading_container h6 {
color: var(--cli-forest-mid);
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.01em;
line-height: 1.35;
margin: 0;
padding-bottom: 0;
text-transform: none;
}
.cli-section-footer .cli-footer-links {
margin-bottom: 0 !important;
}
.cli-section-footer .cli-footer-links .et_pb_text_inner {
color: var(--cli-footer-text);
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.8;
}
.cli-section-footer .cli-footer-links .et_pb_text_inner a,
.cli-section-footer .cli-footer-meta .et_pb_text_inner a,
.cli-section-footer .cli-footer-heading a,
.cli-section-footer .cli-footer-brand a {
color: inherit !important;
text-decoration: none;
transition: color 0.2s ease, opacity 0.2s ease;
}
.cli-section-footer .cli-footer-links .et_pb_text_inner a:hover,
.cli-section-footer .cli-footer-meta .et_pb_text_inner a:hover,
.cli-section-footer .cli-footer-heading a:hover,
.cli-section-footer .cli-footer-brand a:hover {
color: var(--cli-forest-mid) !important;
opacity: 1;
}
@media (max-width: 980px) {
.cli-section-footer {
padding-bottom: 40px;
padding-top: 40px;
}
.cli-section-footer .cli-footer-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cli-section-footer .cli-footer-brand-col {
grid-column: 1 / -1;
}
.cli-section-footer .cli-footer-brand .et_pb_text_inner {
max-width: none;
}
}
@media (max-width: 767px) {
.cli-section-footer {
padding-inline: 16px;
}
.cli-section-footer::before {
width: calc(100% - 32px);
}
.cli-section-footer .cli-footer-row {
gap: 22px;
grid-template-columns: minmax(0, 1fr);
}
.cli-section-footer .cli-footer-brand-col {
grid-column: auto;
}
.cli-section-footer .cli-footer-divider {
margin-bottom: 14px !important;
margin-top: 14px !important;
}
}
/* Organizational Structure page */
.cli-structure-page {
gap: 0 !important;
overflow: hidden;
}
.cli-structure-page .et_pb_row {
box-sizing: border-box;
margin-left: auto !important;
margin-right: auto !important;
max-width: 1180px !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: calc(100% - 64px) !important;
}
.cli-structure-page .et_pb_module {
margin-bottom: 0 !important;
}
.cli-structure-eyebrow p,
.cli-structure-eyebrow .et_pb_text_inner {
color: var(--cli-forest-mid);
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.16em;
line-height: 1.4;
padding-bottom: 0;
text-transform: uppercase;
}
.cli-structure-hero {
background: #ffffff !important;
padding: clamp(92px, 10vw, 140px) 0 clamp(90px, 9vw, 126px) !important;
}
.cli-structure-hero-row {
align-items: flex-end;
display: flex;
gap: clamp(56px, 8vw, 112px) !important;
}
.cli-structure-hero-copy-col {
flex: 1 1 68% !important;
width: 68% !important;
}
.cli-structure-hero-rail-col {
border-left: 2px solid var(--cli-accent);
flex: 1 1 32% !important;
padding-left: clamp(26px, 3vw, 46px) !important;
width: 32% !important;
}
.cli-structure-hero-title {
margin-top: 32px !important;
}
.cli-structure-hero-title h1 {
color: var(--cli-forest-deep);
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(58px, 6.4vw, 86px);
font-style: italic;
font-weight: 500;
letter-spacing: -0.045em;
line-height: 0.99;
margin: 0;
max-width: 10.5ch;
padding-bottom: 0;
}
.cli-structure-hero-lead {
margin-top: 38px !important;
}
.cli-structure-hero-lead p {
color: #31453f;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: clamp(19px, 1.65vw, 23px);
font-weight: 450;
line-height: 1.62;
max-width: 54ch;
padding-bottom: 0;
}
.cli-structure-hero-rail-item {
border-bottom: 1px solid rgba(4, 52, 44, 0.18);
padding: 22px 0 !important;
}
.cli-structure-hero-rail-item:first-child {
padding-top: 0 !important;
}
.cli-structure-hero-rail-item:last-child {
border-bottom: 0;
padding-bottom: 0 !important;
}
.cli-structure-hero-rail-item p {
color: var(--cli-forest-deep);
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
font-weight: 650;
letter-spacing: 0.035em;
line-height: 1.4;
padding-bottom: 0;
text-transform: uppercase;
}
.cli-structure-hero-rail-item span {
color: var(--cli-accent);
display: inline-block;
font-family: "Playfair Display", Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: 500;
margin-right: 14px;
min-width: 24px;
}
.cli-structure-system {
background: var(--cli-forest-deep) !important;
color: #fff;
padding: clamp(92px, 9vw, 126px) 0 clamp(88px, 9vw, 120px) !important;
}
.cli-structure-system .cli-structure-eyebrow p,
.cli-structure-system .cli-structure-eyebrow .et_pb_text_inner {
color: #ffffff;
}
.cli-structure-system-heading-col {
max-width: 900px;
}
.cli-structure-system-heading {
margin-top: 25px !important;
}
.cli-structure-system-heading h2 {
color: #fff;
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(48px, 5.2vw, 70px);
font-style: italic;
font-weight: 500;
letter-spacing: -0.038em;
line-height: 1.05;
margin: 0;
max-width: 17ch;
padding-bottom: 0;
}
.cli-structure-system-intro {
margin-top: 30px !important;
}
.cli-structure-system-intro p {
color: rgba(255, 255, 255, 0.78);
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 18px;
line-height: 1.72;
max-width: 78ch;
padding-bottom: 0;
}
.cli-structure-system-nodes-row {
display: flex;
gap: 0 !important;
margin-top: 66px !important;
}
.cli-structure-system-node {
border-top: 2px solid rgba(255, 255, 255, 0.72);
box-sizing: border-box;
flex: 1 1 33.333% !important;
min-height: 300px;
padding: 34px clamp(24px, 3vw, 44px) 38px !important;
position: relative;
width: 33.333% !important;
}
.cli-structure-system-node + .cli-structure-system-node {
border-left: 1px solid rgba(255, 255, 255, 0.16);
}
.cli-structure-system-node:not(:last-child)::after {
color: #ffffff;
content: "→";
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 25px;
position: absolute;
right: -13px;
top: 44px;
z-index: 2;
}
.cli-structure-system-number p {
color: #ffffff;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
padding-bottom: 0;
}
.cli-structure-system-title {
margin-top: 64px !important;
}
.cli-structure-system-title h3 {
color: #fff;
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(30px, 2.7vw, 39px);
font-style: italic;
font-weight: 500;
letter-spacing: -0.03em;
line-height: 1.08;
margin: 0;
padding-bottom: 0;
}
.cli-structure-system-description {
margin-top: 18px !important;
}
.cli-structure-system-description p {
color: rgba(255, 255, 255, 0.72);
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 1.65;
padding-bottom: 0;
}
.cli-structure-committees {
background: #fff !important;
padding: clamp(96px, 10vw, 140px) 0 clamp(94px, 10vw, 136px) !important;
}
.cli-structure-committees-heading-col {
max-width: 880px;
}
.cli-structure-committees-heading {
margin-top: 24px !important;
}
.cli-structure-committees-heading h2 {
color: var(--cli-forest-deep);
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(52px, 5.4vw, 72px);
font-style: italic;
font-weight: 500;
letter-spacing: -0.04em;
line-height: 1.05;
margin: 0;
padding-bottom: 0;
}
.cli-structure-committees-intro {
margin-top: 28px !important;
}
.cli-structure-committees-intro p {
color: #3f504a;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 18px;
line-height: 1.72;
max-width: 78ch;
padding-bottom: 0;
}
.cli-structure-committees-pair-row,
.cli-structure-committees-advisory-row {
display: flex;
gap: 0 !important;
}
.cli-structure-committees-pair-row-one {
margin-top: 64px !important;
}
.cli-structure-committee {
border-top: 2px solid #1a1a1a;
box-sizing: border-box;
min-height: 350px;
padding: 32px clamp(28px, 4vw, 56px) 48px !important;
}
.cli-structure-committees-pair-row .cli-structure-committee {
flex: 1 1 50% !important;
width: 50% !important;
}
.cli-structure-committees-pair-row .cli-structure-committee + .cli-structure-committee {
border-left: 1px solid #1a1a1a;
}
.cli-structure-committees-advisory-row .cli-structure-committee {
background: #ffffff;
flex: 1 1 100% !important;
min-height: 0;
padding-right: 34% !important;
width: 100% !important;
}
.cli-structure-committee-number p {
color: var(--cli-accent);
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
padding-bottom: 0;
}
.cli-structure-committee-title {
margin-top: 66px !important;
}
.cli-structure-committee-title h3 {
color: var(--cli-forest-deep);
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(32px, 3.2vw, 43px);
font-style: italic;
font-weight: 500;
letter-spacing: -0.032em;
line-height: 1.08;
margin: 0;
padding-bottom: 0;
}
.cli-structure-committee-description {
margin-top: 20px !important;
}
.cli-structure-committee-description p {
color: #46564f;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 17px;
line-height: 1.68;
max-width: 48ch;
padding-bottom: 0;
}
.cli-structure-directors {
background: #e9eee9 !important;
border-top: 1px solid rgba(4, 52, 44, 0.12);
padding: clamp(84px, 8vw, 110px) 0 clamp(90px, 9vw, 120px) !important;
}
.cli-structure-directors-heading-col {
max-width: 760px;
}
.cli-structure-directors-heading {
margin-top: 20px !important;
}
.cli-structure-directors-heading h2 {
color: var(--cli-forest-deep);
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(42px, 4.5vw, 58px);
font-style: italic;
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.08;
margin: 0;
padding-bottom: 0;
}
.cli-structure-directors-intro {
margin-top: 22px !important;
}
.cli-structure-directors-intro p {
color: #52605b;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 1.7;
max-width: 72ch;
padding-bottom: 0;
}
.cli-structure-directors-row {
display: flex;
gap: clamp(24px, 3vw, 40px) !important;
margin-top: 52px !important;
}
.cli-structure-director {
border-top: 1px solid rgba(4, 52, 44, 0.22);
box-sizing: border-box;
flex: 1 1 calc(33.333% - 27px) !important;
padding-top: 22px !important;
width: calc(33.333% - 27px) !important;
}
.cli-structure-director-image {
margin-bottom: 26px !important;
}
.cli-structure-director-image .et_pb_image_wrap,
.cli-structure-director-image img {
display: block;
width: 100%;
}
.cli-structure-director-image img {
aspect-ratio: 3 / 2;
object-fit: cover;
}
.cli-structure-director-name h3 {
color: var(--cli-forest-deep);
font-family: "Playfair Display", Georgia, serif;
font-size: 28px;
font-style: italic;
font-weight: 500;
letter-spacing: -0.025em;
line-height: 1.15;
margin: 0;
padding-bottom: 0;
}
.cli-structure-director-role {
margin-top: 10px !important;
}
.cli-structure-director-role p {
color: var(--cli-accent);
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.45;
padding-bottom: 0;
text-transform: uppercase;
}
.cli-structure-director-bio {
margin-top: 20px !important;
}
.cli-structure-director-bio p {
color: #53615c;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
line-height: 1.72;
padding-bottom: 0;
}
.cli-structure-closing {
background: var(--cli-forest-deep) !important;
padding: clamp(76px, 8vw, 104px) 0 !important;
}
.cli-structure-closing-row {
align-items: center;
display: flex;
gap: clamp(50px, 8vw, 110px) !important;
}
.cli-structure-closing-heading-col,
.cli-structure-closing-copy-col {
flex: 1 1 50% !important;
width: 50% !important;
}
.cli-structure-closing .cli-structure-eyebrow p,
.cli-structure-closing .cli-structure-eyebrow .et_pb_text_inner {
color: #ffffff;
}
.cli-structure-closing-heading {
margin-top: 22px !important;
}
.cli-structure-closing-heading h2 {
color: #fff;
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(42px, 4.6vw, 60px);
font-style: italic;
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.05;
margin: 0;
padding-bottom: 0;
}
.cli-structure-closing-copy p {
color: rgba(255, 255, 255, 0.82);
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 18px;
line-height: 1.68;
max-width: 54ch;
padding-bottom: 0;
}
.cli-structure-closing-cta {
margin-top: 28px !important;
}
.cli-structure-closing-cta .et_pb_button,
.cli-structure-closing-cta a.et_pb_button,
.cli-structure-closing-cta .et_pb_button_wrapper a {
background: #ffffff !important;
border: 1px solid #ffffff !important;
border-radius: 0 !important;
color: var(--cli-forest-deep) !important;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 650 !important;
line-height: 1.2 !important;
padding: 18px 25px !important;
}
.cli-structure-closing-cta .et_pb_button::after,
.cli-structure-closing-cta .et_pb_button::before {
display: none !important;
}
@media (max-width: 980px) {
.cli-structure-page .et_pb_row {
width: calc(100% - 48px) !important;
}
.cli-structure-hero-row {
gap: 50px !important;
}
.cli-structure-hero-copy-col {
flex-basis: 66% !important;
width: 66% !important;
}
.cli-structure-hero-rail-col {
flex-basis: 34% !important;
width: 34% !important;
}
.cli-structure-system-node {
min-height: 330px;
padding-left: 24px !important;
padding-right: 24px !important;
}
.cli-structure-system-title h3 {
font-size: 30px;
}
.cli-structure-committee {
min-height: 370px;
padding-left: 30px !important;
padding-right: 30px !important;
}
.cli-structure-committee-title h3 {
font-size: 34px;
}
.cli-structure-committees-advisory-row .cli-structure-committee {
padding-right: 25% !important;
}
.cli-structure-directors-row {
flex-wrap: wrap !important;
gap: 24px !important;
}
.cli-structure-director {
flex: 0 0 calc(50% - 12px) !important;
width: calc(50% - 12px) !important;
}
.cli-structure-director-name h3 {
font-size: 25px;
}
.cli-structure-director-bio p {
font-size: 14px;
}
.cli-structure-closing-row {
gap: 50px !important;
}
}
@media (max-width: 700px) {
.cli-structure-page .et_pb_row {
width: calc(100% - 36px) !important;
}
.cli-structure-hero {
padding-bottom: 82px !important;
padding-top: 84px !important;
}
.cli-structure-hero-row,
.cli-structure-system-nodes-row,
.cli-structure-committees-pair-row,
.cli-structure-directors-row,
.cli-structure-closing-row {
display: block;
}
.cli-structure-hero-copy-col,
.cli-structure-hero-rail-col,
.cli-structure-system-node,
.cli-structure-committees-pair-row .cli-structure-committee,
.cli-structure-director,
.cli-structure-closing-heading-col,
.cli-structure-closing-copy-col {
width: 100% !important;
}
.cli-structure-hero-title h1 {
font-size: 50px;
}
.cli-structure-hero-lead {
margin-top: 28px !important;
}
.cli-structure-hero-lead p {
font-size: 18px;
}
.cli-structure-hero-rail-col {
margin-top: 48px !important;
}
.cli-structure-system {
padding-bottom: 80px !important;
padding-top: 82px !important;
}
.cli-structure-system-heading h2 {
font-size: 45px;
}
.cli-structure-system-intro p {
font-size: 16px;
}
.cli-structure-system-nodes-row {
margin-top: 48px !important;
}
.cli-structure-system-node {
border-left: 0 !important;
min-height: 0;
padding-bottom: 42px !important;
}
.cli-structure-system-node:not(:last-child)::after {
content: "↓";
left: 26px;
right: auto;
top: auto;
bottom: 12px;
}
.cli-structure-system-title {
margin-top: 38px !important;
}
.cli-structure-committees {
padding-bottom: 86px !important;
padding-top: 86px !important;
}
.cli-structure-committees-heading h2 {
font-size: 47px;
}
.cli-structure-committees-intro p {
font-size: 16px;
}
.cli-structure-committees-pair-row-one {
margin-top: 50px !important;
}
.cli-structure-committee,
.cli-structure-committees-advisory-row .cli-structure-committee {
border-left: 0 !important;
min-height: 0;
padding: 28px 24px 44px !important;
}
.cli-structure-committee-title {
margin-top: 44px !important;
}
.cli-structure-committee-title h3 {
font-size: 34px;
}
.cli-structure-committee-description p {
font-size: 16px;
}
.cli-structure-directors {
padding-bottom: 86px !important;
padding-top: 80px !important;
}
.cli-structure-directors-heading h2 {
font-size: 42px;
}
.cli-structure-directors-row {
margin-top: 42px !important;
}
.cli-structure-director {
margin-bottom: 54px !important;
}
.cli-structure-director:last-child {
margin-bottom: 0 !important;
}
.cli-structure-director-bio p {
font-size: 15px;
}
.cli-structure-closing {
padding-bottom: 82px !important;
padding-top: 82px !important;
}
.cli-structure-closing-heading h2 {
font-size: 43px;
}
.cli-structure-closing-copy-col {
margin-top: 36px !important;
}
.cli-structure-closing-copy p {
font-size: 16px;
}
}
/*
* Global button treatment for dark-green surfaces.
* Add `cli-green-surface` to any Divi section, row, column, or button that
* should inherit the same treatment as the Mission and Mandates CTA.
*/
body #main-content .cli-green-surface.et_pb_button,
body #main-content .cli-green-surface.wp-block-button__link,
body #main-content .cli-green-surface .et_pb_button,
body #main-content .cli-green-surface .wp-block-button__link,
body #main-content .cli-mission-infrastructure-conclusion-col .et_pb_button,
body #main-content .cli-structure-closing .et_pb_button,
body #main-content .cli-mission-cta,
body #main-content .cli-structure-closing-cta,
body #main-content .cli-difference-continuity .et_pb_button {
background: #ffffff !important;
border: 1px solid #ffffff !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--cli-forest-deep) !important;
display: inline-block !important;
font-family: var(--cli-font-sans) !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.7 !important;
padding: 15px 24px !important;
text-decoration: none !important;
transform: none;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
transform 0.2s ease;
}
body #main-content .cli-green-surface.et_pb_button:hover,
body #main-content .cli-green-surface.wp-block-button__link:hover,
body #main-content .cli-green-surface .et_pb_button:hover,
body #main-content .cli-green-surface .wp-block-button__link:hover,
body #main-content .cli-mission-infrastructure-conclusion-col .et_pb_button:hover,
body #main-content .cli-structure-closing .et_pb_button:hover,
body #main-content .cli-mission-cta:hover,
body #main-content .cli-structure-closing-cta:hover,
body #main-content .cli-difference-continuity .et_pb_button:hover {
background: var(--cli-accent) !important;
border-color: var(--cli-accent) !important;
color: #ffffff !important;
padding: 15px 24px !important;
transform: translateY(-1px);
}
body #main-content .cli-green-surface.et_pb_button::before,
body #main-content .cli-green-surface.et_pb_button::after,
body #main-content .cli-green-surface .et_pb_button::before,
body #main-content .cli-green-surface .et_pb_button::after,
body #main-content .cli-mission-infrastructure-conclusion-col .et_pb_button::before,
body #main-content .cli-mission-infrastructure-conclusion-col .et_pb_button::after,
body #main-content .cli-structure-closing .et_pb_button::before,
body #main-content .cli-structure-closing .et_pb_button::after,
body #main-content .cli-mission-cta::before,
body #main-content .cli-mission-cta::after,
body #main-content .cli-structure-closing-cta::before,
body #main-content .cli-structure-closing-cta::after,
body #main-content .cli-difference-continuity .et_pb_button::before,
body #main-content .cli-difference-continuity .et_pb_button::after {
display: none !important;
}
body #main-content .cli-green-surface.et_pb_button:focus-visible,
body #main-content .cli-green-surface.wp-block-button__link:focus-visible,
body #main-content .cli-green-surface .et_pb_button:focus-visible,
body #main-content .cli-green-surface .wp-block-button__link:focus-visible,
body #main-content .cli-mission-infrastructure-conclusion-col .et_pb_button:focus-visible,
body #main-content .cli-structure-closing .et_pb_button:focus-visible,
body #main-content .cli-mission-cta:focus-visible,
body #main-content .cli-structure-closing-cta:focus-visible,
body #main-content .cli-difference-continuity .et_pb_button:focus-visible {
background: #ffffff !important;
border-color: #ffffff !important;
color: #04342c !important;
outline: 3px solid #ffffff !important;
outline-offset: 3px;
transform: translateY(-1px);
}
/* About the Cham Language: restrained, research-led editorial treatment. */
body #main-content .cli-language-page {
background: #ffffff !important;
color: #252724;
padding: clamp(62px, 7vw, 94px) 0 clamp(84px, 9vw, 126px) !important;
}
body #main-content .cli-language-page .et_pb_module {
margin-bottom: 0 !important;
}
body #main-content .cli-language-shell-row {
align-items: flex-start !important;
display: flex !important;
gap: clamp(46px, 5.5vw, 76px) !important;
margin: 0 auto !important;
max-width: 1180px !important;
padding: 0 !important;
width: calc(100% - 48px) !important;
}
body #main-content .cli-language-sidebar-col {
flex: 0 0 250px !important;
max-width: 250px !important;
position: sticky;
top: 112px;
}
body #main-content .cli-language-main-col {
flex: 1 1 auto !important;
max-width: 820px !important;
min-width: 0 !important;
}
body #main-content .cli-language-sidebar-nav nav {
border-bottom: 1px solid #d7d9d4;
}
body #main-content .cli-language-nav-title {
background: #efeee9;
color: #1d211e;
font-family: Inter, Arial, sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 750 !important;
letter-spacing: -0.01em;
line-height: 1.35 !important;
margin: 0 !important;
padding: 16px 17px !important;
}
body #main-content .cli-language-sidebar-nav ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-language-sidebar-nav li {
border-top: 1px solid #d7d9d4;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-language-sidebar-nav a {
color: #252724 !important;
display: block;
font-family: Inter, Arial, sans-serif !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.35 !important;
padding: 15px 16px !important;
text-decoration: none !important;
transition: background-color 160ms ease, color 160ms ease, padding-left 160ms ease;
}
body #main-content .cli-language-sidebar-nav a:hover,
body #main-content .cli-language-sidebar-nav a:focus-visible {
background: #f7f6f2;
color: #04342c !important;
padding-left: 20px !important;
}
body #main-content .cli-language-page a:focus-visible {
outline: 2px solid var(--cli-accent);
outline-offset: 2px;
}
body #main-content .cli-language-eyebrow p {
color: #30665b !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 800 !important;
letter-spacing: 0.15em;
line-height: 1.4 !important;
margin: 0 !important;
padding: 0 !important;
text-transform: uppercase;
}
body #main-content .cli-language-title h1 {
color: #171a18 !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(50px, 5.4vw, 66px) !important;
font-style: italic !important;
font-weight: 600 !important;
letter-spacing: -0.035em !important;
line-height: 1.06 !important;
margin: 18px 0 25px !important;
max-width: 760px;
padding: 0 !important;
}
body #main-content .cli-language-lead p {
color: #2b302c !important;
font-family: Inter, Arial, sans-serif !important;
font-size: clamp(22px, 2.1vw, 27px) !important;
font-style: normal !important;
font-weight: 430 !important;
letter-spacing: -0.02em;
line-height: 1.48 !important;
margin: 0 !important;
max-width: 800px;
padding: 0 !important;
}
body #main-content .cli-language-facts {
border-bottom: 1px solid #cfd2cc;
border-top: 1px solid #cfd2cc;
margin-top: 43px !important;
padding: 25px 0 27px !important;
}
body #main-content .cli-language-facts dl {
display: grid;
gap: 23px 34px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 0 !important;
}
body #main-content .cli-language-facts dt,
body #main-content .cli-language-encoding-summary dt {
color: #667069;
font-family: Inter, Arial, sans-serif !important;
font-size: 11px !important;
font-style: normal !important;
font-weight: 800 !important;
letter-spacing: 0.1em;
line-height: 1.35 !important;
margin: 0 0 7px !important;
text-transform: uppercase;
}
body #main-content .cli-language-facts dd,
body #main-content .cli-language-encoding-summary dd {
color: #1d211e;
font-family: Inter, Arial, sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.45 !important;
margin: 0 !important;
}
body #main-content .cli-language-content-section {
border-top: 1px solid #d7d9d4;
margin-top: 52px !important;
padding-top: 50px !important;
scroll-margin-top: 118px;
}
body #main-content .cli-language-overview {
border-top: 0;
margin-top: 0 !important;
padding-top: 55px !important;
}
body #main-content .cli-language-content-section h2 {
color: #171a18 !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(34px, 3.2vw, 42px) !important;
font-style: italic !important;
font-weight: 600 !important;
letter-spacing: -0.025em !important;
line-height: 1.14 !important;
margin: 0 0 22px !important;
padding: 0 !important;
}
body #main-content .cli-language-content-section p,
body #main-content .cli-language-content-section li,
body #main-content .cli-language-content-section td,
body #main-content .cli-language-content-section th {
font-family: Inter, Arial, sans-serif !important;
font-style: normal !important;
}
body #main-content .cli-language-content-section p {
color: #343834 !important;
font-size: 17px !important;
font-weight: 420 !important;
line-height: 1.76 !important;
margin: 0 !important;
max-width: 760px;
padding: 0 !important;
}
body #main-content .cli-language-content-section p + p {
margin-top: 19px !important;
}
body #main-content .cli-language-content-section strong {
color: #173f36;
font-weight: 750 !important;
}
body #main-content .cli-language-cite {
font-size: 0.68em;
line-height: 1;
margin-left: 2px;
vertical-align: super;
}
body #main-content .cli-language-cite a {
color: var(--cli-accent) !important;
font-weight: 800 !important;
text-decoration: underline !important;
text-underline-offset: 2px !important;
}
body #main-content .cli-language-variety-table {
margin: 29px 0 28px;
max-width: 100%;
overflow-x: auto;
}
body #main-content .cli-language-variety-table table {
border-collapse: collapse;
border-spacing: 0;
min-width: 690px;
width: 100%;
}
body #main-content .cli-language-variety-table th,
body #main-content .cli-language-variety-table td {
border: 1px solid #d4d7d1;
color: #303530 !important;
font-size: 14px !important;
line-height: 1.48 !important;
padding: 14px 15px !important;
text-align: left;
vertical-align: top;
}
body #main-content .cli-language-variety-table thead th {
background: #efeee9;
color: #38413b !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: 0.07em;
text-transform: uppercase;
}
body #main-content .cli-language-variety-table tbody th {
background: #f8f8f5;
color: #173f36 !important;
font-weight: 750 !important;
}
body #main-content .cli-language-terminology-note {
background: #f4f4f0;
border-left: 3px solid var(--cli-accent);
margin-top: 28px;
max-width: 760px;
padding: 20px 22px 21px;
}
body #main-content .cli-language-terminology-note p {
font-size: 15px !important;
line-height: 1.68 !important;
}
body #main-content .cli-language-encoding-summary {
background: #f6f6f3;
border-bottom: 1px solid #d4d7d1;
border-top: 1px solid #d4d7d1;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 31px 0 0 !important;
}
body #main-content .cli-language-encoding-summary > div {
border-right: 1px solid #d4d7d1;
margin: 0;
padding: 20px 21px 21px;
}
body #main-content .cli-language-encoding-summary > div:last-child {
border-right: 0;
}
body #main-content .cli-language-continuity ul {
margin: 22px 0 23px 23px !important;
max-width: 740px;
padding: 0 !important;
}
body #main-content .cli-language-continuity li {
color: #343834 !important;
font-size: 16px !important;
line-height: 1.65 !important;
margin: 0 0 9px !important;
padding-left: 5px;
}
body #main-content .cli-language-source-list {
margin: 25px 0 0 23px !important;
max-width: 760px;
padding: 0 !important;
}
body #main-content .cli-language-source-list li {
color: #555c57 !important;
font-size: 14px !important;
line-height: 1.66 !important;
margin: 0 0 15px !important;
padding-left: 7px;
scroll-margin-top: 118px;
}
body #main-content .cli-language-source-list a {
color: #174f43 !important;
font-weight: 700 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
body #main-content .cli-language-related {
border-bottom: 1px solid #cfd2cc;
border-top: 1px solid #cfd2cc;
margin-top: 61px !important;
}
body #main-content .cli-language-related-links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body #main-content .cli-language-related-links a {
color: #1d211e !important;
display: block;
min-width: 0;
padding: 24px 25px 25px !important;
text-decoration: none !important;
}
body #main-content .cli-language-related-links a:first-child {
border-right: 1px solid #cfd2cc;
}
body #main-content .cli-language-related-links span,
body #main-content .cli-language-related-links strong {
display: block;
font-family: Inter, Arial, sans-serif !important;
font-style: normal !important;
}
body #main-content .cli-language-related-links span {
color: #67716b;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.12em;
margin-bottom: 7px;
text-transform: uppercase;
}
body #main-content .cli-language-related-links strong {
color: #173f36;
font-size: 17px;
font-weight: 750;
line-height: 1.4;
}
body #main-content .cli-language-related-links strong::after {
color: var(--cli-accent);
content: " →";
}
body #main-content .cli-language-related-links a:hover,
body #main-content .cli-language-related-links a:focus-visible {
background: #f7f6f2;
}
@media (max-width: 980px) {
body #main-content .cli-language-page {
padding: 52px 0 92px !important;
}
body #main-content .cli-language-shell-row {
flex-wrap: wrap !important;
gap: 0 !important;
width: calc(100% - 40px) !important;
}
body #main-content .cli-language-sidebar-col,
body #main-content .cli-language-main-col {
flex: 0 0 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100% !important;
min-width: 100% !important;
width: 100% !important;
}
body #main-content .cli-language-sidebar-col {
margin-bottom: 45px !important;
position: static;
}
body #main-content .cli-language-sidebar-nav nav {
border: 1px solid #d7d9d4;
}
body #main-content .cli-language-sidebar-nav ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body #main-content .cli-language-sidebar-nav li:nth-child(odd) {
border-right: 1px solid #d7d9d4;
}
}
@media (max-width: 600px) {
body #main-content .cli-language-page {
padding: 41px 0 72px !important;
}
body #main-content .cli-language-shell-row {
width: calc(100% - 32px) !important;
}
body #main-content .cli-language-sidebar-col {
margin-bottom: 37px !important;
}
body #main-content .cli-language-sidebar-nav ul {
display: block;
}
body #main-content .cli-language-sidebar-nav li:nth-child(odd) {
border-right: 0;
}
body #main-content .cli-language-title h1 {
font-size: 43px !important;
margin-bottom: 20px !important;
}
body #main-content .cli-language-lead p {
font-size: 20px !important;
line-height: 1.52 !important;
}
body #main-content .cli-language-facts {
margin-top: 34px !important;
}
body #main-content .cli-language-facts dl,
body #main-content .cli-language-encoding-summary,
body #main-content .cli-language-related-links {
grid-template-columns: 1fr;
}
body #main-content .cli-language-facts dl {
gap: 19px;
}
body #main-content .cli-language-content-section {
margin-top: 43px !important;
padding-top: 41px !important;
}
body #main-content .cli-language-overview {
margin-top: 0 !important;
padding-top: 45px !important;
}
body #main-content .cli-language-content-section h2 {
font-size: 34px !important;
}
body #main-content .cli-language-content-section p {
font-size: 16px !important;
line-height: 1.72 !important;
}
body #main-content .cli-language-terminology-note {
padding: 18px 18px 19px;
}
body #main-content .cli-language-encoding-summary > div {
border-bottom: 1px solid #d4d7d1;
border-right: 0;
padding: 18px 19px;
}
body #main-content .cli-language-encoding-summary > div:last-child {
border-bottom: 0;
}
body #main-content .cli-language-related {
margin-top: 49px !important;
}
body #main-content .cli-language-related-links a:first-child {
border-bottom: 1px solid #cfd2cc;
border-right: 0;
}
}
/* Work: serious-page extensions built on the language editorial template. */
body #main-content .cli-work-serious-page .cli-work-subheading {
color: #173f36 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 800 !important;
letter-spacing: 0.11em !important;
line-height: 1.4 !important;
margin: 31px 0 14px !important;
padding: 0 !important;
text-transform: uppercase;
}
body #main-content .cli-work-serious-page .cli-work-focus-list {
display: grid;
gap: 0 28px;
grid-template-columns: repeat(2, minmax(0, 1fr));
list-style: none !important;
margin: 0 !important;
max-width: 760px;
padding: 0 !important;
}
body #main-content .cli-work-serious-page .cli-work-focus-list li {
border-top: 1px solid #d4d7d1;
color: #343834 !important;
font-size: 15px !important;
font-weight: 650 !important;
line-height: 1.52 !important;
margin: 0 !important;
padding: 13px 0 13px 17px !important;
position: relative;
}
body #main-content .cli-work-serious-page .cli-work-focus-list li::before {
color: var(--cli-accent);
content: "—";
left: 0;
position: absolute;
}
body #main-content .cli-work-serious-page .cli-work-reference-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 760px;
}
body #main-content .cli-work-serious-page .cli-work-reference-grid > div {
box-sizing: border-box;
}
body #main-content .cli-work-serious-page .cli-work-reference-grid dd {
margin-bottom: 12px !important;
}
body #main-content .cli-work-serious-page .cli-work-reference-grid p {
color: #4c524d !important;
font-size: 15px !important;
line-height: 1.65 !important;
}
body #main-content .cli-work-serious-page .cli-work-system-note,
body #main-content .cli-work-serious-page .cli-work-initiative-note {
max-width: 760px;
}
@media (max-width: 600px) {
body #main-content .cli-work-serious-page .cli-work-focus-list,
body #main-content .cli-work-serious-page .cli-work-reference-grid {
grid-template-columns: minmax(0, 1fr);
}
}
/* Affiliation: serious-page extensions built on the language editorial template. */
body #main-content .cli-affiliation-page .cli-affiliation-subheading {
color: #173f36 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 800 !important;
letter-spacing: 0.11em !important;
line-height: 1.4 !important;
margin: 31px 0 14px !important;
padding: 0 !important;
text-transform: uppercase;
}
body #main-content .cli-affiliation-page .cli-affiliation-focus-list {
display: grid;
gap: 0 28px;
grid-template-columns: repeat(2, minmax(0, 1fr));
list-style: none !important;
margin: 0 !important;
max-width: 760px;
padding: 0 !important;
}
body #main-content .cli-affiliation-page .cli-affiliation-focus-list li {
border-top: 1px solid #d4d7d1;
color: #343834 !important;
font-size: 15px !important;
font-weight: 650 !important;
line-height: 1.52 !important;
margin: 0 !important;
padding: 13px 0 13px 17px !important;
position: relative;
}
body #main-content .cli-affiliation-page .cli-affiliation-focus-list li::before {
color: var(--cli-accent);
content: "—";
left: 0;
position: absolute;
}
body #main-content .cli-affiliation-page .cli-affiliation-review-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 760px;
}
body #main-content .cli-affiliation-page .cli-affiliation-review-grid > div {
box-sizing: border-box;
}
body #main-content .cli-affiliation-page .cli-affiliation-review-grid > div:nth-child(2n) {
border-right: 0;
}
body #main-content .cli-affiliation-page .cli-affiliation-review-grid > div:nth-child(-n + 2) {
border-bottom: 1px solid #d4d7d1;
}
body #main-content .cli-affiliation-page a {
overflow-wrap: anywhere;
}
@media (max-width: 600px) {
body #main-content .cli-affiliation-page .cli-affiliation-focus-list,
body #main-content .cli-affiliation-page .cli-affiliation-review-grid {
grid-template-columns: minmax(0, 1fr);
}
body #main-content .cli-affiliation-page .cli-affiliation-review-grid > div {
border-bottom: 1px solid #d4d7d1;
border-right: 0;
}
body #main-content .cli-affiliation-page .cli-affiliation-review-grid > div:last-child {
border-bottom: 0;
}
}
/* Contact: serious-page extensions and native Divi inquiry form. */
body #main-content .cli-contact-page a {
overflow-wrap: anywhere;
}
body #main-content .cli-contact-page .cli-contact-focus-list {
display: grid;
gap: 0 28px;
grid-template-columns: repeat(2, minmax(0, 1fr));
list-style: none !important;
margin: 27px 0 0 !important;
max-width: 760px;
padding: 0 !important;
}
body #main-content .cli-contact-page .cli-contact-focus-list li {
border-top: 1px solid #d4d7d1;
color: #343834 !important;
font-size: 15px !important;
font-weight: 650 !important;
line-height: 1.52 !important;
margin: 0 !important;
padding: 13px 0 13px 17px !important;
position: relative;
}
body #main-content .cli-contact-page .cli-contact-focus-list li::before {
color: var(--cli-accent);
content: "—";
left: 0;
position: absolute;
}
body #main-content .cli-contact-page .cli-contact-routing-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 760px;
}
body #main-content .cli-contact-page .cli-contact-routing-grid a,
body #main-content .cli-contact-page .cli-contact-form-fallback a {
color: #174f43 !important;
font-weight: 750 !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px !important;
}
body #main-content .cli-contact-page .cli-contact-address {
border-left: 3px solid var(--cli-accent);
color: #343834;
font-family: Inter, Arial, sans-serif !important;
font-size: 17px;
font-style: normal;
line-height: 1.7;
margin: 27px 0 23px;
padding: 3px 0 3px 21px;
}
body #main-content .cli-contact-page .cli-contact-address strong {
color: #173f36;
font-weight: 780;
}
body #main-content .cli-contact-form {
margin-top: 28px !important;
max-width: 760px;
}
body #main-content .cli-contact-form .et_pb_contact_main_title {
color: #173f36 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 13px !important;
font-style: normal !important;
font-weight: 800 !important;
letter-spacing: 0.1em !important;
line-height: 1.4 !important;
margin: 0 0 18px !important;
text-transform: uppercase;
}
body #main-content .cli-contact-form .et_pb_contact_form {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-left: 0 !important;
}
body #main-content .cli-contact-form .et_pb_contact_field {
box-sizing: border-box;
margin: 0 !important;
padding: 0 !important;
}
body #main-content .cli-contact-form .cli-contact-field-half {
flex: 1 1 calc(50% - 10px) !important;
max-width: calc(50% - 10px) !important;
}
body #main-content .cli-contact-form .cli-contact-field-full {
flex: 0 0 100% !important;
max-width: 100% !important;
}
body #main-content .cli-contact-form .et_pb_contact_form_label {
color: #252b27 !important;
display: block !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 13px !important;
font-style: normal !important;
font-weight: 750 !important;
letter-spacing: 0.01em;
line-height: 1.4 !important;
margin: 0 0 8px !important;
}
body #main-content .cli-contact-form .input,
body #main-content .cli-contact-form input[type="text"],
body #main-content .cli-contact-form input[type="email"],
body #main-content .cli-contact-form select,
body #main-content .cli-contact-form textarea {
background: #ffffff !important;
border: 1px solid #aeb5af !important;
border-radius: 0 !important;
box-shadow: none !important;
box-sizing: border-box;
color: #1d211e !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 450 !important;
line-height: 1.5 !important;
min-height: 52px;
padding: 13px 14px !important;
width: 100%;
}
body #main-content .cli-contact-form textarea {
height: auto !important;
min-height: 180px !important;
resize: vertical;
}
body #main-content .cli-contact-form .input:focus,
body #main-content .cli-contact-form input:focus,
body #main-content .cli-contact-form select:focus,
body #main-content .cli-contact-form textarea:focus {
border-color: #174f43 !important;
box-shadow: 0 0 0 2px rgba(23, 79, 67, 0.16) !important;
outline: 3px solid var(--cli-accent) !important;
outline-offset: 3px;
}
body #main-content .cli-contact-form .et_contact_bottom_container {
align-items: center;
display: flex;
float: none !important;
gap: 18px;
justify-content: flex-end;
margin: 2px 0 0 !important;
width: 100%;
}
body #main-content .cli-contact-form .et_pb_contact_right {
color: #4c554f !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 14px !important;
font-style: normal !important;
margin: 0 auto 0 0 !important;
}
body #main-content .cli-contact-form .et_pb_contact_captcha {
display: inline-block !important;
min-height: 42px !important;
padding: 8px 9px !important;
width: 70px !important;
}
body #main-content .cli-contact-form .et_pb_contact_submit.et_pb_button {
background: #174f43 !important;
border: 1px solid #174f43 !important;
border-radius: 0 !important;
color: #ffffff !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: 780 !important;
letter-spacing: 0.01em !important;
line-height: 1.25 !important;
margin: 0 !important;
padding: 14px 23px !important;
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
body #main-content .cli-contact-form .et_pb_contact_submit.et_pb_button::after {
display: none !important;
}
body #main-content .cli-contact-form .et_pb_contact_submit.et_pb_button:hover,
body #main-content .cli-contact-form .et_pb_contact_submit.et_pb_button:focus-visible {
background: var(--cli-accent) !important;
border-color: var(--cli-accent) !important;
color: #ffffff !important;
padding: 14px 23px !important;
transform: translateY(-1px);
}
body #main-content .cli-contact-form .et_pb_contact_submit.et_pb_button:focus-visible {
outline: 3px solid var(--cli-forest-deep) !important;
outline-offset: 3px;
}
body #main-content .cli-contact-form .et-pb-contact-message,
body #main-content .cli-contact-form .et_pb_contact_error_text {
color: #8b2e20 !important;
flex: 0 0 100%;
font-family: Inter, Arial, sans-serif !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.55 !important;
}
body #main-content .cli-contact-form-notes {
margin-top: 25px !important;
max-width: 760px;
}
body #main-content .cli-contact-form-notes .cli-contact-data-note {
margin-top: 0;
}
body #main-content .cli-contact-form-fallback {
color: #4b524d !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 14px !important;
font-style: normal !important;
line-height: 1.62 !important;
margin: 17px 0 0 !important;
}
@media (max-width: 600px) {
body #main-content .cli-contact-page .cli-contact-focus-list,
body #main-content .cli-contact-page .cli-contact-routing-grid {
grid-template-columns: minmax(0, 1fr);
}
body #main-content .cli-contact-page .cli-contact-routing-grid > div {
border-bottom: 1px solid #d4d7d1;
border-right: 0;
}
body #main-content .cli-contact-page .cli-contact-routing-grid > div:last-child {
border-bottom: 0;
}
body #main-content .cli-contact-form .cli-contact-field-half,
body #main-content .cli-contact-form .cli-contact-field-full {
flex-basis: 100% !important;
max-width: 100% !important;
}
body #main-content .cli-contact-form .et_contact_bottom_container {
align-items: stretch;
flex-direction: column;
}
body #main-content .cli-contact-form .et_pb_contact_right {
margin-right: 0 !important;
}
body #main-content .cli-contact-form .et_pb_contact_submit.et_pb_button {
text-align: center !important;
width: 100%;
}
}
/* Global pre-footer contrast: page-ending institutional bands stay distinct
from the forest-green global footer. */
body #page-container #main-content .cli-history-v2-closing.et_pb_section,
body #page-container #main-content .cli-structure-closing.et_pb_section,
body #page-container #main-content .cli-work-closing.et_pb_section,
body #page-container #main-content .cli-donate-stewardship.et_pb_section {
background: #0b0d0c !important;
background-color: #0b0d0c !important;
}
/* Privacy and utility-policy pages */
body #main-content .cli-policy-page.et_pb_section {
background: #ffffff !important;
color: #252728;
margin: 0 !important;
width: 100% !important;
}
body #main-content .cli-policy-row {
box-sizing: border-box;
display: flex !important;
margin: 0 auto !important;
max-width: 1220px !important;
padding: 0 !important;
width: calc(100% - 48px) !important;
}
body #main-content .cli-policy-page .et_pb_module {
margin-bottom: 0 !important;
}
body #main-content .cli-policy-hero {
border-bottom: 1px solid #d8dbd7;
padding: clamp(82px, 8vw, 112px) 0 clamp(76px, 8vw, 106px) !important;
}
body #main-content .cli-policy-hero-row {
align-items: flex-end !important;
gap: clamp(58px, 7vw, 94px) !important;
}
body #main-content .cli-policy-hero-copy-col {
flex: 1 1 auto !important;
min-width: 0 !important;
}
body #main-content .cli-policy-hero-meta-col {
border-left: 3px solid var(--cli-accent);
flex: 0 0 min(350px, 31%) !important;
min-width: 0 !important;
padding-left: clamp(26px, 3vw, 40px) !important;
}
body #main-content .cli-policy-eyebrow p,
body #main-content .cli-policy-rail-label {
color: #125347 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 820 !important;
letter-spacing: 0.17em !important;
line-height: 1.45 !important;
margin: 0 !important;
text-transform: uppercase;
}
body #main-content .cli-policy-title h1 {
color: #14221d !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(58px, 5.4vw, 68px) !important;
font-style: normal !important;
font-weight: 500 !important;
letter-spacing: -0.035em !important;
line-height: 0.98 !important;
margin: 25px 0 28px !important;
max-width: 850px;
padding: 0 !important;
}
body #main-content .cli-policy-lead p {
color: #343b37 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: clamp(19px, 1.8vw, 22px) !important;
font-style: normal !important;
font-weight: 470 !important;
letter-spacing: -0.015em !important;
line-height: 1.62 !important;
margin: 0 !important;
max-width: 800px;
padding: 0 !important;
}
body #main-content .cli-policy-meta dl,
body #main-content .cli-policy-meta div,
body #main-content .cli-policy-meta dt,
body #main-content .cli-policy-meta dd {
margin: 0;
padding: 0;
}
body #main-content .cli-policy-meta dl {
border-top: 1px solid #cfd3ce;
}
body #main-content .cli-policy-meta dl > div {
border-bottom: 1px solid #d8dbd7;
padding: 17px 0 18px;
}
body #main-content .cli-policy-meta dt {
color: #59615c;
font-family: Inter, Arial, sans-serif;
font-size: 10px;
font-weight: 820;
letter-spacing: 0.14em;
line-height: 1.4;
margin-bottom: 5px;
text-transform: uppercase;
}
body #main-content .cli-policy-meta dd,
body #main-content .cli-policy-meta a {
color: #1f2925 !important;
font-family: Inter, Arial, sans-serif;
font-size: 14px;
font-weight: 620;
line-height: 1.55;
overflow-wrap: anywhere;
}
body #main-content .cli-policy-meta a {
text-decoration-color: var(--cli-accent);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
body #main-content .cli-policy-body {
padding: clamp(82px, 8vw, 112px) 0 clamp(96px, 9vw, 132px) !important;
}
body #main-content .cli-policy-body-row {
align-items: flex-start !important;
gap: clamp(60px, 8vw, 108px) !important;
}
body #main-content .cli-policy-rail-col {
align-self: flex-start !important;
flex: 0 0 min(300px, 27%) !important;
max-width: 300px !important;
min-width: 0 !important;
position: sticky;
top: 122px;
}
body #main-content .cli-policy-document-col {
flex: 1 1 auto !important;
max-width: 790px !important;
min-width: 0 !important;
}
body #main-content .cli-policy-contents {
border-top: 2px solid #153a31;
padding-top: 19px !important;
}
body #main-content .cli-policy-contents h2 {
color: #153a31 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 820 !important;
letter-spacing: 0.15em !important;
line-height: 1.4 !important;
margin: 0 0 17px !important;
padding: 0 !important;
text-transform: uppercase;
}
body #main-content .cli-policy-contents ol {
counter-reset: policy-item;
list-style: none;
margin: 0;
padding: 0;
}
body #main-content .cli-policy-contents li {
border-top: 1px solid #dde0dc;
counter-increment: policy-item;
margin: 0;
padding: 0;
}
body #main-content .cli-policy-contents li:last-child {
border-bottom: 1px solid #dde0dc;
}
body #main-content .cli-policy-contents a {
align-items: baseline;
color: #3a423d !important;
display: grid;
font-family: Inter, Arial, sans-serif;
font-size: 14px;
font-weight: 560;
gap: 12px;
grid-template-columns: 23px minmax(0, 1fr);
line-height: 1.45;
padding: 10px 0;
text-decoration: none;
}
body #main-content .cli-policy-contents a::before {
color: var(--cli-accent);
content: counter(policy-item, decimal-leading-zero);
font-size: 9px;
font-weight: 820;
letter-spacing: 0.08em;
}
body #main-content .cli-policy-contents a:hover,
body #main-content .cli-policy-contents a:focus-visible {
color: #0f4a3f !important;
}
body #main-content .cli-policy-contact-card {
background: #f3f4f1;
border-left: 3px solid var(--cli-accent);
margin-top: 34px !important;
padding: 23px 24px 25px !important;
}
body #main-content .cli-policy-contact-card p {
color: #47504a !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 14px !important;
font-style: normal !important;
line-height: 1.68 !important;
margin: 12px 0 0 !important;
padding: 0 !important;
}
body #main-content .cli-policy-contact-card .cli-policy-rail-label {
margin-top: 0 !important;
}
body #main-content .cli-policy-contact-card a {
color: #0f4a3f !important;
font-weight: 680;
overflow-wrap: normal;
word-break: normal;
text-decoration-color: var(--cli-accent);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
body #main-content .cli-policy-copy-block {
border-top: 1px solid #cfd3ce;
gap: 0 !important;
padding: 45px 0 52px !important;
scroll-margin-top: 126px;
}
body #main-content .cli-policy-copy-block:first-child {
border-top: 2px solid #153a31;
padding-top: 38px !important;
}
body #main-content .cli-policy-copy-block:last-child {
border-bottom: 1px solid #cfd3ce;
}
body #main-content .cli-policy-copy-block h2 {
color: #153a31 !important;
font-family: "Playfair Display", Georgia, serif !important;
font-size: clamp(32px, 3vw, 40px) !important;
font-style: normal !important;
font-weight: 520 !important;
letter-spacing: -0.025em !important;
line-height: 1.14 !important;
margin: 0 0 25px !important;
padding: 0 !important;
}
body #main-content .cli-policy-copy-block h3 {
color: #25322d !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 760 !important;
letter-spacing: 0 !important;
line-height: 1.5 !important;
margin: 27px 0 8px !important;
padding: 0 !important;
}
body #main-content .cli-policy-copy-block p,
body #main-content .cli-policy-copy-block li,
body #main-content .cli-policy-copy-block address {
color: #414843 !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 430 !important;
line-height: 1.78 !important;
}
body #main-content .cli-policy-copy-block p,
body #main-content .cli-policy-copy-block address {
margin: 0 0 17px !important;
padding: 0 !important;
}
body #main-content .cli-policy-copy-block p:last-child,
body #main-content .cli-policy-copy-block address:last-child {
margin-bottom: 0 !important;
}
body #main-content .cli-policy-copy-block ul {
margin: 14px 0 22px 21px;
padding: 0;
}
body #main-content .cli-policy-copy-block li {
margin-bottom: 8px;
padding-left: 5px;
}
body #main-content .cli-policy-copy-block strong {
color: #26332e;
font-weight: 730;
}
body #main-content .cli-policy-copy-block a {
color: #0f4a3f !important;
font-weight: 650;
overflow-wrap: anywhere;
text-decoration-color: var(--cli-accent);
text-decoration-line: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
body #main-content .cli-policy-table-wrap {
border-bottom: 1px solid #cfd3ce;
margin: 24px 0 27px;
overflow-x: auto;
width: 100%;
}
body #main-content .cli-policy-table-wrap table {
border-collapse: collapse;
font-family: Inter, Arial, sans-serif;
min-width: 610px;
width: 100%;
}
body #main-content .cli-policy-table-wrap caption {
border-bottom: 2px solid #153a31;
color: #153a31;
font-family: Inter, Arial, sans-serif;
font-size: 12px;
font-weight: 820;
letter-spacing: 0.13em;
padding: 0 0 13px;
text-align: left;
text-transform: uppercase;
}
body #main-content .cli-policy-table-wrap th,
body #main-content .cli-policy-table-wrap td {
border-top: 1px solid #d8dbd7;
color: #414843;
font-family: Inter, Arial, sans-serif;
font-size: 14px;
line-height: 1.6;
padding: 15px 16px;
text-align: left;
vertical-align: top;
}
body #main-content .cli-policy-table-wrap thead th {
background: #f3f4f1;
color: #48504b;
font-size: 10px;
font-weight: 820;
letter-spacing: 0.11em;
text-transform: uppercase;
}
body #main-content .cli-policy-table-wrap tbody th {
color: #153a31;
font-weight: 720;
width: 27%;
}
body #main-content .cli-policy-table-wrap code {
background: transparent;
color: #153a31;
font-family: "Courier New", Courier, monospace;
font-size: 13px;
padding: 0;
}
body #main-content .cli-policy-page a:focus-visible {
outline: 3px solid var(--cli-accent);
outline-offset: 3px;
}
/* Editable global footer policy links. */
body .cli-global-footer-legal-col {
align-items: center !important;
display: flex !important;
flex-direction: row !important;
gap: 22px 34px !important;
justify-content: space-between !important;
}
body .cli-global-footer-copyright {
flex: 1 1 auto !important;
}
body .cli-global-footer-policy-links {
flex: 0 1 auto !important;
}
body .cli-global-footer-policy-links p {
display: flex;
flex-wrap: wrap;
gap: 10px 23px;
justify-content: flex-end;
margin: 0 !important;
padding: 0 !important;
}
body .cli-global-footer-policy-links a {
color: rgba(255, 255, 255, 0.82) !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 560 !important;
line-height: 1.5 !important;
text-decoration: none;
}
body .cli-global-footer-policy-links a:hover,
body .cli-global-footer-policy-links a:focus-visible {
color: #ffffff !important;
text-decoration: underline;
text-decoration-color: var(--cli-accent);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
body .cli-global-footer-policy-links a:focus-visible {
outline: 2px solid #ffffff;
outline-offset: 3px;
}
@media (max-width: 980px) {
body #main-content .cli-policy-row {
flex-wrap: wrap !important;
gap: 50px !important;
width: calc(100% - 40px) !important;
}
body #main-content .cli-policy-hero-copy-col,
body #main-content .cli-policy-hero-meta-col,
body #main-content .cli-policy-rail-col,
body #main-content .cli-policy-document-col {
flex: 0 0 100% !important;
margin-left: 0 !important;
max-width: none !important;
min-width: 100% !important;
width: 100% !important;
}
body #main-content .cli-policy-hero-meta-col {
border-left: 0;
border-top: 3px solid var(--cli-accent);
padding-left: 0 !important;
padding-top: 25px !important;
}
body #main-content .cli-policy-meta dl {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body #main-content .cli-policy-meta dl > div {
border-right: 1px solid #d8dbd7;
padding: 17px 18px 18px;
}
body #main-content .cli-policy-meta dl > div:first-child {
padding-left: 0;
}
body #main-content .cli-policy-meta dl > div:last-child {
border-right: 0;
padding-right: 0;
}
body #main-content .cli-policy-rail-col {
position: static;
}
body #main-content .cli-policy-contents ol {
display: grid;
gap: 0 28px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body .cli-global-footer-legal-col {
align-items: flex-start !important;
flex-direction: column !important;
}
body .cli-global-footer-policy-links p {
justify-content: flex-start;
}
}
@media (max-width: 600px) {
body #main-content .cli-policy-hero {
padding: 64px 0 69px !important;
}
body #main-content .cli-policy-body {
padding: 64px 0 82px !important;
}
body #main-content .cli-policy-row {
gap: 38px !important;
width: calc(100% - 48px) !important;
}
body #main-content .cli-policy-title h1 {
font-size: 50px !important;
line-height: 1 !important;
margin: 21px 0 24px !important;
}
body #main-content .cli-policy-lead p {
font-size: 18px !important;
line-height: 1.6 !important;
}
body #main-content .cli-policy-meta dl {
display: block;
}
body #main-content .cli-policy-meta dl > div {
border-right: 0;
padding-left: 0;
padding-right: 0;
}
body #main-content .cli-policy-contents ol {
display: block;
}
body #main-content .cli-policy-copy-block {
padding: 37px 0 42px !important;
scroll-margin-top: 102px;
}
body #main-content .cli-policy-copy-block h2 {
font-size: 32px !important;
}
body #main-content .cli-policy-copy-block p,
body #main-content .cli-policy-copy-block li,
body #main-content .cli-policy-copy-block address {
font-size: 16px !important;
line-height: 1.72 !important;
}
body #main-content .cli-policy-table-wrap {
overflow-x: visible;
}
body #main-content .cli-policy-table-wrap table,
body #main-content .cli-policy-table-wrap tbody,
body #main-content .cli-policy-table-wrap tr,
body #main-content .cli-policy-table-wrap th,
body #main-content .cli-policy-table-wrap td {
display: block;
min-width: 0;
width: 100%;
}
body #main-content .cli-policy-table-wrap caption {
display: block;
width: 100%;
}
body #main-content .cli-policy-table-wrap thead {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
body #main-content .cli-policy-table-wrap tbody tr {
border-top: 1px solid #d8dbd7;
padding: 18px 0 17px;
}
body #main-content .cli-policy-table-wrap tbody th,
body #main-content .cli-policy-table-wrap tbody td {
border: 0;
padding: 4px 0;
}
body #main-content .cli-policy-table-wrap tbody th {
margin-bottom: 7px;
}
body #main-content .cli-policy-table-wrap tbody td::before {
color: #68706b;
display: block;
font-size: 9px;
font-weight: 820;
letter-spacing: 0.11em;
margin-bottom: 2px;
text-transform: uppercase;
}
body #main-content .cli-policy-table-wrap tbody td:nth-of-type(1)::before {
content: "Purpose";
}
body #main-content .cli-policy-table-wrap tbody td:nth-of-type(2)::before {
content: "Typical duration";
}
}
/* CLI_DIFFERENCE_PAGE_START */
body #main-content .cli-difference-hero,
body #main-content .cli-difference-definition,
body #main-content .cli-difference-principles,
body #main-content .cli-difference-comparison,
body #main-content .cli-difference-continuity{gap:0!important;padding-left:0!important;padding-right:0!important}
body #main-content .cli-difference-hero-row,
body #main-content .cli-difference-definition-row,
body #main-content .cli-difference-principles-heading-row,
body #main-content .cli-difference-principles-row,
body #main-content .cli-difference-comparison-heading-row,
body #main-content .cli-difference-table-row,
body #main-content .cli-difference-continuity-row{align-items:stretch!important;display:flex!important;margin:0 auto!important;max-width:1220px!important;padding:0!important;width:calc(100% - 48px)!important}
body #main-content .cli-difference-hero-row>.et_pb_column,
body #main-content .cli-difference-definition-row>.et_pb_column,
body #main-content .cli-difference-principles-heading-row>.et_pb_column,
body #main-content .cli-difference-principles-row>.et_pb_column,
body #main-content .cli-difference-comparison-heading-row>.et_pb_column,
body #main-content .cli-difference-table-row>.et_pb_column,
body #main-content .cli-difference-continuity-row>.et_pb_column{margin:0!important}
body #main-content .cli-difference-hero-row .et_pb_module,
body #main-content .cli-difference-definition-row .et_pb_module,
body #main-content .cli-difference-principles-heading-row .et_pb_module,
body #main-content .cli-difference-principles-row .et_pb_module,
body #main-content .cli-difference-comparison-heading-row .et_pb_module,
body #main-content .cli-difference-table-row .et_pb_module,
body #main-content .cli-difference-continuity-row .et_pb_module{margin-bottom:0!important}
body #main-content .cli-difference-hero{background:#fff!important;padding:76px 0 92px!important}
body #main-content .cli-difference-hero-row{gap:64px!important}
body #main-content .cli-difference-hero-copy{align-self:center;flex:1 1 62%!important;min-width:0!important;padding:20px 0!important}
body #main-content .cli-difference-eyebrow p,
body #main-content .cli-difference-panel-label p,
body #main-content .cli-difference-section-label p,
body #main-content .cli-difference-continuity-label p{font-family:Inter,Arial,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:800!important;letter-spacing:.15em!important;line-height:1.4!important;margin:0!important;text-transform:uppercase}
body #main-content .cli-difference-eyebrow p,
body #main-content .cli-difference-section-label p{color:#276256!important}
body #main-content .cli-difference-hero-title h1{color:#10211c!important;font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(54px,5.4vw,74px)!important;font-style:normal!important;font-weight:500!important;letter-spacing:-.042em!important;line-height:1.02!important;margin:20px 0 28px!important;max-width:760px;padding:0!important}
body #main-content .cli-difference-hero-lead p{color:#2d3934!important;font-family:Inter,Arial,sans-serif!important;font-size:clamp(20px,1.8vw,24px)!important;font-style:normal!important;font-weight:430!important;letter-spacing:-.018em!important;line-height:1.52!important;margin:0!important;max-width:720px}
body #main-content .cli-difference-hero-panel{align-self:stretch;background:#04342c!important;box-sizing:border-box;display:flex!important;flex:0 0 min(430px,38%)!important;flex-direction:column;justify-content:center;max-width:430px!important;min-width:0!important;padding:48px 44px!important}
body #main-content .cli-difference-panel-label p{color:#a8d1c6!important}
body #main-content .cli-difference-panel-title h2{color:#fff!important;font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(36px,3.2vw,45px)!important;font-style:normal!important;font-weight:500!important;letter-spacing:-.032em!important;line-height:1.08!important;margin:16px 0 28px!important;padding:0!important}
body #main-content .cli-difference-panel-list ul{list-style:none!important;margin:0!important;padding:0!important}
body #main-content .cli-difference-panel-list li{border-top:1px solid rgba(255,255,255,.2);color:#e8f0ed!important;font-family:Inter,Arial,sans-serif!important;font-size:15px!important;font-weight:560!important;line-height:1.48!important;margin:0!important;padding:14px 0 13px 22px!important;position:relative}
body #main-content .cli-difference-panel-list li:before{background:#d6401f;content:"";height:6px;left:0;position:absolute;top:22px;width:6px}
body #main-content .cli-difference-definition{background:#f2f5f3!important;padding:84px 0 88px!important}
body #main-content .cli-difference-definition-row{gap:72px!important}
body #main-content .cli-difference-definition-heading-col{flex:0 0 38%!important;min-width:0!important}
body #main-content .cli-difference-definition-copy-col{flex:1 1 62%!important;min-width:0!important}
body #main-content .cli-difference-section-heading h2{color:#14231e!important;font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(39px,3.8vw,54px)!important;font-style:normal!important;font-weight:500!important;letter-spacing:-.035em!important;line-height:1.08!important;margin:17px 0 0!important;max-width:760px;padding:0!important}
body #main-content .cli-difference-definition-copy p{color:#2c3934!important;font-family:Inter,Arial,sans-serif!important;font-size:17px!important;font-weight:430!important;line-height:1.78!important;margin:0 0 20px!important}
body #main-content .cli-difference-definition-copy p:last-child{margin-bottom:0!important}
body #main-content .cli-difference-definition-note{border-left:3px solid #d6401f;margin-top:30px!important;padding:3px 0 3px 24px!important}
body #main-content .cli-difference-definition-note p{color:#17362e!important;font-family:"Playfair Display",Georgia,serif!important;font-size:25px!important;font-style:normal!important;font-weight:500!important;letter-spacing:-.018em!important;line-height:1.42!important;margin:0!important}
body #main-content .cli-difference-principles{background:#fff!important;padding:88px 0 94px!important}
body #main-content .cli-difference-principles-heading-row{margin-bottom:48px!important}
body #main-content .cli-difference-section-intro{margin-top:20px!important;max-width:720px}
body #main-content .cli-difference-section-intro p{color:#43504b!important;font-family:Inter,Arial,sans-serif!important;font-size:17px!important;font-weight:430!important;line-height:1.7!important;margin:0!important}
body #main-content .cli-difference-principles-row{border-top:1px solid #cfd8d4;gap:0!important}
body #main-content .cli-difference-principle{box-sizing:border-box;flex:0 0 50%!important;min-width:0!important;padding:38px 54px 42px 0!important}
body #main-content .cli-difference-principle+.cli-difference-principle{border-left:1px solid #cfd8d4;padding-left:54px!important;padding-right:0!important}
body #main-content .cli-difference-principle-number p{color:#d6401f!important;font-family:Inter,Arial,sans-serif!important;font-size:12px!important;font-weight:800!important;letter-spacing:.13em!important;line-height:1.2!important;margin:0!important}
body #main-content .cli-difference-principle-title h3{color:#14342c!important;font-family:"Playfair Display",Georgia,serif!important;font-size:31px!important;font-style:normal!important;font-weight:500!important;letter-spacing:-.025em!important;line-height:1.15!important;margin:13px 0 16px!important;padding:0!important}
body #main-content .cli-difference-principle-body p{color:#3a4742!important;font-family:Inter,Arial,sans-serif!important;font-size:15px!important;font-weight:430!important;line-height:1.73!important;margin:0!important;max-width:500px}
body #main-content .cli-difference-comparison{background:#eef2f0!important;padding:88px 0 96px!important}
body #main-content .cli-difference-comparison-heading-row{margin-bottom:42px!important}
body #main-content .cli-difference-table-wrap{background:#fff;border-top:0;box-shadow:0 14px 32px rgba(14,35,29,.08);overflow-x:auto}
body #main-content .cli-difference-table table{border-collapse:collapse!important;border-spacing:0!important;margin:0!important;min-width:900px!important;width:100%!important}
body #main-content .cli-difference-table caption{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
body #main-content .cli-difference-table th,
body #main-content .cli-difference-table td{border:0!important;border-bottom:1px solid #d8dfdc!important;font-family:Inter,Arial,sans-serif!important;text-align:left!important;vertical-align:top!important}
body #main-content .cli-difference-table thead th{background:#04342c!important;color:#fff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.11em!important;line-height:1.35!important;padding:19px 22px!important;text-transform:uppercase}
body #main-content .cli-difference-table tbody th{color:#14342c!important;font-size:14px!important;font-weight:760!important;line-height:1.45!important;padding:21px 22px!important;width:18%}
body #main-content .cli-difference-table tbody td{color:#3b4742!important;font-size:14px!important;font-weight:430!important;line-height:1.62!important;padding:21px 22px!important;width:41%}
body #main-content .cli-difference-table tbody tr:last-child th,
body #main-content .cli-difference-table tbody tr:last-child td{border-bottom:0!important}
body #main-content .cli-difference-table tbody td:last-child{background:#f4f7f5;color:#173c33!important;font-weight:570!important}
body #main-content .cli-difference-continuity{background:#0b0d0c!important;padding:88px 0 92px!important}
body #main-content .cli-difference-continuity-col{max-width:1020px!important}
body #main-content .cli-difference-continuity-label p{color:#a8d1c6!important}
body #main-content .cli-difference-continuity-title h2{color:#fff!important;font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(44px,4.4vw,56px)!important;font-style:normal!important;font-weight:500!important;letter-spacing:-.025em!important;line-height:1.06!important;margin:19px 0 28px!important;max-width:1000px;padding:0!important}
body #main-content .cli-difference-continuity-copy{max-width:780px}
body #main-content .cli-difference-continuity-copy p{color:#d4dfdb!important;font-family:Inter,Arial,sans-serif!important;font-size:18px!important;font-weight:430!important;line-height:1.7!important;margin:0!important}
body #main-content .cli-difference-continuity-col>.et_pb_button_module_wrapper{display:inline-block!important;margin:34px 14px 0 0!important}
@media(max-width:980px){
body #main-content .cli-difference-hero-row,
body #main-content .cli-difference-definition-row{flex-wrap:wrap!important}
body #main-content .cli-difference-hero-copy,
body #main-content .cli-difference-hero-panel,
body #main-content .cli-difference-definition-heading-col,
body #main-content .cli-difference-definition-copy-col{flex:0 0 100%!important;max-width:none!important;width:100%!important}
body #main-content .cli-difference-hero-row,
body #main-content .cli-difference-definition-row{gap:46px!important}
body #main-content .cli-difference-hero-panel{padding:44px!important}
body #main-content .cli-difference-principle{padding-right:34px!important}
body #main-content .cli-difference-principle+.cli-difference-principle{padding-left:34px!important}
}
@media(max-width:700px){
body #main-content .cli-difference-hero-row,
body #main-content .cli-difference-definition-row,
body #main-content .cli-difference-principles-heading-row,
body #main-content .cli-difference-principles-row,
body #main-content .cli-difference-comparison-heading-row,
body #main-content .cli-difference-table-row,
body #main-content .cli-difference-continuity-row{width:calc(100% - 36px)!important}
body #main-content .cli-difference-hero{padding:56px 0 68px!important}
body #main-content .cli-difference-hero-title h1{font-size:47px!important}
body #main-content .cli-difference-hero-lead p{font-size:18px!important;line-height:1.58!important}
body #main-content .cli-difference-hero-panel{padding:36px 28px!important}
body #main-content .cli-difference-definition,
body #main-content .cli-difference-principles,
body #main-content .cli-difference-comparison,
body #main-content .cli-difference-continuity{padding-bottom:70px!important;padding-top:66px!important}
body #main-content .cli-difference-section-heading h2{font-size:38px!important}
body #main-content .cli-difference-definition-copy p,
body #main-content .cli-difference-section-intro p{font-size:16px!important}
body #main-content .cli-difference-definition-note p{font-size:22px!important}
body #main-content .cli-difference-principles-row{flex-wrap:wrap!important}
body #main-content .cli-difference-principle,
body #main-content .cli-difference-principle+.cli-difference-principle{border-left:0!important;flex:0 0 100%!important;padding:32px 0 35px!important;width:100%!important}
body #main-content .cli-difference-principle+.cli-difference-principle{border-top:1px solid #d8dfdc!important}
body #main-content .cli-difference-table-wrap{background:transparent;border-top:0;box-shadow:none;overflow:visible}
body #main-content .cli-difference-table table,
body #main-content .cli-difference-table tbody,
body #main-content .cli-difference-table tr,
body #main-content .cli-difference-table th,
body #main-content .cli-difference-table td{display:block!important;min-width:0!important;width:100%!important}
body #main-content .cli-difference-table thead{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
body #main-content .cli-difference-table tbody tr{background:#fff;border-top:4px solid #04342c;box-shadow:0 10px 24px rgba(14,35,29,.07);margin-bottom:22px;padding:20px 20px 18px}
body #main-content .cli-difference-table tbody th,
body #main-content .cli-difference-table tbody td{background:transparent!important;border:0!important;padding:6px 0!important}
body #main-content .cli-difference-table tbody th{border-bottom:1px solid #d8dfdc!important;font-family:"Playfair Display",Georgia,serif!important;font-size:25px!important;font-weight:500!important;margin-bottom:10px;padding-bottom:12px!important}
body #main-content .cli-difference-table tbody td:before{color:#6b7772;content:attr(data-label);display:block;font-size:9px;font-weight:800;letter-spacing:.11em;margin-bottom:3px;text-transform:uppercase}
body #main-content .cli-difference-table tbody td+td{margin-top:12px}
body #main-content .cli-difference-continuity-title h2{font-size:38px!important}
body #main-content .cli-difference-continuity-copy p{font-size:16px!important}
body #main-content .cli-difference-continuity-col>.et_pb_button_module_wrapper{display:block!important;margin:16px 0 0!important}
body #main-content .cli-difference-continuity-col>.et_pb_button_module_wrapper:first-of-type{margin-top:30px!important}
body #main-content .cli-difference-continuity-col .cli-difference-cta{box-sizing:border-box!important;text-align:center;width:100%}
}
/* CLI_DIFFERENCE_PAGE_END */
/* CLI_DIRECTOR_PORTRAIT_PROTECTION_START */
body:not(.et-fb) #main-content .cli-structure-director-image,
body:not(.et-fb) #main-content .cli-structure-director-image .et_pb_image_wrap,
body:not(.et-fb) #main-content .cli-structure-director-image img {
-webkit-touch-callout: none !important;
-webkit-user-drag: none !important;
-webkit-user-select: none !important;
pointer-events: none !important;
user-select: none !important;
}
/* CLI_DIRECTOR_PORTRAIT_PROTECTION_END */
/* CLI_FLUID_FOOTER_LAYOUT_START
* Keep footer navigation readable at intermediate device widths.
* Desktop: brand + three navigation columns.
* Tablet: brand on its own row, followed by content-sized navigation columns.
* Narrow tablet: About spans the row; Cham and Institute share the next row.
* Phone: every group stacks at full width.
*/
@media (max-width: 1100px) and (min-width: 851px) {
body .cli-global-footer-row > .cli-global-footer-brand {
margin: 0 0 56px !important;
}
body .cli-global-footer-nav {
box-sizing: border-box !important;
flex: 1 1 260px !important;
min-width: 0 !important;
width: auto !important;
}
}
@media (max-width: 850px) and (min-width: 701px) {
body .cli-global-footer-row > .cli-global-footer-brand {
margin: 0 0 56px !important;
}
body .cli-global-footer-nav {
box-sizing: border-box !important;
flex: 0 0 50% !important;
min-height: 0 !important;
min-width: 0 !important;
padding-bottom: 34px !important;
width: 50% !important;
}
body .cli-global-footer-brand + .cli-global-footer-nav {
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
flex-basis: 100% !important;
margin-bottom: 34px !important;
width: 100% !important;
}
}
@media (max-width: 700px) {
body .cli-global-footer-row > .cli-global-footer-brand {
margin: 0 0 32px !important;
}
body .cli-global-footer-brand,
body .cli-global-footer-nav {
box-sizing: border-box !important;
flex-basis: 100% !important;
min-width: 0 !important;
width: 100% !important;
}
body .cli-global-footer-links,
body .cli-global-footer-links a {
max-width: 100% !important;
overflow-wrap: anywhere;
}
}
/* CLI_FLUID_FOOTER_LAYOUT_END */