). */
.pa-v2-nav__item--has-sub:hover > .pa-v2-nav__sub,
.pa-v2-nav__item--has-sub:focus-within > .pa-v2-nav__sub {
display: block;
}
.pa-v2-nav__sub-item {
padding: 0;
}
.pa-v2-nav__sub-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px 8px;
border-radius: 8px;
font-size: 16px;
font-weight: 500;
color: var(--pa-v2-text);
}
.pa-v2-nav__sub-link:hover,
.pa-v2-nav__sub-link:focus-visible {
background: rgba(29, 47, 109, 0.02);
color: var(--pa-v2-green);
}
.pa-v2-nav__link--mega-target {
cursor: pointer;
}
}
.pa-v2-nav__sub-toggle {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 6px;
background: transparent;
cursor: pointer;
color: var(--pa-v2-navy);
transition: background-color 0.15s ease, transform 0.2s ease;
}
.pa-v2-nav__sub-toggle:hover,
.pa-v2-nav__sub-toggle:focus-visible {
background: rgba(29, 47, 109, 0.06);
outline: none;
}
.pa-v2-nav__sub-toggle-icon,
.pa-v2-nav__mega-toggle-icon {
display: block;
width: 8px;
height: 8px;
border: 0;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: rotate(135deg);
transition: transform 0.2s ease;
}
.pa-v2-nav__item--has-sub.is-open .pa-v2-nav__sub-toggle-icon,
.pa-v2-nav__item--has-mega.is-open .pa-v2-nav__mega-toggle-icon {
transform: rotate(-45deg);
}
.pa-v2-nav__mega-toggle {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 6px;
background: transparent;
cursor: pointer;
color: var(--pa-v2-navy);
transition: background-color 0.15s ease, transform 0.2s ease;
}
.pa-v2-nav__mega-toggle:hover,
.pa-v2-nav__mega-toggle:focus-visible {
background: rgba(29, 47, 109, 0);
outline: none;
}
.pa-v2-nav__sub {
list-style: none;
margin: 0;
padding: 0 8px 0 8px;
border-left: 2px solid rgba(29, 47, 109, 0.12);
}
.pa-v2-nav__sub-item {
list-style: none;
margin: 0;
padding: 4px 0;
}
.pa-v2-nav__sub-link {
font-size: 16px;
font-weight: 400;
line-height: 1.35;
color: var(--pa-v2-text);
text-decoration: none;
}
.pa-v2-nav__sub-link:hover,
.pa-v2-nav__sub-link:focus-visible {
color: var(--pa-v2-green);
}
.pa-v2__nav .pa-v2-nav__list > li > a,
.pa-v2-nav__list > li > a,
.pa-v2__nav .pa-v2-nav__list > li > .pa-v2-nav__item-row > a,
.pa-v2-nav__list > li > .pa-v2-nav__item-row > a {
color: var(--pa-v2-text);
text-decoration: none;
font-weight: 500;
font-size: 18px;
line-height: 1.1;
letter-spacing: 0;
position: relative;
transition: color 0.2s ease;
}
.pa-v2__nav .pa-v2-nav__list > li > a::after,
.pa-v2-nav__list > li > a::after,
.pa-v2__nav .pa-v2-nav__list > li > .pa-v2-nav__item-row > a::after,
.pa-v2-nav__list > li > .pa-v2-nav__item-row > a::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
background-color: var(--pa-v2-green);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.28s ease;
}
.pa-v2__nav .pa-v2-nav__list > li > a:hover,
.pa-v2-nav__list > li > a:hover,
.pa-v2__nav .pa-v2-nav__list > li > .pa-v2-nav__item-row > a:hover,
.pa-v2-nav__list > li > .pa-v2-nav__item-row > a:hover,
.pa-v2__nav .pa-v2-nav__list > li > a:focus-visible,
.pa-v2-nav__list > li > a:focus-visible,
.pa-v2__nav .pa-v2-nav__list > li > .pa-v2-nav__item-row > a:focus-visible,
.pa-v2-nav__list > li > .pa-v2-nav__item-row > a:focus-visible {
color: var(--pa-v2-green);
}
.pa-v2__nav .pa-v2-nav__list > li > a:hover::after,
.pa-v2-nav__list > li > a:hover::after,
.pa-v2__nav .pa-v2-nav__list > li > .pa-v2-nav__item-row > a:hover::after,
.pa-v2-nav__list > li > .pa-v2-nav__item-row > a:hover::after,
.pa-v2__nav .pa-v2-nav__list > li > a:focus-visible::after,
.pa-v2-nav__list > li > a:focus-visible::after,
.pa-v2__nav .pa-v2-nav__list > li > .pa-v2-nav__item-row > a:focus-visible::after,
.pa-v2-nav__list > li > .pa-v2-nav__item-row > a:focus-visible::after {
transform: scaleX(1);
}
@media (min-width: 1280px) {
.pa-v2__nav-shell,
.pa-v2__nav .pa-v2-nav__list,
.pa-v2-nav__list {
gap: 50px;
}
}
.pa-v2__ctas {
display: flex;
align-items: center;
gap: 50px;
flex-shrink: 0;
}
/* --- Buttons (shared) --- */
.pa-v2__btn,
.pa-v2 .button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
padding: 12px 30px;
font-family: var(--pa-v2-font-sans);
font-weight: 700 !important;
font-size: 16px !important;
font-style: normal;
line-height: 1 !important;
letter-spacing: 0 !important;
text-decoration: none;
border-radius: 5px;
border: 2px solid transparent;
box-sizing: border-box;
cursor: pointer;
transition:
background-color 0.15s ease,
color 0.15s ease,
border-color 0.15s ease;
}
/* Blue button 1 (default when no green/white modifier) */
.pa-v2__btn--blue-1,
.pa-v2 .button--blue-1,
.pa-v2__btn:not(.pa-v2__btn--green-1):not(.pa-v2__btn--white-1),
.pa-v2 .button:not(.button--green-1):not(.button--white-1):not(.wp-block-button__link):not(.wp-element-button) {
background-color: var(--pa-v2-navy);
color: var(--pa-v2-white);
border-color: var(--pa-v2-navy);
}
.pa-v2__btn--blue-1:hover,
.pa-v2__btn--blue-1:focus-visible,
.pa-v2 .button--blue-1:hover,
.pa-v2 .button--blue-1:focus-visible,
.pa-v2__btn:not(.pa-v2__btn--green-1):not(.pa-v2__btn--white-1):hover,
.pa-v2__btn:not(.pa-v2__btn--green-1):not(.pa-v2__btn--white-1):focus-visible,
.pa-v2 .button:not(.button--green-1):not(.button--white-1):not(.wp-block-button__link):not(.wp-element-button):hover,
.pa-v2 .button:not(.button--green-1):not(.button--white-1):not(.wp-block-button__link):not(.wp-element-button):focus-visible {
background-color: var(--pa-v2-white) !important;
color: var(--pa-v2-navy) !important;
border: 2px solid var(--pa-v2-navy) !important;
}
/* Green button 1 */
.pa-v2__btn--green-1,
.pa-v2 .button--green-1 {
background-color: var(--pa-v2-green);
color: var(--pa-v2-navy);
border-color: var(--pa-v2-green);
}
.pa-v2__btn--green-1:hover,
.pa-v2__btn--green-1:focus-visible,
.pa-v2 .button--green-1:hover,
.pa-v2 .button--green-1:focus-visible {
background-color: var(--pa-v2-white) !important;
color: var(--pa-v2-navy) !important;
border: 2px solid var(--pa-v2-green) !important;
}
/* White / outline button 1 */
.pa-v2__btn--white-1,
.pa-v2 .button--white-1 {
background-color: var(--pa-v2-white);
color: var(--pa-v2-navy);
border-color: var(--pa-v2-navy);
}
.pa-v2__btn--white-1:hover,
.pa-v2__btn--white-1:focus-visible,
.pa-v2 .button--white-1:hover,
.pa-v2 .button--white-1:focus-visible {
background-color: var(--pa-v2-white) !important;
color: var(--pa-v2-navy) !important;
border: 2px solid var(--pa-v2-green) !important;
}
.pa-v2__btn-arrow {
font-weight: 700;
}
/* Mega menu (full header width; CB = .pa-v2__header; open state via .is-open + JS) */
.pa-v2-mega {
font-family: var(--pa-v2-font-lato);
display: grid;
grid-template-columns: minmax(0, 33%) minmax(0, 1fr);
align-items: stretch;
align-content: stretch;
min-height: 280px;
position: absolute;
left: 0;
right: 0;
width: auto;
top: 100%;
margin: 0;
padding: 0;
z-index: 5000;
background: var(--pa-v2-mega-bg);
box-shadow: 0 24px 48px rgba(20, 30, 60, 0.08);
border-radius: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-10px);
transition:
opacity 0.28s ease,
transform 0.28s ease,
visibility 0s linear 0.28s;
}
.pa-v2-nav__item--has-mega.is-open .pa-v2-mega {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
transition:
opacity 0.28s ease,
transform 0.28s ease,
visibility 0s linear 0s;
}
.pa-v2-nav__item--has-mega.is-open .pa-v2-nav__link--mega-target {
color: var(--pa-v2-green);
}
.pa-v2-nav__item--has-mega.is-open .pa-v2-nav__link--mega-target::after {
transform: scaleX(1);
}
/* Desktop: dim page below header while a mega panel is open (:has needs a modern browser). */
@media (min-width: 961px) {
html body.pa-v2:has(.pa-v2-nav__item--has-mega.is-open) .pa-v2__main {
position: relative;
isolation: isolate;
}
html body.pa-v2:has(.pa-v2-nav__item--has-mega.is-open) .pa-v2__main::after {
content: "";
position: fixed;
left: 0;
right: 0;
top: var(--pa-v2-header-h);
bottom: 0;
z-index: 10;
pointer-events: none;
background: #03092040;
}
}
/* Children of .pa-v2-mega__inner participate in the outer grid (full-width strip). */
.pa-v2-mega__inner {
display: contents;
}
.pa-v2-mega__media {
background: #dfe3e8;
min-height: 100%;
height: 100%;
align-self: stretch;
overflow: hidden;
}
.pa-v2-mega__media--placeholder {
background: linear-gradient(135deg, #dfe8e4 0%, #c5d5cf 100%);
}
.pa-v2-mega__img-el {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pa-v2-mega__body {
box-sizing: border-box;
padding: 40px 20px;
}
@media (min-width: 1600px) {
.pa-v2-mega__body {
padding: 112px clamp(20px, 4vw, 48px) 112px 115px;
}
}
@media (min-width: 1280px) and (max-width: 1600px) {
.pa-v2-mega__body {
padding: 112px clamp(20px, 4vw, 48px) 112px 60px;
}
}
@media (min-width: 961px) and (max-width: 1280px) {
.pa-v2-mega__body {
padding: 80px clamp(20px, 4vw, 48px) 80px 40px;
}
}
@media (min-width: 961px) and (max-width: 1600px) {
.pa-v2-mega{
grid-template-columns: minmax(0, 25%) minmax(0, 1fr);
}
}
.pa-v2-mega__title {
font-family: var(--pa-v2-font-sans);
font-size: 35px;
font-weight: 600;
font-style: normal;
line-height: 1.1;
letter-spacing: 0;
margin: 0 0 15px;
color: var(--pa-v2-text);
}
.pa-v2-mega__title-link {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.pa-v2-mega__title-link:hover,
.pa-v2-mega__title-link:focus-visible {
color: var(--pa-v2-green);
}
.pa-v2-mega__desc {
margin: 0 0 24px;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 1.4;
letter-spacing: 0;
color: var(--pa-v2-text);
max-width: 594px;
}
.pa-v2-mega__cols {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px 24px;
}
.pa-v2-mega__list {
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
.pa-v2-mega__list li {
margin-bottom: 15px;
list-style: none;
list-style-type: none;
}
.pa-v2-mega__link {
display: inline-flex;
align-items: flex-start;
gap: 6px;
font-family: var(--pa-v2-font-sans);
font-size: 16px;
font-weight: 700;
font-style: normal;
line-height: 1;
letter-spacing: 0;
color: var(--pa-v2-text);
text-decoration: none;
position: relative;
}
.pa-v2-mega__link::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
background-color: currentColor;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.28s ease;
}
.pa-v2-mega__link:hover::after,
.pa-v2-mega__link:focus-visible::after {
transform: scaleX(1);
}
.pa-v2-mega__link:hover,
.pa-v2-mega__link:focus-visible {
text-decoration: none;
color: var(--pa-v2-text);
}
.pa-v2-mega__arrow {
flex-shrink: 0;
opacity: 1;
}
/* Main */
.pa-v2__main {
min-height: 40vh;
padding-top: 0;
margin-top: 0;
}
.pa-v2__home-article,
.pa-v2__page-article {
padding-top: 0;
margin-top: 0;
}
.pa-v2__home-inner,
.pa-v2__page-inner {
max-width: var(--pa-v2-max);
margin: 0 auto;
padding: 0 24px;
}
.pa-v2__main .entry-content {
font-family: var(--pa-v2-font-lato);
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 1.4;
letter-spacing: 0;
}
/* Dark band / section: white text on navy (e.g. homepage strips) */
.pa-v2-surface--dark {
background-color: var(--pa-v2-navy);
color: var(--pa-v2-text-on-dark);
}
.pa-v2-surface--dark :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
color: inherit;
}
.pa-v2-surface--dark .eyebrow {
color: inherit;
}
.pa-v2-surface--dark .link,
.pa-v2-surface--dark .entry-content :is(a):where(:not(.pa-v2__btn):not(.button):not(.wp-block-button__link):not(.wp-element-button)) {
color: var(--pa-v2-text-on-dark);
text-decoration: underline;
text-underline-offset: 0.12em;
}
/* --- Footer (dark surface → white text) --- */
.pa-v2__footer {
font-family: var(--pa-v2-font-sans);
background: var(--pa-v2-navy);
color: rgba(255, 255, 255, 0.92);
margin-top: auto;
}
.pa-v2__footer-shell {
max-width: 1480px;
margin: 0 auto;
padding: 94px clamp(20px, 4vw, 40px) 64px;
box-sizing: border-box;
}
.pa-v2__footer-main {
--pa-v2-footer-gap: clamp(24px, 4vw, 48px);
display: flex;
flex-wrap: wrap;
gap: var(--pa-v2-footer-gap);
align-items: flex-start;
}
.pa-v2__footer-left {
flex: 0 0 calc(35% - var(--pa-v2-footer-gap) / 2);
min-width: 0;
}
.pa-v2__footer-right {
flex: 0 0 calc(65% - var(--pa-v2-footer-gap) / 2);
min-width: 0;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(20px, 2.5vw, 40px);
}
@media (min-width: 1024px) {
.pa-v2__footer-main {
--pa-v2-footer-gap: 150px;
}
}
.pa-v2__footer-tagline {
font-family: var(--pa-v2-font-sans);
font-size: clamp(1.05rem, 2vw, 1.2rem);
font-weight: 700;
line-height: 1.35;
margin: 0 0 20px;
color: var(--pa-v2-text-on-dark);
}
.pa-v2__footer-tagline br {
line-height: inherit;
}
.pa-v2__social {
display: flex;
flex-wrap: wrap;
gap: 10px;
list-style: none;
list-style-type: none;
margin: 0 0 28px;
padding: 0;
}
.pa-v2__social li {
list-style: none;
list-style-type: none;
}
.pa-v2__social-link {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background: var(--pa-v2-navy);
text-decoration: none;
overflow: hidden;
box-sizing: border-box;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.pa-v2__social-icon {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.pa-v2__social-link:hover,
.pa-v2__social-link:focus-visible {
opacity: 0.92;
transform: scale(1.04);
}
.pa-v2__footer-mark {
font-family: var(--pa-v2-font-lato);
font-size: clamp(3rem, 8vw, 4.5rem);
font-weight: 400;
color: rgba(255, 255, 255, 0.35);
line-height: 1;
margin-top: 8px;
}
.pa-v2__footer-heading.pa-v2__footer-heading--desk {
font-family: var(--pa-v2-font-sans);
font-size: 18px;
font-weight: 600;
font-style: normal;
line-height: 1.1;
letter-spacing: 0;
margin: 0 0 15px;
color: var(--pa-v2-text-on-dark);
}
.pa-v2__footer-accordion-trigger {
display: none;
}
.pa-v2__footer-accordion-icon {
display: block;
width: 10px;
height: 10px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
flex-shrink: 0;
opacity: 0.85;
transition: transform 0.25s ease;
}
.pa-v2__footer-col.is-open .pa-v2__footer-accordion-icon {
transform: rotate(225deg);
margin-top: 2px;
}
.pa-v2__footer-list {
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
.pa-v2__footer-list li {
margin-bottom: 10px;
list-style: none;
list-style-type: none;
}
.pa-v2__footer-list a {
display: inline-block;
position: relative;
font-family: var(--pa-v2-font-lato);
color: rgba(255, 255, 255, 0.88);
font-size: 14px;
font-weight: 400;
line-height: 1.35;
text-decoration: none;
padding-bottom: 2px;
}
.pa-v2__footer-list a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
transform: scaleX(0);
transform-origin: left center;
opacity: 0;
transition:
transform 0.3s ease,
opacity 0.3s ease;
pointer-events: none;
}
.pa-v2__footer-list a:hover::after,
.pa-v2__footer-list a:focus-visible::after {
transform: scaleX(1);
opacity: 1;
}
.pa-v2__footer-list a:hover,
.pa-v2__footer-list a:focus-visible {
text-decoration: none;
color: rgba(255, 255, 255, 0.95);
}
.pa-v2__footer-empty {
margin: 0;
font-size: 0.8125rem;
color: rgba(255, 255, 255, 0.45);
line-height: 1.4;
}
.pa-v2__footer-bar {
color: var(--pa-v2-green);
}
.pa-v2__footer-bar-shell {
max-width: 1480px;
margin: 0 auto;
padding: 18px clamp(20px, 4vw, 40px);
box-sizing: border-box;
border-top: 1px solid rgba(192, 229, 217, 0.35);
}
.pa-v2__footer-bar-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 24px;
font-size: 0.8125rem;
color: var(--pa-v2-green);
}
.pa-v2__footer-bar .pa-v2__footer-legal,
.pa-v2__footer-bar .pa-v2__footer-credit {
color: var(--pa-v2-green);
}
.pa-v2__footer-legal {
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.pa-v2__footer-legal a {
color: inherit;
text-decoration: none;
}
.pa-v2__footer-legal a:hover,
.pa-v2__footer-legal a:focus-visible {
text-decoration: underline;
text-underline-offset: 0.12em;
}
.pa-v2__footer-sep {
opacity: 0.65;
margin: 0 2px;
color: var(--pa-v2-green);
}
.pa-v2__footer-credit {
margin: 0;
color: var(--pa-v2-green);
}
.pa-v2__footer-credit a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.12em;
}
.pa-v2__footer-credit a:hover,
.pa-v2__footer-credit a:focus-visible {
color: var(--pa-v2-green);
}
/* Mobile */
@media (max-width: 1024px) {
.pa-v2-mega__cols {
grid-template-columns: 1fr 1fr;
}
.pa-v2__footer-main {
flex-direction: column;
}
.pa-v2__footer-left,
.pa-v2__footer-right {
flex: 1 1 100%;
width: 100%;
max-width: 100%;
}
.pa-v2__footer-right {
grid-template-columns: 1fr 1fr;
gap: 32px 40px;
}
}
@media (max-width: 960px) {
.pa-v2__drawer-close {
display: inline-flex;
}
.pa-v2__nav-shell .pa-v2__nav .pa-v2-nav__list > li > a::after,
.pa-v2__nav-shell .pa-v2-nav__list > li > a::after,
.pa-v2__nav-shell .pa-v2__nav .pa-v2-nav__list > li > .pa-v2-nav__item-row > a::after,
.pa-v2__nav-shell .pa-v2-nav__list > li > .pa-v2-nav__item-row > a::after {
display: none !important;
content: none !important;
}
.pa-v2__nav-shell .pa-v2__nav .pa-v2-nav__list > li > a:hover,
.pa-v2__nav-shell .pa-v2-nav__list > li > a:hover,
.pa-v2__nav-shell .pa-v2__nav .pa-v2-nav__list > li > .pa-v2-nav__item-row > a:hover,
.pa-v2__nav-shell .pa-v2-nav__list > li > .pa-v2-nav__item-row > a:hover,
.pa-v2__nav-shell .pa-v2__nav .pa-v2-nav__list > li > a:focus-visible,
.pa-v2__nav-shell .pa-v2-nav__list > li > a:focus-visible,
.pa-v2__nav-shell .pa-v2__nav .pa-v2-nav__list > li > .pa-v2-nav__item-row > a:focus-visible,
.pa-v2__nav-shell .pa-v2-nav__list > li > .pa-v2-nav__item-row > a:focus-visible {
color: var(--pa-v2-text);
}
.pa-v2__nav-shell .pa-v2-nav__item--has-mega.is-open > .pa-v2-nav__item-row .pa-v2-nav__link--mega-target {
color: var(--pa-v2-green) !important;
}
.pa-v2__nav-toggle {
display: flex;
order: 2;
margin-left: auto;
}
.pa-v2__header-inner > .pa-v2__logo {
order: 1;
}
.pa-v2__nav-shell {
order: 3;
position: fixed;
inset: 0 0 0 auto;
width: min(100%, 380px);
max-width: 100%;
min-height: 100vh;
min-height: 100dvh;
background: var(--pa-v2-white);
flex: 0 0 auto;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
padding: calc(40px) 20px 28px;
box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12);
transform: translateX(100%);
transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1500;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.pa-v2__header--open .pa-v2__nav-shell {
transform: translateX(0);
}
/* Let menu + open mega/sub panels grow the drawer; whole shell scrolls (no inner nav scroll trap). */
.pa-v2__nav {
flex: 0 0 auto;
width: 100%;
min-height: 0;
overflow: visible;
}
.pa-v2__nav .pa-v2-nav__list,
.pa-v2-nav__list {
flex-direction: column;
align-items: stretch;
gap: 0;
width: 100%;
}
.pa-v2-nav__item-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
width: 100%;
min-width: 0;
}
.pa-v2-nav__item-row .pa-v2-nav__link--top,
.pa-v2-nav__item-row .pa-v2-nav__link--mega-target {
flex: 1;
min-width: 0;
}
.pa-v2-nav__list > li {
width: 100%;
border-bottom: 1px solid rgba(29, 47, 109, 0.08);
padding: 10px 0;
flex-direction: column;
align-items: stretch;
}
.pa-v2__nav .pa-v2-nav__list a,
.pa-v2-nav__list a {
display: block;
padding: 6px 0;
}
.pa-v2-nav__sub {
max-height: 0;
overflow: hidden;
padding: 0 0 0 12px;
border-left: 2px solid rgba(29, 47, 109, 0.12);
transition: max-height 0.35s ease, padding-bottom 0.35s ease, margin-top 0.35s ease;
}
.pa-v2-nav__item--has-sub.is-open .pa-v2-nav__sub {
max-height: 2400px;
padding-bottom: 10px;
margin-top: 4px;
}
.pa-v2-mega {
position: static;
width: 100%;
margin-top: 8px;
box-shadow: none;
display: none;
grid-template-columns: 1fr;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
transition: none;
background: var(--pa-v2-white) !important;
border-radius: 0;
overflow: hidden;
}
.pa-v2-mega__media,
.pa-v2-mega__media--placeholder,
.pa-v2-mega__title,
.pa-v2-mega__title-link,
.pa-v2-mega__desc {
display: none !important;
}
.pa-v2-mega__inner {
display: flex;
flex-direction: column;
}
.pa-v2-mega__body {
padding: 12px 14px 14px !important;
}
.pa-v2-nav__item--has-mega.is-open .pa-v2-mega {
display: block !important;
position: static !important;
inset: auto !important;
left: auto !important;
right: auto !important;
top: auto !important;
width: 100% !important;
min-height: 0 !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: none !important;
z-index: auto !important;
}
.pa-v2__nav-shell .pa-v2-mega__arrow {
display: none !important;
}
.pa-v2-mega__cols {
grid-template-columns: 1fr;
gap: 0;
}
.pa-v2__nav-shell .pa-v2-mega .pa-v2-mega__list {
margin: 0;
padding: 0;
}
.pa-v2__nav-shell .pa-v2-mega .pa-v2-mega__list li {
margin: 0;
padding: 8px 0;
border-bottom: 1px solid rgba(29, 47, 109, 0.08);
}
.pa-v2__nav-shell .pa-v2-mega .pa-v2-mega__list li:last-child {
border-bottom: 0;
}
.pa-v2__nav-shell .pa-v2-mega .pa-v2-mega__link {
gap: 0 !important;
font-size: 16px !important;
font-weight: 500 !important;
color: var(--pa-v2-text) !important;
line-height: 1.2 !important;
}
.pa-v2__nav-shell .pa-v2-mega .pa-v2-mega__link::after {
display: none !important;
content: none !important;
}
.pa-v2__nav-shell .pa-v2-mega .pa-v2-mega__link:hover,
.pa-v2__nav-shell .pa-v2-mega .pa-v2-mega__link:focus-visible {
color: var(--pa-v2-green) !important;
}
.pa-v2__ctas {
flex-direction: column;
align-items: stretch;
margin-top: 0;
padding-top: 24px;
/* border-top: 1px solid rgba(29, 47, 109, 0.1); */
gap: 12px;
flex-shrink: 0;
}
.pa-v2__footer-credit{
padding-bottom: 0 !important;
}
.pa-v2__footer-accordion-panel{
padding-top: 12px;
}
.pa-v2__btn,
.pa-v2 .button {
justify-content: center;
width: 100%;
}
.pa-v2__footer-heading--desk {
display: none;
}
.pa-v2__footer-accordion-trigger {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
margin: 0;
padding: 14px 0;
border: 0;
border-radius: 0 !important;
border-bottom: 1px solid rgba(192, 229, 217, 0.22);
background: transparent;
cursor: pointer;
font-family: var(--pa-v2-font-sans);
font-size: 18px;
font-weight: 600;
font-style: normal;
line-height: 1.2;
letter-spacing: 0;
color: var(--pa-v2-text-on-dark);
text-align: left;
}
.pa-v2__footer-accordion-trigger:focus-visible {
outline: 2px solid var(--pa-v2-green);
outline-offset: 2px;
}
.pa-v2__footer-col {
min-width: 0;
}
.pa-v2__footer-right {
grid-template-columns: 1fr;
gap: 0;
}
.pa-v2__footer-accordion-panel {
padding-bottom: 8px;
}
}
@media (min-width: 961px) {
.pa-v2__footer-heading--mob {
display: none !important;
}
}
@media (max-width: 640px) {
.pa-v2-mega__cols {
grid-template-columns: 1fr;
}
.pa-v2__footer-main {
grid-template-columns: 1fr;
}
.pa-v2__footer-right {
grid-template-columns: 1fr;
gap: 18px;
}
.pa-v2__footer-shell {
padding-top: 64px;
padding-bottom: 48px;
}
.pa-v2__footer-bar-inner {
flex-direction: column;
align-items: flex-start;
}
}
/*
* -------------------------------------------------------------------------
* v2 vs Theme “Additional CSS” (Customizer) / global Salient-WPB rules
* (e.g. Spartan !important on .alt-title, Gravity Forms, #join-form).
* `html body.pa-v2` beats `html body h1` from library/css/style.css (Spartan).
* -------------------------------------------------------------------------
*/
html body.pa-v2 {
font-family: var(--pa-v2-font-lato) !important;
font-weight: 400 !important;
}
html body.pa-v2 #ajax-content-wrap.pa-v2-ajax-wrap {
overflow: visible !important;
}
html body.pa-v2 .pa-v2__main {
padding-top: 0 !important;
margin-top: 0 !important;
}
html body.pa-v2 .pa-v2__home-article,
html body.pa-v2 .pa-v2__page-article {
padding-top: 0 !important;
margin-top: 0 !important;
}
html body.pa-v2 .pa-v2__home-inner,
html body.pa-v2 .pa-v2__page-inner {
padding-top: 0 !important;
}
html body.pa-v2 .pa-v2 {
overflow: visible;
}
html body.pa-v2 .pa-v2__header,
html body.pa-v2 .pa-v2__nav,
html body.pa-v2 .pa-v2__ctas,
html body.pa-v2 .pa-v2-mega {
font-family: var(--pa-v2-font-sans) !important;
}
html body.pa-v2 .pa-v2__footer {
font-family: var(--pa-v2-font-sans) !important;
}
html body.pa-v2 .pa-v2__footer-mark {
font-family: var(--pa-v2-font-lato) !important;
}
html body.pa-v2 .pa-v2__footer-heading.pa-v2__footer-heading--desk,
html body.pa-v2 .pa-v2__footer .pa-v2__footer-accordion-trigger {
font-family: var(--pa-v2-font-sans) !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.1 !important;
border-radius: 0 !important;
}
html body.pa-v2 .pa-v2__footer-heading.pa-v2__footer-heading--desk {
margin-bottom: 15px !important;
}
html body.pa-v2 .pa-v2__footer .pa-v2__footer-list,
html body.pa-v2 .pa-v2__footer .pa-v2__footer-list li {
list-style: none !important;
list-style-type: none !important;
}
html body.pa-v2 .pa-v2__footer .pa-v2__social,
html body.pa-v2 .pa-v2__footer .pa-v2__social li {
list-style: none !important;
list-style-type: none !important;
}
html body.pa-v2 .pa-v2__footer .pa-v2__social {
gap: 10px !important;
}
html body.pa-v2 .pa-v2__footer .pa-v2__social-link {
width: 30px !important;
height: 30px !important;
}
html body.pa-v2 .pa-v2__footer-logo .pa-v2__logo-img {
width: 80px !important;
height: 80px !important;
max-width: 80px !important;
max-height: 80px !important;
}
/* library/css/style.css: `html body p, li, span, i, em { font-size: 13px }` — restore v2 footer sizes */
html body.pa-v2 .pa-v2__footer .pa-v2__footer-tagline {
margin-bottom: 32px;
}
html body.pa-v2 .pa-v2__footer .pa-v2__footer-tagline :is(em, strong) {
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}
html body.pa-v2 .pa-v2__footer .pa-v2__footer-tagline strong {
font-weight: 700 !important;
}
html body.pa-v2 .pa-v2__footer .pa-v2__footer-tagline em {
font-style: italic !important;
font-weight: inherit !important;
}
html body.pa-v2 .pa-v2__footer .pa-v2__footer-list a {
display: inline-block !important;
position: relative !important;
font-family: var(--pa-v2-font-lato) !important;
font-size: 14px !important;
font-weight: 400 !important;
text-decoration: none !important;
}
html body.pa-v2 .pa-v2__footer .pa-v2__footer-list li,
html body.pa-v2 .pa-v2__footer .pa-v2__footer-list li span,
html body.pa-v2 .pa-v2__footer .pa-v2__footer-list li i,
html body.pa-v2 .pa-v2__footer .pa-v2__footer-list li em {
font-family: var(--pa-v2-font-lato) !important;
font-size: 14px !important;
font-weight: 400 !important;
}
html body.pa-v2 .pa-v2__footer .pa-v2__footer-empty {
font-size: 13px !important;
}
html body.pa-v2 .pa-v2__footer-bar,
html body.pa-v2 .pa-v2__footer-bar .pa-v2__footer-bar-inner,
html body.pa-v2 .pa-v2__footer-bar .pa-v2__footer-legal,
html body.pa-v2 .pa-v2__footer-bar .pa-v2__footer-legal a,
html body.pa-v2 .pa-v2__footer-bar .pa-v2__footer-legal span,
html body.pa-v2 .pa-v2__footer-bar .pa-v2__footer-sep,
html body.pa-v2 .pa-v2__footer-bar .pa-v2__footer-credit,
html body.pa-v2 .pa-v2__footer-bar .pa-v2__footer-credit a,
html body.pa-v2 .pa-v2__footer-bar .pa-v2__footer-credit span,
html body.pa-v2 .pa-v2__footer-bar .pa-v2__footer-credit p,
html body.pa-v2 .pa-v2__footer-bar .pa-v2__footer-credit i,
html body.pa-v2 .pa-v2__footer-bar .pa-v2__footer-credit em {
font-size: 0.8125rem !important;
color: var(--pa-v2-green) !important;
}
html body.pa-v2 :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
font-family: var(--pa-v2-font-sans) !important;
}
html body.pa-v2 .eyebrow,
html body.pa-v2 .link {
font-family: var(--pa-v2-font-sans) !important;
}
html body.pa-v2 .large {
font-family: var(--pa-v2-font-lato) !important;
}
html body.pa-v2 .pa-v2__main .entry-content {
font-family: var(--pa-v2-font-lato) !important;
font-weight: 400 !important;
}
html body.pa-v2 .pa-v2__btn,
html body.pa-v2 .button:not(.wp-block-button__link):not(.wp-element-button) {
font-family: var(--pa-v2-font-sans) !important;
}
/*
* library/css/style.css sets font-size on tags: `html body p, li, span, i, em`.
* That applies to nested nodes, so parent rules (even with !important) do not
* replace it — only a rule on the same element wins. Re-assert on v2 chrome.
*/
html body.pa-v2 .pa-v2__header .pa-v2__logo :is(.pa-v2__logo-pure, .pa-v2__logo-advantage) {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
html body.pa-v2 .pa-v2__header .pa-v2__logo .pa-v2__logo-tm {
font-family: inherit !important;
font-size: 0.45em !important;
line-height: inherit !important;
}
html body.pa-v2 .pa-v2__header .pa-v2__btn :is(span) {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* Legacy builder blocks that forced Spartan */
html body.pa-v2 .alt-title h1,
html body.pa-v2 .alt-title h5,
html body.pa-v2 .alt-text h6 {
font-family: var(--pa-v2-font-sans) !important;
}
/* Gravity Forms (Customizer targets .gform-theme--foundation etc.) */
html body.pa-v2 .gform_wrapper input[type="text"],
html body.pa-v2 .gform_wrapper input[type="email"],
html body.pa-v2 .gform_wrapper input[type="tel"],
html body.pa-v2 .gform_wrapper input[type="url"],
html body.pa-v2 .gform_wrapper input[type="number"],
html body.pa-v2 .gform_wrapper input[type="password"],
html body.pa-v2 .gform_wrapper input[type="search"],
html body.pa-v2 .gform_wrapper input[type="date"],
html body.pa-v2 .gform_wrapper input[type="time"],
html body.pa-v2 .gform_wrapper select,
html body.pa-v2 .gform_wrapper textarea,
html body.pa-v2 .gform_wrapper label,
html body.pa-v2 .gform_wrapper .gfield_label,
html body.pa-v2 .gform_wrapper .gform-field-label,
html body.pa-v2 .gform_wrapper legend,
html body.pa-v2 .gform_wrapper .gsection_title,
html body.pa-v2 .gform_wrapper .gform_submission_error,
html body.pa-v2 .gform_wrapper .validation_message {
font-family: var(--pa-v2-font-lato) !important;
font-weight: 400 !important;
}
html body.pa-v2 .gform_wrapper input[type="submit"],
html body.pa-v2 .gform_wrapper input[type="button"],
html body.pa-v2 .gform_wrapper button[type="submit"],
html body.pa-v2 .gform_wrapper .gform_button.button,
html body.pa-v2 .gform_wrapper .gform_next_button.button {
font-family: var(--pa-v2-font-sans) !important;
}
html body.pa-v2 #join-form .gform-body .gfield .ginput_container input,
html body.pa-v2 #premier .gform-body .gfield .ginput_container input,
html body.pa-v2 #signatory .gform-body .gfield .ginput_container input,
html body.pa-v2 #join-form.light label,
html body.pa-v2 #premier.light label,
html body.pa-v2 #signatory.light label,
html body.pa-v2 #join-form.light legend,
html body.pa-v2 #premier.light legend,
html body.pa-v2 #signatory.light legend {
font-family: var(--pa-v2-font-lato) !important;
}
/* Salient #contents when present inside v2 main */
html body.pa-v2 .pa-v2__main #contents,
html body.pa-v2 .pa-v2__main #contents .inner-toggle-wrap p {
font-family: var(--pa-v2-font-lato) !important;
font-weight: 400 !important;
}
html body.pa-v2 .pa-v2__main #contents .toggle-heading {
font-family: var(--pa-v2-font-sans) !important;
}
/* library/css/style.css: `html body h1…h6 { font-family: Spartan !important; }` */
html body.pa-v2 h1,
html body.pa-v2 h2,
html body.pa-v2 h3,
html body.pa-v2 h4,
html body.pa-v2 h5,
html body.pa-v2 h6 {
font-family: var(--pa-v2-font-sans) !important;
}
/*
* library/css/style.css — `html body p, li, span, i, em { font-size: 13px }` and
* other global copy rules. Re-establish v2 body copy inside main + mega.
*/
html body.pa-v2 .pa-v2__main .entry-content {
font-family: var(--pa-v2-font-lato) !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0 !important;
}
/* html body.pa-v2 .pa-v2__main .entry-content *:not(svg):not(svg *):not(canvas):not(style):not(script):not(button):not(input):not(select):not(textarea):not(.pa-v2__btn):not(.pa-v2__btn *) {
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
font-weight: 400 !important;
letter-spacing: inherit !important;
} */
html body.pa-v2 .pa-v2__main .entry-content strong,
html body.pa-v2 .pa-v2__main .entry-content b {
font-weight: 700 !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
font-family: var(--pa-v2-font-sans) !important;
font-weight: 600 !important;
font-style: normal !important;
letter-spacing: 0 !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h1, .h1) {
font-size: 55px !important;
line-height: 1.1 !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h2, .h2) {
font-size: 45px !important;
line-height: 1.1 !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h3, .h3) {
font-size: 35px !important;
line-height: 1.1 !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h4, .h4) {
font-size: 28px !important;
line-height: 1.1 !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h5, .h5) {
font-size: 18px !important;
line-height: 1.1 !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h6, .h6) {
font-size: 16px !important;
line-height: 1.1 !important;
}
@media (max-width: 640px) {
html body.pa-v2 .pa-v2__main .entry-content :is(h1, .h1) {
font-size: 36px !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h2, .h2) {
font-size: 30px !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h3, .h3) {
font-size: 24px !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h4, .h4) {
font-size: 20px !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h5, .h5) {
font-size: 16px !important;
}
html body.pa-v2 .pa-v2__main .entry-content :is(h6, .h6) {
font-size: 14px !important;
}
}
html body.pa-v2 .pa-v2__main .entry-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) span,
html body.pa-v2 .pa-v2__main .entry-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) i,
html body.pa-v2 .pa-v2__main .entry-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) em {
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
font-weight: inherit !important;
}
html body.pa-v2 .pa-v2__main .entry-content .eyebrow {
font-family: var(--pa-v2-font-sans) !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1 !important;
}
html body.pa-v2 .pa-v2__main .entry-content .large {
font-family: var(--pa-v2-font-lato) !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
}
html body.pa-v2 .pa-v2__main .entry-content .large *:not(svg):not(svg *) {
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
font-weight: 400 !important;
}
html body.pa-v2 .pa-v2__main .entry-content .link,
html body.pa-v2 .pa-v2__main .entry-content a:not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.pa-v2__btn) {
font-family: var(--pa-v2-font-sans) !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
/*
* Post-card titles in main content: keep card spacing + heading link typography.
* Match/exceed specificity of `entry-content a:not(.button):not(...)` (each :not()
* adds a class in the cascade), so tie on classes and win by source order.
*/
html body.pa-v2 .pa-v2__main .entry-content .pa-section.pa-insights .pa-insights__grid .pa-article__title {
margin: 0 0 14px !important;
}
html body.pa-v2 .pa-v2__main .entry-content .pa-section.pa-insights .pa-insights__grid .pa-article__title a {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
}
html body.pa-v2 .pa-v2__main .entry-content .pa-section.pa-insights .pa-insights__grid .pa-article__title a:hover{
text-decoration: none !important;
}
html body.pa-v2 .pa-v2__main .entry-content .button,
html body.pa-v2 .pa-v2__main .entry-content .pa-v2__btn {
font-family: var(--pa-v2-font-sans) !important;
}
/* Main column: Salient/WPB wrappers that sit outside a single */
html body.pa-v2 .pa-v2__main :where(.wpb_text_column, .wpb_wrapper, .vc_row, .vc_column-inner) p,
html body.pa-v2 .pa-v2__main :where(.wpb_text_column, .wpb_wrapper) li {
font-family: var(--pa-v2-font-lato) !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
}
/* Mega panel body copy */
html body.pa-v2 .pa-v2-mega .pa-v2-mega__body,
html body.pa-v2 .pa-v2-mega .pa-v2-mega__desc,
html body.pa-v2 .pa-v2-mega .pa-v2-mega__list li {
font-family: var(--pa-v2-font-lato) !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
}
/* wpautop() wraps mega description in
— still matches `html body p { font-size: 13px }` */
html body.pa-v2 .pa-v2-mega .pa-v2-mega__desc :is(p, span, i, em),
html body.pa-v2 .pa-v2-mega .pa-v2-mega__body :is(p, span, i, em) {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
html body.pa-v2 .pa-v2-mega .pa-v2-mega__desc :is(i, em),
html body.pa-v2 .pa-v2-mega .pa-v2-mega__body :is(i, em) {
font-style: italic !important;
}
html body.pa-v2 .pa-v2-mega .pa-v2-mega__link :is(span, i, em) {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: 1.4 !important;
}
html body.pa-v2 .pa-v2-mega .pa-v2-mega__link :is(i, em) {
font-style: italic !important;
}
html body.pa-v2 .pa-v2-mega__title {
font-family: var(--pa-v2-font-sans) !important;
font-size: 35px !important;
font-weight: 600 !important;
line-height: 1.1 !important;
margin-bottom: 15px !important;
}
html body.pa-v2 .pa-v2-mega__title-link {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
color: inherit !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
html body.pa-v2 .pa-v2-mega__title-link:hover,
html body.pa-v2 .pa-v2-mega__title-link:focus-visible {
color: var(--pa-v2-green) !important;
}
html body.pa-v2 .pa-v2-mega__link {
font-family: var(--pa-v2-font-sans) !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
color: var(--pa-v2-text) !important;
}
html body.pa-v2 .pa-v2-mega__link:hover,
html body.pa-v2 .pa-v2-mega__link:focus-visible {
color: var(--pa-v2-text) !important;
text-decoration: none !important;
}
html body.pa-v2 .pa-v2-mega__list,
html body.pa-v2 .pa-v2-mega__list li {
list-style: none !important;
list-style-type: none !important;
}
html body.pa-v2 .pa-v2__nav .pa-v2-nav__list > li > a,
html body.pa-v2 .pa-v2-nav__list > li > a,
html body.pa-v2 .pa-v2__nav .pa-v2-nav__list > li > .pa-v2-nav__item-row > a,
html body.pa-v2 .pa-v2-nav__list > li > .pa-v2-nav__item-row > a {
font-size: 18px !important;
font-weight: 500 !important;
}
html body.pa-v2 .pa-v2__nav .pa-v2-nav__sub-link {
font-size: 16px !important;
font-weight: 400 !important;
}
/* ============================================================
* Home sections (S2–S8) — added for the v2 home build.
* Each section uses .pa-section as the outer wrapper.
* Use .pa-section--bleed for full-viewport-width sections.
* ============================================================ */
.pa-section {
position: relative;
padding: clamp(64px, 6vw, 96px) 0;
box-sizing: border-box;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.pa-section--bleed {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
}
.pa-section__inner {
width: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 0 clamp(20px, 4vw, 40px);
box-sizing: border-box;
}
/* Shared "→" inline link with mint underline */
.pa-link-arrow {
display: inline-block;
font-family: var(--pa-v2-font-sans);
font-size: 16px;
font-weight: 700;
line-height: 1.2;
color: var(--pa-v2-navy);
text-decoration: underline;
text-decoration-color: var(--pa-v2-green);
text-underline-offset: 0.2em;
text-decoration-thickness: 2px;
}
.pa-link-arrow:hover,
.pa-link-arrow:focus-visible {
color: var(--pa-v2-navy);
text-decoration-color: var(--pa-v2-navy);
}
.pa-v2-surface--dark .pa-link-arrow {
color: var(--pa-v2-green);
text-decoration-color: var(--pa-v2-green);
}
.pa-v2-surface--dark .pa-link-arrow:hover,
.pa-v2-surface--dark .pa-link-arrow:focus-visible {
color: var(--pa-v2-white);
text-decoration-color: var(--pa-v2-white);
}
/* Reusable image card (image bg + dark gradient + body) */
.pa-card {
position: relative;
isolation: isolate;
overflow: hidden;
border-radius: 5px;
background-color: var(--pa-v2-navy);
color: var(--pa-v2-white);
display: flex;
align-items: flex-end;
box-sizing: border-box;
}
a.pa-card {
text-decoration: none !important;
color: inherit;
cursor: pointer;
}
a.pa-card:focus-visible {
outline: 2px solid var(--pa-v2-green);
outline-offset: 3px;
}
.pa-card__media,
.pa-card__overlay {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
}
.pa-card__media {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.4s ease;
}
.pa-card:hover .pa-card__media {
transform: scale(1.04);
}
.pa-card__overlay {
background: linear-gradient(180deg, rgba(3, 9, 32, 0) 0%, rgba(3, 9, 32, 0) 40%, rgba(3, 9, 32, 0.78) 100%);
}
.pa-card__body {
padding: clamp(20px, 1.6vw, 28px);
width: 100%;
}
/* Shrink-wrap so the rule matches heading width (not full card). */
.pa-card__heading {
width: fit-content;
max-width: 100%;
}
.pa-card__heading .pa-card__title {
width: fit-content;
max-width: 100%;
}
.pa-card__title {
color: var(--pa-v2-white);
}
.pa-card__rule {
width: 100%;
height: 0;
margin: 12px 0;
padding: 0;
border: 0;
border-top: 1px solid rgba(255, 255, 255, 1);
box-sizing: border-box;
}
.pa-card__text {
font-family: var(--pa-v2-font-lato);
font-size: 16px;
line-height: 1.4;
color: rgba(255, 255, 255, 0.95);
margin: 0;
}
.pa-card__link {
display: inline-block;
margin-top: 14px;
font-family: var(--pa-v2-font-sans);
font-weight: 700;
color: var(--pa-v2-green);
text-decoration: underline;
text-underline-offset: 0.2em;
}
.pa-card__link:hover,
.pa-card__link:focus-visible {
color: #dff5ec;
}
/* ----- S2: Our Advantages ----- */
.pa-advantages {
background: var(--pa-v2-mega-bg);
}
.pa-advantages__header {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
align-items: end;
gap: clamp(24px, 3vw, 48px);
margin-bottom: clamp(28px, 3vw, 44px);
}
.pa-advantages__intro h2,
.pa-advantages__intro .h2 {
margin: 0 0 26px !important;
}
.pa-advantages__intro p,
.pa-advantages__intro .pa-advantages__intro-text {
max-width: 585px;
margin: 0;
font-size: 16px;
line-height: 1.5;
color: var(--pa-v2-text);
padding-bottom: 0 !important;
}
.pa-advantages__intro-text strong {
font-family: 'Lato' !important;
}
.pa-advantages__ctas {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 12px;
width: 100%;
max-width: 280px;
justify-self: end;
}
.pa-advantages__ctas .pa-v2__btn {
width: 100%;
justify-content: center;
}
.pa-advantages__row {
display: grid;
gap: clamp(12px, 1.2vw, 20px);
margin-top: clamp(12px, 1.2vw, 20px);
}
.pa-advantages__row--lg {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pa-advantages__row--sm {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* Card body copy max-width by card order (Figma). */
#advantages .pa-advantages__row--lg .pa-card:nth-child(1) .pa-card__text {
max-width: 309px;
}
#advantages .pa-advantages__row--lg .pa-card:nth-child(2) .pa-card__text {
max-width: 381px;
}
#advantages .pa-advantages__row--sm .pa-card:nth-child(1) .pa-card__text {
max-width: 263px;
}
#advantages .pa-advantages__row--sm .pa-card:nth-child(2) .pa-card__text {
max-width: 260px;
}
#advantages .pa-advantages__row--sm .pa-card:nth-child(3) .pa-card__text {
max-width: 255px;
}
.pa-card--lg {
min-height: 0;
aspect-ratio: 660 / 437;
}
.pa-card--sm {
min-height: 0;
aspect-ratio: 433 / 320;
}
@media (max-width: 960px) {
.pa-advantages__header {
grid-template-columns: minmax(0, 1fr);
}
.pa-advantages__ctas {
justify-content: flex-start;
}
.pa-advantages__row--lg,
.pa-advantages__row--sm {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 600px) {
.pa-advantages__ctas {
flex-direction: column;
align-items: stretch;
max-width: 100%;
}
.pa-advantages__ctas .pa-v2__btn {
width: 100%;
}
.pa-advantages .pa-card--lg,
.pa-advantages .pa-card--sm {
aspect-ratio: unset;
}
}
/* ----- S3: Stats Strip ----- */
.pa-stats {
min-height: 0;
color: var(--pa-v2-white);
background: var(--pa-v2-navy);
}
.pa-stats__bg,
.pa-stats__overlay {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
}
.pa-latest-campaign__body p.eyebrow {
padding-bottom: 3px;
}
.pa-stats__bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.pa-stats__overlay {
background: rgba(3, 9, 32, 0.2);
}
.pa-stats__inner {
position: relative;
z-index: 1;
}
.pa-stats__grid {
display: flex;
flex-wrap: wrap;
gap: clamp(12px, 1.2vw, 20px);
align-items: stretch;
}
.pa-stats__cell {
display: flex;
}
.pa-stats__cell--narrow {
flex: 1 1 200px;
min-width: 0;
}
.pa-stats__cell--wide {
flex: 1.6 1 320px;
min-width: 0;
}
.pa-stats__cell .pa-glass-stat {
min-height: 240px;
width: 100%;
height: 100%;
}
@media (max-width: 640px) {
.pa-stats__cell .pa-glass-stat {
min-height: 150px;
}
}
/* Body text always sits at the bottom of the tile. */
.pa-stats__cell .pa-glass-stat__main {
justify-content: space-between;
}
.pa-stats__cell .pa-glass-stat__text {
margin-top: auto;
}
@media (max-width: 1024px) {
.pa-stats__cell--narrow,
.pa-stats__cell--wide {
flex: 1 1 calc(50% - 12px);
}
}
@media (max-width: 600px) {
.pa-stats__cell--narrow,
.pa-stats__cell--wide {
flex: 1 1 100%;
}
}
/* ----- S4: Our Latest Campaign (image left + content right) ----- */
.pa-latest-campaign {
background: var(--pa-v2-white);
padding: 110px 0 0;
}
.pa-latest-campaign__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: stretch;
gap: 0;
}
.pa-latest-campaign__media {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: clamp(360px, 38vw, 548px);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.pa-latest-campaign__body {
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(40px, 5vw, 80px) clamp(24px, 6vw, 96px);
max-width: 720px;
}
@media (max-width: 640px) {
.pa-latest-campaign__body {
padding-bottom: 0;
}
}
.pa-latest-campaign__body .eyebrow {
color: #1D2F6D;
text-transform: capitalize;
letter-spacing: 0.06em;
margin-bottom: 8px;
}
.pa-latest-campaign__body h2 {
margin-bottom: 26px !important;
}
.pa-latest-campaign__body p {
font-size: 16px;
line-height: 1.5;
color: var(--pa-v2-text);
margin: 0 0 24px;
padding-bottom: 6px !important;
}
.pa-latest-campaign__body .pa-v2__btn {
align-self: flex-start;
}
@media (max-width: 960px) {
.pa-latest-campaign {
padding-top: 40px;
}
.pa-latest-campaign__grid {
grid-template-columns: minmax(0, 1fr);
}
.pa-latest-campaign__media {
min-height: 200px;
border-radius: 0;
}
}
/* ----- S5: Our Initiatives (Flickity slider) ----- */
.pa-initiatives {
background: var(--pa-v2-white);
--pa-init-per-view: 3;
--pa-init-pad: clamp(20px, 4vw, 40px);
--pa-init-gap: clamp(12px, 1.2vw, 20px);
}
.pa-initiatives__header {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-bottom: clamp(28px, 3vw, 44px);
}
@media (max-width: 640px) {
.pa-initiatives__header {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
}
/* Flickity carousel: starts at the section's left content edge, extends to
the right viewport edge so additional cards "peek" off-screen. */
.pa-initiatives__carousel {
margin-left: max(var(--pa-init-pad), calc((100vw - 1480px) / 2 + var(--pa-init-pad)));
outline: none;
}
/* Each cell: sized so per-view fits inside the section content area; remaining cells peek past the right viewport edge. */
.pa-initiatives__cell {
box-sizing: border-box;
flex: 0 0 auto;
width: calc((min(100vw, 1480px) - 2 * var(--pa-init-pad) - (var(--pa-init-per-view) - 1) * var(--pa-init-gap)) / var(--pa-init-per-view));
height: 470px;
min-height: 470px;
margin-right: var(--pa-init-gap);
padding-right: 0;
border-radius: 3px; /* radius applied to inner card visual */
aspect-ratio: auto;
}
.pa-initiatives__cell:last-child {
margin-right: 0;
}
/* The actual visible card surface (no inner gutter — gap comes from margin-right). */
.pa-initiatives__cell.pa-card--portrait {
background-clip: border-box;
}
.pa-initiatives__cell .pa-card__media,
.pa-initiatives__cell .pa-card__overlay {
border-radius: 3px;
right: 0;
}
.pa-initiatives__cell .pa-card__body {
padding-right: clamp(20px, 1.6vw, 28px);
}
/* Card title — exact spec: Plus Jakarta Sans 28 / 600 / normal. */
.pa-initiatives .pa-card__title {
font-family: var(--pa-v2-font-sans);
font-size: 28px;
font-weight: 600;
line-height: normal;
color: var(--pa-v2-white);
margin: 0;
}
/* Flickity arrow buttons — themed in the PA palette. */
.pa-initiatives .flickity-button {
background: var(--pa-v2-navy);
color: var(--pa-v2-white);
width: 44px;
height: 44px;
border-radius: 999px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}
.pa-initiatives .flickity-button:hover {
background: var(--pa-v2-green);
color: var(--pa-v2-navy);
}
.pa-initiatives .flickity-button:disabled {
opacity: 0.35;
pointer-events: none;
}
.pa-initiatives .flickity-button-icon {
fill: currentColor;
}
.pa-initiatives .flickity-prev-next-button.previous {
left: clamp(8px, 2vw, 24px);
}
.pa-initiatives .flickity-prev-next-button.next {
right: clamp(20px, 4vw, 48px);
}
/* Pagination dots */
.pa-initiatives .flickity-page-dots {
bottom: -34px;
}
.pa-initiatives .flickity-page-dots .dot {
background: var(--pa-v2-navy);
opacity: 0.25;
width: 10px;
height: 10px;
}
.pa-initiatives .flickity-page-dots .dot.is-selected {
opacity: 1;
}
/* Drag cursor */
.pa-initiatives .flickity-viewport {
cursor: grab;
}
@media (max-width: 600px) {
.pa-initiatives__carousel {
--pa-init-per-view: 1;
}
}
.pa-initiatives .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
/* Responsive — tablet drops to 2 cards, mobile to 1. */
@media (max-width: 1024px) {
.pa-initiatives {
--pa-init-per-view: 2;
}
}
@media (max-width: 600px) {
.pa-initiatives {
--pa-init-per-view: 1;
}
}
/* ----- S6: Insights (white surface) ----- */
.pa-insights {
background: var(--pa-v2-mega-bg);
color: var(--pa-v2-navy);
}
.pa-insights__header {
margin-bottom: clamp(28px, 3vw, 44px);
display: flex;
align-items: flex-end;
justify-content: space-between;
}
@media (max-width: 640px) {
.pa-insights__header {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
}
.pa-insights__header-top {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: clamp(16px, 2vw, 32px);
}
.pa-insights__title {
color: var(--pa-v2-navy);
margin: 0;
flex: 1 1 auto;
}
.pa-insights__view-more {
flex: 0 0 auto;
margin-top: 8px;
}
.pa-insights__intro {
margin: 0;
font-size: 14px;
line-height: 1.5;
color: var(--pa-v2-navy);
max-width: 547px;
padding-bottom: 0 !important;
}
.pa-insights__grid {
display: grid;
grid-template-columns: minmax(0, 40fr) minmax(0, 30fr) minmax(0, 30fr);
grid-auto-rows: minmax(470px, auto);
gap: clamp(12px, 1.2vw, 20px);
}
.pa-insights__grid .pa-article {
aspect-ratio: auto;
height: 100%;
min-height: 470px;
}
button.pa-insights__nav-btn span {
line-height: 1 !important;
display: flex;
}
button.pa-insights__nav-btn{
background: transparent !important;
}
@media (max-width: 700px) {
.pa-insights__grid {
grid-auto-rows: minmax(320px, auto);
}
.pa-insights__grid .pa-article {
min-height: 320px;
}
}
.pa-article {
position: relative;
isolation: isolate;
overflow: hidden;
border-radius: 5px;
aspect-ratio: 4 / 3;
background: var(--pa-v2-navy);
color: var(--pa-v2-white);
}
.pa-article__media,
.pa-article__overlay {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
}
.pa-article__media {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.pa-article__overlay {
background: linear-gradient(180deg, rgba(3, 9, 32, 0) 0%, rgba(3, 9, 32, 0) 35%, rgba(3, 9, 32, 0.85) 100%);
}
.pa-article__avatar {
position: absolute;
top: 22px;
left: 22px;
width: 86px;
height: 86px;
border-radius: 5px;
border: 1.5px solid rgba(255, 255, 255, 0.85);
background-size: cover;
background-position: center;
z-index: 2;
}
.pa-article__body {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: clamp(20px, 1.6vw, 32px);
color: var(--pa-v2-white);
}
.pa-article__date {
font-family: var(--pa-v2-font-sans);
font-weight: 600;
font-size: 16px;
margin: 0 0 6px;
padding-bottom: 8px !important;
}
.pa-article__title {
color: var(--pa-v2-white);
margin: 0 0 14px;
}
.pa-article__link {
font-family: var(--pa-v2-font-sans);
font-weight: 700;
color: var(--pa-v2-green);
text-decoration: underline;
text-underline-offset: 0.2em;
}
/* ----- S6 Bottom: Quote slider (Flickity, white surface) ----- */
.pa-insights__authors {
position: relative;
margin-top: clamp(48px, 6vw, 80px);
}
.pa-insights__authors-nav {
position: absolute;
top: 0;
left: 0;
display: inline-flex;
gap: 8px;
z-index: 2;
}
.pa-insights__nav-btn {
width: 42px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--pa-v2-white);
border: 1px solid #1D2F6D;
border-radius: 3px;
color: var(--pa-v2-navy);
font-size: 14px;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease;
}
.pa-insights__nav-btn:hover,
.pa-insights__nav-btn:focus-visible {
background: var(--pa-v2-mega-bg);
border-color: var(--pa-v2-navy);
}
.pa-insights__authors-carousel {
outline: none;
padding-top: 60px;
}
.pa-insights__quote-slide {
--pa-insights-quote-gap: 0px;
box-sizing: border-box;
margin-right: 40px;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(40px, 8vw, 100px);
align-items: stretch;
min-height: 470px;
width: 100%;
}
@media (max-width: 640px) {
.pa-insights__quote-slide {
gap: 40px;
min-height: clamp(340px, 92vw, 520px);
}
.pa-insights__quote-media {
min-height: clamp(220px, 52vw, 320px);
}
}
.pa-insights__quote-text {
color: var(--pa-v2-navy);
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.pa-insights__quote-body,
.pa-insights__quote-text blockquote.pa-insights__quote-body {
margin: 0 0 clamp(16px, 1.4vw, 22px);
padding: 0;
border: 0;
border-left: 0;
background: transparent;
font-family: var(--pa-v2-font-lato);
font-size: 25px;
line-height: 1.35;
color: var(--pa-v2-navy);
quotes: '\201C' '\201D' '\2018' '\2019';
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 400;
}
.pa-insights__quote-text-inner {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
}
.pa-insights__quote-body::before {
content: open-quote;
font-weight: 700;
margin-right: 0.04em;
border: none !important;
background: transparent;
display: contents;
}
.pa-insights__quote-body::after {
content: close-quote;
font-weight: 700;
margin-left: 0.04em;
}
html body.pa-v2 .pa-v2__main .pa-insights__quote-cite {
font-family: var(--pa-v2-font-sans);
font-weight: 400;
font-size: 20px;
color: var(--pa-v2-navy);
margin-bottom: 0;
padding-bottom: 0 !important;
}
.pa-insights__quote-link {
align-self: flex-start;
text-underline-offset: unset;
}
.pa-insights__quote-media {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
min-height: 0;
align-self: stretch;
border-radius: 5px;
overflow: hidden;
background: var(--pa-v2-mega-bg);
}
.pa-insights__quote-image {
display: block;
flex: 1 1 auto;
width: 100%;
min-height: 0;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.4s ease;
}
.pa-insights__quote-media:hover .pa-insights__quote-image,
.pa-insights__quote-media:focus-visible .pa-insights__quote-image {
transform: scale(1.03);
}
/* Flickity dots (white surface) */
.pa-insights__authors .flickity-page-dots {
bottom: -34px;
}
.pa-insights__authors .flickity-page-dots .dot {
background: var(--pa-v2-navy);
opacity: 0.3;
width: 10px;
height: 10px;
}
.pa-insights__authors .flickity-page-dots .dot.is-selected {
opacity: 1;
}
.pa-insights__authors .flickity-viewport {
cursor: grab;
}
.pa-insights__authors .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
/* Empty state */
.pa-insights__empty {
margin: 24px 0 0;
color: var(--pa-v2-grey);
font-style: italic;
}
/* Top post-card title links (inherit color, underline on hover) */
.pa-insights__grid .pa-article__title a {
color: inherit;
text-decoration: none;
}
.pa-insights__grid .pa-article__title a:hover,
.pa-insights__grid .pa-article__title a:focus-visible {
text-decoration: underline;
text-underline-offset: 0.2em;
}
@media (max-width: 1024px) {
.pa-insights__grid {
grid-template-columns: minmax(0, 1fr);
}
.pa-article {
aspect-ratio: 4 / 3;
}
.pa-insights__quote-slide {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto minmax(0, 1fr);
min-height: clamp(520px, 110vw, 720px);
}
.pa-insights__quote-media {
min-height: clamp(260px, 48vw, 420px);
}
.pa-insights__quote-body,
.pa-insights__quote-text blockquote.pa-insights__quote-body,
.pa-insights__quote-body p,
.pa-insights__quote-text blockquote.pa-insights__quote-body p {
font-size: clamp(18px, 3.2vw, 25px);
}
}
@media (max-width: 600px) {
.pa-insights__header-top {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
}
/* ----- S7: As Featured In (placeholder) ----- */
.pa-featured-in {
background: transparent;
padding: 120px 0;
}
.pa-featured-in__title {
text-align: center;
color: #ffffff;
text-transform: none;
letter-spacing: normal;
font-size: clamp(24px, 2.4vw, 32px);
font-weight: 600;
line-height: 1.2;
margin: 0 0 50px !important;
}
.pa-featured-in__marquee {
overflow: hidden;
width: 100%;
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.pa-featured-in__track {
display: flex;
width: max-content;
animation: pa-featured-marquee 40s linear infinite;
}
.pa-featured-in__marquee:hover .pa-featured-in__track {
animation-play-state: paused;
}
@keyframes pa-featured-marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
.pa-featured-in__logos {
display: flex;
flex-wrap: nowrap;
gap: clamp(20px, 4vw, 56px);
align-items: center;
list-style: none;
padding: 0 clamp(10px, 2vw, 28px) 0 0;
margin: 0;
}
.pa-featured-in__logo {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
font-family: var(--pa-v2-font-sans);
font-weight: 600;
font-size: 18px;
color: var(--pa-v2-grey);
letter-spacing: 0.02em;
}
.pa-featured-in__logos--placeholder .pa-featured-in__logo {
opacity: 0.7;
}
.pa-featured-in__logo img {
max-height: 64px;
width: auto;
height: auto;
object-fit: contain;
}
.pa-featured-in__logo a {
display: inline-flex;
align-items: center;
text-decoration: none;
color: inherit;
}
/* ----- S8: Join the Movement ----- */
.pa-join-movement {
background: var(--pa-v2-mega-bg);
}
.pa-join-movement__row {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
gap: clamp(20px, 3vw, 40px);
align-items: center;
}
.pa-join-movement__copy h2,
.pa-join-movement__copy h3,
.pa-join-movement__heading {
margin: 0 0 10px !important;
}
.pa-join-movement__copy p {
margin: 0;
font-size: 16px;
line-height: 1.5;
color: var(--pa-v2-text);
}
.pa-join-movement__form {
display: flex;
gap: 12px;
flex-wrap: wrap;
justify-content: flex-end;
}
.pa-join-movement__field {
flex: 1;
min-width: 280px;
}
.pa-join-movement__field input {
width: 100%;
height: 45px;
padding: 0 22px;
border: 1px solid rgba(29, 47, 109, 0.22);
border-radius: 999px;
font-family: var(--pa-v2-font-lato);
font-size: 16px;
color: var(--pa-v2-text);
background: var(--pa-v2-white);
box-sizing: border-box;
}
.pa-join-movement__field input:focus-visible {
outline: none;
border-color: var(--pa-v2-navy);
}
.pa-join-movement__field input::placeholder {
color: rgba(29, 47, 109, 0.45);
}
.pa-join-movement__form .pa-v2__btn {
height: 45px;
}
/* Gravity Forms render inside .pa-join-movement__gform — make the wrapper itself the flex container */
html body.pa-v2 .pa-join-movement__gform * {
box-sizing: border-box !important;
}
html body.pa-v2 .pa-join-movement__gform {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 16px !important;
flex-wrap: nowrap !important;
width: 100% !important;
flex-direction: column !important;
}
/* Make GF wrappers and form transparent to layout so body+footer become flex items of .pa-join-movement__gform */
html body.pa-v2 .pa-join-movement__gform .gform_wrapper,
html body.pa-v2 .pa-join-movement__gform .gform_wrapper.gravity-theme,
html body.pa-v2 .pa-join-movement__gform form {
display: contents !important;
margin: 0 !important;
padding: 0 !important;
}
/* Body fills remaining space (GF 2.5: .gform_body, GF 2.7+: .gform-body) */
html body.pa-v2 .pa-join-movement__gform .gform_body,
html body.pa-v2 .pa-join-movement__gform .gform-body {
margin: 0 !important;
padding: 0 !important;
flex: 1 1 auto !important;
min-width: 0 !important;
width: 100% !important;
max-width: none !important;
}
/* Field list — defeat any default grid */
html body.pa-v2 .pa-join-movement__gform .gform_fields,
html body.pa-v2 .pa-join-movement__gform ul.gform_fields {
display: block !important;
grid-template-columns: none !important;
grid-row-gap: 0 !important;
grid-column-gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
html body.pa-v2 .pa-join-movement__gform .gfield {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: none !important;
grid-column: 1 / -1 !important;
list-style: none !important;
}
/* Hide labels */
html body.pa-v2 .pa-join-movement__gform .gfield_label,
html body.pa-v2 .pa-join-movement__gform .gfield_description,
html body.pa-v2 .pa-join-movement__gform .gform_required_legend,
html body.pa-v2 .pa-join-movement__gform legend.gfield_label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
html body.pa-v2 .pa-join-movement__gform .ginput_container {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
/* Email input */
html body.pa-v2 .pa-join-movement__gform input[type="email"],
html body.pa-v2 .pa-join-movement__gform input[type="text"] {
width: 100% !important;
height: 52px !important;
padding: 0 22px !important;
border: 1.5px solid var(--pa-v2-navy) !important;
border-radius: 6px !important;
font-family: var(--pa-v2-font-lato) !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1 !important;
color: var(--pa-v2-navy) !important;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
}
html body.pa-v2 .pa-join-movement__gform input[type="email"]:focus,
html body.pa-v2 .pa-join-movement__gform input[type="text"]:focus,
html body.pa-v2 .pa-join-movement__gform input[type="email"]:focus-visible,
html body.pa-v2 .pa-join-movement__gform input[type="text"]:focus-visible {
border-color: var(--pa-v2-navy) !important;
box-shadow: 0 0 0 1px var(--pa-v2-navy) !important;
outline: none !important;
}
html body.pa-v2 .pa-join-movement__gform input::placeholder {
color: rgba(29, 47, 109, 0.55) !important;
opacity: 1 !important;
}
/* Footer (submit area) */
html body.pa-v2 .pa-join-movement__gform .gform_footer,
html body.pa-v2 .pa-join-movement__gform .gform-footer {
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
justify-content: flex-end !important;
}
/* Submit — green styling; path beats .pa-v2 .button:not(...) at ~L754 (higher specificity than 4× :not). */
html body.pa-v2 section.pa-section.pa-join-movement .pa-section__inner .pa-join-movement__row .pa-join-movement__gform input[type="submit"],
html body.pa-v2 section.pa-section.pa-join-movement .pa-section__inner .pa-join-movement__row .pa-join-movement__gform button[type="submit"],
html body.pa-v2 section.pa-section.pa-join-movement .pa-section__inner .pa-join-movement__row .pa-join-movement__gform .gform_button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
height: auto !important;
width: auto !important;
min-width: 0 !important;
padding: 12px 30px !important;
background-color: var(--pa-v2-green) !important;
color: var(--pa-v2-navy) !important;
border: 2px solid var(--pa-v2-green) !important;
border-radius: 5px !important;
font-family: var(--pa-v2-font-sans) !important;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
box-shadow: none !important;
cursor: pointer !important;
transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}
html body.pa-v2 section.pa-section.pa-join-movement .pa-section__inner .pa-join-movement__row .pa-join-movement__gform input[type="submit"]:hover,
html body.pa-v2 section.pa-section.pa-join-movement .pa-section__inner .pa-join-movement__row .pa-join-movement__gform input[type="submit"]:focus-visible,
html body.pa-v2 section.pa-section.pa-join-movement .pa-section__inner .pa-join-movement__row .pa-join-movement__gform button[type="submit"]:hover,
html body.pa-v2 section.pa-section.pa-join-movement .pa-section__inner .pa-join-movement__row .pa-join-movement__gform button[type="submit"]:focus-visible,
html body.pa-v2 section.pa-section.pa-join-movement .pa-section__inner .pa-join-movement__row .pa-join-movement__gform .gform_button:hover,
html body.pa-v2 section.pa-section.pa-join-movement .pa-section__inner .pa-join-movement__row .pa-join-movement__gform .gform_button:focus-visible {
background-color: var(--pa-v2-white) !important;
color: var(--pa-v2-navy) !important;
border: 2px solid var(--pa-v2-green) !important;
transform: none !important;
-webkit-transform: none !important;
-ms-transform: none !important;
box-shadow: none !important;
}
a.pa-card__link:hover, a.pa-article__link:hover {
color: #dff5ec !important;
}
div#gform_5_validation_container h2{
font-size: 14px !important;
}
div#gform_confirmation_message_5 {
font-weight: 700;
}
@media (max-width: 800px) {
.pa-join-movement__row {
grid-template-columns: minmax(0, 1fr);
}
.pa-join-movement__form,
.pa-join-movement__gform {
justify-content: flex-start;
}
}
div#gform_fields_5 {
display: flex !important;
width: 100%;
gap: 20px !important;
}
div#field_5_1 {
width: 70% !important;
}
div#field_submit {
width: 30% !important;
}
input#input_5_1 {
height: 44px !important;
font-size: 16px !important;
}
@media (max-width: 640px) {
div#gform_fields_5 {
flex-direction: column;
}
div#field_5_1 {
width: 100% !important;
}
.gform-theme--foundation #field_submit {
width: 100% !important;
}
html body.pa-v2 .pa-join-movement__gform {
gap: 0 !important;
}
}
html body.pa-v2 section.pa-section.pa-join-movement .pa-section__inner .pa-join-movement__row .pa-join-movement__gform .gform_button:focus {
outline: none !important;
}