:root {
--gw-content-width: 760px;
--gw-wide-width: 1200px;
--gw-page-gutter: clamp(1rem, 3vw, 2rem);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
background: #fff;
color: #1f2937;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
line-height: 1.6;
}
img,
svg,
video {
display: block;
max-width: 100%;
height: auto;
}
button,
input,
select,
textarea {
font: inherit;
}
.gw-layout,
.site-header__inner,
.site-footer__inner {
width: min(100% - (2 * var(--gw-page-gutter)), var(--gw-wide-width));
margin-inline: auto;
}
.site-header,
.site-footer {
padding-block: 1rem;
}
.site-header {
position: relative;
}
.gw-reading-progress {
position: absolute;
z-index: 5;
right: 0;
bottom: 0;
left: 0;
height: var(--gw-reading-progress-height, 3px);
overflow: hidden;
pointer-events: none;
}
.gw-reading-progress > span {
display: block;
width: 100%;
height: 100%;
background: var(--gw-reading-progress-color, #17679a);
transform: scaleX(var(--gw-reading-progress, 0));
transform-origin: left center;
will-change: transform;
}
@media print {
.gw-reading-progress {
display: none;
}
}
.site-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
}
.gw-site-logo,
.gw-site-logo__image {
display: block;
}
.gw-site-logo__image {
width: auto;
height: auto;
}
.gw-builder-location {
display: block;
position: relative;
width: 100%;
}
.gw-builder-location > .elementor > .e-con {
margin-inline: auto;
}
.gw-builder-location--header > .elementor {
width: min(100% - (2 * var(--gw-page-gutter)), var(--gw-wide-width));
margin-inline: auto;
}
.gw-builder-logo .gw-site-logo-link,
.gw-builder-logo .gw-site-logo {
display: inline-block;
}
.gw-site-identity__title,
.gw-site-identity__tagline {
margin-block: 0;
}
.gw-site-identity__title a {
color: inherit;
text-decoration: none;
}
.gw-builder-menu {
position: relative;
}
.gw-builder-menu__toggle {
display: none;
align-items: center;
gap: .65rem;
padding: .65rem .85rem;
border: 1px solid currentColor;
border-radius: .35rem;
background: transparent;
color: inherit;
cursor: pointer;
}
.gw-builder-menu__search-toggle {
display: none;
width: 46px;
height: 46px;
align-items: center;
justify-content: center;
border: 2px solid currentColor;
border-radius: 8px;
color: inherit;
text-decoration: none;
}
.gw-search-icon {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
}
.gw-builder-menu__icon {
display: grid;
width: 1.25rem;
gap: .22rem;
}
.gw-builder-menu__icon i {
display: block;
height: 2px;
background: currentColor;
transition: transform .2s ease, opacity .2s ease;
}
.gw-builder-menu.is-open .gw-builder-menu__icon i:first-child {
transform: translateY(.44rem) rotate(45deg);
}
.gw-builder-menu.is-open .gw-builder-menu__icon i:nth-child(2) {
opacity: 0;
}
.gw-builder-menu.is-open .gw-builder-menu__icon i:last-child {
transform: translateY(-.44rem) rotate(-45deg);
}
.gw-builder-menu__list {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
}
.gw-builder-menu__list ul {
list-style: none;
}
.gw-builder-menu__list a {
display: block;
text-decoration: none;
}
.gw-builder-menu__list > li,
.gw-builder-menu__panel .sub-menu li {
position: relative;
}
.gw-builder-menu__panel .sub-menu {
display: block;
position: absolute;
z-index: 1001;
top: 100%;
left: 0;
min-width: 13rem;
padding: .65rem 0;
margin: 0;
background: #fff;
box-shadow: 0 14px 35px rgb(15 23 42 / 16%);
opacity: 0;
visibility: hidden;
transform: translateY(.5rem);
pointer-events: none;
transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.gw-builder-menu__panel .sub-menu .sub-menu {
top: -.65rem;
left: 100%;
}
.gw-builder-menu__panel li:hover > .sub-menu,
.gw-builder-menu__panel li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: none;
pointer-events: auto;
}
.gw-builder-menu__panel .sub-menu a {
padding: .65rem 1rem;
white-space: nowrap;
}
@media (max-width: 1200px) {
.gw-builder-location--header .e-con:has(> .elementor-widget-gw-theme-logo) {
width: 60%;
}
.gw-builder-location--header .e-con:has(> .elementor-widget-gw-theme-menu) {
width: 40%;
align-self: center;
}
.gw-builder-menu--tablet {
display: flex;
align-items: center;
justify-content: flex-end;
}
.gw-builder-menu--tablet .gw-builder-menu__toggle {
display: inline-flex;
}
.gw-builder-menu--tablet .gw-builder-menu__search-toggle {
display: inline-flex;
}
.gw-builder-menu--tablet .gw-builder-menu__panel .asp-menu-search {
display: none;
}
.gw-builder-menu--tablet .gw-builder-menu__panel {
display: none;
position: fixed;
z-index: 1000;
top: var(--gw-menu-panel-top, 5rem);
right: auto;
left: var(--gw-page-gutter);
width: min(24rem, calc(100vw - (2 * var(--gw-page-gutter))));
min-width: 0;
max-height: calc(100dvh - var(--gw-menu-panel-top, 5rem) - var(--gw-page-gutter));
padding: 1rem;
overflow-y: auto;
background: #fff;
box-shadow: 0 14px 35px rgb(15 23 42 / 18%);
}
.gw-builder-menu--tablet.is-open .gw-builder-menu__panel {
display: block;
}
.gw-builder-menu--tablet .gw-builder-menu__list {
display: flex;
align-items: stretch;
flex-direction: column;
justify-content: flex-start;
gap: 0;
}
.gw-builder-menu--tablet .gw-builder-menu__list > li > a {
padding: .75rem 1rem;
border: 0;
}
.gw-builder-menu--tablet .gw-builder-menu__panel .sub-menu {
display: block;
position: static;
min-width: 0;
padding: .25rem 0 .25rem 1rem;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: none;
pointer-events: auto;
}
}
@media (max-width: 767px) {
.gw-builder-location--header .e-con:has(> .elementor-widget-gw-theme-logo) {
width: 72%;
}
.gw-builder-location--header .e-con:has(> .elementor-widget-gw-theme-menu) {
width: 28%;
}
.gw-builder-menu--tablet .gw-builder-menu__label {
display: none;
}
.gw-builder-menu--tablet .gw-builder-menu__toggle {
padding-inline: .7rem;
}
.gw-builder-menu--mobile .gw-builder-menu__toggle {
display: inline-flex;
}
.gw-builder-menu--mobile .gw-builder-menu__search-toggle {
display: inline-flex;
}
.gw-builder-menu--mobile .gw-builder-menu__panel .asp-menu-search {
display: none;
}
.gw-builder-menu--mobile .gw-builder-menu__panel {
display: none;
position: absolute;
z-index: 1000;
top: calc(100% + .5rem);
right: 0;
left: auto;
width: min(24rem, calc(100vw - (2 * var(--gw-page-gutter))));
min-width: 0;
padding: 1rem;
background: #fff;
box-shadow: 0 14px 35px rgb(15 23 42 / 18%);
}
.gw-builder-menu--mobile.is-open .gw-builder-menu__panel {
display: block;
}
.gw-builder-menu--mobile .gw-builder-menu__list {
display: flex;
align-items: stretch;
flex-direction: column;
justify-content: flex-start;
gap: 0;
}
.gw-builder-menu--mobile .gw-builder-menu__list > li > a {
padding: .75rem 1rem;
border: 0;
}
.gw-builder-menu--mobile .gw-builder-menu__panel .sub-menu {
display: block;
position: static;
min-width: 0;
padding: .25rem 0 .25rem 1rem;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: none;
pointer-events: auto;
}
.gw-builder-menu--tablet .gw-builder-menu__panel,
.gw-builder-menu--mobile .gw-builder-menu__panel {
position: fixed;
top: var(--gw-menu-panel-top, 5rem);
right: var(--gw-page-gutter);
left: var(--gw-page-gutter);
width: auto;
max-height: calc(100dvh - var(--gw-menu-panel-top, 5rem) - var(--gw-page-gutter));
overflow-y: auto;
}
}
.site-navigation ul {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
}
.site-main {
min-height: 60vh;
padding-block: 2rem 4rem;
}
html.gw-search-open,
body.gw-search-open {
overflow: hidden;
}
body.gw-search-open {
padding-right: var(--gw-search-scrollbar-width, 0);
}
.gw-search-backdrop {
position: fixed;
z-index: 2147483000;
inset: 0;
background: rgb(3 21 27 / 66%);
opacity: 0;
visibility: hidden;
transition: opacity 180ms ease-out, visibility 0s linear 280ms;
}
.gw-search-panel {
position: fixed;
z-index: 2147483010;
top: 0;
right: 0;
left: 0;
border: 0;
border-bottom: 4px solid var(--asp-gold, #c99347);
background: var(--asp-navy-deep, #092334);
box-shadow: 0 20px 42px rgb(3 21 27 / 0%);
opacity: 0;
visibility: hidden;
transform: translateY(-100%);
transition: opacity 180ms ease-out, transform 240ms cubic-bezier(.22, 1, .36, 1), visibility 0s linear 280ms, box-shadow 240ms ease-out;
}
.gw-search-backdrop[hidden],
.gw-search-panel[hidden] {
display: none;
}
.gw-search-backdrop.is-open,
.gw-search-panel.is-open {
opacity: 1;
visibility: visible;
}
.gw-search-backdrop.is-open {
transition: opacity 240ms cubic-bezier(.16, 1, .3, 1), visibility 0s;
}
.gw-search-panel.is-open {
box-shadow: 0 20px 42px rgb(3 21 27 / 30%);
transform: translateY(0);
transition: opacity 220ms ease-out, transform 300ms cubic-bezier(.16, 1, .3, 1), visibility 0s, box-shadow 300ms ease-out;
}
.gw-search-panel__inner {
width: min(calc(100% - (2 * var(--gw-page-gutter))), var(--gw-wide-width));
margin-inline: auto;
padding-block: clamp(1.5rem, 4vw, 2.5rem);
}
.gw-search-panel__heading {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 2rem;
margin-bottom: 1.25rem;
}
.gw-search-panel__heading h2 {
margin: 0 0 .25rem;
color: #fff !important;
font-size: clamp(1.65rem, 3vw, 2.15rem);
line-height: 1.15;
letter-spacing: -.02em;
}
.gw-search-panel__heading p {
margin: 0;
color: rgb(255 255 255 / 76%);
}
.gw-search-panel__close {
position: relative;
display: inline-flex;
width: 48px;
height: 48px;
flex: 0 0 48px;
align-items: center;
justify-content: center;
padding: 0;
border: 2px solid rgb(255 255 255 / 48%);
border-radius: 8px;
background: transparent !important;
color: #fff;
cursor: pointer;
transition: border-color 160ms ease-out, background-color 160ms ease-out;
}
.gw-search-form__clear svg {
display: block;
width: 19px !important;
height: 19px !important;
flex: 0 0 19px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
}
.gw-search-panel__close svg {
display: none;
}
.gw-search-panel__close::before,
.gw-search-panel__close::after {
content: "";
position: absolute;
width: 20px;
height: 2px;
border-radius: 2px;
background: currentColor;
}
.gw-search-panel__close::before {
transform: rotate(45deg);
}
.gw-search-panel__close::after {
transform: rotate(-45deg);
}
.gw-search-panel__close:hover,
.gw-search-panel__close:focus-visible {
border-color: var(--asp-forest, #17679a);
background: var(--asp-forest, #17679a) !important;
}
.gw-search-form {
width: 100%;
margin: 0;
}
.gw-search-form__controls {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: .75rem;
}
.gw-search-form__field-wrap {
position: relative;
min-width: 0;
}
.gw-search-form__field {
width: 100%;
height: 56px;
padding: 0 3.6rem 0 1.15rem;
border: 1px solid #b9c9cf;
border-radius: 8px;
background: #fff;
color: var(--asp-navy-deep, #092334);
font-size: 1rem;
}
.gw-search-form__field::placeholder {
color: #5a6d74;
opacity: 1;
}
.gw-search-form__field:focus {
border-color: var(--asp-forest, #17679a);
outline: 3px solid rgb(143 209 189 / 45%);
outline-offset: 1px;
}
.gw-search-form__clear {
position: absolute;
top: 50%;
right: .55rem;
display: inline-flex;
width: 38px;
height: 38px;
align-items: center;
justify-content: center;
padding: 0;
border: 0 !important;
border-radius: 6px;
background: transparent !important;
color: #486069 !important;
cursor: pointer;
transform: translateY(-50%);
}
.gw-search-form__clear[hidden] {
display: none;
}
.gw-search-form__clear:hover,
.gw-search-form__clear:focus-visible {
background: var(--asp-sea, #e2f0f8) !important;
color: var(--asp-forest-dark, #0d486f) !important;
}
.gw-search-form__clear svg {
display: none;
}
.gw-search-form__clear::before,
.gw-search-form__clear::after {
content: "";
position: absolute;
width: 17px;
height: 2px;
border-radius: 2px;
background: currentColor;
}
.gw-search-form__clear::before {
transform: rotate(45deg);
}
.gw-search-form__clear::after {
transform: rotate(-45deg);
}
.gw-search-form__submit {
display: inline-flex;
min-width: 138px;
height: 56px;
align-items: center;
justify-content: center;
gap: .65rem;
padding-inline: 1.35rem;
border: 2px solid var(--asp-forest, #17679a);
border-radius: 8px;
background: var(--asp-forest, #17679a);
color: #fff;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: border-color 160ms ease-out, background-color 160ms ease-out;
}
.gw-search-form__submit:hover,
.gw-search-form__submit:focus-visible {
border-color: var(--asp-forest-dark, #0d486f);
background: var(--asp-forest-dark, #0d486f);
}
.gw-search-form__submit .gw-search-icon {
width: 19px;
height: 19px;
}
.gw-search-page {
min-height: 60vh;
padding: 0 0 clamp(4rem, 8vw, 7rem);
background: var(--asp-sand, #f5f2ea);
}
.gw-search-page__hero {
padding: clamp(3rem, 7vw, 5.5rem) var(--gw-page-gutter);
background: var(--asp-navy-deep, #092334);
}
.gw-search-page__hero-inner,
.gw-search-page__body {
width: min(100%, var(--gw-wide-width));
margin-inline: auto;
}
.gw-search-page__hero h1 {
max-width: 14ch;
margin: 0;
color: #fff !important;
font-size: clamp(2.6rem, 7vw, 4.75rem);
line-height: 1.02;
letter-spacing: -.035em;
text-wrap: balance;
}
.gw-search-page__hero h1::after {
content: "";
display: block;
width: 72px;
height: 4px;
margin-top: 1.25rem;
background: var(--asp-gold, #c99347);
}
.gw-search-page__hero p {
max-width: 68ch;
margin: 1.25rem 0 0;
color: rgb(255 255 255 / 78%);
font-size: 1.1rem;
}
.gw-search-page__hero .gw-search-form {
max-width: 850px;
margin-top: 1.75rem;
}
.gw-search-page__body {
padding: clamp(2.75rem, 6vw, 5rem) var(--gw-page-gutter) 0;
}
.gw-search-results {
display: grid;
gap: 0;
}
.gw-search-result {
display: grid;
grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
gap: clamp(1.5rem, 4vw, 3rem);
padding-block: clamp(2rem, 4vw, 3rem);
border-bottom: 1px solid var(--asp-border, #cbdce8);
}
.gw-search-result--without-image {
grid-template-columns: minmax(0, 1fr);
}
.gw-search-result--without-image .gw-search-result__copy {
max-width: 76ch;
}
.gw-search-result:first-of-type {
padding-top: 0;
}
.gw-search-result__image {
display: block;
align-self: start;
overflow: hidden;
border-radius: 14px;
background: #dceaf3;
}
.gw-search-result__image img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
transition: transform 260ms cubic-bezier(.22, 1, .36, 1);
}
.gw-search-result__copy {
min-width: 0;
}
.gw-search-result__type {
display: inline-flex;
margin-bottom: .8rem;
color: var(--asp-forest, #17679a);
font-size: .78rem;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.gw-search-result h2 {
margin: 0 0 .75rem;
font-size: clamp(1.55rem, 3vw, 2.2rem);
line-height: 1.14;
letter-spacing: -.02em;
text-wrap: balance;
}
.gw-search-result h2 a {
color: var(--asp-navy-deep, #092334);
text-decoration: none;
}
.gw-search-result__copy p {
max-width: 70ch;
margin: 0 0 1rem;
color: var(--asp-muted, #56656b);
}
.gw-search-result__action {
display: inline-flex;
align-items: center;
gap: .5rem;
color: var(--asp-forest, #17679a);
font-weight: 750;
text-decoration: none;
}
.gw-search-result__action span {
transition: transform 180ms ease-out;
}
@media (hover: hover) and (pointer: fine) {
.gw-search-result:hover .gw-search-result__image img {
transform: scale(1.025);
}
.gw-search-result h2 a:hover,
.gw-search-result h2 a:focus-visible {
color: var(--asp-forest, #17679a);
}
.gw-search-result__action:hover span,
.gw-search-result__action:focus-visible span {
transform: translateX(.25rem);
}
}
.gw-search-empty {
max-width: 760px;
padding: clamp(2rem, 5vw, 3.5rem);
border-top: 4px solid var(--asp-gold, #c99347);
background: #fff;
box-shadow: 0 18px 42px rgb(9 35 52 / 9%);
}
.gw-search-empty h2 {
margin: 0 0 .65rem;
color: var(--asp-navy-deep, #092334);
font-size: clamp(1.75rem, 4vw, 2.5rem);
}
.gw-search-empty p {
margin: 0;
color: var(--asp-muted, #56656b);
}
.gw-search-pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .5rem;
padding-top: 2.5rem;
}
.gw-search-pagination .page-numbers {
display: inline-flex;
min-width: 44px;
height: 44px;
align-items: center;
justify-content: center;
padding-inline: .85rem;
border: 1px solid var(--asp-border, #cbdce8);
border-radius: 7px;
background: #fff;
color: var(--asp-navy-deep, #092334);
font-weight: 700;
text-decoration: none;
}
.gw-search-pagination .current,
.gw-search-pagination a:hover,
.gw-search-pagination a:focus-visible {
border-color: var(--asp-forest, #17679a);
background: var(--asp-forest, #17679a);
color: #fff;
}
@media (max-width: 767px) {
.gw-search-panel__heading p {
display: none;
}
.gw-search-form__controls {
grid-template-columns: 1fr;
}
.gw-search-form__submit {
width: 100%;
}
.gw-search-result {
grid-template-columns: 1fr;
gap: 1.35rem;
}
.gw-search-result__image {
max-width: 32rem;
}
}
@media (prefers-reduced-motion: reduce) {
.gw-search-backdrop,
.gw-search-panel,
.gw-search-result__image img,
.gw-search-result__action span {
transition: none;
}
}
.gw-entry + .gw-entry {
margin-top: 3rem;
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}