@charset "UTF-8";
/* ==========================================================================
#BREAKPOINTS
========================================================================== */
:root {
--font-primary: "Work Sans", sans-serif;
/* set base values */
--text-base-size: 16px;
/* type scale */
--text-xs: 12px;
--text-sm: 14px;
--text-md: 16px;
--text-lg: 18px;
--text-xl: clamp(1.25rem, 1.67vw + 0rem, 1.5rem);
--text-xxl: clamp(2.13rem, 4.58vw + -1.31rem, 2.81rem);
--text-xxxl: clamp(3.38rem, 8.33vw + -2.88rem, 4.63rem);
/* line-height */
--heading-line-height: 1.1;
--body-line-height: 1.5;
--body-mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
--container-margin: 12px;
--container-margin--alt: 12px;
--container-max-width: 1470px;
--grid-max-width: 1470px;
--grid-width: calc(100% - var(--container-margin) * 2);
--grid-columns: 6;
--gutter: 40px;
--color-white: #fff;
--color-black: #0B0B0B;
--color-gray-700: #4A4949;
--color-gray-600: #6F6F6F;
--color-gray-500: #979797;
--color-gray-400: #C2C2C2;
--color-gray-300: #D1D1D1;
--color-gray-200: #F1F0EE;
--color-gray-100: #FFFEFB;
--color-gray-light-warm: #EFEEE7;
--color-primary: var(--color-black);
--color-primary-dark: var(--color-black);
--color-green-dark: #116C00;
--color-green: #5ABB48;
--color-green-safe: #47A736;
--color-green-light: #E0FFDB;
--color-purple: #951D81;
--color-purple-light: #FFEFFC;
--color-red: #E3004E;
--color-border: currentColor;
--main-ease: cubic-bezier(0.33, 1, 0.68, 1);
--main-transition-duration: 0.2s;
--main-transition: var(--main-transition-duration) var(--main-ease);
--navbar-height: 95px;
--font-size-home-title: clamp(2.13rem, 5.26vw + -0.11rem, 4.63rem);
--icon-accordion-arrow: url('data:image/svg+xml,');
--icon-arrow-right: url('data:image/svg+xml,');
--icon-arrow-right--hover: url('data:image/svg+xml,');
}
@media (min-width: 360px) {
:root {
--container-margin: 32px;
--container-margin--alt: 32px;
}
}
@media (min-width: 576px) {
:root {
--grid-columns: 12;
}
}
@media (min-width: 1200px) {
:root {
--grid-columns: 24;
--container-margin: 117px;
--container-max-width: 1206px;
--grid-max-width: 1206px;
}
}
@media (min-width: 1440px) {
:root {
--container-max-width: 1470px;
--grid-max-width: 1470px;
}
}
@media (prefers-reduced-motion) {
:root {
--main-transition-duration: 0s;
}
}
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Remove default padding */
ul[class],
ol[class] {
padding: 0;
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
margin: 0;
}
/* Set core root defaults */
html {
scroll-behavior: smooth;
}
/* Set core body defaults */
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
list-style: none;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img,
picture {
max-width: 100%;
display: block;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
}
/* Blur images when they have no alt attribute */
img:not([alt]) {
filter: blur(10px);
}
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
/* ==========================================================================
#TYPOGRAPHY
========================================================================== */
@font-face {
font-display: swap;
font-family: "Work Sans";
font-style: normal;
font-weight: 400;
src: local("Work Sans"), local("Work-Sans-Regular"), url("../fonts/worksans-regular-subset.woff2") format("woff2");
}
@font-face {
font-display: swap;
font-family: "Work Sans";
font-style: normal;
font-weight: 500;
src: local("Work Sans Medium"), local("Work-Sans-Medium"), url("../fonts/worksans-medium-subset.woff2") format("woff2");
}
@font-face {
font-display: swap;
font-family: "Work Sans";
font-style: normal;
font-weight: 800;
src: local("Work Sans Bold"), local("Work-Sans-Bold"), url("../fonts/worksans-bold-subset.woff2") format("woff2");
}
@font-face {
font-display: swap;
font-family: "Work Sans";
font-style: italic;
font-weight: 500;
src: local("Work Sans"), local("Work-Sans-Regular"), url("../fonts/worksans-mediumitalic-subset.woff2") format("woff2");
}
.u-h1, .u-h2, .u-h3, .u-h4, .u-h5, .u-h6, .form .legend,
h1, h2, h3, h4, h5, h6, form legend {
line-height: var(--heading-line-height);
font-weight: 500;
margin: 0;
}
.u-h1.violet, .u-h2.violet, .u-h3.violet, .u-h4.violet, .u-h5.violet, .u-h6.violet, .form .legend.violet,
h1.violet, h2.violet, h3.violet, h4.violet, h5.violet, h6.violet, form legend.violet {
color: #951D81;
}
.u-h1,
h1 {
font-size: var(--text-xxxl);
}
.u-h2,
h2 {
font-size: var(--text-xxl);
}
.u-h3,
h3 {
font-size: var(--text-xl);
}
.u-h4,
h4 {
font-size: var(--text-lg);
}
.u-h5,
h5,
.u-h6,
h6 {
font-size: var(--text-md);
font-weight: 400;
}
p {
margin-top: 0;
margin-bottom: 0;
}
small {
font-size: 90%;
}
blockquote {
margin: 0;
}
ul,
ol {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style-position: outside;
}
ol ol,
ul ol {
list-style-type: lower-roman;
}
ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
list-style-type: lower-alpha;
}
dd {
margin-left: 0;
}
tt,
code {
font-family: var(--body-mono-font);
font-size: 14px;
}
pre {
margin-top: 0;
margin-bottom: 0;
font-family: var(--body-mono-font);
font-size: 14px;
}
em {
font-style: italic;
}
u {
text-decoration: underline;
}
html {
margin-top: 0 !important;
}
body {
position: relative;
font-size: var(--text-base-size);
font-family: var(--font-primary), sans-serif;
color: var(--color-black);
line-height: var(--body-line-height);
background-color: var(--color-bg, #fff);
padding-top: var(--wp-admin--admin-bar--height, 0px);
overflow-x: hidden;
overflow-y: auto;
accent-color: var(--color-purple);
}
body.--dialog-open,
html.--nav-open {
overflow: hidden;
}
[id] {
scroll-margin-top: calc(var(--navbar-height) + var(--wp-admin--admin-bar--height));
}
a {
color: currentColor;
}
summary:focus {
outline: none;
}
hr {
padding: 0;
margin: 0;
border: 0;
height: 1px;
background-color: var(--color-border);
}
summary::-webkit-details-marker {
display: none;
}
summary {
list-style: none;
cursor: pointer;
}
summary::marker {
content: "";
}
svg,
img {
flex-shrink: 0;
object-fit: cover;
}
.u-underline {
text-decoration: underline;
text-decoration-color: var(--color-primary);
}
.u-gray {
color: var(--color-gray-700);
}
strong,
.u-bold {
font-weight: 500;
}
.u-anchor {
position: absolute;
top: calc(var(--navbar-height) * -1 - var(--gutter));
opacity: 0;
visibility: hidden;
pointer-events: none;
width: 1px;
height: 1px;
}
.u-mt-1 {
margin-top: 0.5rem;
}
.u-mx-auto {
margin-left: auto;
margin-right: auto;
}
.social-link-name,
.sr-only {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
#wpadminbar {
position: fixed;
top: 0;
left: 0;
}
.o-flow > * + * {
margin-top: var(--flow-space, 16px);
}
.o-container {
width: 100%;
max-width: clamp(0px, 100% - 2 * var(--container-margin), var(--container-max-width));
margin-left: auto;
margin-right: auto;
}
.o-container--large {
--container-max-width: 100%;
}
.o-container--small {
--container-max-width: 893px;
}
.o-wysiwyg--root .c-section > *,
.o-wysiwyg--root > *:not(.c-section) {
width: 100%;
max-width: clamp(0px, 100% - 2 * var(--container-margin), var(--container-max-width));
margin-left: auto;
margin-right: auto;
}
.o-wysiwyg--root > *:first-child:not(.c-section) {
margin-top: 32px;
}
.o-wysiwyg--root > *:last-child:not(.c-section) {
margin-bottom: 64px;
}
.o-wysiwyg--root > .c-form--bordered:first-child {
position: relative;
margin-top: 32px;
}
.o-wysiwyg--root > .c-form--bordered:first-child::after {
content: "";
position: absolute;
z-index: -1;
top: -36px;
left: 50%;
right: 0;
height: 250px;
width: 100vw;
display: block;
background-color: var(--color-gray-light-warm);
transform: translateX(-50%);
}
.o-wysiwyg--root:not(:has(*)) {
padding-bottom: 64px;
}
.o-wysiwyg,
.o-wysiwyg--root {
container-type: inline-size;
}
.o-wysiwyg > * + *,
.o-wysiwyg--root > * + * {
margin-top: clamp(1rem, 1.05vw + 0.55rem, 1.5rem);
}
.o-wysiwyg > * + .c-separator,
.o-wysiwyg > .c-separator + *,
.o-wysiwyg > .c-section + .c-section,
.o-wysiwyg--root > * + .c-separator,
.o-wysiwyg--root > .c-separator + *,
.o-wysiwyg--root > .c-section + .c-section {
margin-top: 0 !important;
}
.o-wysiwyg > .c-heading--3 + .c-paragraph,
.o-wysiwyg--root > .c-heading--3 + .c-paragraph {
margin-top: 12px;
}
.o-wysiwyg > .c-heading--2 + *,
.o-wysiwyg--root > .c-heading--2 + * {
margin-top: 22px;
}
.o-wysiwyg > .c-heading--3,
.o-wysiwyg--root > .c-heading--3 {
color: var(--color-purple);
}
.o-wysiwyg > * + .c-separator,
.o-wysiwyg > .c-separator + *,
.o-wysiwyg > * + .o-columns,
.o-wysiwyg > .o-columns + *,
.o-wysiwyg > * + .c-btns,
.o-wysiwyg > .c-btns + *,
.o-wysiwyg > * + .c-downloads,
.o-wysiwyg > .c-downloads + *,
.o-wysiwyg > .c-card-list + *,
.o-wysiwyg > * + .c-card-list,
.o-wysiwyg--root > * + .c-separator,
.o-wysiwyg--root > .c-separator + *,
.o-wysiwyg--root > * + .o-columns,
.o-wysiwyg--root > .o-columns + *,
.o-wysiwyg--root > * + .c-btns,
.o-wysiwyg--root > .c-btns + *,
.o-wysiwyg--root > * + .c-downloads,
.o-wysiwyg--root > .c-downloads + *,
.o-wysiwyg--root > .c-card-list + *,
.o-wysiwyg--root > * + .c-card-list {
margin-top: 32px;
}
.o-wysiwyg > * + .c-heading--2,
.o-wysiwyg--root > * + .c-heading--2 {
margin-top: 40px;
}
.o-wysiwyg > .c-figure .screen-reader-text,
.o-wysiwyg > .c-figure picture,
.o-wysiwyg--root > .c-figure .screen-reader-text,
.o-wysiwyg--root > .c-figure picture {
text-align: center;
}
.o-wysiwyg > .c-figure .screen-reader-text img,
.o-wysiwyg > .c-figure picture img,
.o-wysiwyg--root > .c-figure .screen-reader-text img,
.o-wysiwyg--root > .c-figure picture img {
margin-left: auto;
margin-right: auto;
}
.o-wysiwyg > *:not(.c-section) + .c-section:not(.c-section--default),
.o-wysiwyg--root > *:not(.c-section) + .c-section:not(.c-section--default) {
margin-top: clamp(2.75rem, 2.63vw + 1.63rem, 4rem);
}
.o-wysiwyg > .c-card-list:first-child .c-card-list__archive-link-wrapper,
.o-wysiwyg > *:not(.c-heading) + .c-card-list .c-card-list__archive-link-wrapper,
.o-wysiwyg--root > .c-card-list:first-child .c-card-list__archive-link-wrapper,
.o-wysiwyg--root > *:not(.c-heading) + .c-card-list .c-card-list__archive-link-wrapper {
margin-top: 32px;
text-align: center;
}
.o-wysiwyg > .c-heading + .c-card-list[data-type=podcast],
.o-wysiwyg > .c-heading + .c-card-list[data-type=event],
.o-wysiwyg > .c-heading + .c-card-list[data-type=post],
.o-wysiwyg--root > .c-heading + .c-card-list[data-type=podcast],
.o-wysiwyg--root > .c-heading + .c-card-list[data-type=event],
.o-wysiwyg--root > .c-heading + .c-card-list[data-type=post] {
position: relative;
margin-top: clamp(2rem, 5.26vw + -0.24rem, 4.5rem);
container-type: inline-size;
container-name: section;
}
@container section (width < 1200px) {
.o-wysiwyg > .c-heading + .c-card-list[data-type=podcast] .c-card-list__archive-link-wrapper,
.o-wysiwyg > .c-heading + .c-card-list[data-type=event] .c-card-list__archive-link-wrapper,
.o-wysiwyg > .c-heading + .c-card-list[data-type=post] .c-card-list__archive-link-wrapper,
.o-wysiwyg--root > .c-heading + .c-card-list[data-type=podcast] .c-card-list__archive-link-wrapper,
.o-wysiwyg--root > .c-heading + .c-card-list[data-type=event] .c-card-list__archive-link-wrapper,
.o-wysiwyg--root > .c-heading + .c-card-list[data-type=post] .c-card-list__archive-link-wrapper {
margin-top: 32px;
text-align: center;
}
}
@container section (width >= 1200px) {
.o-wysiwyg > .c-heading + .c-card-list[data-type=podcast] .c-card-list__archive-link-wrapper,
.o-wysiwyg > .c-heading + .c-card-list[data-type=event] .c-card-list__archive-link-wrapper,
.o-wysiwyg > .c-heading + .c-card-list[data-type=post] .c-card-list__archive-link-wrapper,
.o-wysiwyg--root > .c-heading + .c-card-list[data-type=podcast] .c-card-list__archive-link-wrapper,
.o-wysiwyg--root > .c-heading + .c-card-list[data-type=event] .c-card-list__archive-link-wrapper,
.o-wysiwyg--root > .c-heading + .c-card-list[data-type=post] .c-card-list__archive-link-wrapper {
position: absolute;
top: calc(clamp(2rem, 5.26vw + -0.24rem, 4.5rem) * -1);
right: 0;
transform: translateY(-100%);
margin-top: 0;
}
}
.o-columns--columns-two-columns-6-6,
.o-columns--columns-equal {
display: grid;
grid-template-columns: repeat(var(--columns-count, 1), 1fr);
gap: var(--gutter);
}
@media (min-width: 992px) {
.o-columns--columns-two-columns-6-6,
.o-columns--columns-equal[data-size="2"] {
--columns-count: 2 ;
}
}
@media (min-width: 992px) {
.o-columns--columns-equal[data-size="3"] {
--columns-count: 3 ;
}
}
@media (min-width: 768px) {
.o-columns--columns-equal[data-size="4"] {
--columns-count: 2;
}
}
@media (min-width: 1200px) {
.o-columns--columns-equal[data-size="4"] {
grid-template-columns: repeat(2, 425px);
gap: calc(var(--gutter) * 2) 100px;
justify-content: center;
}
}
@media (min-width: 1440px) {
.o-columns--columns-equal[data-size="4"] {
grid-template-columns: repeat(4, 325px);
gap: 0;
justify-content: space-between;
}
}
.c-skip-link:not(:focus) {
border: 0;
clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
height: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.c-skip-link {
position: fixed;
z-index: 200;
top: calc(22px + var(--wp-admin--admin-bar--height, 0px));
left: 21px;
background-color: #fff;
outline: 2px dashed var(--color-purple);
outline-offset: 2px;
font-size: 14px;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
}
@media (min-width: 768px) {
.c-skip-link {
top: calc(16px + var(--wp-admin--admin-bar--height, 0px));
}
}
@media (min-width: 1440px) {
.c-skip-link {
top: calc(12px + var(--wp-admin--admin-bar--height, 0px));
left: 32px;
}
}
.c-skip-link,
.c-skip-link svg {
width: 99px;
height: 39px;
}
@media (min-width: 768px) {
.c-skip-link,
.c-skip-link svg {
width: 121px;
height: 49px;
}
}
@media (min-width: 1440px) {
.c-skip-link,
.c-skip-link svg {
width: 135px;
height: 55px;
}
}
.c-breadcrumb {
font-size: 12px;
}
.c-breadcrumb__list {
display: flex;
flex-wrap: wrap;
}
.c-breadcrumb__item:last-child a {
text-decoration: none;
}
.c-breadcrumb__item:not(:last-child) {
margin-right: 0.7em;
}
.c-breadcrumb__item:not(:last-child)::after {
content: " - ";
margin-left: 0.5em;
}
.c-btns {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
[type=submit],
button {
appearance: none;
background-color: transparent;
border: 0;
}
div.c-btn {
pointer-events: none;
opacity: 0.7;
}
[type=submit],
.c-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 5px;
vertical-align: middle;
cursor: pointer;
text-decoration: none;
transition-property: background-color, color;
transition-timing-function: var(--main-ease);
transition-duration: var(--main-transition-duration);
text-transform: uppercase;
font-weight: 500;
line-height: 1;
padding: var(--btn-padding, 4px clamp(1.25rem, 4.17vw + -1.88rem, 1.88rem));
min-height: var(--btn-min-height, 50px);
color: var(--btn-color, var(--color-white));
border: 1px solid var(--btn-border-color, var(--color-purple));
background-color: var(--btn-bg-color, var(--color-purple));
border-radius: var(--btn-border-radius, 62px);
}
[type=submit]:disabled, [type=submit].disabled, [type=submit][aria-disabled=true],
.c-btn:disabled,
.c-btn.disabled,
.c-btn[aria-disabled=true] {
cursor: default;
}
[type=submit]:focus, [type=submit]:hover,
.c-btn:focus,
.c-btn:hover {
text-decoration: none;
color: var(--btn-color--hover, var(--color-purple));
border: 1px solid var(--btn-border-color--hover, var(--color-purple));
background-color: var(--btn-bg-color--hover, var(--color-white));
}
[type=submit][type=submit] .svg,
[type=submit] .svg--share,
.c-btn[type=submit] .svg,
.c-btn .svg--share {
order: -1;
margin-left: -10px;
}
.c-btn--outline.c-btn--sm,
.c-btn--default.c-btn--sm {
text-transform: none;
gap: 5px;
--btn-padding: 0 30px;
--btn-min-height: 36px;
}
.c-btn--outline.c-btn--sm .svg:not(.svg--share):not(:last-child),
.c-btn--default.c-btn--sm .svg:not(.svg--share):not(:last-child) {
margin-right: -10px;
}
.c-btn--link:not(:hover) {
text-decoration: underline;
}
.c-btn--rounded-outline,
.c-btn--rounded {
--btn-padding: 0px;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
height: var(--btn-rounded-size, 50px);
min-height: var(--btn-rounded-size, 50px);
}
.c-btn--rounded-outline.c-btn--sm,
.c-btn--rounded.c-btn--sm {
--btn-rounded-size: 36px;
}
.c-btn--rounded-outline {
--btn-border-color: var(--color-gray-700);
--btn-bg-color: var(--color-white);
--btn-color: var(--color-gray-700);
--btn-color--hover: var(--color-purple);
--btn-border-color--hover: var(--color-purple);
}
.c-btn--outline {
--btn-border-color: var(--color-purple);
--btn-bg-color: var(--color-white);
--btn-bg-color--hover: var(--color-purple);
--btn-color: var(--color-purple);
--btn-color--hover: var(--color-white);
--btn-border-color--hover: var(--color-purple);
}
.c-btn--simple {
--btn-bg-color: var(--color-gray-light-warm);
--btn-border-color: var(--color-gray-light-warm);
--btn-color: var(--color-gray-700);
}
.c-footer {
--container-margin: var(--container-margin--alt);
}
.c-footer::before {
content: "";
display: block;
height: 1px;
width: calc(100% - var(--container-margin) - var(--container-margin));
background-color: var(--color-gray-400);
margin-left: auto;
margin-right: auto;
}
.c-footer .c-footer__container:first-child {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
justify-items: center;
text-align: center;
padding: 44px 0;
font-weight: 500;
background-color: var(--color-white);
}
@media (min-width: 992px) {
.c-footer .c-footer__container:first-child {
grid-template-columns: 1fr 1fr 1fr;
}
}
.c-footer .c-footer__container:last-child {
padding: 22px 0;
background-color: var(--color-gray-light-warm);
}
.c-card {
position: relative;
}
.c-card a:not(.c-card__read-more) {
position: relative;
z-index: 3;
}
.c-card .c-card__read-more::before {
content: "";
position: absolute;
z-index: 2;
inset: 0;
}
.c-card .c-card__read-more {
display: flex;
align-items: center;
gap: 10px;
}
.c-card .c-card__read-more svg {
flex-shrink: 0;
transition: transform var(--main-transition);
}
.c-card .c-card__read-more:focus-visible svg, .c-card .c-card__read-more:hover svg {
color: var(--color-purple);
transform: translateX(8px);
}
.c-card,
.c-card__content {
display: flex;
flex-direction: column;
}
.c-card[data-type=publication] .c-card__meta,
.c-card[data-type=podcast] .c-card__meta,
.c-card[data-type=event] .c-card__meta,
.c-card[data-type=post] .c-card__meta {
order: -1;
}
.c-card[data-type=team] .c-card__thumbnail {
order: -1;
}
.c-card[data-type=page],
.c-card[data-type=publication],
.c-card[data-type=podcast] {
gap: 8px;
padding: 30px;
border: 1px solid #D4D2C4;
border-radius: 4px;
transition: border-color var(--main-transition), background-color var(--main-transition);
}
.c-card[data-type=page]:focus-visible, .c-card[data-type=page]:focus-within, .c-card[data-type=page]:hover,
.c-card[data-type=publication]:focus-visible,
.c-card[data-type=publication]:focus-within,
.c-card[data-type=publication]:hover,
.c-card[data-type=podcast]:focus-visible,
.c-card[data-type=podcast]:focus-within,
.c-card[data-type=podcast]:hover {
border-color: var(--color-green);
background-color: var(--color-gray-light-warm);
}
.c-card[data-type=page] .c-card__read-more,
.c-card[data-type=publication] .c-card__read-more,
.c-card[data-type=podcast] .c-card__read-more {
text-decoration: none;
}
.c-card[data-type=podcast] .c-meta,
.c-card[data-type=publication] .c-meta {
margin-bottom: 12px;
}
.c-card[data-type=team] {
align-items: center;
}
.c-card[data-type=team] .c-card__title {
font-size: 20px;
font-weight: 500;
}
.c-card[data-type=team] .c-card__thumbnail {
width: 138px;
height: 138px;
border-radius: 50%;
overflow: hidden;
background-color: var(--color-gray-light-warm);
margin-bottom: 6px;
}
.c-card[data-type=team] .c-btn-modal {
margin-top: 12px;
text-transform: none;
}
.c-card--highlight[data-type=team] {
display: grid;
grid-template-columns: 1fr;
align-items: center;
justify-items: center;
text-align: center;
gap: 0 40px;
--flow-space: 0.5rem;
}
@media (min-width: 768px) {
.c-card--highlight[data-type=team] {
grid-template-columns: 138px 1fr;
justify-items: flex-start;
text-align: left;
}
}
.c-card[data-type=podcast] .c-card__title {
font-size: clamp(1.44rem, 0.39vw + 1.27rem, 1.63rem);
font-weight: 500;
justify-items: flex-start;
}
.c-card[data-type=podcast] .c-inline-list {
margin-top: 12px;
}
.c-card--archive[data-type=post].--highlight-first-post,
.c-card--default[data-type=post].--highlight-first-post {
display: grid;
grid-template-columns: 1fr;
}
.c-card--archive[data-type=post].--highlight-first-post img,
.c-card--default[data-type=post].--highlight-first-post img {
height: auto;
}
@media (max-width: 575.98px) {
.c-card--archive[data-type=post].--highlight-first-post > picture,
.c-card--default[data-type=post].--highlight-first-post > picture {
grid-row: 3;
}
}
@media (min-width: 576px) {
.c-card--archive[data-type=post].--highlight-first-post,
.c-card--default[data-type=post].--highlight-first-post {
grid-template-columns: 1fr 1fr;
gap: 0 clamp(2rem, 1.05vw + 1.55rem, 2.5rem);
align-items: flex-start;
justify-items: flex-start;
grid-auto-rows: auto;
}
.c-card--archive[data-type=post].--highlight-first-post > *:not(picture),
.c-card--default[data-type=post].--highlight-first-post > *:not(picture) {
grid-column: 2;
grid-auto-rows: auto;
}
.c-card--archive[data-type=post].--highlight-first-post > picture,
.c-card--default[data-type=post].--highlight-first-post > picture {
grid-column: 1;
grid-row: 1/7;
}
}
.c-card--highlight-post[data-type=post] {
gap: 8px;
padding: clamp(2rem, 3.68vw + 0.43rem, 3.75rem);
border: 3px solid var(--color-green);
}
.c-card--highlight-post[data-type=post] .c-card__title {
font-size: clamp(1.75rem, 7.08vw + -3.56rem, 2.81rem);
}
.c-card--highlight-post[data-type=post] .c-card__meta {
order: 2;
font-size: 18px;
}
.c-card--highlight-post[data-type=post] .c-card__preview {
order: 3;
font-size: 18px;
}
.c-card--highlight-post[data-type=post] .c-card__meta {
color: var(--color-green-dark);
}
.c-card--highlight-post[data-type=post] .c-card__read-more {
order: 4;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}
.c-card--classic-post[data-type=post],
.c-card--archive[data-type=post],
.c-card--search[data-type=post],
.c-card--default[data-type=post] {
gap: 8px;
}
.c-card--classic-post[data-type=post] .c-card__preview,
.c-card--archive[data-type=post] .c-card__preview,
.c-card--search[data-type=post] .c-card__preview,
.c-card--default[data-type=post] .c-card__preview {
font-size: 18px;
}
.c-card--classic-post[data-type=post] .c-card__meta,
.c-card--archive[data-type=post] .c-card__meta,
.c-card--search[data-type=post] .c-card__meta,
.c-card--default[data-type=post] .c-card__meta {
color: var(--color-green-dark);
}
.c-card--classic-post[data-type=post] .c-card__read-more,
.c-card--archive[data-type=post] .c-card__read-more,
.c-card--search[data-type=post] .c-card__read-more,
.c-card--default[data-type=post] .c-card__read-more {
margin-top: 8px;
}
.c-card--classic-post[data-type=post] .c-card__title,
.c-card--archive[data-type=post] .c-card__title,
.c-card--search[data-type=post] .c-card__title,
.c-card--default[data-type=post] .c-card__title {
font-size: clamp(1.5rem, 3.33vw + -1rem, 2rem);
}
.c-card[data-type=event] {
display: grid;
grid-template-columns: 1fr;
gap: 12px 32px;
padding-top: 20px;
padding-bottom: 20px;
}
@container (width > 600px) {
.c-card[data-type=event] {
grid-template-columns: 119px 1fr;
}
}
.c-card[data-type=event]::after {
content: "";
position: absolute;
inset: 0 0 0 60px;
z-index: -1;
background-color: var(--color-gray-light-warm);
transform: scaleX(0);
transition: transform var(--main-transition);
transition-duration: 0.5s;
transform-origin: left;
}
.c-card[data-type=event]:hover::after {
transform: scaleX(1);
}
.c-card[data-type=event]:hover .c-card__thumbnail {
outline-color: var(--color-purple);
}
.c-card[data-type=event] .c-card__title {
font-size: clamp(1.25rem, 1.67vw + 0rem, 1.5rem);
text-decoration: underline;
}
.c-card[data-type=event] .c-card__meta {
font-size: clamp(1rem, 3.33vw + -1.5rem, 1.5rem);
line-height: 1.2;
}
.c-card[data-type=event] .c-card__meta strong {
padding-left: 4px;
padding-right: 4px;
color: var(--color-white);
background-color: var(--color-purple);
}
.c-card[data-type=event] .c-card__terms {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 4px;
}
.c-card[data-type=event] .c-card__terms p {
font-size: 18px;
background: #E0FFDB;
}
.c-card[data-type=event] .c-card__terms p + p::before {
content: "·";
position: relative;
top: 3px;
left: -10px;
font-size: 24px;
line-height: 0.5;
}
.c-card[data-type=event] .c-card__content {
gap: 4px;
grid-row: 2;
}
@container (width > 600px) {
.c-card[data-type=event] .c-card__content {
grid-column: 2;
grid-row: 1;
}
}
.c-card[data-type=event] .c-card__thumbnail {
position: relative;
width: 119px;
height: 119px;
border-radius: 50%;
background-color: var(--color-purple);
transition: outline-color var(--main-transition);
outline: 4px solid transparent;
}
@container (width > 600px) {
.c-card[data-type=event] .c-card__thumbnail {
grid-column: 1;
grid-row: 1;
}
}
.c-card[data-type=event] .c-card__thumbnail img {
border-radius: 50%;
}
.c-card[data-type=event] .c-card__thumbnail svg {
position: absolute;
bottom: 8px;
right: -18px;
}
.c-card-list {
container-type: inline-size;
}
@container (width < 800px) {
.c-links .c-link + .c-link,
.c-card-list[data-type=page] .c-card-list__items .c-link + .c-link,
.c-card-list--classic-post[data-type=post] .c-card-list__items .c-card + .c-card,
.c-card-list--highlight-post[data-type=publication] .c-card-list__items .c-card + .c-card,
.c-card-list--highlight-post[data-type=post] .c-card-list__items .c-card + .c-card {
margin-top: 32px;
}
}
@container (width >= 800px) {
.c-links,
.c-card-list[data-type=page] .c-card-list__items {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--gutter);
}
}
.c-card-list--archive[data-type=publication] .c-card-list__items,
.--template-page-archive .c-card-list--default[data-type=podcast] .c-card-list__items,
.c-card-list--archive[data-type=podcast] .c-card-list__items {
display: grid;
grid-template-columns: 1fr;
gap: 28px clamp(2rem, 1.05vw + 1.55rem, 2.5rem);
}
@media (min-width: 992px) {
.c-card-list--archive[data-type=publication] .c-card-list__items,
.--template-page-archive .c-card-list--default[data-type=podcast] .c-card-list__items,
.c-card-list--archive[data-type=podcast] .c-card-list__items {
grid-template-columns: 1fr 1fr;
}
}
.c-card-list--default[data-type=podcast] .c-card-list__items,
.c-card-list--classic-post[data-type=post] .c-card-list__items,
.c-card-list--default[data-type=post] .c-card-list__items {
display: grid;
grid-template-columns: 1fr;
gap: clamp(2rem, 5.26vw + -0.24rem, 4.5rem) clamp(2rem, 1.05vw + 1.55rem, 2.5rem);
}
@media (min-width: 576px) {
.c-card-list--default[data-type=podcast] .c-card-list__items,
.c-card-list--classic-post[data-type=post] .c-card-list__items,
.c-card-list--default[data-type=post] .c-card-list__items {
grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}
}
@media (min-width: 576px) {
.c-card-list--default[data-type=post].--highlight-first-post .c-card-list__items .c-card:first-child {
grid-column: 1/3;
}
}
@media (min-width: 992px) {
.c-card-list--classic-post[data-type=post] .c-card-list__items {
grid-template-columns: 1fr 1fr;
}
}
.c-card-list--archive[data-type=event] .c-card-list__items,
.c-card-list--default[data-type=event] .c-card-list__items {
display: grid;
grid-template-columns: 1fr;
gap: clamp(1.38rem, 0.79vw + 1.04rem, 1.75rem) clamp(2rem, 1.05vw + 1.55rem, 2.5rem);
}
.c-card-list--archive[data-type=event] .c-card-list__items h2,
.c-card-list--default[data-type=event] .c-card-list__items h2 {
margin-top: 18px;
}
@container (width > 1100px) {
.c-card-list--default[data-type=event] .c-card-list__items {
grid-template-columns: 1fr 1fr;
}
}
.c-card-list--default[data-type=team] .c-card-list__items {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 32px 28px;
}
.c-card-list--default[data-type=team] .c-card-list__items .c-card {
width: 100%;
min-width: 200px;
max-width: 274px;
}
.c-card-list--default[data-type=publication] .c-card-list__items {
display: grid;
grid-template-columns: 1fr;
gap: clamp(2rem, 5.26vw + -0.24rem, 4.5rem) clamp(2rem, 1.05vw + 1.55rem, 2.5rem);
}
@media (min-width: 992px) {
.c-card-list--default[data-type=publication] .c-card-list__items {
grid-template-columns: 1fr 1fr;
}
}
.c-card-list--archive[data-type=post] .c-card-list__row:not(.--first) .o-container {
display: grid;
grid-template-columns: 1fr;
gap: var(--gutter);
}
@media (min-width: 992px) {
.c-card-list--archive[data-type=post] .c-card-list__row:not(.--first) .o-container {
grid-template-columns: 1fr 1fr;
}
}
.c-card-list__row {
margin-top: 32px;
margin-bottom: 32px;
}
@media (min-width: 992px) {
.c-card-list__row {
padding-top: 40px;
padding-bottom: 40px;
}
}
.c-card-list__row:first-child {
padding-bottom: 40px;
margin-top: 0;
background-color: var(--color-gray-light-warm);
}
@media (min-width: 992px) {
.c-card-list__row:nth-child(odd) {
background-color: var(--color-gray-light-warm);
}
}
.c-embed {
position: relative;
z-index: 1;
width: 100%;
max-width: 768px !important;
margin: 32px auto;
}
.c-embed figcaption {
font-style: italic;
margin-top: 8px;
}
.c-embed__iframe-container {
position: relative;
width: 100%;
aspect-ratio: 16/9;
background-color: #eee;
overflow: hidden;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.c-embed__iframe-container iframe,
.c-embed__iframe-container img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-embed__iframe-container iframe {
z-index: 1;
border: 0;
}
.c-embed__iframe-container img {
z-index: 2;
object-fit: cover;
transition: all var(--main-transition);
}
.iframe-loaded .c-embed__iframe-container img {
opacity: 0;
pointer-events: none;
transition-delay: 0.35s;
transition-duration: 1s;
}
.c-embed__iframe-container .c-logo {
width: 135px;
height: 55px;
}
.c-embed__iframe-container:hover img {
transform: scale(1.024);
}
.c-embed__cookie {
position: absolute;
inset: 0;
z-index: 10;
background-color: rgba(0, 0, 0, 0.85);
color: #fff;
padding: 12px 32px;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: fluid(12px, 15px);
display: none;
text-align: center;
line-height: 1.35;
}
.c-embed__cookie p {
max-height: 100%;
overflow: auto;
}
.--open-cookie-consent .c-embed__cookie {
display: flex;
}
.c-embed__cookie-btn {
font-size: 15px;
border-radius: 3px;
padding: 6px 16px;
cursor: pointer;
color: #000;
background-color: #fff;
font-weight: 700;
margin-top: 12px;
}
.c-embed__cookie-btn:hover {
background-color: #eee;
}
.c-embed__btn {
appearance: none;
position: absolute;
z-index: 10;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 0;
outline: none;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
transition: all var(--main-transition);
cursor: pointer;
}
.iframe-loaded .c-embed__btn {
opacity: 0;
pointer-events: none;
}
.--open-cookie-consent .c-embed__btn {
display: none;
}
.c-embed__btn::before, .c-embed__btn::after {
transition: transform var(--main-transition);
}
.c-embed__btn::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
border-radius: 50%;
margin-left: -25px;
margin-top: -25px;
background-color: #fff;
}
.c-embed__btn::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 0;
width: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 12px solid var(--color-primary);
margin-top: -8px;
margin-left: -4px;
}
.c-embed__btn:focus, .c-embed__btn:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.c-embed__btn:focus::before, .c-embed__btn:focus::after, .c-embed__btn:hover::before, .c-embed__btn:hover::after {
transform: scale(0.9);
}
.o-wysiwyg--root ul:not([class]),
.o-wysiwyg--root ol:not([class]),
.c-list {
list-style-type: none;
margin-left: 0;
counter-reset: item;
}
.o-wysiwyg--root ul:not([class]) ul,
.o-wysiwyg--root ul:not([class]) ol,
.o-wysiwyg--root ol:not([class]) ul,
.o-wysiwyg--root ol:not([class]) ol,
.c-list ul,
.c-list ol {
margin-left: 2em;
}
.c-list--purple {
--list-color: var(--color-purple);
}
.o-wysiwyg--root ol:not([class]) > li,
ol.c-list > li {
position: relative;
counter-increment: list;
list-style-type: none;
padding-left: 2.5em;
}
.o-wysiwyg--root ol:not([class]) > li + li,
ol.c-list > li + li {
margin-top: 6px;
}
.o-wysiwyg--root ol:not([class]) ol li::before,
ol.c-list ol li::before {
font-size: 12px;
content: counters(item, ".") " ";
}
.o-wysiwyg--root ol:not([class]) > li::before,
ol.c-list > li::before {
counter-increment: item;
content: counters(item, "") " ";
position: absolute;
inset: 0 auto auto 0;
display: flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
border-radius: 50%;
font-weight: 700;
color: #fff;
background-color: var(--list-color, #000);
}
.o-wysiwyg--root ul:not([class]) > li::before,
ul.c-list > li::before {
content: "";
position: relative;
top: -0.12em;
display: inline-block;
width: 6px;
height: 6px;
flex-shrink: 0;
border-radius: 50%;
background: var(--list-color, #000);
margin-right: 0.8em;
}
.c-downloads {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.c-downloads svg {
order: -1;
margin-left: -10px;
}
.c-media-text {
display: flex;
flex-flow: column-reverse;
}
@media (min-width: 768px) {
.c-media-text {
flex-flow: row;
}
.c-media-text.c-media-text--reverse {
flex-flow: row-reverse;
}
}
.c-media-text .c-media-text__image {
text-align: center;
flex-shrink: 0;
}
.c-media-text .c-media-text__image,
.c-media-text .c-media-text__content {
flex: 1;
width: 100%;
}
.c-media-text--default,
.c-media-text--small-image {
gap: 0 var(--gutter);
}
@media (min-width: 992px) {
.c-media-text--default .c-media-text__image,
.c-media-text--default .c-media-text__content {
width: 50%;
}
}
.c-media-text--default .c-media-text__content {
padding-top: 32px;
padding-bottom: 32px;
align-self: center;
}
.c-media-text--default .c-figure img,
.c-media-text--default .c-figure picture,
.c-media-text--default .c-figure {
display: inline-block;
height: 100%;
object-fit: cover;
}
@media (min-width: 992px) {
.c-media-text--small-image .c-media-text__image {
max-width: 230px;
}
}
@media (max-width: 991.98px) {
.c-media-text--small-image .c-media-text__content {
padding-top: 32px;
}
}
.c-media-text--small-image-circled {
gap: 0 24px;
align-items: center;
}
@media (min-width: 576px) {
.c-media-text--small-image-circled {
gap: 0 var(--gutter);
}
}
.c-media-text--small-image-circled .c-media-text__image {
max-width: 101px;
}
@media (max-width: 991.98px) {
.c-media-text--small-image-circled .c-media-text__image {
margin-bottom: 18px;
margin-top: 20px;
max-width: 60px;
}
}
.c-media-text--small-image-circled .c-media-text__image img {
border-radius: 50%;
aspect-ratio: 1;
height: auto;
flex-shrink: 0;
}
.c-media-text--small-image-circled .c-media-text__image > svg {
position: absolute;
right: 0;
bottom: 0;
transform: translateX(25%);
}
@media (max-width: 575.98px) {
.c-media-text--small-image-circled .c-media-text__image > svg {
max-width: 25px;
height: auto;
}
}
.c-media-text--image-only .c-media-text, .c-media-text--image-only a {
display: contents;
}
.c-media-text--image-only figure {
margin-inline: auto;
}
.c-header {
padding: 120px 0 clamp(2rem, 1.05vw + 1.55rem, 2.5rem);
}
@media (min-width: 992px) {
.c-header {
padding: clamp(2rem, 5.26vw + -0.24rem, 4.5rem) 0 clamp(2rem, 1.05vw + 1.55rem, 2.5rem);
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.c-header {
padding-top: 130px;
}
}
.c-header .c-header__container {
display: grid;
grid-template-columns: 1fr;
align-items: center;
gap: 20px var(--gutter);
}
.c-header .c-breadcrumb {
grid-column: 1/-1;
grid-row: 1;
}
@media (min-width: 992px) {
.c-header .c-breadcrumb {
margin-bottom: 30px;
}
}
@media (max-width: 575.98px) {
.c-header .c-header__title {
overflow-wrap: anywhere;
hyphens: auto;
}
}
.c-header .c-header__meta {
grid-row: 2;
}
.c-header--default,
.c-header--split-archive,
.c-header--archive {
min-height: 270px;
background-color: var(--header-background-color, var(--color-gray-light-warm));
}
.c-header--summary-header .c-header__description,
.c-header--single-blog-header .c-header__description,
.c-header--split-archive .c-header__description,
.c-header--archive .c-header__description {
font-size: 18px;
}
.c-header--single-event .c-header__title,
.c-header--summary-header .c-header__title,
.c-header--default .c-header__title {
font-size: clamp(2.13rem, 1.45vw + 1.51rem, 2.81rem);
}
.c-header--summary-header {
background: linear-gradient(0deg, #fff 0%, var(--color-gray-light-warm) 100%);
}
.c-header--summary-header .c-header__container {
gap: 10px;
}
.c-header--summary-header .c-header__meta {
margin-top: 50px;
margin-bottom: 32px;
}
.c-header--single-event,
.c-header--default {
text-align: center;
}
.c-header--single-event .c-header__description,
.c-header--default .c-header__description {
font-size: clamp(1.25rem, 0.53vw + 1.03rem, 1.5rem);
}
.c-header--single-event .c-header__title,
.c-header--single-event .c-header__description,
.c-header--default .c-header__title,
.c-header--default .c-header__description {
max-width: 894px;
margin-left: auto;
margin-right: auto;
}
.c-header--single-event .c-header__meta {
margin-top: clamp(3rem, 2.11vw + 2.11rem, 4rem);
background-color: var(--color-gray-light-warm);
}
.c-header--single-event .c-header__meta-container {
--container-max-width: 1000px;
position: relative;
display: grid;
gap: 16px;
min-height: 201px;
}
@media (min-width: 768px) {
.c-header--single-event .c-header__meta-container {
padding-left: 164px;
}
}
@media (min-width: 992px) {
.c-header--single-event .c-header__meta-container {
padding-right: 220px;
padding-left: 220px;
}
}
.c-header--single-event .c-header__meta-thumbnail {
position: relative;
}
@media (max-width: 767.98px) {
.c-header--single-event .c-header__meta-thumbnail {
margin-left: auto;
margin-right: auto;
margin-top: -16px;
}
}
@media (min-width: 768px) {
.c-header--single-event .c-header__meta-thumbnail {
position: absolute;
top: 0;
left: 0;
}
}
.c-header--single-event .c-header__meta-thumbnail,
.c-header--single-event .c-header__meta-thumbnail picture {
width: 131px;
height: 131px;
}
@media (min-width: 992px) {
.c-header--single-event .c-header__meta-thumbnail,
.c-header--single-event .c-header__meta-thumbnail picture {
width: 201px;
height: 201px;
}
}
.c-header--single-event .c-header__meta-thumbnail picture {
position: relative;
border-radius: 50%;
overflow: hidden;
}
.c-header--single-event .c-header__meta-thumbnail svg {
position: absolute;
bottom: 0;
right: 0;
}
.c-header--single-event .c-header__meta-content {
padding-top: clamp(1.38rem, 2.11vw + 0.48rem, 2.38rem);
padding-bottom: 18px;
min-height: 160px;
}
.c-header--single-event .c-icon-text {
display: flex;
align-items: center;
gap: 10px;
text-align: left;
}
@media (max-width: 767.98px) {
.c-header--single-event .c-icon-text,
.c-header--single-event .c-btns {
justify-content: center;
}
}
@media (min-width: 992px) {
.c-header--single-event .c-icon-text,
.c-header--single-event .c-btns {
justify-content: center;
}
}
.c-header--single-event .c-icon-text time,
.c-header--single-event .c-btns time {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.c-header--single-event .c-header__meta-content + .c-btns {
margin-bottom: -16px;
}
.c-header--donation {
padding: 0;
}
.c-header--donation > .c-figure picture img,
.c-header--donation > .c-figure picture,
.c-header--donation > .c-figure {
width: 100%;
min-height: 200px;
background-color: var(--color-gray-light-warm);
object-fit: cover;
object-position: 40% center;
}
@media (min-width: 992px) {
.c-header--donation > .c-figure picture img,
.c-header--donation > .c-figure picture,
.c-header--donation > .c-figure {
min-height: 290px;
}
}
.c-header--donation .c-header__container {
gap: 10px;
}
.c-header--donation .c-breadcrumb {
grid-row: 3;
margin-bottom: 0;
}
.c-header--donation .c-header__title {
margin-top: 22px;
}
.c-header--donation .c-header__logo-container {
display: grid;
grid-template-columns: 1fr;
gap: var(--gutter);
justify-items: center;
}
@media (min-width: 992px) {
.c-header--donation .c-header__logo-container {
grid-template-columns: 1fr 1fr;
}
}
.c-header--donation .c-header__logo {
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
background-color: var(--color-green);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
width: 187px;
height: 95px;
}
@media (max-width: 991.98px) {
.c-header--donation .c-header__logo .svg {
width: 113px;
height: 39px;
}
}
@media (min-width: 992px) {
.c-header--donation .c-header__logo {
margin-top: -100px;
width: 436px;
height: 189px;
}
}
@media (min-width: 992px) {
.c-header--split-archive .c-header__container {
grid-template-columns: 1fr auto;
}
}
.c-header--single-blog-header .c-header__container {
display: grid;
grid-template-columns: 1fr;
gap: 32px clamp(2rem, 5.79vw + -0.46rem, 4.75rem);
}
@media (min-width: 992px) {
.c-header--single-blog-header .c-header__container {
grid-template-columns: 1fr 390px;
}
}
.c-header--single-blog-header .c-header__title {
font-size: clamp(2.38rem, 2.11vw + 1.48rem, 3.38rem);
margin-bottom: 12px;
}
.c-header--single-blog-header .c-header__description {
margin-top: 12px;
padding: 20px;
background-color: var(--color-gray-light-warm);
}
.c-header--single-blog-header .c-header__thumbnail {
text-align: center;
font-size: 13px;
font-style: italic;
background-color: var(--color-gray-light);
}
.c-header--single-blog-header .c-header__thumbnail figcaption {
margin-top: 8px;
opacity: 0.7;
}
@media (max-width: 991.98px) {
.c-header--single-blog-header .c-header__thumbnail img {
margin-left: auto;
margin-right: auto;
}
}
.c-navbar {
--container-max-width: 1600px;
--container-margin: var(--container-margin--alt);
}
@media (min-width: 1200px) {
.c-navbar {
position: sticky;
z-index: 100;
top: var(--wp-admin--admin-bar--height, 0px);
left: 0;
right: 0;
}
}
@media (min-width: 1200px) {
.--front-page .c-navbar {
top: calc(var(--wp-admin--admin-bar--height, 0px) - min(100vh, 700px));
}
}
.c-navbar__container {
display: flex;
justify-content: space-between;
align-items: center;
min-height: var(--navbar-height);
}
.c-navbar__nav {
position: relative;
display: none;
background-color: var(--color-white);
padding-top: 22px;
padding-bottom: 22px;
border-bottom: 1px solid var(--color-gray-400);
}
@media (max-width: 1199.98px) {
.c-navbar__nav {
padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + 118px);
max-height: 100vh;
overflow: auto;
}
.--nav-open .c-navbar__nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
display: block;
}
}
@media (min-width: 1200px) {
.c-navbar__nav {
display: block;
}
}
.c-navbar__nav .o-container {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1200px) {
.c-navbar__nav .o-container {
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: 12px clamp(1.25rem, 18.75vw + -13.75rem, 3.13rem);
}
}
html.--sub-nav-open .c-navbar-overlay,
html.--nav-open .c-navbar-overlay {
position: fixed;
z-index: 99;
inset: 0;
background-color: rgba(11, 11, 11, 0.8);
}
.c-navbar__logo-container {
position: fixed;
left: 0;
right: 0;
z-index: 101;
top: var(--wp-admin--admin-bar--height, 0px);
}
@media (min-width: 1200px) {
.c-navbar__logo-container {
position: sticky;
}
}
.c-navbar__logo {
position: absolute;
z-index: 10;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
color: #fff;
transition: width var(--main-transition), height var(--main-transition);
aspect-ratio: 284/123;
height: auto;
}
@media (max-width: 991.98px) {
.c-navbar__logo {
left: calc(50% - 93.5px);
width: 187px;
}
}
@media (min-width: 992px) {
.c-navbar__logo {
width: 242px;
}
}
.c-navbar__logo .svg {
width: 100%;
height: 100%;
}
@media (min-width: 992px) {
.--front-page .c-navbar__logo {
width: clamp(15rem, 24.47vw + 4.6rem, 26.63rem);
}
}
@media (min-width: 992px) {
.--nav-fixed .--front-page .c-navbar__logo {
width: 240px;
}
}
@media (max-width: 991.98px) {
.c-navbar__header {
display: flex;
flex-direction: column;
padding-top: 118px;
}
.c-navbar__header .c-navbar__thumbnail {
order: 2;
margin-top: 24px;
}
}
@media (min-width: 992px) {
.c-navbar__header {
position: relative;
display: flex;
height: min(100vh, 700px);
align-items: flex-end;
padding-top: clamp(7.5rem, 13.16vw + 1.91rem, 13.75rem);
padding-bottom: clamp(5rem, 25vw + -15rem, 7.5rem);
}
}
.c-navbar__header h1 {
max-width: 805px;
font-size: var(--font-size-home-title);
}
@media (max-width: 991.98px) {
.c-navbar__header h1 {
text-align: center;
}
}
@media (min-width: 992px) {
.c-navbar__header h1 {
color: var(--color-white);
}
}
.c-navbar__header h1 .u-underline {
text-decoration-color: var(--color-green);
}
@media (max-width: 991.98px) {
.c-navbar__thumbnail {
height: clamp(13.75rem, 63.16vw + -13.09rem, 43.75rem);
}
}
@media (min-width: 992px) {
.c-navbar__thumbnail {
position: absolute;
inset: 0;
}
.--front-page .c-navbar__thumbnail::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, rgba(0, 0, 0, 0.9) 20%, transparent 70%, transparent 90%);
}
}
.c-navbar__thumbnail figure,
.c-navbar__thumbnail picture,
.c-navbar__thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.c-navbar-btn {
appearance: none;
position: fixed;
z-index: 101;
top: calc(var(--wp-admin--admin-bar--height, 0px) + 27px);
right: 27px;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
padding: 0;
margin: 0;
cursor: pointer;
background-color: var(--color-white);
border-radius: 50%;
border: 1px solid var(--color-gray-500);
transition-property: color, border-color;
transition-duration: var(--main-transition-duration);
transition-timing-function: var(--main-ease);
}
.c-navbar-btn:hover, .c-navbar-btn:focus-visible {
border-color: var(--color-purple);
color: var(--color-purple);
}
@media (min-width: 1200px) {
.c-navbar-btn {
display: none;
}
}
.c-navbar-btn span {
display: block;
width: 21px;
height: 3px;
background-color: currentColor;
margin: 2px 0;
transition: transform var(--main-transition);
}
.c-navbar-btn span:nth-child(1) {
transform-origin: center;
}
.c-navbar-btn span:nth-child(3) {
transform-origin: bottom left;
}
.--nav-open .c-navbar-btn span:nth-child(1) {
transform: rotate(45deg) translateX(5px) translateY(5px);
}
.--nav-open .c-navbar-btn span:nth-child(2) {
opacity: 0;
}
.--nav-open .c-navbar-btn span:nth-child(3) {
transform: rotate(-45deg) translateX(3px) translateY(3px);
}
html.--nav-open .c-navbar-btn--open,
html:not(.--nav-open) .c-navbar-btn--close {
display: none;
}
.c-nav--main .c-nav-list {
display: flex;
flex-flow: column;
justify-content: center;
gap: 12px clamp(1.25rem, 18.75vw + -13.75rem, 3.13rem);
}
@media (min-width: 1200px) {
.c-nav--main .c-nav-list {
flex-flow: row;
margin-left: auto;
}
}
.c-nav--main .c-nav-sub-list {
position: relative;
}
@media (max-width: 1199.98px) {
.c-nav--main .c-nav-sub-list {
text-align: center;
border-bottom: 1px solid var(--color-gray-400);
}
}
@media (min-width: 1200px) {
.c-nav--main .c-nav-sub-list {
position: absolute;
top: var(--navbar-height);
left: 0;
right: 0;
background-color: var(--color-white);
}
}
@media (min-width: 1200px) {
.c-nav--main .c-nav-sub-list > ul {
width: 100%;
max-width: clamp(0px, 100% - 2 * var(--container-margin), var(--container-max-width));
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
}
.c-nav--main .c-nav-sub-list > ul li {
max-width: 350px;
}
}
.c-nav--main .c-nav-list-title {
font-size: clamp(1.5rem, 0.53vw + 1.28rem, 1.75rem);
font-weight: 500;
line-height: 1.1;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.c-nav--main .c-nav-list-title {
margin-bottom: 22px;
}
}
@media (min-width: 1200px) {
.c-nav-list--main .c-nav-list-item[data-index="1"] {
display: flex;
align-items: center;
}
}
.c-nav-list--main .c-nav-list-item[data-type=secondary] {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-link[data-index="1"],
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-btn[data-index="1"] {
appearance: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
gap: 0.75rem;
text-transform: uppercase;
cursor: pointer;
transition: text-decoration-color var(--main-transition);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 0.5rem;
text-decoration-color: var(--color-white);
font-weight: 500;
letter-spacing: 1.28px;
}
@media (max-width: 1199.98px) {
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-link[data-index="1"],
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-btn[data-index="1"] {
padding-top: 1rem;
padding-bottom: 1rem;
width: 100%;
justify-content: center;
}
}
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-link[data-index="1"] .svg--nav-arrow,
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-btn[data-index="1"] .svg--nav-arrow {
border-radius: 50%;
border: 1px solid var(--color-gray-400);
transition-property: border-color, transform, color, background-color;
transition-duration: var(--main-transition-duration);
transition-timing-function: var(--main-timing-function);
}
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-link[data-index="1"][aria-expanded=true] .svg--nav-arrow,
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-btn[data-index="1"][aria-expanded=true] .svg--nav-arrow {
transform: rotate(90deg);
}
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-link[data-index="1"][aria-expanded=true], .c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-link[data-index="1"]:focus-visible, .c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-link[data-index="1"]:hover,
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-btn[data-index="1"][aria-expanded=true],
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-btn[data-index="1"]:focus-visible,
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-btn[data-index="1"]:hover {
text-decoration-color: var(--color-purple);
}
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-link[data-index="1"][aria-expanded=true] .svg--nav-arrow, .c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-link[data-index="1"]:focus-visible .svg--nav-arrow, .c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-link[data-index="1"]:hover .svg--nav-arrow,
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-btn[data-index="1"][aria-expanded=true] .svg--nav-arrow,
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-btn[data-index="1"]:focus-visible .svg--nav-arrow,
.c-nav-list--main .c-nav-list-item[data-type=main] .c-nav-list-btn[data-index="1"]:hover .svg--nav-arrow {
color: var(--color-white);
border-color: var(--color-purple);
background-color: var(--color-purple);
}
.c-nav-list--main[data-index="2"],
.c-nav-list--main[data-index="3"] {
display: flex;
flex-flow: column;
font-size: 20px;
gap: 0 44px;
}
@media (min-width: 1200px) {
.c-nav-list--main[data-index="2"],
.c-nav-list--main[data-index="3"] {
gap: 8px clamp(4rem, 10vw + -4rem, 5rem);
justify-content: center;
}
.c-nav-list--main[data-index="2"] > .c-nav-list-item,
.c-nav-list--main[data-index="3"] > .c-nav-list-item {
width: 100%;
}
}
@media (max-width: 1199.98px) {
.c-nav-list--main[data-index="2"]:has(.c-nav-list-title),
.c-nav-list--main[data-index="3"]:has(.c-nav-list-title) {
row-gap: 20px;
}
}
@media (min-width: 1200px) {
.c-nav-list--main[data-index="2"]:has(.c-nav-list-title),
.c-nav-list--main[data-index="3"]:has(.c-nav-list-title) {
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
row-gap: 32px;
}
}
@media (min-width: 1200px) {
.c-nav-list--main[data-index="2"]:has(.c-nav-list-title) .c-nav-list,
.c-nav-list--main[data-index="3"]:has(.c-nav-list-title) .c-nav-list {
width: 100%;
}
}
.c-nav-list--main[data-index="2"] a,
.c-nav-list--main[data-index="3"] a {
display: inline-block;
text-decoration: none;
padding-top: clamp(0.06rem, 2.5vw + -1.94rem, 0.31rem);
padding-bottom: clamp(0.06rem, 2.5vw + -1.94rem, 0.31rem);
}
.c-nav-list--main[data-index="2"] a:focus-visible, .c-nav-list--main[data-index="2"] a:hover,
.c-nav-list--main[data-index="3"] a:focus-visible,
.c-nav-list--main[data-index="3"] a:hover {
text-decoration: underline;
}
.c-nav-list--main[data-index="2"] {
padding-top: clamp(0.75rem, 2.63vw + -0.37rem, 2rem);
padding-bottom: clamp(1.38rem, 1.32vw + 0.82rem, 2rem);
}
.c-nav--footer .c-nav-list {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
align-items: center;
}
.c-nav--footer .c-nav-list a {
text-decoration: none;
}
.c-nav--footer .c-nav-list a:hover,
.c-nav--footer .c-nav-list a:focus-visible {
text-decoration: underline;
}
.c-nav--footer .c-nav-list li + li::before {
content: "·";
margin-right: 1rem;
color: var(--color-purple);
font-size: 18px;
}
.c-search-nav {
margin-top: clamp(2rem, 6.32vw + -0.68rem, 5rem);
margin-bottom: 40px;
}
.c-search-nav.--empty {
margin-bottom: clamp(2rem, 6.32vw + -0.68rem, 5rem);
}
.c-search-nav .c-search-nav__list {
margin-top: 28px;
justify-content: center;
gap: 16px clamp(1rem, 1.05vw + 0.55rem, 1.5rem);
}
.c-search-results__info {
text-align: center;
margin-bottom: 28px;
}
.c-search-results__info + * {
margin-top: 28px;
}
.c-search-results__list {
display: grid;
grid-template-columns: 1fr;
gap: 28px 40px;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.c-search-results__list {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1440px) {
.c-search-results__list:not([data-type=event]) {
grid-template-columns: 1fr 1fr 1fr;
}
}
.c-social-link {
--btn-rounded-size: 40px;
}
.c-inline-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.c-section--default,
.c-section--medium-arrow,
.c-section--medium {
padding-top: clamp(4rem, 2.11vw + 3.11rem, 5rem);
padding-bottom: clamp(4rem, 2.11vw + 3.11rem, 5rem);
}
.c-section--medium-arrow,
.c-section--medium-no-paddings,
.c-section--medium {
background-color: var(--color-gray-light-warm);
}
.c-section {
position: relative;
}
.c-section .svg--arrow-down {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
color: var(--color-green);
}
@media (min-width: 1200px) {
.c-section > .c-heading--2.u-text-align-left {
padding-right: 300px;
}
}
.c-links {
--flow-space: 32px;
}
.c-link * {
--flow-space: 6px;
}
.c-link .c-link__title {
line-height: 1.2;
font-size: clamp(2rem, 5.42vw + -2.06rem, 2.81rem);
font-weight: 500;
}
.c-link .c-link__title a {
position: relative;
display: inline;
align-items: center;
gap: 1rem;
text-decoration: none;
background-image: linear-gradient(120deg, var(--color-green), var(--color-green));
background-repeat: no-repeat;
background-size: calc(100% - 1.3em) 0.07em;
background-position: 0 97%;
padding-right: 10px;
transition: background-size var(--main-transition), background-image var(--main-transition);
}
.c-link .c-link__title a:hover {
background-size: 100% 0.07em;
background-image: linear-gradient(120deg, var(--color-black), var(--color-black));
}
.c-link .c-link__title a:hover svg {
transform: translateX(14px) translateY(23%);
color: var(--color-black);
}
.c-link .c-link__title a svg {
width: clamp(2rem, 2.37vw + 0.99rem, 3.13rem);
height: clamp(2rem, 2.37vw + 0.99rem, 3.13rem);
color: var(--color-gray-400);
transition: transform var(--main-transition), color var(--main-transition);
transform: translateY(23%);
margin-top: -10px;
}
.c-link > .c-heading * {
font-size: clamp(1.25rem, 0.53vw + 1.03rem, 1.5rem);
}
.c-tag {
padding: 0 0.3em;
color: var(--tag-color-text, var(--color-white));
background-color: var(--tag-background, var(--color-purple));
}
.c-tag--green {
--tag-color-text: var(--color-black);
--tag-background: var(--color-green-light);
}
.c-quote {
width: fit-content;
}
.c-quote svg {
display: block;
color: #C2C2C2;
opacity: 0.5;
}
.c-quote svg:first-child {
margin-bottom: 12px;
}
.c-quote svg:last-child {
margin-top: 12px;
margin-left: auto;
transform: scale(-1);
}
.c-quote cite {
font-size: 18px;
font-weight: 500;
font-style: normal;
color: var(--color-purple);
}
.c-quote cite::before {
content: "- ";
}
.c-quote__content {
font-size: clamp(1.25rem, 0.53vw + 1.03rem, 1.5rem);
padding-left: 20px;
border-left: 1px solid var(--color-green);
margin-left: 33px;
}
.c-accordions .c-accordion + .c-accordion {
margin-top: clamp(1.38rem, 0.79vw + 1.04rem, 1.75rem);
}
.c-accordion[data-parent-presentation=question-answer] .c-accordion__content {
border-left: 1px solid var(--color-gray-light-warm);
padding-left: 30px;
margin-top: 20px;
}
.c-accordion[data-parent-presentation=default] {
position: relative;
border-top: 1px solid var(--color-gray-400);
border-bottom: 1px solid var(--color-gray-400);
}
.c-accordion[data-parent-presentation=default]:focus-visible summary, .c-accordion[data-parent-presentation=default]:focus-within summary {
position: relative;
}
.c-accordion[data-parent-presentation=default]:focus-visible summary::after, .c-accordion[data-parent-presentation=default]:focus-within summary::after {
content: "";
position: absolute;
inset: -1px -10px -1px -10px;
border: 1px dashed currentColor;
}
.c-accordion[data-parent-presentation=default]:focus-visible[open] summary::after, .c-accordion[data-parent-presentation=default]:focus-within[open] summary::after {
inset: -1px -10px 10px -10px;
}
.c-accordion[data-parent-presentation=default]:hover summary::before {
opacity: 0.6;
}
.c-accordion[data-parent-presentation=default][open] summary::before {
transform: scale(-1);
}
.c-accordion[data-parent-presentation=default] summary {
padding-top: clamp(1.38rem, 0.79vw + 1.04rem, 1.75rem);
padding-bottom: clamp(1.38rem, 0.79vw + 1.04rem, 1.75rem);
padding-right: 60px;
color: var(--color-purple);
}
.c-accordion[data-parent-presentation=default] summary::before {
content: "";
position: absolute;
top: clamp(0.75rem, 1.05vw + 0.3rem, 1.25rem);
right: 12px;
display: block;
width: 44px;
height: 44px;
background-color: var(--color-gray-700);
mask-image: var(--icon-accordion-arrow);
transition: opacity var(--main-transition);
}
.c-accordion[data-parent-presentation=default] .c-accordion__content {
padding-bottom: 28px;
}
.c-key-value {
display: grid;
grid-template-columns: 1fr;
gap: 28px;
text-align: center;
padding-bottom: 32px;
padding-top: 32px;
}
@media (min-width: 992px) {
.c-key-value {
gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 992px) {
.c-key-value p:nth-child(3n+2) {
top: 12px;
}
}
@media (min-width: 992px) {
.c-key-value p:not(:nth-child(3n+2)) {
top: -12px;
margin-bottom: 12px;
}
}
.c-key-value p {
position: relative;
padding: clamp(1.88rem, 3.95vw + 0.2rem, 3.75rem) clamp(1rem, 3.68vw + -0.57rem, 2.75rem);
border: 3px solid var(--color-green-safe);
font-size: 18px;
}
.c-key-value p strong {
display: block;
font-weight: 800;
font-size: clamp(2.5rem, 1.32vw + 1.94rem, 3.13rem);
color: var(--color-green-safe);
}
.c-pagination {
margin-top: clamp(2rem, 1.58vw + 1.33rem, 2.75rem);
margin-bottom: clamp(2rem, 4.21vw + 0.21rem, 4rem);
}
.c-pagination .c-pagination__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
}
.c-pagination .c-pagination__number {
font-size: 18px;
padding: 0 5px;
}
@media (max-width: 767.98px) {
.c-pagination .c-pagination__number {
display: none;
}
}
.c-pagination .c-pagination__number.current {
background-color: var(--color-green);
}
.c-pagination .c-pagination__btn-item {
padding-left: 8px;
padding-right: 8px;
}
.c-pagination .c-pagination__btn.--prev {
transform: scale(-1);
}
.c-post-pagination {
--container-max-width: 1203px;
display: grid;
grid-template-columns: 1fr;
gap: 44px var(--gutter);
padding-top: clamp(2.75rem, 2.63vw + 1.63rem, 4rem) !important;
padding-bottom: clamp(2.75rem, 5vw + 0.63rem, 5.13rem) !important;
}
@media (min-width: 992px) {
.c-post-pagination {
grid-template-columns: 1fr 1fr 1fr;
}
}
.c-post-pagination .svg--arrow {
order: -1;
}
@media (min-width: 992px) {
.c-post-pagination .c-post-pagination__nav {
grid-column: 1/-1;
grid-row: 1;
}
}
@media (min-width: 992px) {
.c-post-pagination .c-post-pagination__share {
grid-column: 2;
grid-row: 1;
}
}
.c-post-pagination .c-post-pagination__nav__list {
display: grid;
grid-template-columns: 1fr;
gap: 44px var(--gutter);
}
@media (max-width: 991.98px) {
.c-post-pagination .c-post-pagination__nav__list {
justify-items: center;
text-align: center;
}
}
@media (min-width: 992px) {
.c-post-pagination .c-post-pagination__nav__list {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 992px) {
.c-post-pagination .c-post-pagination__nav__list li:first-child {
grid-column: 1;
text-align: right;
}
}
@media (min-width: 992px) {
.c-post-pagination .c-post-pagination__nav__list li:last-child {
grid-column: 3;
}
}
.c-hero-title {
text-align: center;
padding: 30px;
font-size: clamp(1.25rem, 0.66vw + 0.97rem, 1.56rem);
font-weight: 500;
}
@media (max-width: 1199.98px) {
.c-aside {
width: 100%;
max-width: clamp(0px, 100% - 2 * var(--container-margin), var(--container-max-width));
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1200px) {
.c-aside {
position: absolute;
top: 270px;
right: 0;
bottom: 0;
}
}
.c-aside__inner {
padding: clamp(1.25rem, 2.63vw + 0.13rem, 2.5rem);
border-radius: 4px;
background-color: var(--color-white);
border: 1px solid #D4D2C4;
width: 100%;
}
@media (min-width: 1200px) {
.c-aside__inner {
position: sticky;
top: calc(120px + var(--wp-admin--admin-bar--height, 0px));
width: clamp(18.75rem, 41.67vw + -12.5rem, 37.5rem);
}
}
.c-aside__inner .c-download {
font-size: 14px;
min-height: 44px;
}
.c-aside__inner .c-downloads {
max-width: 264px;
}
.c-meta {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
width: 100%;
}
.c-meta[data-type=publication] > div:last-child {
display: flex;
flex-wrap: wrap;
gap: 0.4em;
width: 100%;
}
.c-meta[data-type=podcast] > div:last-child {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.c-meta[data-type=podcast] > div p {
display: inline-block;
}
.c-meta[data-type=podcast] .c-meta__thumbnail {
position: relative;
flex-shrink: 0;
}
.c-meta[data-type=podcast] .c-meta__thumbnail img {
border-radius: 50%;
}
.c-meta[data-type=podcast] .c-meta__thumbnail svg {
position: absolute;
bottom: -11px;
left: 0;
}
::backdrop {
background-color: rgba(0, 0, 0, 0.7);
}
.c-modal {
position: fixed;
border: 0;
padding: 80px clamp(1.38rem, 7.63vw + -1.87rem, 5rem);
min-width: calc(100% - 44px);
text-align: left;
margin-top: auto !important;
}
@media (min-width: 992px) {
.c-modal {
min-width: 900px;
}
}
.c-modal .o-wysiwyg {
width: 100%;
}
.c-modal .c-heading {
text-align: center;
}
.c-modal--default .c-modal__close {
position: sticky;
top: 0;
}
.c-modal--default .c-modal__close .c-btn {
position: absolute;
top: -44px;
right: 0;
}
.c-dialog__clipboard {
display: flex;
gap: 8px;
}
@media (min-width: 768px) {
.c-dialog__clipboard {
gap: 16px;
}
}
.c-dialog__clipboard input {
flex: 1;
background-color: var(--color-gray-light-warm);
}
.c-dialog__clipboard.--copied .js-clipboard.c-btn {
position: relative;
}
.c-dialog__clipboard.--copied .js-clipboard.c-btn::after {
content: "✔";
}
.c-modal[id^=team-] .c-modal__header {
display: grid;
grid-template-columns: 138px 1fr;
gap: var(--gutter);
align-items: center;
}
.c-modal[id^=team-] .c-modal__header__thumbnail figure,
.c-modal[id^=team-] .c-modal__header__thumbnail img {
border-radius: 50%;
width: 138px;
height: 138px;
background-color: var(--color-gray-light-warm);
}
.c-social-links__list {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.c-social-links .social-link {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
aspect-ratio: 1;
width: 40px;
height: 40px;
flex-shrink: 0;
background-color: var(--color-purple);
color: var(--color-white);
transition: background-color var(--main-transition), color var(--main-transition);
border: 1px solid var(--color-purple);
}
.c-social-links .social-link:focus-visible, .c-social-links .social-link:hover {
background-color: var(--color-purple-light);
color: var(--color-purple);
}
.c-social-links .social-link svg {
width: 20px;
height: 20px;
}
/* ==========================================================================
#HIDDEN-VISUALLY
========================================================================== */
.gform_heading {
text-align: center;
margin-bottom: 2rem;
}
.gform-body {
container-type: inline-size;
}
.gform-body .gform-field-label:not(.gform-field-label--type-inline):not(.gfield_label) {
margin-bottom: 0.2rem;
}
.gform-body .gfield_label_before_complex {
margin-bottom: 0.5rem;
}
.gform-body .gfield_label + .gfield_description {
margin-left: 1rem;
margin-top: -0.2rem;
margin-bottom: 0.4rem;
}
.gform-body .gfield_label {
margin-bottom: 0.5rem;
font-weight: 500;
}
.gform-body .textarea.small {
max-height: 180px;
}
.gform-body .textarea.medium {
max-height: 250px;
}
.gform-button--width-full {
width: 100%;
}
.gform_description {
font-size: 16px;
margin-top: 1rem;
margin-bottom: 1rem;
}
.gform-footer {
text-align: center;
margin-top: 2rem;
}
.gform-footer [type=submit] {
background-image: var(--icon-arrow-right);
background-repeat: no-repeat;
background-position: 1.75rem center;
padding-left: 4rem;
}
.gform-footer [type=submit]:focus,
.gform-footer [type=submit]:hover {
background-image: var(--icon-arrow-right--hover);
}
.gform_validation_errors {
margin-bottom: 2rem;
}
.gform_submission_error {
font-size: 1rem;
}
.gform_required_legend,
.gfield_required {
font-size: var(--text-xs);
margin-left: 0.2rem;
color: var(--color-purple);
}
.gform-field-label--type-sub,
.gfield_description {
font-size: var(--text-sm);
opacity: 0.75;
}
.gchoice {
display: flex;
align-items: flex-start;
}
.gchoice input[type=checkbox] {
margin-top: 7px;
}
.ginput_container_email {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@container (min-width: 600px) {
.ginput_container_email {
grid-template-columns: 1fr 1fr;
}
}
.gform_fields {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 1rem calc(var(--gutter) / 2);
}
.gform_fields .gfield {
grid-column: span 12;
}
@container (min-width: 600px) {
.gform_fields .gfield--width-half {
grid-column: span 6;
}
}
@container (min-width: 800px) {
.gform_fields .gfield--width-third {
grid-column: span 4;
}
}
.c-form {
accent-color: var(--color-green-safe);
}
.c-form .c-form__btns {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
}
.c-form .c-form__deduction {
letter-spacing: -0.05em;
background-color: var(--color-gray-light-warm);
padding: 20px 16px;
}
.c-form .c-form__deduction p.c-form__deduction__hero {
display: flex;
line-height: 1;
gap: 10px;
align-items: center;
font-size: var(--text-xl);
color: var(--color-purple);
font-weight: 500;
}
.c-form .c-form__deduction p.c-form__deduction__hero strong {
font-size: clamp(2.38rem, 5vw + -1.38rem, 3.13rem);
}
.c-form .c-form__deduction p.c-form__deduction__classic {
margin-top: 0.75rem;
line-height: 1.25;
text-align: center;
font-size: 18px;
font-weight: 500;
}
.c-form .c-form__deduction p.c-form__deduction__classic span {
color: var(--color-purple);
text-decoration: underline;
}
.c-form .invalid-feedback {
grid-column: 1/-1;
}
.c-form div[data-condition]:not(.--active) {
display: none;
}
.c-form--medium > div + div,
.c-form--donation > div + div,
.c-form--default > div + div {
margin-top: 10px;
}
.c-form--medium .c-form__btns,
.c-form--donation .c-form__btns,
.c-form--default .c-form__btns {
margin-top: 32px;
}
.c-form--medium {
max-width: 671px;
--container-max-width: 671px;
}
.c-form.c-form--donation {
--input-padding: 14px 14px;
--input-font-size: 15px;
--label-offset-x: 0;
--label-font-size: 15px;
}
.c-form--donation,
.c-form--grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px var(--gutter);
}
@media (min-width: 768px) {
.c-form--donation,
.c-form--grid {
grid-template-columns: 1fr 1fr;
}
}
.c-form--donation .c-btns,
.c-form--donation .c-form__btns,
.c-form--donation .c-form__global_text,
.c-form--donation .c-form__full-width,
.c-form--donation .c-form__steps,
.c-form--donation .c-heading,
.c-form--grid .c-btns,
.c-form--grid .c-form__btns,
.c-form--grid .c-form__global_text,
.c-form--grid .c-form__full-width,
.c-form--grid .c-form__steps,
.c-form--grid .c-heading {
grid-column: 1/-1;
}
.c-form--donation .invalid-feedback,
.c-form--donation .inline-error,
.c-form--grid .invalid-feedback,
.c-form--grid .inline-error {
grid-column: 2/-1;
}
.gform-body legend.required::after,
.gform-body label.required::after,
.gform-body .form-check-label.required::after,
.gform-body .form-label.required::after,
.c-form legend.required::after,
.c-form label.required::after,
.c-form .form-check-label.required::after,
.c-form .form-label.required::after,
.c-form--grid legend.required::after,
.c-form--grid label.required::after,
.c-form--grid .form-check-label.required::after,
.c-form--grid .form-label.required::after {
content: " *";
color: var(--color-purple);
}
.gform-body input[type=radio] + label.required::after,
.c-form input[type=radio] + label.required::after,
.c-form--grid input[type=radio] + label.required::after {
display: none;
}
.gform-body legend,
.gform-body label,
.c-form legend,
.c-form label,
.c-form--grid legend,
.c-form--grid label {
display: block;
font-size: var(--label-font-size, 18px);
font-weight: 400;
margin-left: var(--label-offset-x, 16px);
word-break: break-word;
}
.gform-body legend,
.c-form legend,
.c-form--grid legend {
padding: 0;
}
.gform-body legend + *,
.c-form legend + *,
.c-form--grid legend + * {
margin-top: 0.5rem;
}
.gform-body .u-text-xxs label,
.c-form .u-text-xxs label,
.c-form--grid .u-text-xxs label {
font-size: 12px;
}
.gform-body .u-text-xs label,
.c-form .u-text-xs label,
.c-form--grid .u-text-xs label {
font-size: 14px;
}
.gform-body .c-form__btns,
.gform-body *:not(.c-form__checkbox) + .c-form__checkbox,
.gform-body * + .c-heading,
.c-form .c-form__btns,
.c-form *:not(.c-form__checkbox) + .c-form__checkbox,
.c-form * + .c-heading,
.c-form--grid .c-form__btns,
.c-form--grid *:not(.c-form__checkbox) + .c-form__checkbox,
.c-form--grid * + .c-heading {
margin-top: 28px;
}
.gform-body .gfield_checkbox > div + div,
.c-form .gfield_checkbox > div + div,
.c-form--grid .gfield_checkbox > div + div {
margin-top: 16px;
}
.gform-body .c-heading,
.c-form .c-heading,
.c-form--grid .c-heading {
margin-bottom: 8px;
}
textarea[aria-invalid=true],
input[aria-invalid=true],
.invalid-feedback + textarea,
.invalid-feedback + input {
--color: var(--color-red);
--border-color: var(--color-red);
}
input {
font-size: 18px;
margin: 0;
}
fieldset {
padding: 0;
border: 0;
}
fieldset .gfield_checkbox {
padding-left: 1.2rem;
}
select {
padding-right: 54px !important;
appearance: none;
background-position: calc(100% - 8px) 50%;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
select:hover {
cursor: pointer;
}
select,
input,
textarea {
--border-color: var(--color-gray-600);
}
.c-section--medium select,
.c-section--medium input,
.c-section--medium textarea {
--border-color: var(--color-white);
}
textarea {
resize: vertical;
}
select,
textarea,
input[type=number],
input[type=search],
input[type=text],
input[type=email] {
padding: var(--input-padding, 19px 20px);
font-size: var(--input-font-size, 18px);
border-radius: 4px;
outline: none;
color: var(--color, currentColor);
border: 1px solid var(--border-color, var(--color-white));
background-color: var(--color-white);
width: 100%;
}
select:focus,
textarea:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=email]:focus {
border-color: var(--color-purple);
outline: 1px solid var(--color-purple);
}
select:focus-visible,
textarea:focus-visible,
input[type=number]:focus-visible,
input[type=search]:focus-visible,
input[type=text]:focus-visible,
input[type=email]:focus-visible {
outline: 2px solid var(--color-purple);
outline-offset: 1px;
}
.invalid-feedback,
.inline-error {
margin-top: 4px;
padding-left: 6px;
font-size: 14px;
font-weight: 500;
color: var(--color-red);
border-left: 2px solid var(--color-red);
}
.c-form__control {
display: flex;
flex-direction: column;
gap: 7px;
}
.c-form__control .invalid-feedback {
order: 10;
}
.c-form__checkbox {
display: grid;
grid-template-columns: auto 1fr;
align-items: flex-start;
gap: 4px 0.75em;
font-size: var(--label-font-size, 18px);
}
.c-form__checkbox label {
margin: 0;
}
.c-form__checkbox input {
font-size: inherit;
margin-top: 0.3em;
margin-left: var(--checkbox-offset-x, 16px);
grid-column: 1;
grid-row: 1;
}
.c-form__steps {
display: flex;
gap: 22px;
max-width: 404px;
margin: 12px auto;
}
.c-form__step {
position: relative;
text-align: center;
font-size: clamp(0.75rem, 0.39vw + 0.58rem, 0.94rem);
line-height: 1.2;
color: var(--color-gray-700);
}
.c-form__step a {
text-decoration: none;
}
.c-form__step > span {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.25em;
font-size: clamp(0.69rem, 0.26vw + 0.58rem, 0.81rem);
}
.c-form__step + .c-form__step::before {
content: "";
position: absolute;
top: 12px;
right: 100%;
display: block;
height: 1px;
width: 20px;
background-color: var(--color-gray-700);
}
.c-form__step.--active {
color: var(--color-purple);
}
.c-form__step.--active span {
color: var(--color-white);
background-color: var(--color-purple);
}
.c-gravity--bordered_wrapper,
.c-form--bordered {
padding: clamp(2rem, 1.05vw + 1.55rem, 2.5rem) clamp(1rem, 1.32vw + 0.44rem, 1.63rem);
border-radius: 4px;
border: 4px solid var(--color-green);
background-color: var(--color-white);
}
.c-gravity--bordered_wrapper .c-form__global_text,
.c-form--bordered .c-form__global_text {
margin-bottom: 20px;
order: -1;
}
.c-gravity--bordered_wrapper .c-heading--3,
.c-form--bordered .c-heading--3 {
text-align: center;
}
.c-search-form {
margin-top: 32px;
text-align: left;
max-width: 762px;
margin-left: auto;
margin-right: auto;
}
.c-search-form label {
display: inline-block;
margin-bottom: 0.25rem;
}
.c-search-form__inner {
display: grid;
grid-template-columns: 1fr;
align-items: center;
gap: 12px 22px;
margin-top: 12px;
}
@media (min-width: 768px) {
.c-search-form__inner {
grid-template-columns: 1fr auto;
}
.c-search-form__inner select {
min-width: 220px;
}
.c-search-form__inner .c-btn {
grid-column: 1/-1;
justify-self: center;
}
}
.gform_validation_errors,
.gform_confirmation_message,
.c-alert {
padding: 1rem;
border: 1px solid;
border-top-width: 3px;
border-radius: 4px;
font-weight: 500;
}
.gform_validation_errors,
.c-alert--danger {
border-color: var(--color-red);
background-color: rgba(227, 0, 78, 0.075);
}
.c-alert--success {
border-color: var(--color-green);
background-color: rgba(90, 187, 72, 0.075);
}
.c-highlight {
font-size: 18px;
padding: clamp(0.63rem, 5vw + -3.13rem, 1.38rem) 0;
}
.c-highlight .c-heading--3 {
color: var(--color-black);
}
.c-highlight .c-heading--3 h3 {
font-size: clamp(1.38rem, 0.39vw + 1.21rem, 1.56rem);
}
.c-summary__list a {
text-decoration: none;
font-size: 18px;
color: currentColor;
}
.c-summary__list a:focus-visible,
.c-summary__list a:hover {
text-decoration: underline;
}
.c-figure {
flex-shrink: 0;
}
.c-figure a {
display: contents;
}
.c-separator {
display: block;
margin-left: auto;
margin-right: auto;
}
.c-separator.c-separator--medium {
height: 24px;
}
.c-separator.c-separator--large {
height: 44px;
}
.u-text-align-left {
text-align: left;
}
.has-text-align-center,
.u-text-align-center {
text-align: center;
}
.has-text-align-end,
.has-text-align-right,
.u-text-align-right {
text-align: right;
}
.u-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.u-text-xxxl {
font-size: 26px;
}
.u-text-xxl {
font-size: 24px;
}
.u-text-xl {
font-size: 22px;
}
.u-text-lg {
font-size: 18px;
}
.u-text-md {
font-size: 16px;
}
.u-text-sm {
font-size: 15px;
}
.u-text-xs {
font-size: 14px;
}
.u-text-xxs {
font-size: 12px;
}
.u-text-color {
color: var(--color-text, var(--color-purple));
}
.u-text-color--green {
color: var(--color-text, var(--color-green-safe));
}
.u-text-grey {
color: var(--color-grey, var(--color-gray-700));
}
/* ==========================================================================
#CLEARFIX
========================================================================== */
.u-clearfix::before {
display: table;
content: "";
}
.u-clearfix:after {
content: "" !important;
display: block !important;
clear: both !important;
}
/**
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.u-hidden-visually {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
/**
* Hide visually and from screen readers.
*/
.u-hidden {
display: none !important;
}
/* ==========================================================================
#POSITIONS
========================================================================== */
.u-relative {
position: relative;
}
.u-absolute {
position: absolute;
}
/* ==========================================================================
#PRINT
========================================================================== */
/**
* Very crude, reset-like styles taken from the HTML5 Boilerplate:
* https://github.com/h5bp/html5-boilerplate/blob/5.3.0/dist/doc/css.md#print-styles
* https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css#L205-L282
*/
@media print {
/**
* 1. Black prints faster: http://www.sanbeiji.com/archives/953
*/
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; /* [1] */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/**
* Don’t show links that are fragment identifiers, or use the `javascript:`
* pseudo protocol.
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/**
* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.u-flex-justify--center {
justify-content: center;
align-items: center;
}
.u-flex-justify--end,
.u-flex-justify--right {
justify-content: flex-end;
align-items: flex-end;
}
.u-flex-justify--start,
.u-flex-justify--left {
justify-content: flex-start;
align-items: flex-start;
}
.u-flex-align--vertical {
flex-direction: column;
}
.u-flex-justify--space-between {
justify-content: space-between;
}
.--template-page-archive .c-card-list,
.--archive-event .c-card-list,
.--archive-publication .c-card-list,
.--archive-podcast .c-card-list {
margin-top: clamp(2rem, 4.21vw + 0.21rem, 4rem);
margin-bottom: clamp(2rem, 4.21vw + 0.21rem, 4rem);
}
.--template-page-archive,
.--archive-publication,
.--archive-podcast {
--header-background-color: transparent;
}
.--single-event .o-wysiwyg--root,
.--single-post .o-wysiwyg--root,
.--page:not(.--template-page-archive) .o-wysiwyg--root {
--container-max-width: 1126px;
}
.--single-event .o-wysiwyg--root .gform_wrapper,
.--single-event .o-wysiwyg--root .c-gravity--bordered_wrapper,
.--single-event .o-wysiwyg--root .c-footnotes,
.--single-event .o-wysiwyg--root .c-quote,
.--single-event .o-wysiwyg--root .c-accordions,
.--single-event .o-wysiwyg--root .c-downloads,
.--single-event .o-wysiwyg--root .c-btns,
.--single-event .o-wysiwyg--root .c-heading,
.--single-event .o-wysiwyg--root .c-hero-title,
.--single-event .o-wysiwyg--root .c-list,
.--single-event .o-wysiwyg--root .wp-block-coopi-downloads,
.--single-event .o-wysiwyg--root .c-highlight,
.--single-event .o-wysiwyg--root .c-form,
.--single-event .o-wysiwyg--root .c-form--bordered,
.--single-event .o-wysiwyg--root .c-card-list[data-type=team],
.--single-event .o-wysiwyg--root .c-card-list[data-type=publication],
.--single-event .o-wysiwyg--root .c-accordions,
.--single-event .o-wysiwyg--root .c-paragraph,
.--single-post .o-wysiwyg--root .gform_wrapper,
.--single-post .o-wysiwyg--root .c-gravity--bordered_wrapper,
.--single-post .o-wysiwyg--root .c-footnotes,
.--single-post .o-wysiwyg--root .c-quote,
.--single-post .o-wysiwyg--root .c-accordions,
.--single-post .o-wysiwyg--root .c-downloads,
.--single-post .o-wysiwyg--root .c-btns,
.--single-post .o-wysiwyg--root .c-heading,
.--single-post .o-wysiwyg--root .c-hero-title,
.--single-post .o-wysiwyg--root .c-list,
.--single-post .o-wysiwyg--root .wp-block-coopi-downloads,
.--single-post .o-wysiwyg--root .c-highlight,
.--single-post .o-wysiwyg--root .c-form,
.--single-post .o-wysiwyg--root .c-form--bordered,
.--single-post .o-wysiwyg--root .c-card-list[data-type=team],
.--single-post .o-wysiwyg--root .c-card-list[data-type=publication],
.--single-post .o-wysiwyg--root .c-accordions,
.--single-post .o-wysiwyg--root .c-paragraph,
.--page:not(.--template-page-archive) .o-wysiwyg--root .gform_wrapper,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-gravity--bordered_wrapper,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-footnotes,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-quote,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-accordions,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-downloads,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-btns,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-heading,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-hero-title,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-list,
.--page:not(.--template-page-archive) .o-wysiwyg--root .wp-block-coopi-downloads,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-highlight,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-form,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-form--bordered,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-card-list[data-type=team],
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-card-list[data-type=publication],
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-accordions,
.--page:not(.--template-page-archive) .o-wysiwyg--root .c-paragraph {
--container-max-width: 893px;
}
.--single-podcast .c-meta {
margin-bottom: 10px;
}
.--front-page {
--text-xxl: clamp(2.13rem, 8.33vw + -4.13rem, 3.38rem);
}
.c-heading--2:has(+ .c-card-list .c-card-list__archive-link) h2 {
max-width: calc(100% - 350px);
}
.--template-summary main {
position: relative;
}
@media (min-width: 1200px) {
.--template-summary .c-header__container > *,
.--template-summary .o-wysiwyg--root > * {
padding-right: calc(var(--extra-padding, 0px) + clamp(18.75rem, 54.72vw + -22.29rem, 43.38rem));
}
}
.--template-page-donation .c-header {
--container-max-width: 1126px;
}
@media (min-width: 992px) {
.--template-page-donation .c-form--bordered {
margin-top: -460px;
}
}