:root {
--tundra-font-body: "Futura Std", "Futura", "Futura PT", "Trebuchet MS", Arial, sans-serif;
--tundra-font-display: "Futura", "Futura PT", "Futura Std", "Trebuchet MS", Arial, sans-serif;
--tundra-font-condensed: "Futura Condensed", "Futura", "Futura PT", "Trebuchet MS", Arial, sans-serif;
--wp--preset--font-family--instrument-sans: var(--tundra-font-body);
--wp--preset--font-family--manrope: var(--tundra-font-body);
--tundra-header-height: 80px;
--tundra-header-shadow: 0 4px 30px 0
color-mix(in srgb, var(--wp--preset--color--contrast) 14%, transparent);
--tundra-icon-search: url(//tundrasolutions.ca/wp-content/themes/tundra/assets/images/icon-search.svg);
--tundra-mountain-height: clamp(48px, 5.72vw, 86px);
}
html {
font-family: var(--tundra-font-body);
}
button,
input,
select,
textarea,
optgroup {
font-family: inherit;
}
strong {
font-weight: 600;
}
a,
:root :where(a:where(:not(.wp-element-button))),
:root :where(a:where(:not(.wp-element-button)):hover),
:root :where(a:where(:not(.wp-element-button)):focus),
:root :where(a:where(:not(.wp-element-button)):active) {
text-decoration: none;
}
:root :where(.wp-element-button, .wp-block-button__link) {
padding: 13px 24px 9px;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
:root :where(.wp-block-button.is-style-outline .wp-block-button__link):hover,
:root :where(.wp-block-button.is-style-outline .wp-block-button__link):focus {
background-color: transparent;
color: var(--wp--preset--color--accent);
border-color: var(--wp--preset--color--accent);
}
a:focus,
button:focus {
outline: none;
}
a:focus-visible,
button:focus-visible {
outline: 2px solid var(--wp--preset--color--contrast);
outline-offset: 2px;
}
header.wp-block-template-part {
position: sticky;
top: 0;
z-index: 1000;
}
body.admin-bar header.wp-block-template-part {
top: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 782px) {
body.admin-bar header.wp-block-template-part {
top: 46px;
}
}
header.wp-block-template-part > div {
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
header.wp-block-template-part.scrolled > div {
box-shadow: var(--tundra-header-shadow);
}
header.wp-block-template-part .has-contrast-background-color.is-layout-constrained {
position: relative;
isolation: isolate;
overflow: hidden;
background-color: transparent !important;
max-height: 120px;
transition: max-height 0.35s ease, opacity 0.3s ease;
}
header.wp-block-template-part
.has-contrast-background-color.is-layout-constrained::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: min(calc(50% + 140px), calc(100% - 560px));
background-color: var(--wp--preset--color--contrast);
clip-path: polygon(0 0, 100% 0, 100% 100%, 26px 100%);
z-index: -1;
}
header.wp-block-template-part.scrolled .has-contrast-background-color.is-layout-constrained {
max-height: 0;
opacity: 0;
pointer-events: none;
}
header.wp-block-template-part .wp-block-site-logo img {
position: relative;
top: -16px;
width: 220px;
height: auto;
transition: width 0.3s ease, top 0.3s ease;
}
header.wp-block-template-part
.has-global-padding.is-layout-constrained:not(.has-contrast-background-color)
> .wp-block-group.is-layout-flex {
transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
}
header.wp-block-template-part.scrolled .wp-block-site-logo img {
top: 0;
width: 170px;
}
header.wp-block-template-part.scrolled
.has-global-padding.is-layout-constrained:not(.has-contrast-background-color)
> .wp-block-group.is-layout-flex {
padding-top: 0.3rem !important;
padding-bottom: 0.3rem !important;
}
header .wp-block-navigation__submenu-icon {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: center;
padding: 0;
width: 1em;
height: 1em;
margin-left: 0.3em;
}
header .wp-block-navigation__submenu-icon svg {
width: 100%;
height: 100%;
display: block;
margin: 0;
}
header .wp-block-navigation__submenu-icon path {
stroke: var(--wp--preset--color--contrast);
stroke-width: 2.5;
}
header .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
transform: rotate(180deg);
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
font-weight: 500;
text-transform: none;
}
@media (min-width: 1101px) {
header.wp-block-template-part > div {
position: relative;
}
header
.has-global-padding.is-layout-constrained:not(.has-contrast-background-color)
> .wp-block-group.is-layout-flex {
position: relative;
z-index: 3;
}
header
.is-mega-menu
.wp-block-navigation-submenu__toggle[aria-expanded="true"]
~ .wp-block-navigation__submenu-container {
display: none !important;
}
header .mega-menu__panel {
display: grid;
grid-template-rows: 0fr;
position: absolute !important;
left: 0;
right: 0;
width: 100% !important;
max-width: 100%;
z-index: 2;
margin: 0 !important;
padding: 0;
border: 0;
box-shadow: none;
list-style: none;
overflow: visible;
opacity: 1 !important;
visibility: visible !important;
height: auto !important;
background-color: var(--wp--preset--color--base);
pointer-events: none;
transition: grid-template-rows 0.35s ease;
}
header .wp-block-navigation-item.is-mega-menu {
position: relative;
}
header .wp-block-navigation-item.is-mega-menu::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 1.25rem;
pointer-events: auto;
}
header .mega-menu__panel.is-open {
grid-template-rows: 1fr;
pointer-events: auto;
z-index: 999;
}
header .mega-menu__panel-inner {
min-height: 0;
overflow: hidden;
}
header .mega-menu__panel-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.35rem;
padding:
var(--wp--preset--spacing--20)
var(--wp--style--root--padding-right)
var(--wp--preset--spacing--60)
var(--tundra-mega-menu-offset, var(--wp--style--root--padding-left));
opacity: 0;
transform: translateY(-0.75rem);
transition:
opacity 0.3s ease,
transform 0.35s ease;
}
header .mega-menu__panel.is-open .mega-menu__panel-content {
opacity: 1;
transform: translateY(0);
}
header.submenu-open > div {
box-shadow: none !important;
}
header .mega-menu__panel .wp-block-navigation-item {
width: auto;
}
header .mega-menu__panel .wp-block-navigation-item__content {
position: relative;
display: block;
padding: 0.35rem 0;
font-size: 14px;
line-height: 1.4;
white-space: nowrap;
color: color-mix(in srgb, var(--wp--preset--color--contrast) 80%, transparent);
transition: color 0.2s ease;
font-weight: 500;
}
header .mega-menu__panel .wp-block-navigation-item__content::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
background-color: var(--wp--preset--color--accent);
opacity: 0;
transform: translate(-4px, -50%) scale(0.4);
transition: transform 0.2s ease, opacity 0.2s ease;
}
header .mega-menu__panel .wp-block-navigation-item__label {
display: inline-block;
transition: transform 0.2s ease;
}
header .mega-menu__panel .wp-block-navigation-item__content:hover,
header .mega-menu__panel .wp-block-navigation-item__content:focus-visible {
color: var(--wp--preset--color--contrast);
}
header .mega-menu__panel .wp-block-navigation-item__content:hover::before,
header .mega-menu__panel .wp-block-navigation-item__content:focus-visible::before {
opacity: 1;
transform: translate(0, -50%) scale(1);
}
header .mega-menu__panel .wp-block-navigation-item__content:hover .wp-block-navigation-item__label,
header .mega-menu__panel .wp-block-navigation-item__content:focus-visible .wp-block-navigation-item__label {
transform: translateX(0.95rem);
}
}
@media (min-width: 1101px) {
header
.wp-block-navigation__container
> .wp-block-navigation-item:not(.menu-contact):not(.menu-search)
> .wp-block-navigation-item__content {
position: relative;
}
header
.wp-block-navigation__container
> .wp-block-navigation-item:not(.menu-contact):not(.menu-search)
> .wp-block-navigation-item__content::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -0.2em;
height: 2px;
background-color: var(--wp--preset--color--accent);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.25s ease;
}
header
.wp-block-navigation__container
> .wp-block-navigation-item:not(.menu-contact):not(.menu-search)
> .wp-block-navigation-item__content:hover::after,
header
.wp-block-navigation__container
> .wp-block-navigation-item:not(.menu-contact):not(.menu-search)
> .wp-block-navigation-item__content:focus-visible::after,
header
.wp-block-navigation__container
> .wp-block-navigation-item.current-menu-item
> .wp-block-navigation-item__content::after {
transform: scaleX(1);
}
}
@media (min-width: 1101px) {
header
.has-contrast-background-color
.wp-block-navigation__container
> .wp-block-navigation-item:not(.menu-contact):not(.menu-search)
> .wp-block-navigation-item__content::after {
display: none;
}
}
header .has-contrast-background-color .wp-block-navigation-item__content {
transition: opacity 0.2s ease;
}
header .has-contrast-background-color .wp-block-navigation-item__content:hover,
header .has-contrast-background-color .wp-block-navigation-item__content:focus-visible {
opacity: 0.6;
}
@media (max-width: 540px) {
header .has-contrast-background-color .wp-block-navigation__container {
row-gap: 10px;
}
}
.wp-block-site-logo + .wp-block-group,
.wp-block-site-logo + .wp-block-group > nav {
width: 100%;
}
.wp-block-site-logo + .wp-block-group > nav {
margin-left: 60px;
}
.menu-search {
margin-left: auto;
}
@media (min-width: 1101px) and (max-width: 1130px) {
.wp-block-site-logo + .wp-block-group > nav {
margin-left: 10px;
}
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
margin-top: -3px;
}
.menu-contact .wp-block-navigation-item__content {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 13px 24px 9px;
background-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--contrast);
border-radius: 4px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.menu-contact .wp-block-navigation-item__content:hover,
.menu-contact .wp-block-navigation-item__content:focus-visible {
background-color: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
}
.menu-search .wp-block-navigation-item__content {
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.menu-search .wp-block-navigation-item__content::after {
content: "";
display: block;
flex-shrink: 0;
margin-top: -3px;
width: 15px;
height: 15px;
background-color: currentColor;
mask: var(--tundra-icon-search) center / contain no-repeat;
-webkit-mask: var(--tundra-icon-search) center / contain no-repeat;
}
@media (min-width: 600px) and (max-width: 1100px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
}
@media (min-width: 1101px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block;
width: 100%;
position: relative;
z-index: auto;
background-color: inherit;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open)
.wp-block-navigation__responsive-container-close {
display: none;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none;
}
}
@media (max-width: 1100px) {
.wp-block-site-logo + .wp-block-group > nav {
margin-left: auto;
width: auto;
}
header .wp-block-navigation.is-content-justification-right,
header .wp-block-navigation.items-justified-right {
justify-content: flex-end;
}
header .wp-block-navigation__responsive-container-open {
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 4px;
color: var(--wp--preset--color--contrast);
transition: background-color 0.2s ease, color 0.2s ease;
}
header .wp-block-navigation__responsive-container-open:hover,
header .wp-block-navigation__responsive-container-open:focus-visible {
background-color: var(--wp--preset--color--navy-soft);
}
header .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
background-color: var(--wp--preset--color--base);
}
header .wp-block-navigation__responsive-container-close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
top: max(1rem, env(safe-area-inset-top, 0px));
right: max(1rem, env(safe-area-inset-right, 0px));
border-radius: 4px;
color: var(--wp--preset--color--contrast);
transition: background-color 0.2s ease, color 0.2s ease;
}
header .wp-block-navigation__responsive-container-close:hover,
header .wp-block-navigation__responsive-container-close:focus-visible {
background-color: var(--wp--preset--color--navy-soft);
}
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 100%;
max-width: none;
padding: 4.5rem max(1.5rem, env(safe-area-inset-right, 0px)) 2.5rem
max(1.5rem, env(safe-area-inset-left, 0px));
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0 !important;
width: 100%;
max-width: 22rem;
margin: 0;
}
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .wp-block-navigation-item {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 100%;
margin: 0;
padding: 0;
}
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .wp-block-navigation-item
> .wp-block-navigation-item__content {
display: inline-flex;
align-items: center;
justify-content: flex-end;
width: auto;
max-width: 100%;
padding: 0.5rem 0.75rem 0.2rem;
border-radius: 4px;
font-family: var(--tundra-font-display);
font-size: clamp(17px, 4.2vw, 20px);
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--wp--preset--color--contrast);
transition:
color 0.2s ease,
background-color 0.2s ease,
box-shadow 0.2s ease;
}
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .wp-block-navigation-item:not(.menu-contact):not(.menu-search)
> .wp-block-navigation-item__content:hover,
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .wp-block-navigation-item:not(.menu-contact):not(.menu-search)
> .wp-block-navigation-item__content:focus-visible {
background-color: var(--wp--preset--color--navy-soft);
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle {
display: none;
}
header .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container {
position: static;
display: flex;
flex-direction: column;
align-items: flex-end;
visibility: visible;
opacity: 1;
height: auto;
width: auto;
min-width: 0;
margin: 0;
padding: 0 15px 0.35rem 0 !important;
border: none;
background: transparent !important;
box-shadow: none;
}
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
.wp-block-navigation-item {
display: flex;
justify-content: flex-end;
width: auto;
margin: 0;
}
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content {
display: inline-block;
width: auto;
max-width: 100%;
padding: 0.45rem 0.75rem !important;
border-radius: 4px;
box-shadow: inset -3px 0 0 transparent;
font-family: var(--tundra-font-body);
font-size: 15px;
font-weight: 500;
line-height: 1.4;
text-transform: none;
letter-spacing: 0.01em;
color: var(--wp--preset--color--contrast);
transition:
color 0.2s ease,
background-color 0.2s ease,
box-shadow 0.2s ease;
}
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content:hover,
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content:focus-visible {
background-color: var(--wp--preset--color--navy-soft);
box-shadow: inset -3px 0 0 var(--wp--preset--color--accent);
}
header .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content,
header .wp-block-navigation__responsive-container.is-menu-open .current-menu-ancestor > .wp-block-navigation-item__content,
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
.current-menu-item
> .wp-block-navigation-item__content {
box-shadow: none;
background-color: transparent;
font-weight: inherit;
}
header .wp-block-navigation__responsive-container.is-menu-open .menu-search {
margin-left: 0;
}
header .wp-block-navigation__responsive-container.is-menu-open .menu-search .wp-block-navigation-item__content {
gap: 0.65rem;
}
header .wp-block-navigation__responsive-container.is-menu-open .menu-contact {
margin-top: 15px!important;
}
header .wp-block-navigation__responsive-container.is-menu-open .menu-contact .wp-block-navigation-item__content {
padding: 13px 28px 9px;
}
header .wp-block-navigation__responsive-container.is-menu-open .menu-contact .wp-block-navigation-item__content:hover,
header .wp-block-navigation__responsive-container.is-menu-open .menu-contact .wp-block-navigation-item__content:focus-visible {
background-color: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
box-shadow: none;
}
}
.wp-block-group:has(> .hp-scroll) {
position: relative;
}
.wp-block-cover.has-hp-scroll {
position: relative;
}
.wp-block-cover.has-hp-scroll > .wp-block-cover__inner-container {
position: static !important;
z-index: 2;
}
.wp-block-cover.has-hp-scroll .hp-scroll {
position: absolute;
bottom: 1.5rem;
left: 0;
right: 0;
z-index: 3;
margin: 0;
color: var(--wp--preset--color--base);
font-size: 12px;
line-height: 1;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
opacity: 0.8;
pointer-events: none;
}
.hp-scroll::before {
content: "\2193";
display: inline-block;
margin-right: 0.5em;
animation: tundra-scroll-nudge 1.6s ease-in-out infinite;
}
@keyframes tundra-scroll-nudge {
0%,
100% {
transform: translateY(0);
opacity: 0.7;
}
50% {
transform: translateY(5px);
opacity: 1;
}
}
.wp-block-media-text > .wp-block-media-text__content {
padding-inline: clamp(0px, 9%, 60px);
}
.wp-block-media-text > .wp-block-media-text__media img {
border-radius: 3px;
}
.wp-block-media-text > .wp-block-media-text__media {
margin-right: clamp(0px, 9%, 50px);
}
.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media {
margin-left: clamp(0px, 9%, 50px);
margin-right: 0;
}
.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
padding-left: 0;
}
@media (max-width: 830px) {
.wp-block-media-text > .wp-block-media-text__media {
margin-right: 0;
}
}
.wp-block-group[class*="is-style-flag-"] {
position: relative;
overflow: clip;
}
.wp-block-group[class*="is-style-flag-"]::before {
content: "";
position: absolute;
top: 50%;
height: 90%;
aspect-ratio: 460 / 505;
background: url(//tundrasolutions.ca/wp-content/themes/tundra/assets/images/canada-leaf.svg) center / contain no-repeat;
filter: brightness(0) invert(1);
pointer-events: none;
z-index: 1;
}
.wp-block-group.is-style-flag-left-navy::before,
.wp-block-group.is-style-flag-right-navy::before {
filter: none;
}
.wp-block-group[class*="is-style-flag-left"]::before {
left: 0;
transform: translate(-50%, -50%);
}
.wp-block-group[class*="is-style-flag-right"]::before {
right: 0;
transform: translate(50%, -50%);
} html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-group[class*="is-style-flag-left"]:has(> .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready)):not(.is-leaf-visible)::before,
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-group.is-style-flag-left-navy:has(> .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready)):not(.is-leaf-visible)::before,
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-group[class*="is-style-flag-left"]:has(> .wp-block-cover.alignfull:not(.tundra-hero-ready)):not(.is-leaf-visible)::before {
opacity: 0;
transform: translate(-90%, -50%);
}
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-group[class*="is-style-flag-right"]:has(> .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready)):not(.is-leaf-visible)::before,
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-group.is-style-flag-right-navy:has(> .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready)):not(.is-leaf-visible)::before,
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-group[class*="is-style-flag-right"]:has(> .wp-block-cover.alignfull:not(.tundra-hero-ready)):not(.is-leaf-visible)::before {
opacity: 0;
transform: translate(90%, -50%);
}
.wp-block-group[class*="is-style-flag-"]:has(> .wp-block-cover.has-hp-scroll)::before,
.wp-block-group[class*="is-style-flag-"]:has(> .wp-block-cover.alignfull)::before {
transition:
opacity 0.5s ease,
transform 0.5s ease;
}
.wp-block-group[class*="is-style-flag-left"].is-leaf-visible:has(> .wp-block-cover.has-hp-scroll)::before,
.wp-block-group[class*="is-style-flag-left"]:has(> .wp-block-cover.has-hp-scroll.tundra-hero-ready)::before,
main .wp-block-group[class*="is-style-flag-left"]:has(> .wp-block-cover.alignfull.tundra-hero-ready)::before {
opacity: 1;
transform: translate(-50%, -50%);
}
.wp-block-group[class*="is-style-flag-right"].is-leaf-visible:has(> .wp-block-cover.has-hp-scroll)::before,
.wp-block-group[class*="is-style-flag-right"]:has(> .wp-block-cover.has-hp-scroll.tundra-hero-ready)::before,
main .wp-block-group[class*="is-style-flag-right"]:has(> .wp-block-cover.alignfull.tundra-hero-ready)::before {
opacity: 1;
transform: translate(50%, -50%);
}
.wp-block-group[class*="is-style-flag-"] .wp-block-cover__inner-container,
.wp-block-group[class*="is-style-flag-"] .wp-block-media-text__content {
z-index: 2;
}
.with-mountain-top,
.with-mountain,
footer.wp-block-template-part {
position: relative;
overflow: visible;
isolation: isolate;
}
footer.wp-block-template-part {
margin-top: 3.75rem;
}
.with-mountain-top::before,
.with-mountain::before,
footer.wp-block-template-part::before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: var(--tundra-mountain-height);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center bottom;
background-image: url(//tundrasolutions.ca/wp-content/themes/tundra/assets/images/mountain-top.svg?v=20261005);
top: 2px;
transform: translateY(-100%);
pointer-events: none;
z-index: 2;
}
.footer-links {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
}
@media (max-width: 835px) {
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: var(--wp--preset--spacing--50);
}
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex > .wp-block-group:first-child {
flex: 1 1 100%;
width: 100%;
max-width: none;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-bottom: var(--wp--preset--spacing--60);
}
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex > .wp-block-group:first-child .wp-block-image {
margin-inline: auto;
}
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex > .wp-block-group:not(:first-child) {
flex: 0 1 calc((100% - 2 * var(--wp--preset--spacing--50)) / 3);
width: calc((100% - 2 * var(--wp--preset--spacing--50)) / 3);
max-width: none;
}
footer.wp-block-template-part .has-contrast-background-color .is-content-justification-space-between.is-layout-flex {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--40);
}
footer.wp-block-template-part .footer-links {
flex-direction: column;
row-gap: 0.75rem;
align-items: flex-end;
}
}
@media (max-width: 540px) {
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex {
flex-direction: column;
align-items: center;
text-align: center;
}
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex > .wp-block-group {
flex: 1 1 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex .has-text-align-left,
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex .wp-block-heading,
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex .wp-block-paragraph {
text-align: center;
}
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex .wp-block-list {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
text-align: center;
}
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex .wp-block-list > li {
display: block;
text-align: center;
}
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex .wp-block-image {
margin-inline: auto;
}
footer.wp-block-template-part .has-surface-dark-background-color .is-content-justification-space-between.is-layout-flex .wp-block-social-links {
justify-content: center;
}
footer.wp-block-template-part .has-contrast-background-color .is-content-justification-space-between.is-layout-flex {
flex-direction: column;
align-items: center;
text-align: center;
}
footer.wp-block-template-part .footer-links {
align-items: center;
}
}
footer ul li:before {
display: none;
}
.with-mountain::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: var(--tundra-mountain-height);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center top;
background-image: url(//tundrasolutions.ca/wp-content/themes/tundra/assets/images/mountain-bottom.svg?v=20261005);
bottom: 0;
transform: translateY(100%);
pointer-events: none;
z-index: 2;
}
@property --tundra-gradient-angle {
syntax: "<angle>";
initial-value: 90deg;
inherits: false;
}
.gradient-border a,
.gradient-border button,
.gradient-border .wp-block-button__link {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 6px;
background: transparent;
}
.gradient-border.padding a,
.gradient-border.padding button,
.gradient-border.padding .wp-block-button__link {
padding: 13px 24px 9px;
}
.gradient-border a::before,
.gradient-border button::before,
.gradient-border .wp-block-button__link::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 2px;
--tundra-gradient-angle: 90deg;
background: linear-gradient(
var(--tundra-gradient-angle),
var(--wp--preset--color--accent) 0%,
var(--wp--preset--color--contrast) 100%
);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
pointer-events: none;
transition: --tundra-gradient-angle 0.8s ease;
}
.gradient-border a:hover::before,
.gradient-border a:focus::before,
.gradient-border button:hover::before,
.gradient-border button:focus::before,
.gradient-border .wp-block-button__link:hover::before,
.gradient-border .wp-block-button__link:focus::before {
--tundra-gradient-angle: 270deg;
}
.eyebrow {
display: block;
margin-bottom: 0.75rem;
color: var(--wp--preset--color--accent);
font-family: var(--tundra-font-display);
font-size: var(--wp--preset--font-size--eyebrow, 14px);
font-weight: 700;
line-height: 1;
letter-spacing: 0.107em;
text-transform: uppercase;
}
.eyebrow.eyebrow--navy {
color: var(--wp--preset--color--contrast);
}
h2.flag,
.flag {
font-family: var(--tundra-font-condensed);
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
h2.flag::after,
.flag::after {
content: "";
display: inline-block;
width: 0.85em;
height: 0.95em;
margin-left: 0.4em;
vertical-align: -0.05em;
background-color: currentColor;
mask: url(//tundrasolutions.ca/wp-content/themes/tundra/assets/images/icon-canada.svg) center / contain no-repeat;
-webkit-mask: url(//tundrasolutions.ca/wp-content/themes/tundra/assets/images/icon-canada.svg) center / contain no-repeat;
}
p.with-flag {
display: flex;
align-items: flex-start;
gap: 1rem;
}
p.with-flag::before {
content: "";
flex-shrink: 0;
width: 2rem;
height: 2rem;
margin-top: 0.2em;
background: url(//tundrasolutions.ca/wp-content/themes/tundra/assets/images/icon-canada.svg) center / contain no-repeat;
}
.navy-soft-box {
background-color: var(--wp--preset--color--navy-soft);
border-radius: 8px;
}
.wp-block-quote {
position: relative;
margin: 35px 0;
padding: 2rem 2.25rem;
padding-left: 3.5rem;
background-color: var(--wp--preset--color--navy-soft);
border: none;
border-radius: 4px;
font-style: normal;
}
.wp-block-quote::before {
content: "";
position: absolute;
left: 2rem;
top: 50%;
width: 5px;
height: calc(100% - 4rem);
background-color: var(--wp--preset--color--accent);
border-radius: 1px;
transform: translateY(-50%);
}
.wp-block-quote > :where(p, cite) {
margin: 0;
line-height: 1.5;
color: var(--wp--preset--color--contrast);
}
.wp-block-quote > p + p {
margin-block-start: 0.75em;
} :is(ul, ol).wp-block-list,
.tundra-list :is(ul, ol) {
list-style: none;
padding: 0;
}
:is(ul, ol).wp-block-list > li,
.tundra-list :is(ul, ol) > li {
display: flex;
gap: 0 1.3rem; margin: 0 0 0.35rem;
padding: 0;
}
:is(ul, ol).wp-block-list > li:last-child,
.tundra-list :is(ul, ol) > li:last-child {
margin-bottom: 0;
}
:is(ul, ol).wp-block-list > li::before,
.tundra-list :is(ul, ol) > li::before {
content: "";
flex-shrink: 0;
width: 9px;
height: 9px;
border-radius: 1px;
background-color: var(--wp--preset--color--accent);
margin-top: 6px;
} a[href^="tel:"] {
display: inline-flex;
align-items: center;
gap: 1rem;
}
a[href^="tel:"]::before {
content: "";
flex-shrink: 0;
width: 1.25em;
height: 1.25em;
background: url(//tundrasolutions.ca/wp-content/themes/tundra/assets/images/phone.svg) center / contain no-repeat;
} .ac-form {
--ac-form-field-gap: 0.4rem;
--ac-form-row-gap: 0.8rem;
--ac-form-input-padding: 0.85rem 1rem;
--ac-form-placeholder: color-mix(in srgb, var(--wp--preset--color--contrast) 42%, transparent);
font-family: var(--tundra-font-body);
font-size: var(--wp--preset--font-size--body, 18px);
line-height: 1.5;
color: var(--wp--preset--color--contrast);
}
.ac-form-div {
display: flex;
flex-direction: column;
gap: var(--ac-form-row-gap);
}
.ac-form-row {
margin: 0;
}
.ac-form * {
font-family: var(--tundra-font-body)!important;
}
.ac-form-row br {
display: none;
}
.ac-form-row[data-label]::before {
display: block;
margin-bottom: var(--ac-form-field-gap);
color: var(--wp--preset--color--contrast);
font-family: var(--tundra-font-body);
font-weight: 500;
line-height: 1.4;
content: attr(data-label);
}
.ac-form-input {
padding: var(--ac-form-input-padding) !important;
color: var(--wp--preset--color--contrast);
border: none !important;
border-radius: 3px;
font-size: inherit;
padding: 10px!important;
}
textarea.ac-form-input {
min-height: 0!important;
height: 100px!important;
}
.ac-form-input::placeholder {
color: var(--ac-form-placeholder);
opacity: 1;
}
.ac-form-input:focus,
.ac-form-input:focus-visible {
outline: none;
border-color: var(--wp--preset--color--contrast);
}
textarea.ac-form-input {
min-height: 8.5rem;
resize: none;
}
.ac-form-control {
margin: 0;
}
.ac-form-submit {
display: block;
padding: 17px 28px 14px !important;
border-radius: 4px;
background-color: var(--wp--preset--color--contrast) !important;
font-family: var(--tundra-font-display) !important;
font-size: var(--wp--preset--font-size--eyebrow) !important;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: background-color 0.3s ease, color 0.3s ease;
}
.ac-form-submit:hover,
.ac-form-submit:focus-visible {
background-color: var(--wp--preset--color--base);
color: var(--wp--preset--color--contrast);
box-shadow: inset 0 0 0 1px var(--wp--preset--color--contrast);
}
.ac-form-submit:focus-visible {
outline: 2px solid var(--wp--preset--color--contrast);
outline-offset: 2px;
}  html:is(.tundra-anim-pending, .tundra-anim-active) .tribox:not(.tribox-carousel):not(.is-visible) {
opacity: 0;
}
.tribox:not(.tribox-carousel) {
transition: opacity 0.5s ease;
}
.tribox:not(.tribox-carousel).is-visible {
opacity: 1;
}
html:is(.tundra-anim-pending, .tundra-anim-active) .tribox:not(.tribox-carousel) > .wp-block-cover:not(.is-slide-visible) {
opacity: 0;
transform: translateY(28px);
}
.tribox:not(.tribox-carousel) > .wp-block-cover {
transition:
opacity 0.5s ease,
transform 0.5s ease;
}
.tribox:not(.tribox-carousel) > .wp-block-cover.is-slide-visible {
opacity: 1;
transform: none;
}
@media (max-width: 1024px) {
.tribox:not(.tribox-carousel).is-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
.tribox:not(.tribox-carousel).is-layout-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
}
.tribox .wp-block-cover,
.tribox-carousel .wp-block-cover {
border-radius: 3px;
overflow: hidden;
isolation: isolate;
}
.tribox .wp-block-cover .wp-block-cover__inner-container,
.tribox-carousel .wp-block-cover .wp-block-cover__inner-container {
position: static;
}
.tribox .wp-block-cover .wp-block-cover__image-background,
.tribox-carousel .wp-block-cover .wp-block-cover__image-background {
z-index: -2;
}
.tribox .wp-block-cover .tribox-nav .wp-block-column:last-child a::before,
.tribox-carousel .wp-block-cover .tribox-nav .wp-block-column:last-child a::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.tribox .wp-block-cover .tribox-nav .wp-block-column:last-child a::after,
.tribox-carousel .wp-block-cover .tribox-nav .wp-block-column:last-child a::after {
content: "→";
position: relative;
top: -1px;
left: 5px;
transition: left 0.45s ease;
}
.tribox .wp-block-cover:hover .tribox-nav .wp-block-column:last-child a::after,
.tribox-carousel .wp-block-cover:hover .tribox-nav .wp-block-column:last-child a::after {
left: 10px;
}
.tribox .wp-block-cover span.wp-block-cover__background.has-background-dim,
.tribox-carousel .wp-block-cover span.wp-block-cover__background.has-background-dim {
opacity: 1;
z-index: -1;
background-color: transparent !important;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.06%, rgba(0, 0, 0, 0.9) 100%);
background-repeat: no-repeat;
background-position: bottom;
background-size: 100% 100%;
transition: background-size 0.45s ease;
}
.tribox .wp-block-cover:hover span.wp-block-cover__background.has-background-dim,
.tribox .wp-block-cover:focus-within span.wp-block-cover__background.has-background-dim,
.tribox-carousel .wp-block-cover:hover span.wp-block-cover__background.has-background-dim,
.tribox-carousel .wp-block-cover:focus-within span.wp-block-cover__background.has-background-dim {
background-size: 100% 170%;
}
.tribox .wp-block-cover .wp-block-cover__inner-container > p,
.tribox-carousel .wp-block-cover .wp-block-cover__inner-container > p {
max-height: 0;
margin-block-start: 0;
opacity: 0;
overflow: hidden;
transform: translateY(14px);
transition:
max-height 0.45s ease,
margin-block-start 0.45s ease,
opacity 0.25s ease,
transform 0.45s ease;
}
.tribox .wp-block-cover:hover .wp-block-cover__inner-container > p,
.tribox .wp-block-cover:focus-within .wp-block-cover__inner-container > p,
.tribox-carousel .wp-block-cover:hover .wp-block-cover__inner-container > p,
.tribox-carousel .wp-block-cover:focus-within .wp-block-cover__inner-container > p {
max-height: 10em;
margin-block-start: 0.75em;
opacity: 1;
transform: none;
transition:
max-height 0.45s ease,
margin-block-start 0.45s ease,
opacity 0.35s ease 0.1s,
transform 0.45s ease;
}
.tribox .tribox-nav .wp-block-column:first-child p,
.tribox-carousel .tribox-nav .wp-block-column:first-child p {
display: inline-block;
position: relative;
z-index: 2;
} .wp-block-columns.counters {
position: relative;
z-index: 10;
align-items: stretch !important;
margin-bottom: 0;
padding: clamp(1.5rem, 3vw, 2.75rem) clamp(1.25rem, 3vw, 2.5rem);
border-radius: 3px;
box-shadow: 0 8px 30px
color-mix(in srgb, var(--wp--preset--color--contrast) 18%, transparent);
} html:is(.tundra-anim-pending, .tundra-anim-active)
.wp-block-columns.counters:not(.is-visible) {
opacity: 0;
transform: translateY(24px);
}
html.tundra-anim-active .wp-block-columns.counters.tundra-animate {
transition:
opacity 0.7s ease,
transform 0.7s ease;
}
.wp-block-columns.counters > .wp-block-column {
display: flex;
flex-direction: column;
align-items: stretch;
align-self: stretch;
gap: 0.75rem;
min-width: 0;
}
.wp-block-columns.counters > .wp-block-column > .wp-block-heading:first-child {
margin: 0;
color: var(--wp--preset--color--contrast);
font-family: var(--tundra-font-condensed);
font-size: clamp(2.75rem, 5vw, 3.75rem);
font-weight: 800;
line-height: 1;
letter-spacing: 0;
text-transform: none;
}
.wp-block-columns.counters > .wp-block-column > .wp-block-heading:last-child {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0.75rem 1rem;
line-height: 1.3;
min-height: 3.5rem;
border-radius: 2px;
}   html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready),
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-cover.alignfull:not(.tundra-hero-ready) {
--hero-hidden-opacity: 0;
--hero-hidden-shift: 28px;
}
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready) .wp-block-cover__inner-container .wp-block-heading:not(.is-visible),
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready) .wp-block-cover__inner-container .wp-block-paragraph:not(.is-visible),
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready) .wp-block-cover__inner-container .wp-block-buttons:not(.is-visible),
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready) .wp-block-cover__inner-container figure.wp-block-image:not(.is-visible),
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-cover.alignfull:not(.tundra-hero-ready) .wp-block-cover__inner-container .wp-block-heading:not(.is-visible),
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-cover.alignfull:not(.tundra-hero-ready) .wp-block-cover__inner-container .wp-block-paragraph:not(.is-visible),
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-cover.alignfull:not(.tundra-hero-ready) .wp-block-cover__inner-container .wp-block-buttons:not(.is-visible),
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-cover.alignfull:not(.tundra-hero-ready) .wp-block-cover__inner-container figure.wp-block-image:not(.is-visible),
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready) .tundra-hero-item:not(.is-visible),
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-cover.alignfull:not(.tundra-hero-ready) .tundra-hero-item:not(.is-visible) {
opacity: var(--hero-hidden-opacity);
transform: translateY(var(--hero-hidden-shift));
}
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready) .wp-block-cover__inner-container :is(.wp-block-heading, .wp-block-paragraph, .wp-block-buttons, figure.wp-block-image),
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-cover.has-hp-scroll .tundra-hero-item,
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-cover.alignfull:not(.tundra-hero-ready) .wp-block-cover__inner-container :is(.wp-block-heading, .wp-block-paragraph, .wp-block-buttons, figure.wp-block-image),
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-cover.alignfull .tundra-hero-item {
transition:
opacity 0.5s ease,
transform 0.5s ease;
}
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-cover.has-hp-scroll:not(.tundra-hero-ready) .wp-block-cover__inner-container :is(.wp-block-heading, .wp-block-paragraph, .wp-block-buttons, figure.wp-block-image).is-visible,
html:is(.tundra-anim-pending, .tundra-anim-active) .wp-block-cover.has-hp-scroll .tundra-hero-item.is-visible,
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-cover.alignfull:not(.tundra-hero-ready) .wp-block-cover__inner-container :is(.wp-block-heading, .wp-block-paragraph, .wp-block-buttons, figure.wp-block-image).is-visible,
html:is(.tundra-anim-pending, .tundra-anim-active) main .wp-block-cover.alignfull .tundra-hero-item.is-visible {
opacity: 1;
transform: none;
}
html.tundra-anim-active .tundra-animate {
opacity: 0;
transform: translateY(24px);
transition:
opacity 0.7s ease,
transform 0.7s ease;
}
html.tundra-anim-active .tundra-animate.fade-in {
transform: none;
}
html.tundra-anim-active .tundra-animate.fade-left {
transform: translateX(-24px);
}
html.tundra-anim-active .tundra-animate.fade-right {
transform: translateX(24px);
}
html.tundra-anim-active .tundra-animate.is-visible {
opacity: 1;
transform: none;
} footer,
footer .wp-block-group {
opacity: 1;
transform: none;
}
.tundra-animate-delay-1 { transition-delay: 0.1s; }
.tundra-animate-delay-2 { transition-delay: 0.2s; }
.tundra-animate-delay-3 { transition-delay: 0.3s; }
.tundra-animate-delay-4 { transition-delay: 0.4s; }
.tundra-animate-delay-5 { transition-delay: 0.5s; } figure.map-pulse {
position: relative;
display: block;
line-height: 0;
}
figure.map-pulse img {
display: block;
width: 100%;
height: auto;
}
figure.map-pulse .map-pulse__dot {
position: absolute;
width: 2.5%;
aspect-ratio: 1 / 1;
border-radius: 50%;
background: rgba(255, 184, 28, 0.85);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
pointer-events: none;
animation: tundra-sonar 2s ease-out infinite;
} figure.map-pulse .map-pulse__dot:nth-child(2) {
left: 9.69%;
top: 75.15%;
animation-delay: 0s;
}
figure.map-pulse .map-pulse__dot:nth-child(3) {
left: 16.12%;
top: 70.11%;
animation-delay: 0.25s;
}
figure.map-pulse .map-pulse__dot:nth-child(4) {
left: 21.01%;
top: 68.78%;
animation-delay: 0.5s;
}
figure.map-pulse .map-pulse__dot:nth-child(5) {
left: 22.7%;
top: 65.28%;
animation-delay: 0.75s;
}
figure.map-pulse .map-pulse__dot:nth-child(6) {
left: 23.21%;
top: 71.04%;
animation-delay: 1s;
}
figure.map-pulse .map-pulse__dot:nth-child(7) {
left: 23.14%;
top: 77.79%;
animation-delay: 1.25s;
}
figure.map-pulse .map-pulse__dot:nth-child(8) {
left: 27.04%;
top: 71.48%;
animation-delay: 1.5s;
}
figure.map-pulse .map-pulse__dot:nth-child(9) {
left: 31.68%;
top: 77.22%;
animation-delay: 1.75s;
}
@keyframes tundra-sonar {
0% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
100% {
opacity: 0;
transform: translate(-50%, -50%) scale(2.5);
}
} figure.map-pulse .map-pulse__pin {
position: absolute;
z-index: 2;
width: 4%;
aspect-ratio: 1 / 1;
transform: translate(-50%, -50%);
cursor: pointer;
}
figure.map-pulse .map-pulse__tooltip {
position: absolute;
left: 50%;
bottom: calc(100% + 0.5rem);
z-index: 3;
padding: 0.45em 0.75em;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 2px;
background-color: #002855;
opacity: 1;
color: #ffffff;
font-family: var(--wp--preset--font-family--futura, Futura, sans-serif);
font-size: clamp(0.875rem, 1.5vw, 1rem);
font-weight: 500;
line-height: 1.25;
letter-spacing: 0.02em;
white-space: nowrap;
pointer-events: none;
visibility: hidden;
transform: translate(-50%, 0.15rem);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
transition:
transform 0.18s ease,
visibility 0.18s ease;
} figure.map-pulse .map-pulse__tooltip::before,
figure.map-pulse .map-pulse__tooltip::after {
content: "";
position: absolute;
left: 50%;
border-style: solid;
border-color: transparent;
transform: translateX(-50%);
}
figure.map-pulse .map-pulse__tooltip::before {
top: 100%;
border-width: 6px;
border-top-color: rgba(255, 255, 255, 0.3);
}
figure.map-pulse .map-pulse__tooltip::after {
top: calc(100% - 1px);
border-width: 5px;
border-top-color: #002855;
}
figure.map-pulse .map-pulse__pin:hover .map-pulse__tooltip,
figure.map-pulse .map-pulse__pin:focus-visible .map-pulse__tooltip,
figure.map-pulse .map-pulse__pin.is-linked-active .map-pulse__tooltip {
visibility: visible;
transform: translate(-50%, 0);
}
figure.map-pulse .map-pulse__pin:focus-visible {
outline: 2px solid var(--wp--preset--color--accent, #ffb81c);
outline-offset: 3px;
border-radius: 50%;
} .wp-block-columns:has(figure.map-pulse) ul.wp-block-list > li {
transition:
color 0.22s ease,
transform 0.22s ease;
}
.wp-block-columns:has(figure.map-pulse) ul.wp-block-list > li::before {
transition:
transform 0.22s ease,
box-shadow 0.22s ease;
}
.wp-block-columns:has(figure.map-pulse) ul.wp-block-list > li.map-pulse__location {
cursor: default;
}
.wp-block-columns:has(figure.map-pulse) ul.wp-block-list > li.is-map-active {
color: var(--wp--preset--color--accent, #ffb81c);
transform: translateX(0.35rem);
}
.wp-block-columns:has(figure.map-pulse) ul.wp-block-list > li.is-map-active::before {
transform: scale(1.35);
box-shadow: 0 0 0 4px rgba(255, 184, 28, 0.35);
} @media (max-width: 781px) {
.wp-block-group.logo-grid.is-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
} .wp-block-button.blue-hover .wp-block-button__link:hover,
.wp-block-button.blue-hover .wp-block-button__link:focus {
background-color: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
} .is-layout-grid > .wp-block-group,
.wp-block-group.rounded {
border-radius: 3px;
overflow: hidden;
} .is-layout-grid > .wp-block-group.has-background,
.is-layout-grid > .wp-block-group.has-border-color,
.wp-block-group.rounded {
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.is-layout-grid > .wp-block-group.has-background:hover,
.is-layout-grid > .wp-block-group.has-border-color:hover,
.wp-block-group.rounded:hover {
transform: translate(-2px, -3px);
box-shadow: 0 10px 24px rgba(0, 40, 85, 0.18);
} .industry-grid .industry-item {
flex-wrap: nowrap;
align-items: flex-start;
}
.industry-grid .industry-item > figure.wp-block-image {
flex: 0 0 30px;
width: 30px;
margin: 0;
}
.industry-grid .industry-item > figure.wp-block-image img {
display: block;
width: 100%;
height: auto;
}
.industry-grid .industry-item > .wp-block-group {
flex: 1 1 auto;
min-width: 0;
} .mfr-filter .wp-block-button__link {
background-color: transparent;
border: 1px solid var(--wp--preset--color--contrast);
border-radius: 4px;
color: var(--wp--preset--color--contrast);
padding: 8px 22px;
}
.mfr-filter .wp-block-button__link:hover,
.mfr-filter .wp-block-button__link:focus-visible,
.mfr-filter .wp-block-button.is-active .wp-block-button__link {
background-color: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
} .mfr-card__logo {
display: flex;
align-items: center;
justify-content: center;
height: 120px;
padding: 10px 24px;
border-bottom: 1px solid #eef1f6;
}
.mfr-card__logo figure.wp-block-image {
margin: 0;
}
.mfr-card__logo img {
display: block;
width: auto;
height: auto;
max-height: 66px;
max-width: 210px;
object-fit: contain;
}
.mfr-card.is-hidden {
display: none;
} .mfr-card {
position: relative;
}
.mfr-card .wp-block-group {
position: static;
}
.mfr-card .mfr-card__link {
text-align: right;
}
.mfr-card .mfr-card__link a {
color: var(--wp--preset--color--contrast);
font-family: var(--tundra-font-display);
font-size: 12px;
font-weight: 400;
letter-spacing: 0.02em;
text-decoration: none;
}
.mfr-card .mfr-card__link a::after {
content: "\2192";
display: inline-block;
margin-left: 8px;
transition: transform 0.2s ease;
}
.mfr-card:hover .mfr-card__link a {
text-decoration: underline;
text-underline-offset: 3px;
}
.mfr-card:hover .mfr-card__link a::after {
transform: translateX(4px);
}
.mfr-card .mfr-card__link a::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
} :is(ul, ol).wp-block-list > li:has(> :is(ul, ol)),
.tundra-list :is(ul, ol) > li:has(> :is(ul, ol)) {
flex-wrap: wrap;
}
:is(ul, ol).wp-block-list > li > :is(ul, ol),
.tundra-list :is(ul, ol) > li > :is(ul, ol) {
flex-basis: 100%;
margin: 0.35rem 0 0;
padding-left: calc(9px + 1.3rem);
} body:not(.page-id-27) .wp-block-group.logo-grid .wp-block-image img {
filter: grayscale(1);
opacity: 0.85;
transition: filter 0.3s ease, opacity 0.3s ease;
}
.wp-block-group.logo-grid > .wp-block-group:hover .wp-block-image img,
.wp-block-group.logo-grid .wp-block-image a:focus-visible img {
filter: grayscale(0);
opacity: 1;
} a:focus,
a:focus-visible,
button:focus,
button:focus-visible,
.wp-block-navigation-item__content:focus,
.wp-block-navigation-item__content:focus-visible {
outline: none !important;
box-shadow: none !important;
} *:focus,
*:focus-visible,
.wp-block-navigation-item:focus-within,
.wp-block-navigation__submenu-container:focus-within {
outline: none !important;
box-shadow: none !important;
} .tribox.tribox-navy .wp-block-cover span.wp-block-cover__background.has-background-dim {
background-image:
linear-gradient(180deg, rgba(0, 0, 0, 0) 36.06%, rgba(0, 0, 0, 0.9) 100%),
linear-gradient(rgba(0, 40, 85, 0.6), rgba(0, 40, 85, 0.6));
background-size: 100% 100%, 100% 100%;
}
.tribox.tribox-navy .wp-block-cover:hover span.wp-block-cover__background.has-background-dim,
.tribox.tribox-navy .wp-block-cover:focus-within span.wp-block-cover__background.has-background-dim {
background-size: 100% 170%, 100% 100%;
} .page-id-27 .wp-block-group.logo-grid .wp-block-image img {
display: block;
width: 88%;
margin-inline: auto;
} @media (max-width: 781px) {
.wp-block-group.tile-grid.is-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
} .tribox.tribox-navy .wp-block-cover .wp-block-cover__inner-container > h3 {
font-size: 22px !important;
line-height: 1.15;
margin-top: 0.4rem !important;
}
.tribox.tribox-navy .wp-block-cover .wp-block-cover__inner-container > h4 {
margin-bottom: 0;
}
.tribox.tribox-navy .wp-block-cover .wp-block-cover__inner-container > p {
font-size: 14px;
line-height: 1.35;
}
.tribox.tribox-navy .wp-block-cover:hover .wp-block-cover__inner-container > p,
.tribox.tribox-navy .wp-block-cover:focus-within .wp-block-cover__inner-container > p {
margin-block-start: 0.5em;
} html {
scroll-behavior: smooth;
scroll-padding-top: calc(var(--tundra-header-height, 80px) + 16px);
} .mfr-featured .mfr-card {
box-shadow: inset 0 4px 0 var(--wp--preset--color--contrast), 0 10px 24px rgba(0, 40, 85, 0);
} .mfr-featured .wp-block-group.mfr-card:hover {
box-shadow: inset 0 4px 0 var(--wp--preset--color--contrast), 0 10px 24px rgba(0, 40, 85, 0.18);
}
.mfr-featured .mfr-card__logo {
height: 170px;
padding: 20px 28px;
}
.mfr-featured .mfr-card__logo img {
max-height: 96px;
max-width: 100%;
}
.mfr-featured .mfr-card h3 {
font-size: 20px;
} .loc-card {
display: flex;
flex-direction: column;
}
.loc-card > .wp-block-buttons {
margin-top: auto;
} .loc-card > .loc-card {
flex: 1;
}
.loc-card > .loc-card__foot {
margin-top: auto;
} .loc-grid > .loc-card {
display: grid;
grid-template-rows: subgrid;
grid-row: span 6;
row-gap: 0;
}
.loc-grid > .loc-card > .wp-block-heading { grid-row: 1; }
.loc-grid > .loc-card > .loc-card__role { grid-row: 2; }
.loc-grid > .loc-card > .loc-card__phone { grid-row: 3; }
.loc-grid > .loc-card > .loc-card__address { grid-row: 4; }
.loc-grid > .loc-card > .wp-block-spacer { grid-row: 5; }
.loc-grid > .loc-card > .wp-block-buttons {
grid-row: 6;
margin-top: 0;
align-self: end;
} .loc-grid.loc-grid--auto > .loc-card > :not(.wp-block-spacer, .wp-block-buttons) {
grid-row: auto;
} .ac-form-div + .ac-form-row {
margin-top: calc(var(--ac-form-row-gap) + 1rem);
}
.ac-form-div > .ac-form-row:has(.ac-form-submit) {
margin-top: 1rem;
} .ac-form-div + .ac-form-row:has(.g-recaptcha) {
margin-top: var(--ac-form-row-gap);
}
.ac-form-row:has(.g-recaptcha) + .ac-form-row {
margin-top: calc(var(--ac-form-row-gap) + 0.25rem); } html.form-modal-open {
overflow: hidden;
}
.tundra-form-modal {
box-sizing: border-box;
width: min(600px, calc(100vw - 32px));
max-height: calc(100dvh - 32px);
padding: clamp(1.5rem, 4vw, 2.75rem);
overflow-y: auto;
border: 0;
border-radius: 4px;
background-color: var(--wp--preset--color--base);
background-image: linear-gradient(var(--wp--preset--color--navy-soft), var(--wp--preset--color--navy-soft));
color: var(--wp--preset--color--contrast);
box-shadow: 0 24px 60px rgba(5, 13, 31, 0.4);
}
.tundra-form-modal[open] {
animation: tundra-form-modal-in 0.25s ease;
}
.tundra-form-modal::backdrop {
background: rgba(5, 13, 31, 0.72);
}
@keyframes tundra-form-modal-in {
from {
opacity: 0;
transform: translateY(12px);
}
}
.tundra-form-modal__title {
margin: 0 2.5rem 1.5rem 0;
font-size: clamp(24px, 3vw, 32px);
line-height: 1.1;
text-align: left;
}
.tundra-form-modal__close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: none;
color: var(--wp--preset--color--contrast);
font-size: 32px;
line-height: 1;
cursor: pointer;
opacity: 0.6;
transition: opacity 0.2s ease;
}
.tundra-form-modal__close:hover,
.tundra-form-modal__close:focus-visible {
opacity: 1;
} .tundra-form-modal .tundra-animate {
opacity: 1 !important;
transform: none !important;
transition: none !important;
} .bleed-to-footer {
position: relative;
}
.bleed-to-footer::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: calc(var(--wp--preset--spacing--60) + 3.75rem + 1px);
background: inherit;
pointer-events: none;
} .wp-block-details {
border-top: 1px solid #dde3ec;
border-bottom: 1px solid #dde3ec;
}
.wp-block-details + .wp-block-details {
margin-top: 0;
border-top: 0;
}
.wp-block-details > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 0.7rem 0;
font-weight: 500;
list-style: none;
cursor: pointer;
transition: color 0.2s ease;
}
.wp-block-details > summary::-webkit-details-marker {
display: none;
}
.wp-block-details > summary::after {
content: "+";
flex-shrink: 0;
font-family: var(--tundra-font-display);
font-size: 1.35em;
font-weight: 700;
line-height: 1;
color: var(--wp--preset--color--accent);
}
.wp-block-details[open] > summary::after {
content: "\2013";
}
.wp-block-details > :not(summary):first-of-type,
.wp-block-details > summary + * {
margin-top: 0.25rem;
}
.wp-block-details > :last-child:not(summary) {
margin-bottom: 1rem;
} .wp-block-details[data-closing] > summary::after {
content: "+";
} .wp-block-details.accordion-card {
margin-top: 10px;
border: 0;
border-left: 4px solid var(--wp--preset--color--accent);
border-radius: 3px;
background-color: var(--wp--preset--color--base);
overflow: hidden;
transition: box-shadow 0.3s ease;
}
.wp-block-details.accordion-card:hover,
.wp-block-details.accordion-card[open] {
box-shadow: 0 6px 18px rgba(0, 40, 85, 0.1);
}
.wp-block-details.accordion-card--soft {
border-left-color: var(--wp--preset--color--contrast);
background-color: var(--wp--preset--color--navy-soft);
}
.wp-block-details.accordion-card > summary {
padding: 1.05rem 1.4rem 0.9rem;
font-family: var(--tundra-font-display);
font-weight: 700;
line-height: 1.25;
text-transform: uppercase;
}
.wp-block-details.accordion-card > summary::after {
color: var(--wp--preset--color--contrast);
}
.wp-block-details.accordion-card > :not(summary) {
margin-left: 1.4rem;
margin-right: 1.4rem;
}
.wp-block-details.accordion-card > :last-child:not(summary) {
margin-bottom: 1.4rem;
} @media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
margin-left: 0;
margin-right: 0;
}
.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
padding-inline: 0;
} .wp-block-media-text.media-crop-mobile > .wp-block-media-text__media img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: 50% 45%;
}
} @media (min-width: 782px) {
.wp-block-columns.cols-align-foot {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 0;
}
.cols-align-foot > .wp-block-column {
display: grid;
grid-template-rows: subgrid;
grid-row: span 2;
} .cols-align-foot > .wp-block-column > .wp-block-buttons {
align-self: start;
}
} .wp-block-buttons.division-links {
align-items: stretch;
gap: 12px;
max-width: 960px;
margin-inline: auto;
}
.wp-block-buttons.division-links > .wp-block-button {
flex: 0 1 calc((100% - 24px) / 3);
}
.wp-block-buttons.division-links .wp-block-button__link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 1.1em 1.4em;
background: var(--wp--preset--color--base);
color: var(--wp--preset--color--contrast);
border: 0;
border-left: 4px solid var(--wp--preset--color--accent);
border-radius: 0;
text-align: left;
transition: background-color .2s ease, transform .2s ease;
}
.wp-block-buttons.division-links .wp-block-button__link::after {
content: "\2192";
font-size: 1.4em;
line-height: 1;
color: var(--wp--preset--color--accent);
transition: transform .2s ease, color .2s ease;
}
.wp-block-buttons.division-links .wp-block-button__link:hover {
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--contrast);
}
.wp-block-buttons.division-links .wp-block-button__link:hover::after {
color: var(--wp--preset--color--contrast);
transform: translateX(4px);
} @media (min-width: 782px) {
.wp-block-buttons.division-links .wp-block-button__link {
min-height: calc(2lh + 2.2em);
}
}
@media (max-width: 781px) {
.wp-block-buttons.division-links > .wp-block-button {
flex-basis: 100%;
}
} header .wp-block-navigation .wp-block-navigation__responsive-container .wp-block-navigation__container > .wp-block-navigation-item.tundra-secondary-item {
display: none;
}
@media (max-width: 640px) {
header .has-contrast-background-color .wp-block-navigation-item:not(:has(> a[href^="tel:"])) {
display: none;
}
header .has-contrast-background-color .wp-block-navigation__container,
header .has-contrast-background-color .wp-block-group.alignwide {
justify-content: center;
}
header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .wp-block-navigation-item.tundra-secondary-item {
display: flex;
}
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .tundra-secondary-item--first {
margin-top: 1.25rem;
padding-top: 1rem;
border-top: 1px solid rgba(0, 40, 85, 0.15);
}
header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .tundra-secondary-item
> .wp-block-navigation-item__content {
padding: 0.4rem 0.75rem;
font-family: var(--tundra-font-body);
font-size: 15px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.01em;
text-transform: none;
}
} @media (max-width: 1100px) {
html.tundra-nav-accordion header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .wp-block-navigation-item.has-child {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
html.tundra-nav-accordion header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .has-child
> .wp-block-navigation-submenu__toggle {
display: inline-flex;
order: -1;
width: 40px;
height: 40px;
margin: 0 0.1rem 0 0;
padding: 12px;
border-radius: 4px;
background: transparent;
cursor: pointer;
transition: background-color 0.2s ease;
}
html.tundra-nav-accordion header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .has-child
> .wp-block-navigation-submenu__toggle:hover {
background-color: var(--wp--preset--color--navy-soft);
}
html.tundra-nav-accordion header .wp-block-navigation__responsive-container.is-menu-open
.has-child
> .wp-block-navigation-submenu__toggle
svg {
transform: rotate(90deg);
transition: transform 0.25s ease;
}
html.tundra-nav-accordion header .wp-block-navigation__responsive-container.is-menu-open
.has-child.is-expanded
> .wp-block-navigation-submenu__toggle
svg {
transform: rotate(0deg);
}
html.tundra-nav-accordion header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .has-child
> .wp-block-navigation__submenu-container {
flex-basis: 100%;
overflow: hidden;
}
html.tundra-nav-accordion header .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
> .has-child:not(.is-expanded)
> .wp-block-navigation__submenu-container {
display: none;
}
} .wp-block-columns.svc-row {
border-top: 1px solid #e3e6ea;
}
.svc-row__text > * + * {
margin-block-start: 22px;
}
p.svc-num {
display: flex;
align-items: baseline;
gap: 16px;
margin: 0;
color: var(--wp--preset--color--accent);
font-family: var(--tundra-font-condensed);
font-size: 72px;
font-weight: 800;
line-height: 0.8;
letter-spacing: 0;
}
p.svc-num::after {
content: "";
flex: 1;
height: 2px;
background: var(--wp--preset--color--accent);
opacity: 0.5;
}
p.svc-eyebrow,
p.svc-label {
font-family: var(--tundra-font-display);
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
p.svc-eyebrow {
color: #b88400; font-size: 15px;
letter-spacing: 0.07em;
}
p.svc-label {
color: #5a6b80;
font-size: 13px;
letter-spacing: 0.09em;
}
.svc-row__text > p.svc-label + ul.spec-list {
margin-block-start: 10px;
}
ul.wp-block-list.spec-list {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 32px;
}
ul.wp-block-list.spec-list > li {
align-items: center;
gap: 12px;
margin: 0;
padding: 12px 0;
border-top: 1px solid #e3e6ea;
line-height: 1.4;
}
ul.wp-block-list.spec-list > li::before {
width: 8px;
height: 8px;
border-radius: 0;
margin-top: 0;
}
.svc-row__text > .wp-block-buttons {
margin-block-start: 30px;
} .wp-block-image.svc-photo {
position: relative;
margin: 0;
padding: 0 20px 20px 0;
}
.wp-block-image.svc-photo::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 78%;
height: 78%;
background: var(--wp--preset--color--accent);
}
.wp-block-image.svc-photo img {
position: relative;
display: block;
width: 100%;
border-radius: 0;
}
@media (min-width: 782px) and (max-width: 1100px) {
.wp-block-columns.svc-row > .svc-row__media {
flex-basis: 36% !important;
}
.wp-block-columns.svc-row {
gap: 3rem !important;
}
}
@media (max-width: 781px) {
.wp-block-columns.svc-row > .svc-row__media {
order: -1;
max-width: 480px;
}
p.svc-num {
font-size: 56px;
}
}
@media (max-width: 600px) {
ul.wp-block-list.spec-list {
grid-template-columns: 1fr;
}
} .loc-card__phone:has(br) {
padding-left: calc(1.25em + 1rem); }
.loc-card__phone:has(br) > a[href^="tel:"] {
margin-left: calc(-1.25em - 1rem);
} .type-card {
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.type-card:hover {
transform: translate(-2px, -3px);
box-shadow: 0 10px 24px rgba(0, 40, 85, 0.18);
}
.type-card h4 a {
color: inherit;
text-decoration: none;
}
.type-card h4 a:hover,
.type-card h4 a:focus-visible {
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-color: var(--wp--preset--color--accent);
text-decoration-thickness: 3px;
}
.type-card .wp-block-list a {
text-decoration: none;
}
.type-card .wp-block-list a:hover,
.type-card .wp-block-list a:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
} .type-tile.wp-block-cover {
padding: 0;
align-items: stretch;
border-radius: 3px;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.type-tile .wp-block-cover__image-background {
transition: transform 0.6s ease;
}
.type-tile:hover {
transform: translate(-2px, -3px);
box-shadow: 0 10px 24px rgba(0, 40, 85, 0.25);
}
.type-tile:hover .wp-block-cover__image-background {
transform: scale(1.05);
}
.type-tile .wp-block-cover__inner-container {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 1.75rem 1.75rem 1.6rem;
border-bottom: 4px solid var(--wp--preset--color--accent);
}
.type-tile h4 {
margin: 0;
color: var(--wp--preset--color--base);
font-size: 20px;
line-height: 1.2;
text-transform: uppercase;
}
.type-tile h4::before {
content: "";
display: block;
width: 36px;
height: 3px;
margin-bottom: 0.9rem;
background: var(--wp--preset--color--accent);
}
.type-tile h4 a {
color: inherit;
text-decoration: none;
}
.type-tile h4 a::after {
content: "\2192";
display: inline-block;
margin-left: 10px;
color: var(--wp--preset--color--accent);
transition: transform 0.2s ease;
}
.type-tile:hover h4 a::after {
transform: translateX(5px);
} .type-tile h4 a::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.type-tile .wp-block-list {
margin: 1rem 0 0;
font-size: 15px;
line-height: 1.35;
}
.type-tile .wp-block-list > li {
margin-bottom: 0.45rem;
gap: 0 0.8rem;
}
.type-tile .wp-block-list > li::before {
width: 7px;
height: 7px;
margin-top: 6px;
}
.type-tile .wp-block-list a {
position: relative;
z-index: 2;
color: var(--wp--preset--color--base);
text-decoration: none;
}
.type-tile .wp-block-list a:hover,
.type-tile .wp-block-list a:focus-visible {
color: var(--wp--preset--color--accent);
}
@media (min-width: 782px) {
.type-tile--wide .wp-block-list {
display: block;
max-width: 560px;
columns: 2;
column-gap: 2rem;
}
.type-tile--wide .wp-block-list > li {
break-inside: avoid;
}
}
.type-tiles--compact .type-tile h4 {
font-size: 17px;
}
.type-tiles--compact .type-tile .wp-block-cover__inner-container {
padding: 1.4rem 1.4rem 1.3rem;
}
@media (max-width: 1100px) {
.wp-block-group.type-tiles.is-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 781px) {
.wp-block-group.type-tiles:not(.type-tiles--compact).is-layout-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
.wp-block-group.type-tiles:not(.type-tiles--compact).is-layout-grid > * {
grid-column: auto !important;
} .type-tiles .type-tile.wp-block-cover {
min-height: 230px !important;
}
.type-tiles--compact .type-tile.wp-block-cover {
min-height: 170px !important;
}
}
@media (max-width: 500px) {
.wp-block-group.type-tiles--compact.is-layout-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
} .brand-feature > .wp-block-column > .mfr-card {
height: 100%;
}
.brand-feature .mfr-card__logo {
height: 190px;
}
.brand-feature .mfr-card__logo img {
max-height: 110px;
}
.brand-feature .mfr-card h3 {
margin-top: 0;
}
.brand-feature__types {
margin-top: 0.4rem;
color: #5b6b82;
font-size: 14px;
}
.brand-feature > .wp-block-column > .logo-grid {
display: flex;
flex-direction: column;
gap: var(--wp--style--block-gap, 1.2rem);
height: 100%;
}
.brand-feature .logo-grid > .wp-block-group {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
.brand-feature .logo-grid .wp-block-image {
margin: 0;
}
.brand-feature .logo-grid .wp-block-image img {
max-height: 110px;
width: auto;
}
@media (max-width: 781px) {
.brand-feature > .wp-block-column > .logo-grid {
flex-direction: row;
}
} .type-tiles--cta .type-tile h4 a::after {
content: none;
}
.type-tile .wp-block-cover__inner-container > p {
margin: 0.9rem 0 0;
color: var(--wp--preset--color--base);
font-size: 15px;
line-height: 1.45;
}
.type-tile .wp-block-buttons {
position: relative;
z-index: 2;
margin-top: 1.4rem;
} #find li a {
text-decoration: underline;
text-decoration-color: rgba(255, 184, 28, 0.45);
text-decoration-thickness: 1px;
text-underline-offset: 5px;
transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
#find li a::after {
content: " \2193";
opacity: 0;
transition: opacity 0.2s ease;
}
#find li a:hover {
color: var(--wp--preset--color--accent);
text-decoration-color: var(--wp--preset--color--accent);
}
#find li a:hover::after {
opacity: 1;
} .mfr-featured > .mfr-card,
.mfr-grid > .mfr-card {
display: flex;
flex-direction: column;
}
.mfr-featured > .mfr-card > *,
.mfr-grid > .mfr-card > *,
.mfr-featured > .mfr-card > .wp-block-group:last-child > *,
.mfr-grid > .mfr-card > .wp-block-group:last-child > * {
width: 100%;
}
.mfr-featured > .mfr-card > .wp-block-group:last-child,
.mfr-grid > .mfr-card > .wp-block-group:last-child {
flex: 1 0 auto;
display: flex;
flex-direction: column;
}
.mfr-featured > .mfr-card > .wp-block-group:last-child > :last-child,
.mfr-grid > .mfr-card > .wp-block-group:last-child > :last-child {
margin-top: auto !important;
padding-top: var(--wp--preset--spacing--30);
}
.mfr-featured > .mfr-card .mfr-card__link,
.mfr-grid > .mfr-card .mfr-card__link {
font-size: 13px; } .tribox.tribox-dark .wp-block-cover span.wp-block-cover__background.has-background-dim {
background-image:
linear-gradient(180deg, rgba(0, 0, 0, 0) 36.06%, rgba(0, 0, 0, 0.9) 100%),
linear-gradient(rgba(5, 13, 31, 0.45), rgba(5, 13, 31, 0.45));
background-size: 100% 100%, 100% 100%;
}
.tribox.tribox-dark .wp-block-cover:hover span.wp-block-cover__background.has-background-dim,
.tribox.tribox-dark .wp-block-cover:focus-within span.wp-block-cover__background.has-background-dim {
background-size: 100% 170%, 100% 100%;
} .type-tiles--static .type-tile:hover {
transform: none;
box-shadow: none;
}
.type-tiles--static .type-tile:hover .wp-block-cover__image-background {
transform: none;
}
@media (min-width: 782px) and (max-width: 1100px) {
.wp-block-group.type-tiles--static.is-layout-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
} .cert-card {
border-top: 4px solid var(--wp--preset--color--accent);
} .integrated-card a {
text-decoration: underline;
text-decoration-color: rgba(255, 184, 28, 0.6);
text-decoration-thickness: 2px;
text-underline-offset: 3px;
transition: text-decoration-color 0.2s ease;
}
.integrated-card a:hover,
.integrated-card a:focus-visible {
text-decoration-color: var(--wp--preset--color--accent);
} .has-background + .with-mountain,
.has-background + .with-mountain-top {
margin-top: 0;
margin-block-start: 0;
} .wp-block-cover.alignfull[style*="padding-left:0"],
.wp-block-cover.alignfull[style*="padding-right:0"] {
padding-left: var(--wp--style--root--padding-left) !important;
padding-right: var(--wp--style--root--padding-right) !important;
}header.wp-block-template-part > div.tundra-search,
.tundra-search {
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: -1;
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
box-shadow: 0 14px 30px rgba(0, 13, 31, 0.28);
transform: translateY(-100%);
opacity: 0;
visibility: hidden;
transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.25s ease, visibility 0s linear 0.35s;
}
header.wp-block-template-part > div.tundra-search.is-open,
.tundra-search.is-open {
transform: translateY(0);
opacity: 1;
visibility: visible;
transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.2s ease, visibility 0s;
}
.tundra-search__form {
display: flex;
align-items: stretch;
gap: 12px;
max-width: 1340px;
margin: 0 auto;
padding: 22px var(--wp--style--root--padding-right, 24px) 24px var(--wp--style--root--padding-left, 24px);
}
.tundra-search__input {
flex: 1 1 auto;
min-width: 0;
padding: 14px 18px 11px;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 4px;
background: rgba(255, 255, 255, 0.08);
color: var(--wp--preset--color--base);
font: inherit;
font-size: 18px;
outline: none;
}
.tundra-search__input::placeholder {
color: rgba(255, 255, 255, 0.55);
}
.tundra-search__input:focus {
border-color: var(--wp--preset--color--accent);
background: rgba(255, 255, 255, 0.12);
}
.tundra-search__input::-webkit-search-cancel-button {
filter: invert(1);
}
.tundra-search__submit {
flex-shrink: 0;
padding: 14px 26px 11px;
border: 0;
border-radius: 4px;
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--contrast);
font-family: var(--tundra-font-display);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}
.tundra-search__submit:hover,
.tundra-search__submit:focus-visible {
background: var(--wp--preset--color--base);
color: var(--wp--preset--color--contrast);
}
.tundra-search__close {
flex-shrink: 0;
width: 48px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 4px;
background: transparent;
color: var(--wp--preset--color--base);
font-size: 26px;
line-height: 1;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}
.tundra-search__close:hover,
.tundra-search__close:focus-visible {
background: var(--wp--preset--color--base);
color: var(--wp--preset--color--contrast);
}
@media (max-width: 600px) {
.tundra-search__form {
flex-wrap: wrap;
gap: 10px;
padding-top: 16px;
padding-bottom: 18px;
}
.tundra-search__input {
flex-basis: 100%;
font-size: 16px;
}
.tundra-search__submit {
flex: 1 1 auto;
}
} .search-header__trail {
display: flex;
flex-wrap: wrap;
gap: 0 10px;
font-family: var(--tundra-font-condensed, var(--tundra-font-display));
font-size: 14px;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.search-header__trail a {
color: #9eb0cc;
text-decoration: none;
}
.search-header__trail a:hover {
color: var(--wp--preset--color--base);
}
.search-header__trail [aria-current] {
color: var(--wp--preset--color--accent);
}
.search-header__sep {
color: #9eb0cc;
}
.search-header__title {
margin: var(--wp--preset--spacing--40) 0 0;
font-size: 44px;
overflow-wrap: anywhere;
}
.search-results__tabs {
margin-bottom: var(--wp--preset--spacing--60);
}
.search-results__tabs .product-grid__pill[disabled] {
opacity: 0.4;
cursor: default;
}
.search-results__tabs .product-grid__pill[disabled]:hover {
background: transparent;
color: var(--wp--preset--color--contrast);
}
.search-results__group + .search-results__group {
margin-top: var(--wp--preset--spacing--70);
padding-top: var(--wp--preset--spacing--60);
border-top: 1px solid #dde3ec;
}
.search-results.is-single .search-results__group {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.search-results__group-title {
margin: 0 0 var(--wp--preset--spacing--50);
font-size: 32px;
text-align: left;
}
.search-results__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 16px;
}
.search-result {
position: relative;
display: flex;
gap: 24px;
padding: 22px 26px;
border: 1px solid #dde3ec;
border-radius: 4px;
background: var(--wp--preset--color--base);
transition: transform 0.25s ease, box-shadow 0.25s ease;
} .search-results__list > li.search-result {
display: flex;
}
.search-result:hover {
transform: translate(-2px, -3px);
box-shadow: 0 10px 24px rgba(0, 40, 85, 0.18);
}
.search-result__media {
flex: 0 0 180px;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 4px;
}
.search-result__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.search-result__body {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
}
.search-result__eyebrow {
margin: 0 0 6px;
font-family: var(--tundra-font-display);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: color-mix(in srgb, var(--wp--preset--color--contrast) 60%, transparent);
}
.search-result__title {
margin: 0;
font-size: 22px;
line-height: 1.2;
text-transform: none;
}
.search-result__title a {
color: var(--wp--preset--color--contrast);
text-decoration: none;
} .search-result__title a::before {
content: "";
position: absolute;
inset: 0;
}
.search-result__excerpt {
margin: 10px 0 0;
font-size: 15px;
line-height: 1.5;
}
.search-result__more {
margin: auto 0 0;
padding-top: 12px;
text-align: right;
font-family: var(--tundra-font-display);
font-size: 12px;
letter-spacing: 0.02em;
color: var(--wp--preset--color--contrast);
}
.search-result__more span::after {
content: "\2192";
display: inline-block;
margin-left: 8px;
transition: transform 0.2s ease;
}
.search-result:hover .search-result__more span {
text-decoration: underline;
text-underline-offset: 3px;
}
.search-result:hover .search-result__more span::after {
transform: translateX(4px);
}
.search-results__none p {
max-width: 640px;
}
.search-results__routes {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: var(--wp--preset--spacing--40) 0 0;
padding: 0;
}
.search-results__routes a {
display: inline-block;
padding: 10px 18px 7px;
border: 1px solid var(--wp--preset--color--contrast);
border-radius: 4px;
color: var(--wp--preset--color--contrast);
font-family: var(--tundra-font-display);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.02em;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.3s ease, color 0.3s ease;
}
.search-results__routes a:hover {
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
}
@media (max-width: 600px) {
.search-header__title {
font-size: 30px;
}
.search-result {
flex-direction: column;
gap: 14px;
padding: 18px;
}
.search-result__media {
flex-basis: auto;
}
.search-result__title {
font-size: 19px;
}
}.news-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.news-grid > .wp-block-post {
margin-block-start: 0;
min-width: 0;
}
.news-grid > .wp-block-post.is-hidden {
display: none;
} .news-grid > .wp-block-post:nth-child(1 of :not(.is-hidden)) {
grid-row: span 3;
}
.news-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
background: var(--wp--preset--color--base);
border: 1px solid #dde3ec;
border-radius: 4px;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.news-card:hover {
transform: translateY(-4px);
box-shadow: 0 14px 30px rgba(0, 40, 85, 0.14);
}
.news-card .wp-block-group {
position: static;
}
.news-card__media {
position: relative;
flex: 0 0 auto;
margin: 0;
aspect-ratio: 16 / 9;
background: var(--wp--preset--color--navy-soft);
}
.news-card__media a,
.news-card__media img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.news-card__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 12px;
padding: 28px 32px 30px;
}
.news-card__cat {
margin: 0;
}
.news-card__cat a {
color: inherit;
text-decoration: none;
}
.news-card__title {
margin: 0;
font-size: 22px;
line-height: 1.15;
}
.news-card__title a {
color: var(--wp--preset--color--contrast);
text-decoration: none;
} .news-card__title a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.news-card__excerpt {
margin: 0;
font-size: 16px;
line-height: 1.5;
}
.news-card__excerpt p {
margin: 0;
}
.news-card__excerpt .wp-block-post-excerpt__more-text {
margin-top: 10px;
}
.news-card__excerpt .wp-block-post-excerpt__more-link {
color: var(--wp--preset--color--contrast);
font-family: var(--tundra-font-display);
font-size: 12px;
font-weight: 400;
letter-spacing: 0.02em;
text-decoration: none;
}
.news-card__excerpt .wp-block-post-excerpt__more-link::after {
content: "\2192";
display: inline-block;
margin-left: 8px;
transition: transform 0.2s ease;
}
.news-card:hover .wp-block-post-excerpt__more-link {
text-decoration: underline;
text-underline-offset: 3px;
}
.news-card:hover .wp-block-post-excerpt__more-link::after {
transform: translateX(4px);
}
.news-card__date {
margin: auto 0 0;
padding-top: 4px;
font-size: 14px;
color: #5b6b82;
} .news-grid > .wp-block-post:not(:nth-child(1 of :not(.is-hidden))) .news-card {
flex-direction: row;
}
.news-grid > .wp-block-post:not(:nth-child(1 of :not(.is-hidden))) .news-card__media {
flex: 0 0 200px;
aspect-ratio: auto;
min-height: 150px;
}
.news-grid > .wp-block-post:not(:nth-child(1 of :not(.is-hidden))) .news-card__excerpt {
display: none;
}
.news-grid > .wp-block-post:not(:nth-child(1 of :not(.is-hidden))) .news-card__cat {
font-size: 11px;
}
.news-grid > .wp-block-post:not(:nth-child(1 of :not(.is-hidden))) .news-card__body {
justify-content: center;
gap: 8px;
padding: 22px 26px;
}
.news-grid > .wp-block-post:not(:nth-child(1 of :not(.is-hidden))) .news-card__title {
font-size: 18px;
}
.news-grid > .wp-block-post:not(:nth-child(1 of :not(.is-hidden))) .news-card__date {
margin-top: 0;
padding-top: 0;
}
.news-empty {
display: none;
margin-top: var(--wp--preset--spacing--50);
}
.news-empty.is-visible {
display: block;
}
@media (max-width: 781px) {
.news-grid {
grid-template-columns: minmax(0, 1fr);
}
.news-grid > .wp-block-post:nth-child(1 of :not(.is-hidden)) {
grid-row: auto;
}
.news-grid > .wp-block-post:not(:nth-child(1 of :not(.is-hidden))) .news-card__media {
flex-basis: 130px;
min-height: 120px;
}
.news-grid > .wp-block-post:not(:nth-child(1 of :not(.is-hidden))) .news-card__body {
padding: 18px 20px;
}
.news-card__body {
padding: 24px 22px;
}
} .news-hero .wp-block-post-terms a {
text-decoration: none;
}
.news-hero .wp-block-post-title {
margin: 0;
}
.news-single__content .wp-block-quote {
font-size: var(--wp--preset--font-size--body);
font-weight: 400;
}
.news-single__content .wp-block-quote cite {
display: block;
margin-top: 1rem;
color: var(--wp--preset--color--contrast);
font-family: var(--tundra-font-display);
font-size: 14px;
font-style: normal;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.5;
text-transform: uppercase;
} .news-single__graphic img {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 460px;
border: 1px solid #dde3ec;
border-radius: 4px;
}
.news-card--graphic .news-card__media {
background: var(--wp--preset--color--base);
border-bottom: 1px solid #dde3ec;
}
.news-card--graphic .news-card__media img {
object-fit: contain !important; padding: 12px;
box-sizing: border-box;
}
.news-grid > .wp-block-post:not(:nth-child(1 of :not(.is-hidden))).news-card--graphic .news-card__media {
border-bottom: 0;
border-right: 1px solid #dde3ec;
}