@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
/* ========================================================================= */
/* !FONTS (@fontface generated with FontSpring Syntax formatting */
/* ========================================================================= */
/* ========================================================================= */
/* !SASS VARIABLES & MIXINS */
/* ========================================================================= */
/*
// Use Case: $b (second) variable is optional and defaults to 'max-width'
@include break(1100){
h1{
background: red;
}
}
// Output
@media screen and (max-width: 1100px) {
h1 { background: red; }
}
// Also, if you want to specify the 2nd variable for break type (i.e., min-height)
@include break(1100, 'min-height'){
h1 {
background:red;
}
}
// Output
@media screen and (min-height: 1100px) {
h1 { background: red; }
}
*/
/*
// inline SVGs
// usage: background-image: inline-svg('');
*/
:root {
--font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
--color-text: #3D3E41;
--color-dark-gray-text: #3E4042;
--color-dark-blue: #003767;
--color-medium-blue: #1A3E6C;
--color-light-blue: #019FDB;
--color-lightish-blue: #1BC3FF;
--color-lighter-blue: #E3F3F8;
--color-lightest-blue: #EEFAFF;
--color-orange: #EA6A3D;
--color-red: #AE181C;
--color-light-gray: #DEDEDE;
--color-lightest-gray: #f8f8f8;
--color-darker-gray: #1B2026;
--color-dark-gray: #25292F;
--color-body: var(--color-text);
--focus-color: var(--color-orange);
--gradient-blue: linear-gradient(to right, var(--color-dark-blue), var(--color-light-blue));
--corner-offset: 20px;
--keen-color: var(--color-light-blue);
}
:root .dark {
--keen-color: #fff;
}
@media only screen and (min-width: 768px) {
:root {
--corner-offset: 40px;
}
}
:root {
--icon-caret: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%229%22 height%3D%226%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23EA6A3D%22 fill-rule%3D%22evenodd%22 d%3D%22M8.752.203c.25.25.27.642.058.914l-.058.065-3.785 3.785a.692.692 0 0 1-.914.057l-.065-.057L.203 1.182A.692.692 0 0 1 1.117.145l.065.058 3.296 3.295L7.773.203a.692.692 0 0 1 .914-.058l.065.058Z%22 clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
--icon-search: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2225%22 height%3D%2226%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23919191%22 fill-rule%3D%22evenodd%22 d%3D%22M15.77 14.66c.699-1 1.118-2.214 1.118-3.5 0-3.357-2.657-6.07-5.944-6.07S5 7.802 5 11.16s2.657 6.07 5.944 6.07a5.82 5.82 0 0 0 3.426-1.142l3.917 4c.35.358.978.358 1.398 0 .42-.428.42-1 0-1.428l-3.916-4Zm-9.371-3.5c0-2.571 2.028-4.643 4.545-4.643s4.545 2.072 4.545 4.643c0 2.571-2.027 4.643-4.545 4.643S6.399 13.73 6.399 11.16Z%22 clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
--icon-hex: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22186%22 height%3D%22166%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23000%22 d%3D%22M55.879 0h74.242c7.152 0 12.509 3.101 16.073 9.303l37.133 64.406c3.564 6.202 3.564 12.404 0 18.582l-37.133 64.406c-3.564 6.202-8.921 9.303-16.073 9.303H55.879c-7.152 0-12.51-3.101-16.073-9.303L2.673 92.291c-3.564-6.202-3.564-12.404 0-18.582L39.806 9.303C43.37 3.1 48.727 0 55.88 0Z%22%2F%3E%3C%2Fsvg%3E");
--hex-mask-right: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22688%22 height%3D%22108%22 fill%3D%22none%22 viewBox%3D%220 0 688 108%22%3E%3Cpath fill%3D%22%23000%22 d%3D%22M0 108h650.141a15.43 15.43 0 0 0 13.335-7.671l22.432-38.572a15.43 15.43 0 0 0 0-15.514L663.476 7.67A15.433 15.433 0 0 0 650.141 0H0z%22%2F%3E%3C%2Fsvg%3E");
--hex-mask-left: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22688%22 height%3D%22108%22 fill%3D%22none%22 viewBox%3D%220 0 688 108%22%3E%3Cpath fill%3D%22%23000%22 d%3D%22M688 108H37.859a15.43 15.43 0 0 1-13.335-7.671L2.092 61.757a15.43 15.43 0 0 1 0-15.514L24.524 7.67A15.43 15.43 0 0 1 37.859 0H688z%22%2F%3E%3C%2Fsvg%3E");
--bg-layered: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22506%22 height%3D%22883%22 fill%3D%22none%22%3E%3Cmask id%3D%22a%22 width%3D%22506%22 height%3D%22883%22 x%3D%220%22 y%3D%220%22 maskUnits%3D%22userSpaceOnUse%22 style%3D%22mask-type%3Aalpha%22%3E%3Cpath fill%3D%22%23D9D9D9%22 d%3D%22M0 0H506V883H0z%22%2F%3E%3C%2Fmask%3E%3Cg fill%3D%22%2300A2DB%22 mask%3D%22url%28%23a%29%22%3E%3Cpath d%3D%22M-819 0H506L.172 883H-819V0Z%22 opacity%3D%22.2%22%2F%3E%3Cpath d%3D%22M-857 0H468L-37.828 883H-857V0Z%22 opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--tippy-bg-color: rgba(0,0,0,0.75);
--tippy-text-color: #fff;
--tippy-arrow-size: 8px;
}
.keen-slider:not([data-keen-slider-disabled]) {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
align-content: flex-start;
display: flex;
overflow: hidden;
position: relative;
touch-action: pan-y;
-webkit-user-select: none;
user-select: none;
-khtml-user-select: none;
width: 100%;
}
.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
min-height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
flex-direction: row-reverse;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
flex-wrap: wrap;
}
.tippy-box[data-animation=fade][data-state=hidden] {
opacity: 0;
}
[data-tippy-root] {
max-width: calc(100vw - 10px);
}
.tippy-box {
position: relative;
background-color: var(--tippy-bg-color, #000);
color: var(--tippy-text-color, #fff);
font-size: 14px;
line-height: 1.4;
white-space: normal;
outline: 0;
transition-property: transform, visibility, opacity;
border-radius: 5px;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
bottom: calc(var(--tippy-arrow-size) * -1);
left: 0;
border-width: var(--tippy-arrow-size) var(--tippy-arrow-size) 0;
border-top-color: initial;
transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
top: calc(var(--tippy-arrow-size) * -1);
left: 0;
border-width: 0 var(--tippy-arrow-size) var(--tippy-arrow-size);
border-bottom-color: initial;
transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
border-width: var(--tippy-arrow-size) 0 var(--tippy-arrow-size) var(--tippy-arrow-size);
border-left-color: initial;
right: calc(var(--tippy-arrow-size) * -1);
transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
left: calc(var(--tippy-arrow-size) * -1);
border-width: var(--tippy-arrow-size) var(--tippy-arrow-size) var(--tippy-arrow-size) 0;
border-right-color: initial;
transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
width: 16px;
height: 16px;
color: var(--tippy-bg-color, #000);
}
.tippy-arrow:before {
content: "";
position: absolute;
border-color: transparent;
border-style: solid;
}
.tippy-content {
position: relative;
padding: 11px 16px;
z-index: 1;
font-size: 0.875rem;
font-weight: bold;
line-height: 1.3;
}
.tippy-content a {
color: #fff;
display: block;
padding-right: 16px;
position: relative;
}
.tippy-content a:before {
position: absolute;
right: 0;
top: calc(50% - 4.5px);
content: "";
width: 9px;
height: 9px;
mask-image: var(--icon-caret);
mask-position: center right;
mask-repeat: no-repeat;
background-color: #fff;
transform: rotate(-90deg);
transition: 0.3s;
}
.tippy-content a:hover:before {
right: -5px;
}
dialog.video-dialog {
width: min(90vw, 960px);
max-height: 90vh;
padding: 0;
border: none;
border-radius: 8px;
background: #000;
overflow: visible;
}
dialog.video-dialog::backdrop {
background: rgba(0, 0, 0, 0.85);
}
dialog.video-dialog iframe {
display: block;
width: 100%;
aspect-ratio: 16/9;
border: none;
border-radius: 8px;
}
dialog.video-dialog button.close {
position: absolute;
top: -1rem;
right: -1rem;
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #fff;
color: #000;
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
z-index: 1;
transition: 0.15s;
}
dialog.video-dialog button.close:hover {
background: var(--color-orange);
color: #fff;
}
fieldset.column .ginput_container > div {
display: flex;
flex-direction: column;
}
.gform-footer button {
margin: 30px 0 0;
display: block;
}
.ginput_complex {
display: flex;
gap: 20px;
align-items: center;
flex-wrap: wrap;
}
.ginput_complex > div, .ginput_complex > span {
display: flex;
flex-direction: column;
flex: 1;
gap: 3px;
margin-top: 5px;
}
.ginput_complex > div label, .ginput_complex > span label {
font-size: 13px;
font-weight: 500 !important;
}
.ginput_complex > div.hour_minute_colon, .ginput_complex > span.hour_minute_colon {
flex: 0;
}
.ginput_complex .ginput_full {
flex: 0 0 100%;
}
.ginput_complex .ginput_left, .ginput_complex .ginput_right, .ginput_complex .name_first, .ginput_complex .name_last {
flex: 0 0 100%;
}
@media only screen and (min-width: 480px) {
.ginput_complex .ginput_left, .ginput_complex .ginput_right, .ginput_complex .name_first, .ginput_complex .name_last {
flex: 0 0 calc(50% - 10px);
}
}
/* ========================================================================= */
/* !RESETS AND DEFAULTS */
/* ========================================================================= */
html, body, div, object, iframe, h1, h2, h3, .content-main h2, h4, h5, h6, p,
blockquote,
pre, abbr, address, cite, code, del, dfn, img,
ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details,
figcaption, figure, footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video {
border: 0;
outline: 0;
font-style: normal;
font-size: 100%;
vertical-align: baseline;
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
}
em, strong, b, i, a, span, sub, sup, small {
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
margin: 0;
padding: 0;
}
article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section {
display: block;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border-top: 1px solid #000;
color: #000;
}
input, select {
vertical-align: middle;
}
sub {
vertical-align: sub;
font-size: smaller;
line-height: 0px;
}
sup {
vertical-align: super;
font-size: smaller;
line-height: 0px;
}
input, button, textarea, select, label, img {
display: inline-block;
max-width: 100%;
height: auto;
}
input, button, textarea, select, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
input[type=text],
input[type=password],
input[type=url],
input[type=number],
input[type=tel],
input[type=email],
input[type=button],
input[type=submit],
button, textarea, select {
-webkit-appearance: none;
}
textarea {
resize: none;
overflow: auto;
}
button, [type=submit], [type=button], [type=reset] {
cursor: pointer;
border: 0;
text-align: center;
background: transparent;
color: inherit;
padding: 0;
margin: 0;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
table {
table-layout: fixed;
}
a[href^=tel] {
color: inherit;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
}
select::-ms-expand {
display: none;
}
/* != FONT SMOOTHING */
body, input, button, textarea {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* != ms-clear */
input[type=text]::-ms-clear {
display: none;
}
/* != BACKGROUND POSITION AND BOX SIZING */
*, *:before, *:after {
box-sizing: border-box;
background-position: center;
background-repeat: no-repeat;
}
/* != .clearfix - CLEAR ELEMENTS */
.clear {
clear: both;
}
.clearfix {
display: block;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */
.wordwrap {
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
word-wrap: break-word;
}
svg path {
d: revert-layer !important;
}
* {
text-wrap: pretty;
}
/* ========================================================================= */
/* !STYLES */
/* ========================================================================= */
@media (prefers-reduced-motion: no-preference) {
@view-transition {
navigation: auto;
}
::view-transition-group(root) {
animation-duration: 0.5s;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
}
@media (prefers-reduced-motion: reduce) {
::view-transition-group(root) {
animation-duration: 0.001s;
}
*, *:before, *:after {
transition: none !important;
}
}
@property --tx {
syntax: "";
inherits: true;
initial-value: 100px;
}
/* != DEFAULT STYLES ===== */
#wpadminbar {
display: none !important;
}
html, body {
scroll-behavior: smooth;
font-family: var(--font-sans);
font-size: 16px;
}
[id] {
scroll-margin-top: 100px;
}
/* != ACCESSIBILITY STYLES ===== */
.sr-only, .slick-sr-only {
/* Styles below are so elements are shown to screen readers only */
border: none !important;
clip: rect(0, 0, 0, 0) !important;
height: 0.01em !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 0.01em !important;
}
*:focus {
outline: 3px solid var(--focus_color);
outline-offset: 3px;
}
@supports selector(:focus-visible) {
*:focus {
outline: none;
}
*:focus-visible {
outline: 3px solid var(--focus_color);
outline-offset: 3px;
}
}
#skipnav {
background: rgba(0, 0, 0, 0.8);
color: #fff;
height: 30px;
width: 150px;
top: 0;
left: 50%;
margin-left: -75px;
position: fixed;
transform: translateY(-100%);
transition: transform 0.3s;
z-index: 9999999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
}
#skipnav:focus {
transform: translateY(0%);
}
body .gform_wrapper .gform_fields .gfield--type-honeypot {
display: block !important;
position: absolute;
left: -99999px;
}
/* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */
/*
::selection {
background: #aaa;
color: #fff;
}
::-moz-selection {
background: #aaa;
color: #fff;
}
::-webkit-selection {
background: #aaa;
color: #fff;
}
*/
/* != LAYOUT STYLES ===== */
#alert {
padding: 20px;
position: relative;
}
#alert .h4 {
color: #fff;
}
#alert .close {
position: absolute;
top: 20px;
right: 20px;
transform: scale(1.5);
color: #fff;
}
#header {
z-index: 9999;
position: fixed;
width: 100%;
top: 0;
color: white;
background: var(--gradient-blue);
box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.8);
transition: 0.15s;
}
#header:has(+ #body-content > :first-child:not(.banner-interior)) {
box-shadow: none;
}
#header > div {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1180px;
width: 100%;
margin: 0 auto;
padding-left: 20px;
}
#header .logo {
padding-block: 15px;
transition: 0.15s ease-in-out;
}
#header .logo a {
font-weight: 700;
font-size: 1.125rem;
line-height: 1.75rem;
}
#header .logo a:focus-visible svg {
outline-offset: 3px;
outline: 2px solid var(--color-orange);
}
#header .logo svg {
width: 130px;
aspect-ratio: 168/59;
display: block;
transition: 0.15s ease-in-out;
}
#header.scrolled {
background-image: var(--gradient-blue) !important;
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25) !important;
}
@media only screen and (min-width: 768px) {
#header > div {
padding-right: 0;
}
#header .logo {
padding-block: 18px;
}
#header .logo svg {
width: 168px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1100px) {
#header.scrolled .logo svg {
width: 130px;
}
#header.scrolled #nav-desktop :where(#menu-main-nav) > li > a:not(.btn) {
padding-top: 30px;
}
#header.scrolled #nav-desktop :where(.utility) {
padding-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
#header .logo svg {
width: 160px;
}
}
#nav-desktop {
display: none;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
font-size: 0.875rem;
line-height: 1.25rem;
max-width: 1180px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
@media only screen and (min-width: 768px) {
#nav-desktop {
display: flex;
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
#nav-desktop {
flex-direction: column-reverse;
align-items: flex-end;
}
}
#nav-desktop :where(#menu-main-nav) {
display: flex;
justify-content: center;
flex-grow: 1;
}
#nav-desktop :where(#menu-main-nav):hover > li > a {
opacity: 0.5;
}
#nav-desktop :where(#menu-main-nav) > li {
position: relative;
display: flex;
transition: 0.15s ease-in-out;
}
#nav-desktop :where(#menu-main-nav) > li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0px;
border-radius: 2px 2px 0 0;
background: #fff;
transition: 0.15s ease-in-out;
}
#nav-desktop :where(#menu-main-nav) > li:hover:after {
height: 5px;
}
#nav-desktop :where(#menu-main-nav) > li > a:not(.btn) {
color: #fff;
display: block;
padding: 40px 0.625rem 0;
flex: 1 1 0%;
font-size: 0.875rem;
font-weight: 700;
transition: 0.15s ease-in-out;
}
#nav-desktop :where(#menu-main-nav) > li > a:not(.btn):hover {
opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
#nav-desktop :where(#menu-main-nav) > li > a:not(.btn) {
padding-block: 20px;
}
}
#nav-desktop :where(#menu-main-nav) > li:hover > a {
opacity: 1;
}
#nav-desktop :where(#menu-main-nav) > li:hover > div > ul, #nav-desktop :where(#menu-main-nav) > li.active > div > ul {
display: block;
}
#nav-desktop :where(#menu-main-nav) > li:not(.menu-item-has-children) {
margin-right: 10px;
}
#nav-desktop :where(#menu-main-nav) > li > .menu-toggle-button {
width: 10px;
height: 10px;
padding: 0;
margin: 0;
border: none;
background-color: transparent;
display: inline-block;
position: relative;
top: 50px;
left: -5px;
}
#nav-desktop :where(#menu-main-nav) > li > .menu-toggle-button:focus-visible {
width: 10px;
height: 10px;
transform: translateY(-50%);
}
#nav-desktop :where(#menu-main-nav) > li > .menu-toggle-button:focus-visible:after {
content: "";
width: 10px;
height: 10px;
display: block;
mask-image: var(--icon-caret);
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
background-color: #fff;
}
#nav-desktop :where(#menu-main-nav) > li div ul {
position: absolute;
left: 0;
top: 100%;
background-color: #fff;
padding: 13px 0;
min-width: 250px;
display: none;
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);
}
#nav-desktop :where(#menu-main-nav) > li div ul > li {
position: relative;
}
#nav-desktop :where(#menu-main-nav) > li div ul > li a {
padding: 10px 24px;
display: block;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.3;
color: var(--color-dark-blue);
}
#nav-desktop :where(#menu-main-nav) > li div ul > li a:focus-visible {
outline-offset: -3px !important;
}
#nav-desktop :where(#menu-main-nav) > li div ul > li:hover > a {
color: var(--color-light-blue);
}
#nav-desktop :where(#menu-main-nav) > li div ul > li div ul {
left: 100%;
top: -13px;
display: none;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.06), transparent 36px);
border-left: 1px solid #DEE2E5;
}
#nav-desktop :where(#menu-main-nav) > li div ul > li.menu-item-has-children:hover:after {
position: absolute;
content: "";
right: 0;
top: 12px;
width: 13px;
height: 13px;
transform: translate(50%) rotate(45deg);
background: #fff;
border: 1px solid #DEE2E5;
border-width: 1px 1px 0 0;
}
#nav-desktop :where(#menu-main-nav) > li div ul > li.menu-item-has-children:hover > div > ul {
display: block;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu {
position: static;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu::after {
display: none;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > a {
position: relative;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0px;
border-radius: 2px 2px 0 0;
background: #fff;
transition: 0.15s ease-in-out;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > a:hover::after {
height: 5px;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul {
display: flex;
flex-wrap: wrap;
visibility: hidden;
opacity: 0;
pointer-events: none;
padding: 0;
width: 100%;
max-width: 1140px;
left: 50%;
transform: translateX(-50%);
border-radius: 10px;
overflow: hidden;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li {
flex: 1;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li::after {
display: none;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li:hover > a {
background-color: var(--color-light-gray);
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li > a {
white-space: nowrap;
padding: 1.4285714286em 2.1428571429em;
border-bottom: 1px solid #DEE2E5;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li > a:focus-visible {
outline-offset: -3px !important;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li > .sub-menu-wrap > ul {
position: static;
display: block;
box-shadow: none;
padding: 20px 0;
border: none;
background-image: none;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li > .sub-menu-wrap > ul > li > a {
padding: 0.7142857143em 2.1428571429em;
font-size: 0.875rem;
font-weight: 400;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li > .sub-menu-wrap > ul > li > a:hover {
background-color: var(--color-light-gray);
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li > .sub-menu-wrap > ul > li > a:focus-visible {
outline-offset: -3px !important;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li > .sub-menu-wrap > ul > li .mega-menu-panel {
padding: 10px 30px;
color: var(--color-text);
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li > .sub-menu-wrap > ul > li .btn {
padding: 0;
text-align: left;
margin-top: 1.4285714286em;
background-color: transparent !important;
text-decoration: underline;
text-decoration-color: var(--color-orange);
text-underline-offset: 2px;
border-radius: 0;
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li > .sub-menu-wrap > ul > li .btn span {
color: var(--color-orange);
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li > .sub-menu-wrap > ul > li .btn:hover {
text-decoration-color: var(--color-light-blue);
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu > .sub-menu-wrap > ul > li > .sub-menu-wrap > ul > li .btn:hover span {
color: var(--color-light-blue);
}
#nav-desktop :where(#menu-main-nav) > li.mega-menu:hover > .sub-menu-wrap > ul, #nav-desktop :where(#menu-main-nav) > li.mega-menu.active > .sub-menu-wrap > ul {
opacity: 1;
visibility: visible;
pointer-events: all;
transition: opacity 0.15s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
#nav-desktop .utility {
display: flex;
padding-top: 10px;
}
}
@media only screen and (min-width: 1100px) {
#nav-desktop .utility {
display: flex;
gap: 1.25rem;
align-items: center;
padding-top: 3px;
}
#nav-desktop .utility li .btn--transparent {
padding: 0;
border-radius: 0;
}
#nav-desktop .utility li .btn--transparent:hover {
background-color: transparent !important;
}
#nav-desktop .utility li .btn--transparent:hover span {
color: var(--color-orange);
}
}
#body-content {
overflow-x: hidden;
}
#nav-mobile {
position: absolute;
left: 0;
top: 67px;
padding: 1rem 0.75rem;
min-height: 100dvh;
width: 100%;
background-color: var(--color-darker-gray);
opacity: 0;
transition: 0.15s ease-in-out;
transition-behavior: allow-discrete;
pointer-events: none;
}
#header.active #nav-mobile {
display: block;
opacity: 1;
pointer-events: auto;
}
@media only screen and (min-width: 768px) {
#nav-mobile {
display: none !important;
}
}
#nav-mobile > ul > li {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
border-radius: 5px;
transition: color, background-color, border-color 0.15s ease-in-out;
}
#nav-mobile > ul > li > a:not(.btn) {
padding: 0.875rem;
flex-grow: 1;
font-weight: 700;
color: white;
}
#nav-mobile > ul > li a:not(.btn):hover {
color: var(--color-orange);
}
#nav-mobile > ul > li > button {
display: block;
padding: 0.5rem 0.875rem;
width: 2rem;
height: 2rem;
mask-image: var(--icon-caret);
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--color-orange);
transition: 0.15s ease-in-out;
cursor: pointer;
}
#nav-mobile > ul > li > div {
width: 100%;
font-size: 0.875rem;
line-height: 1.25rem;
}
#nav-mobile > ul > li > div > ul {
padding: 0.125rem 0.875rem 1.625rem;
}
#nav-mobile > ul > li > div > ul > li {
margin-bottom: 0.625rem;
}
#nav-mobile > ul > li > div > ul > li a {
color: var(--color-light-blue);
font-weight: 700;
display: block;
}
#nav-mobile > ul > li > div > ul > li > div {
display: block !important;
}
#nav-mobile > ul > li > div > ul > li ul {
padding: 0.75rem;
display: flex;
flex-direction: column;
gap: 0.875rem;
}
#nav-mobile > ul > li > div > ul > li ul:has(.mega-menu-panel) {
padding-left: 0;
}
#nav-mobile > ul > li > div > ul > li ul li a.btn {
text-align: left;
padding-left: 0;
padding-bottom: 0;
border-radius: 0;
}
#nav-mobile > ul > li > div > ul > li ul li a.btn span {
color: var(--color-orange);
font-weight: 600;
text-decoration: underline;
}
#nav-mobile > ul > li > div > ul > li ul li a.btn:hover {
background-color: transparent !important;
}
#nav-mobile > ul > li > div > ul > li li a {
color: white;
font-weight: 400;
}
#nav-mobile > ul > li.active {
background-color: var(--color-dark-gray);
}
#nav-mobile > ul > li.active > button {
transform: rotate(180deg);
}
#nav-mobile .utility {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1.75rem;
}
#menu-toggle {
display: flex;
flex-direction: column;
gap: 0.25rem;
align-items: center;
justify-content: center;
height: 3.75rem;
position: relative;
left: 1.35rem;
cursor: pointer;
aspect-ratio: 1/1;
}
@media only screen and (min-width: 768px) {
#menu-toggle {
display: none;
}
}
#menu-toggle span {
height: 0.125rem;
width: 1.25rem;
background-color: white;
transition: 0.15s ease-in-out;
border-radius: 9999px;
}
#header.active #menu-toggle span:nth-child(1) {
transform: translateY(0.375rem) rotate(45deg);
}
#header.active #menu-toggle span:nth-child(2) {
opacity: 0;
}
#header.active #menu-toggle span:nth-child(3) {
transform: translateY(-0.375rem) rotate(-45deg);
}
body {
color: var(--color--text);
}
.dark * {
color: #fff;
}
.light-gray {
background-color: #f8f8f8;
}
.light-blue {
background-color: var(--color-lightest-blue);
}
.dark-blue {
background-color: var(--color-dark-blue);
}
.bg-gradient {
background: var(--gradient-blue);
}
.centered-text {
text-align: center;
}
.intro {
font-size: 1rem;
line-height: 1.5em;
}
@media only screen and (min-width: 768px) {
.intro {
font-size: 1.125rem;
}
}
:is(h1, .h1) {
font-size: 2.5rem;
line-height: 0.975em;
font-weight: 600;
letter-spacing: -0.03em;
}
@media only screen and (min-width: 480px) {
:is(h1, .h1) {
font-size: 3.25rem;
}
}
@media only screen and (min-width: 991px) {
:is(h1, .h1) {
font-size: 4.0625rem;
}
}
:is(h2, .h2) {
font-size: 2.25rem;
line-height: 1em;
font-weight: 600;
margin-bottom: 0.5em;
}
@media only screen and (min-width: 480px) {
:is(h2, .h2) {
font-size: 2.625rem;
}
}
@media only screen and (min-width: 991px) {
:is(h2, .h2) {
font-size: 3rem;
}
}
:where(h2, .h2) {
color: var(--color-dark-blue);
}
:is(h3, .content-main h2, .h3) {
font-size: 1.25rem;
line-height: 1.25em;
font-weight: 700;
}
@media only screen and (min-width: 768px) {
:is(h3, .content-main h2, .h3) {
font-size: 1.5rem;
}
}
:where(h3, .content-main h2, .h3) {
color: var(--color-dark-blue);
}
:is(h4, .h4) {
font-size: 1.125rem;
font-weight: bold;
margin-bottom: 0.4444444444em;
}
@media only screen and (min-width: 768px) {
:is(h4, .h4) {
font-size: 1.25rem;
}
}
:where(h4, .h4) {
color: var(--color-dark-blue);
}
:is(h5, .h5) {
font-size: 0.75rem;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.03em;
line-height: 1.2857142857em;
font-size: 0.875rem;
color: var(--color-light-blue);
}
p {
line-height: 1.5em;
}
a {
color: var(--color-orange);
transition: 0.3s ease-in-out;
}
#body-content a:not([class]) {
color: var(--color-orange);
text-decoration: underline;
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
#body-content a:not([class]):hover {
color: var(--color-light-blue);
}
body {
background-image: var(--logo);
}
.content-main ul:not([class*=gf]) {
margin: 15px 0;
}
.content-main ul:not([class*=gf]) > li {
position: relative;
padding-left: 24px;
margin-bottom: 0.625em;
line-height: 1.5;
}
.content-main ul:not([class*=gf]) > li:before {
content: "•";
position: absolute;
left: 8px;
}
.content-main ol {
margin: 15px 0;
counter-reset: li;
}
.content-main ol > li {
position: relative;
margin-bottom: 0.625em;
padding-left: 24px;
line-height: 1.5;
}
.content-main ol > li:before {
content: counter(li) ". ";
counter-increment: li;
position: absolute;
right: calc(100% - 15px);
}
.content-main p {
margin-top: 1.5em;
}
.content-main p:first-child {
margin-top: 0;
}
.content-main p:last-child {
margin-bottom: 0;
}
.content-main p + :is(h1, h2, h3, .content-main h2, h4, h5), .content-main ul + :is(h1, h2, h3, .content-main h2, h4, h5) {
margin-top: 40px;
}
.content-main h4, .content-main .h4 {
margin-top: 2em;
}
.content-main h4 + p, .content-main .h4 + p {
margin-top: 0.625em;
}
.content-main h2 strong {
font-weight: inherit;
}
.content-main hr {
margin: 3em auto;
}
.content-main h5 {
margin-top: 2em;
}
.content-main blockquote {
margin: 2em 0;
}
.content-main blockquote:has(span[style*=fff]) * {
color: #000 !important;
}
.content-main .btn {
margin-top: 30px;
}
.socials {
display: flex;
gap: 16px;
}
.socials .social {
height: 27px;
}
.socials .social svg {
fill: #fff;
background-color: #000;
padding: 2px;
width: 27px;
height: 27px;
border-radius: 50%;
transition: all 0.2s;
}
.socials .social:hover svg {
fill: #000;
background-color: #eaeaea;
}
::backdrop {
background-color: rgba(0, 0, 0, 0.8);
}
/* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */
.aligncenter {
display: block;
margin: 25px auto;
}
.alignleft {
float: left;
margin: 20px 25px 25px 0;
}
.alignright {
float: right;
margin: 20px 0 25px 25px;
}
.alignnone {
display: inline-block;
}
/* != ACCESSIBILITY STYLES ===== */
.sr-only, .slick-sr-only {
/* Styles below are so elements are shown to screen readers only */
border: none !important;
clip-path: inset(50%) !important;
height: 0.01em !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 0.01em !important;
}
*:focus {
outline: 3px solid var(--focus-color);
outline-offset: 3px;
}
@supports selector(:focus-visible) {
*:focus {
outline: none;
}
*:focus-visible {
outline: 3px solid var(--focus-color);
outline-offset: 3px;
}
}
.wrap {
max-width: 1180px;
width: 100%;
margin-inline: auto;
padding-inline: 20px;
}
.wrap.skinny {
max-width: 855px;
}
.btn {
display: inline-block;
padding: 1em 1.8571428571em;
background-color: var(--color-orange);
font-weight: 700;
font-size: 0.875rem;
line-height: 1.2857142857em;
border-radius: 9999px;
width: 100%;
text-align: center;
cursor: pointer;
transition: 0.3s;
position: relative;
container-type: normal;
--text-color: white;
color: var(--text-color);
}
.btn span {
color: var(--text-color);
position: relative;
z-index: 2;
transition: 0.3s;
}
.btn {
/*
&:before {
content: '';
display: block;
position: absolute;
height: 100%;
aspect-ratio: 616/108;
mask-image: inline-svg('');
mask-size: auto 100%;
top: 0;
left: (2em + em(18,14)) * 616 / -108;
will-change: right;
transition: left 0.3s ease-in-out;
background-color: var(--color-orange);
}
*/
}
.btn:hover {
background-color: var(--color-light-blue);
/*
&:before {
left: 100%;
background-color: var(--color-light-blue);
}
*/
}
@media only screen and (min-width: 480px) {
.btn {
width: auto;
}
}
.btn--white {
background-color: white;
--text-color: var(--color-orange);
}
.btn--white:hover {
background-color: var(--color-orange);
--text-color: white;
}
.btn--transparent {
background-color: transparent;
--text-color: white;
}
.btn--transparent:hover {
background-color: var(--color-light-blue);
}
.btn--outline {
background-color: transparent;
border: 1px solid var(--color-light-blue);
--text-color: var(--color-light-blue);
}
.btn--outline:hover {
background-color: var(--color-light-blue);
--text-color: white;
}
.btn--boring {
background-color: transparent;
--text-color: var(--color-dark-blue);
text-transform: uppercase;
border: 1px solid transparent;
}
.btn--boring:hover {
--text-color: var(--color-orange);
background-color: transparent;
border: 1px solid var(--color-orange);
}
.btn:focus-visible {
outline: 3px solid var(--focus-color);
outline-offset: 2px;
}
@property --tx {
syntax: "";
inherits: true;
initial-value: 100px;
}
@keyframes orbit {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn:after {
width: 150px;
height: 15px;
content: "";
position: absolute;
top: 5px;
left: calc(100% - 15px);
transition: 0.5s;
transform-origin: left center;
animation: orbit 5s linear infinite;
background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 10 10%22%3E%3Cg transform%3D%22rotate%28135 5 5%29%22%3E%3CanimateTransform attributeName%3D%22transform%22 dur%3D%220.4s%22 repeatCount%3D%22indefinite%22 type%3D%22translate%22 values%3D%220%2C0%3B 0.3%2C-0.2%3B -0.2%2C0.2%3B 0.2%2C0.3%3B -0.3%2C-0.1%3B 0%2C0%22%2F%3E%3Cellipse cx%3D%225%22 cy%3D%223.7%22 fill%3D%22none%22 stroke%3D%22%23000%22 stroke-width%3D%22.15%22 rx%3D%221.3%22 ry%3D%22.5%22 transform%3D%22rotate%28-15 5 4.6%29%22%3E%3CanimateTransform attributeName%3D%22transform%22 dur%3D%220.07s%22 repeatCount%3D%22indefinite%22 type%3D%22rotate%22 values%3D%22-25 5 4.6%3B 15 5 4.6%3B -25 5 4.6%22%2F%3E%3C%2Fellipse%3E%3Cellipse cx%3D%225%22 cy%3D%226.3%22 fill%3D%22none%22 stroke%3D%22%23000%22 stroke-width%3D%22.15%22 rx%3D%221.3%22 ry%3D%22.5%22 transform%3D%22rotate%2815 5 5.4%29%22%3E%3CanimateTransform attributeName%3D%22transform%22 dur%3D%220.07s%22 repeatCount%3D%22indefinite%22 type%3D%22rotate%22 values%3D%2225 5 5.4%3B -15 5 5.4%3B 25 5 5.4%22%2F%3E%3C%2Fellipse%3E%3Cellipse cx%3D%225%22 cy%3D%225%22 rx%3D%221.3%22 ry%3D%22.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: right 3px center;
background-repeat: no-repeat;
background-size: 20px;
opacity: 0;
pointer-events: none;
}
.btn:hover:after {
opacity: 1;
width: 15px;
height: 15px;
}
.more {
font-size: 0.875rem;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 2.5px;
display: block;
width: fit-content;
margin-top: 20px;
}
.more:hover {
color: var(--color-light-blue);
}
.nopointer {
pointer-events: none;
}
/* != FORM STYLES ===== */
input[type=text], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=email] {
width: 100%;
padding: 10px 15px;
background-color: #fff;
border: 1px solid #B9B9B9;
border-radius: 2px;
line-height: 24px;
}
textarea {
width: 100%;
padding: 10px 15px;
background-color: #fff;
border: 1px solid #B9B9B9;
border-radius: 2px;
}
input:is([type=checkbox], [type=radio]) {
appearance: none;
accent-color: var(--color-light-blue);
border: 1px solid #B9B9B9;
border-radius: 2px;
width: 16px;
height: 16px;
flex: 0 0 auto;
background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2211%22 height%3D%228%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22 d%3D%22m3.758 5.09-2.05-2.05A1 1 0 0 0 .292 4.452L3.05 7.212a1 1 0 0 0 1.414 0L9.97 1.707A1 1 0 0 0 8.556.293L3.758 5.09Z%22 clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
}
input:is([type=checkbox], [type=radio]):hover {
background-color: color-mix(in srgb, var(--color-light-blue), transparent 60%);
}
input:is([type=checkbox], [type=radio]):checked {
background-color: var(--color-light-blue);
border-color: var(--color-light-blue);
}
/* .ginput_container_checkbox {
.gfield_checkbox {
.gchoice {
label {
padding: 0 0 0 2px;
cursor: pointer;
position: relative;
&:before {
border: 1px solid #00f;
@include size(15px);
border-radius: 2px;
left: -17px;
top: 1px;
content: '';
position: absolute;
opacity: 1;
}
&:after {
border-left: 3px solid #f00;
border-bottom: 3px solid #f00;
@include size(17px, 6px);
transform: rotate(-45deg);
top: 5px;
left: -14px;
content: '';
position: absolute;
opacity: 0;
}
&:hover {
&:after {
opacity: 0.3;
}
}
}
input[type=checkbox] {
visibility: hidden;
&:checked + label:after {
opacity: 1;
}
}
}
}
}
.ginput_container_radio {
.gfield_radio {
.gchoice {
label {
padding: 0 0 0 2px;
cursor: pointer;
position: relative;
&:before {
border: 1px solid #00f;
@include size(15px);
border-radius: 50%;
left: -17px;
top: 1px;
content: '';
position: absolute;
opacity: 1;
}
&:after {
@include size(5px);
border-radius: 50%;
left: -12px;
top: 6px;
content: '';
position: absolute;
opacity: 0;
}
&:hover {
&:after {
opacity: 0.3;
}
}
}
input[type=radio] {
visibility: hidden;
&:checked + label:before {
background: #f00;
border: 1px solid #f00;
}
&:checked + label:after {
background: #fff;
opacity: 1;
}
}
}
}
} */
input[type=submit], button {
display: inline-block;
cursor: pointer;
}
select {
padding: 10px 35px 10px 15px;
line-height: 24px;
width: 100%;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%228%22 height%3D%2212%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%233E4042%22 fill-rule%3D%22evenodd%22 d%3D%22M6.973 7.166a.628.628 0 0 1 .851 0 .546.546 0 0 1 0 .803l-3.398 3.173a.628.628 0 0 1-.852 0L.177 7.969a.545.545 0 0 1 0-.803.628.628 0 0 1 .85 0L4 9.768l2.973-2.602Zm-3.399-7a.629.629 0 0 1 .852 0L7.823 3.34a.545.545 0 0 1 0 .803.627.627 0 0 1-.85 0L4 1.54 1.027 4.142a.628.628 0 0 1-.851 0 .546.546 0 0 1 0-.803L3.574.166Z%22 clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #fff, rgba(0, 0, 0, 0.05));
background-repeat: no-repeat, no-repeat;
background-position: calc(100% - 15px) 50%, 100%;
border: 1px solid #B9B9B9;
border-radius: 4px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.gform_validation_errors {
background-color: #c00;
color: #fff;
padding: 20px;
}
.gform_validation_errors h2 {
color: #fff;
}
.gform_validation_container {
position: absolute;
top: -9999px;
left: -9999px;
pointer-events: none;
opacity: 0;
}
:where(.section) {
background-color: #fff;
position: relative;
}
.section {
--v-space: 50px;
padding-block: var(--v-space);
}
.section > h2:first-child {
color: var(--color-dark-blue);
}
@media only screen and (min-width: 768px) {
.section {
--v-space: 75px;
}
}
.cornered {
border-radius: var(--corner-offset) var(--corner-offset) 0 0;
margin-top: calc(var(--corner-offset) * -1);
z-index: 5;
position: relative;
}
.cornered:last-child .hex-fifty {
padding-bottom: 0 !important;
}
section:has(+ .cornered.bg-gradient, + .cornered.bg-layered, + .cornered.blue-callout, + .cornered.dark), section:last-of-type {
padding-bottom: calc(var(--v-space) + var(--corner-offset));
}
.banner-interior:has(+ .cornered) {
padding-bottom: calc(var(--v-space) + var(--corner-offset));
}
#body-content {
background-image: linear-gradient(to bottom, transparent 201px, #fff 200px), var(--gradient-blue);
}
#body-content:has(> .section.cornered:first-of-type) {
padding-top: 100px;
}
#body-content:has(> .section.cornered:first-of-type) > :first-of-type {
margin-top: 0;
}
.banner-home {
position: relative;
color: white;
background-color: black;
max-height: 920px;
padding: 0;
min-height: 850px;
}
.banner-home > .embedsocial-hashtag {
position: absolute;
bottom: 10px;
left: 0;
transform: translateY(100%) translateX(-50%);
width: 100%;
z-index: 99999;
}
@media only screen and (min-width: 768px) {
.banner-home > .embedsocial-hashtag {
display: none;
}
}
@media only screen and (min-width: 768px) {
.banner-home {
min-height: 1013px;
display: flex;
align-items: flex-end;
}
}
.banner-home .banner-image-wrap {
z-index: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.banner-home .banner-image-wrap img, .banner-home .banner-image-wrap video {
object-fit: cover;
display: block;
height: 100%;
width: 100%;
}
@media only screen and (min-width: 768px) {
.banner-home .banner-image-wrap img, .banner-home .banner-image-wrap video {
opacity: 0.35;
}
}
.banner-home .banner-image-wrap video {
display: none;
}
@media only screen and (min-width: 768px) {
.banner-home .banner-image-wrap video {
display: block;
}
.banner-home .banner-image-wrap img.mobile-only {
display: none;
}
}
.banner-home .embedsocial-hashtag {
position: absolute;
bottom: 13px;
transform: translateY(100%);
z-index: 999;
width: 100%;
overflow: hidden;
}
.banner-home .embedsocial-hashtag.desktop {
display: none;
}
@media only screen and (min-width: 768px) {
.banner-home .embedsocial-hashtag.desktop {
display: block;
}
}
.banner-home .embedsocial-hashtag::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 1px;
width: 1000px;
background-color: rgba(26, 62, 108, 0.1);
}
@media only screen and (min-width: 768px) {
.banner-home .embedsocial-hashtag {
position: relative;
width: 368px;
background-color: #fff;
height: 46px;
border-radius: 999px;
padding: 3px 0 2px;
margin-bottom: 23px;
transform: none;
bottom: unset;
}
.banner-home .embedsocial-hashtag::before {
display: none;
}
}
.banner-home .banner-text-wrap {
display: flex;
align-items: flex-end;
position: relative;
padding-bottom: 222px;
padding-top: 58vw;
max-height: 920px;
text-align: center;
margin: 0 auto;
background-image: linear-gradient(to bottom, transparent, var(--color-darker-gray) 120vw);
}
@media only screen and (min-width: 768px) {
.banner-home .banner-text-wrap {
background-image: none;
justify-content: flex-end;
padding-bottom: 110px;
padding-top: 0;
}
}
.banner-home .banner-text-wrap > div {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
max-width: 1180px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.banner-home .banner-text-wrap > div h1.small {
margin: 0 auto;
max-width: 50rem;
text-wrap: balance;
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.03em;
line-height: 1.2857142857em;
}
.banner-home .banner-text-wrap > div h1.large {
margin: 0 auto 10px;
letter-spacing: -0.03em;
max-width: 12em;
}
.banner-home .banner-text-wrap > div p {
margin: 0 auto 20px;
max-width: 35em;
}
@media only screen and (min-width: 768px) {
.banner-home .banner-text-wrap > div p {
font-size: 1.25rem;
line-height: 1.4em;
}
}
.banner-interior {
--v-space: 70px;
padding-top: 140px;
background: var(--color-dark-blue) var(--gradient-blue);
position: relative;
}
#header:has(+ main > .banner-interior) {
box-shadow: none;
}
#header:has(+ main > .banner-interior.has-overlay) {
background: none;
}
.banner-interior .wrap {
display: flex;
flex-direction: column;
gap: 30px;
}
.banner-interior:has(.embedsocial-hashtag) {
padding-bottom: 100px;
}
.banner-interior .embedsocial-hashtag {
align-self: flex-end;
width: 100dvw;
padding: 3px 4px 2px;
background-color: #fff;
height: 46px;
border-radius: 20px 20px 0 0;
position: absolute;
z-index: 10;
left: 0;
bottom: 0;
border-bottom: 1px solid var(--color-light-gray);
}
.banner-interior .overlay {
filter: grayscale(100%);
opacity: 0.51;
mix-blend-mode: multiply;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.banner-interior .text {
position: relative;
}
.banner-interior .text .intro {
margin-top: 14px;
}
@media only screen and (min-width: 768px) {
.banner-interior .wrap {
flex-direction: row;
justify-content: space-between;
}
.banner-interior .text {
max-width: 730px;
}
.banner-interior .text h1 {
text-wrap: balance;
}
.banner-interior .embedsocial-hashtag {
width: 380px;
position: relative;
top: 0;
left: 0;
border-bottom: 0;
border-radius: 999px;
}
}
.section-services {
position: relative;
--v-space: 72px;
background-color: white;
}
.section-services .services-text {
display: flex;
flex-wrap: wrap;
gap: 3rem;
align-items: flex-start;
justify-content: center;
max-width: 1180px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
@media only screen and (min-width: 768px) {
.section-services .services-text {
gap: 0;
justify-content: space-between;
}
}
@media only screen and (min-width: 768px) {
.section-services .services-text > div {
flex-basis: 46.5%;
}
}
.section-services .services-text > div {
/* prose styles applied via .prose class on element */
}
.section-services .services-text h2 {
color: var(--color-dark-blue);
}
.section-services .services-text p {
font-size: 1.125rem;
line-height: 1.75rem;
}
.section-services form {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
flex-basis: 100%;
position: relative;
margin-bottom: 3.5rem;
max-width: 25rem;
border: 1px solid var(--color-light-gray);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 9999px;
}
@media only screen and (min-width: 991px) {
.section-services form {
max-width: none;
margin-top: 4.5rem;
}
}
@media only screen and (min-width: 768px) {
.section-services form {
flex-basis: 48.5%;
}
}
.section-services form .pest-search {
grid-column: span 2/span 2;
padding-left: 3.5rem;
height: 3.375rem;
background-image: var(--icon-search);
background-repeat: no-repeat;
background-position: left 15px center;
border: none;
border-right: 1px solid var(--color-light-gray);
border-radius: 9999px 0 0 9999px;
box-shadow: none;
}
.section-services form .zip {
grid-column: span 2/span 2;
padding-left: 3.5rem;
height: 3.375rem;
background-image: var(--icon-search);
background-repeat: no-repeat;
background-position: left 15px center;
border: none;
border-radius: 9999px;
box-shadow: none;
}
@media only screen and (min-width: 991px) {
.section-services form .zip {
grid-column: span 1/span 1;
border-radius: 0;
}
}
.section-services form .btn {
position: absolute;
left: 0;
top: 100%;
margin-top: 0.5rem;
width: 100%;
white-space: nowrap;
}
@media only screen and (min-width: 991px) {
.section-services form .btn {
left: -0.5rem;
margin: 0.25rem;
position: relative;
top: auto;
}
}
@media (min-width: 1280px) {
.section-services form .btn {
grid-column: span 1/span 1;
}
}
.section-services .ui-menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: white;
border: 1px solid var(--color-light-gray);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
z-index: 10;
max-height: 100px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
.section-services .ui-menu-item-wrapper {
padding: 10px 24px;
font-weight: 600;
color: var(--color-dark-blue);
font-size: 0.875rem;
}
.section-services .ui-menu .ui-state-active {
margin: 0;
background-color: var(--color-lighter-blue);
color: var(--color-light-blue);
}
.services-info {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin-bottom: 40px;
}
.services-info .services-info-content {
flex-basis: 100%;
}
@media only screen and (min-width: 768px) {
.services-info {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.services-info .services-info-content {
flex-basis: 683px;
}
}
.bug-slider {
margin-top: 40px;
margin-left: auto;
margin-right: auto;
max-width: 1500px;
}
.bug-slider .bug-slide {
display: flex;
flex-direction: column;
gap: 0.5rem;
--w: 244px;
min-width: var(--w);
width: var(--w);
text-align: center;
}
@media only screen and (min-width: 768px) {
.bug-slider .bug-slide {
--w: 276px;
}
}
.bug-slider .bug-slide > a {
display: block;
position: relative;
height: 200px;
}
.bug-slider .bug-slide > a::after {
position: absolute;
background-color: var(--color-lighter-blue);
display: block;
height: 100%;
inset: 0;
mask-image: var(--icon-hex);
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
transition: 0.15s ease-in-out;
width: 100%;
content: "";
}
.bug-slider .bug-slide > a:hover > img {
transform: scale(1.05);
}
.bug-slider .bug-slide > a img {
object-position: center;
object-fit: contain;
z-index: 2;
display: block;
position: relative;
margin: 0 auto;
height: 100%;
max-height: 200px;
max-width: 216px;
width: 100%;
transition: 0.15s ease-in-out;
}
.bug-slider .bug-slide > a:focus-visible img {
outline: 2px solid var(--color-orange);
outline-offset: -2px;
}
.bug-slider .bug-slide h4 {
margin-top: 24px;
}
.bug-slider .bug-slide p {
text-wrap: balance;
font-size: 0.875rem;
}
.section-guarantee {
--v-space: 30px;
position: relative;
padding-bottom: 3rem;
background: var(--gradient-blue);
z-index: 5;
}
.section-guarantee + * {
z-index: 5;
}
.section-guarantee:has(+ .cornered:not(.blue-callout)) {
margin-bottom: 40px;
}
.section-guarantee h2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(2, minmax(0, 1fr));
gap: 4px;
margin: 0 auto;
padding: 20px 34px;
width: fit-content;
max-width: 1180px;
text-align: center;
color: white;
transform: translateY(-50%);
}
.section-guarantee h2::after {
content: "";
position: absolute;
background-color: var(--color-light-blue);
height: 100%;
mask-image: var(--hex-mask-right);
mask-size: auto 100%;
mask-repeat: no-repeat;
mask-position: right;
right: 0;
width: 55%;
}
.section-guarantee h2::before {
content: "";
position: absolute;
background-color: var(--color-light-blue);
height: 100%;
left: 0;
mask-image: var(--hex-mask-left);
mask-size: auto 100%;
mask-position: left;
mask-repeat: no-repeat;
width: 55%;
}
.section-guarantee h2 span {
text-transform: uppercase;
font-weight: 700;
z-index: 1;
position: relative;
}
.section-guarantee h2 span:first-child {
grid-row: span 2/span 2;
line-height: 0.8888888889em;
font-size: 2.25rem;
align-self: center;
}
.section-guarantee h2 span:nth-child(2) {
line-height: 0.8571428571em;
font-size: 0.875rem;
align-self: last baseline;
}
.section-guarantee h2 span:nth-child(3) {
line-height: 0.8484848485em;
font-size: 1.03125rem;
align-self: first baseline;
}
.section-guarantee .wrap {
text-align: center;
}
.section-guarantee .wrap > div {
margin: 0 auto 30px;
max-width: 17.5rem;
color: white;
letter-spacing: 0.02em;
text-wrap: balance;
}
@media only screen and (min-width: 768px) {
.section-guarantee {
padding-bottom: 0;
--v-space: 0px;
}
.section-guarantee .wrap {
display: flex;
gap: 28px;
align-items: center;
}
.section-guarantee .wrap > div {
padding: 1.5em 0;
max-width: unset;
margin-bottom: 0;
text-align: left;
}
.section-guarantee .wrap > div p {
max-width: 33em;
}
.section-guarantee h2 {
align-self: stretch;
transform: none;
margin: 0;
z-index: 2;
position: relative;
flex: 0 0 auto;
padding-left: 0;
padding-right: 34px;
width: 240px;
}
.section-guarantee h2:before {
mask: none;
background-color: var(--color-light-blue);
right: 50%;
left: auto;
width: 50vw;
height: 100%;
}
.section-guarantee .gap {
flex-grow: 1;
}
.section-guarantee .btn {
white-space: nowrap;
flex: 0 0 auto;
}
}
@media only screen and (min-width: 991px) {
.section-guarantee h2 {
width: 340px;
}
.section-guarantee h2 span:first-child {
font-size: 3.25rem;
}
.section-guarantee h2 span:nth-child(2) {
font-size: 1.265625rem;
}
.section-guarantee h2 span:nth-child(3) {
font-size: 1.5rem;
}
}
.keen-arrow {
border: 1px solid var(--keen-color);
border-radius: 9999px;
width: 1.75rem;
height: 1.75rem;
position: relative;
cursor: pointer;
transition: 0.15s ease-in-out;
}
.keen-arrow::after {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
mask-image: var(--icon-caret);
mask-position: center 11px;
mask-repeat: no-repeat;
background-color: var(--keen-color);
}
.keen-arrow:hover {
background-color: var(--color-lighter-blue);
}
.keen-arrow.left {
transform: rotate(90deg);
}
.keen-arrow.right {
transform: rotate(-90deg);
}
.dot-wrap {
display: flex;
gap: 10px;
}
.dot-wrap .dot {
width: 0.625rem;
height: 0.625rem;
border-radius: 9999px;
background-color: color-mix(in srgb, var(--keen-color) 30%, transparent);
cursor: pointer;
transition: 0.15s ease-in-out;
}
.dot-wrap .dot:hover {
background-color: color-mix(in srgb, var(--keen-color) 50%, transparent);
}
.dot-wrap .dot.dot-active {
background-color: var(--keen-color) !important;
}
.slider-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 30px 20px;
margin-left: auto;
margin-right: auto;
}
.slider-wrap .rule {
display: none;
}
@media screen and (min-width: 1500px) {
.slider-wrap .rule {
display: block;
flex-basis: 100%;
}
}
.service-areas-interactive {
overflow: hidden;
position: relative;
height: 675px;
background-color: #09284F;
background-image: radial-gradient(890.87% 284.47% at 26.13% 29.46%, #1C549B 0%, #09284F 100%);
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.service-areas-interactive svg {
position: absolute;
display: block;
top: -736px;
left: 50%;
transform: translateX(-45%) scale(0.85);
}
.service-areas-interactive path[id] {
transition: 0.3s ease-in-out;
}
.service-areas-interactive path[id]:hover, .service-areas-interactive path[id]:focus-visible {
fill: #fff;
cursor: pointer;
}
.service-areas-interactive .text {
position: relative;
z-index: 1;
color: white;
text-align: center;
text-wrap: balance;
}
.service-areas-interactive .text:before {
--offset: 170px;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: calc(100% + var(--offset));
background: linear-gradient(to top, #09284F calc(100% - var(--offset)), transparent);
pointer-events: none;
z-index: -1 !important;
}
.service-areas-interactive .text .wrap {
position: relative;
z-index: 1;
padding-bottom: 45px;
}
.service-areas-interactive .text h3, .service-areas-interactive .text .content-main h2, .content-main .service-areas-interactive .text h2 {
margin-bottom: 15px;
}
.service-areas-interactive .text p {
line-height: 1.5;
}
.service-areas-interactive .text .btn {
margin-top: 30px;
}
@media only screen and (min-width: 991px) {
.service-areas-interactive {
height: auto;
min-height: 375px;
background-image: radial-gradient(46.07% 167.72% at 64.2% 50%, #1C549B 0%, #09284F 100%);
}
.service-areas-interactive svg {
transform: scale(1);
left: 46%;
z-index: 2;
top: -766px;
}
.service-areas-interactive .text {
text-align: left;
padding: 70px 0;
text-wrap: balance;
}
.service-areas-interactive .text:before {
display: none;
}
.service-areas-interactive .text .wrap {
padding-bottom: 0;
}
.service-areas-interactive .text .wrap > * {
max-width: 400px;
}
}
.featured-insights {
--v-space: 50px;
}
.featured-insights h2 {
color: var(--color-dark-blue);
}
.featured-insights .topics {
display: flex;
gap: 10px;
margin: 22px 0 18px;
flex-wrap: wrap;
justify-content: space-between;
}
.featured-insights .topics h5 {
padding-left: 20px;
color: var(--color-light-blue);
}
@media only screen and (min-width: 991px) {
.featured-insights .topics h5 {
padding-left: 0;
}
}
.featured-insights .topics .grow {
padding-right: 20px;
}
.featured-insights div.wrap {
display: contents;
}
@media only screen and (min-width: 991px) {
.featured-insights div.wrap {
display: block;
}
}
.featured-insights .btn-container {
margin-top: 40px;
padding: 0 20px;
}
.featured-insights .btn-container a {
display: block;
width: calc(100% - 40px);
margin: 20px auto 20px;
}
@media only screen and (min-width: 768px) {
.featured-insights .btn-container a {
display: inline;
}
}
@media only screen and (min-width: 991px) {
.featured-insights .btn-container a {
margin: 0;
}
}
.featured-insights .grow a {
font-size: 0.875rem;
font-weight: 700;
}
@media only screen and (min-width: 768px) {
.featured-insights {
flex-wrap: nowrap;
}
.featured-insights .topics {
align-items: center;
}
.featured-insights .topics h5 {
order: 1;
}
.featured-insights .topics .pills {
order: 2;
flex: 1;
padding: 0;
flex-wrap: wrap;
overscroll-behavior: unset;
}
.featured-insights .topics .grow {
order: 3;
padding-top: 7px;
}
.featured-insights .topics .grow a {
display: block;
}
}
.pills {
flex-basis: 100%;
overflow: auto;
display: flex;
gap: 10px;
white-space: nowrap;
padding: 0 20px 10px;
}
.pills .pill {
border-radius: 9999px;
border: 1px solid var(--color-light-gray);
font-size: 0.6875rem;
padding: 0.7272727273em 1.8181818182em;
text-transform: uppercase;
color: var(--color-dark-gray-text);
position: relative;
white-space: nowrap;
}
.pills .pill.search {
height: 32px;
}
.pills .pill.search:after {
position: absolute;
inset: 0 0 0 0;
mask-image: var(--icon-search);
mask-size: 20px;
mask-repeat: no-repeat;
mask-position: center center;
background-color: currentColor;
content: "";
}
.pills a.pill:hover {
border-color: var(--color-light-blue);
background-color: var(--color-lighter-blue);
color: var(--color-dark-blue);
}
.insight-grid .insight {
transition: unset;
}
.insight-grid .insight img {
display: block;
width: 100%;
object-fit: cover;
aspect-ratio: 4/3;
border-radius: 10px;
margin-bottom: 24px;
transition: 0.3s ease-in-out;
}
.insight-grid .insight:hover img {
transform: scale(1.03);
box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.8);
}
.insight-grid .insight:hover h3, .insight-grid .insight:hover .content-main h2, .content-main .insight-grid .insight:hover h2 {
color: var(--color-orange);
}
.insight-grid .h5 {
color: var(--color-light-blue);
margin-bottom: 0.5em;
}
.insight-grid h3, .insight-grid .content-main h2, .content-main .insight-grid h2 {
margin-bottom: 0.75em;
color: #000;
transition: 0.3s ease-in-out;
}
.insight-grid p {
font-size: 0.875rem;
color: #000;
}
.insight-grid:not(.insight-slider) {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 20px;
}
@media only screen and (min-width: 768px) {
.insight-grid:not(.insight-slider) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (min-width: 991px) {
.insight-grid {
display: grid;
gap: 30px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.dot-wrap:has(~ .slider-wrap) {
display: none;
}
.slider-wrap:has(.insight-slider) {
padding-top: 30px;
position: relative;
}
.slider-wrap:has(.insight-slider) .insight {
padding: 0 20px;
}
@media only screen and (min-width: 991px) {
.slider-wrap:has(.insight-slider) .insight {
padding: 0;
}
}
.slider-wrap:has(.insight-slider) .keen-arrow {
display: none;
}
.slider-wrap:has(.insight-slider) .dot-wrap {
position: absolute;
top: 0;
left: 20px;
}
@media only screen and (min-width: 991px) {
.slider-wrap:has(.insight-slider) {
padding-top: 0;
}
.slider-wrap:has(.insight-slider) .dot-wrap {
display: none;
}
}
.bg-layered {
padding: 50px 0 85px;
position: relative;
overflow: hidden;
background-color: var(--color-dark-blue);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(to bottom right, #1A3E6C, #0A2444);
}
.bg-layered:before, .bg-layered:after {
content: "";
position: absolute;
background-image: var(--bg-layered);
background-size: cover;
aspect-ratio: 506/883;
width: 170px;
--offset: 110px;
}
.bg-layered:before {
top: 0;
right: calc(100% - var(--offset));
transform-origin: top right;
}
.bg-layered:after {
bottom: 0;
left: calc(100% - var(--offset));
transform: rotate(180deg);
}
@media only screen and (min-width: 768px) {
.bg-layered {
padding: 75px 0;
}
.bg-layered:before, .bg-layered:after {
width: 250px;
--offset: 250px;
}
}
@media only screen and (min-width: 991px) {
.bg-layered {
padding: 95px 0;
}
.bg-layered:has(.hex-fifty) {
padding-bottom: 0;
}
.bg-layered:before, .bg-layered:after {
width: 505px;
--offset: 505px;
}
}
.hex-fifty {
position: relative;
z-index: 2;
}
.hex-fifty + .hex-fifty {
margin-top: 70px;
}
.hex-fifty + .hex-fifty:last-of-type {
padding-bottom: 100px;
}
.hex-fifty .img {
width: calc(100% - 20px);
margin-bottom: 30px;
aspect-ratio: 910/530;
position: relative;
mask-size: auto 100%;
mask-repeat: no-repeat;
}
.hex-fifty .img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.hex-fifty .img video {
display: block;
position: absolute;
object-fit: cover;
inset: 0;
}
.hex-fifty .img .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
opacity: 0.3;
transition: 0.15s;
}
.hex-fifty .img .play-button svg {
display: block;
width: 120px;
height: 120px;
}
.hex-fifty .img .play-button:hover {
opacity: 0.6;
}
.hex-fifty .h5 {
margin-bottom: 0.8333333333em;
color: var(--color-light-blue);
}
.hex-fifty h2 {
margin-bottom: 0.5555555556em;
text-wrap: balance;
}
.hex-fifty .btn {
margin-top: 30px;
}
.hex-fifty:nth-child(odd) .img {
mask-image: var(--hex-mask-right);
mask-position: right;
}
.hex-fifty:nth-child(even) .img, .hex-fifty.reverse .img {
margin-left: auto;
mask-image: var(--hex-mask-left);
mask-position: left;
}
@media only screen and (min-width: 991px) {
.hex-fifty {
display: flex;
align-items: center;
gap: 50px;
}
.hex-fifty:last-of-type {
padding-bottom: 80px;
}
.hex-fifty .img {
flex-basis: calc(50dvw + 155px);
}
.hex-fifty .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hex-fifty .text {
flex-basis: calc(50vw - 205px);
max-width: none;
padding-left: 0;
--outer-padding: max(20px, calc((50vw - 572px)));
padding-right: var(--outer-padding);
}
.hex-fifty:nth-child(even), .hex-fifty.reverse {
flex-direction: row-reverse;
}
.hex-fifty:nth-child(even) .text, .hex-fifty.reverse .text {
padding-right: 0;
padding-left: var(--outer-padding);
}
}
.reviews h2 {
color: var(--color-dark-blue);
margin-bottom: 0.4375em;
}
.reviews p {
max-width: 555px;
margin-bottom: 1.875em;
}
.reviews iframe:focus, .reviews iframe:focus-visible {
outline: none;
}
.faq.cornered {
overflow: hidden;
}
.faq.cornered h2 {
position: absolute;
left: -9999px;
font-size: 0;
opacity: 0;
}
.faq.cornered .faq-box {
position: relative;
padding: 50px 0;
margin: 0;
background-color: transparent;
}
.faq.cornered .faq-box:first-of-type {
padding-top: 0;
}
.faq.cornered .faq-box:last-of-type {
padding-bottom: 0;
}
.faq.cornered .faq-box:nth-of-type(even)::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
width: 5000dvw;
height: 100%;
background-color: var(--color-lightest-gray);
}
@media only screen and (min-width: 768px) {
.faq.cornered .faq-box {
padding: 70px 0;
}
}
.faq-box.nobg {
padding: 50px 0;
}
.faq-box:not(.nobg) {
background-color: var(--color-lightest-blue);
padding: 30px 20px;
border-radius: 10px;
}
.faq-box h3, .faq-box .content-main h2, .content-main .faq-box h2 {
color: var(--color-dark-blue);
margin-bottom: 10px;
}
.faq-box p {
margin-bottom: 10px;
}
.faq-box > a {
font-weight: 700;
display: inline-block;
margin-top: 30px;
}
.faq-box + .faq-box {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.faq-box.nobg {
padding: 70px 0;
}
.faq-box:not(.nobg) {
padding: 30px;
}
.faq-box {
display: flex;
justify-content: space-between;
gap: 100px;
}
.faq-box .faq-intro {
width: 260px;
flex-shrink: 0;
padding-top: 20px;
flex-shrink: 0;
}
.faq-box [id^=faq-toggler] {
display: none;
}
.faq-box .faq-questions {
display: block !important;
flex-grow: 1;
}
}
.faq-questions {
display: none;
}
.faq-questions dl dt {
border-top: 1px solid rgba(26, 62, 108, 0.1);
}
.faq-questions dl dt button {
border: none;
background: none;
font-size: 1.125rem;
font-weight: 700;
padding: 1.1666666667em 0;
text-align: left;
transition: 0.15s;
display: block;
padding-right: 40px;
position: relative;
width: 100%;
}
.faq-questions dl dt button:hover {
color: var(--color-light-blue);
}
.faq-questions dl dt button:before, .faq-questions dl dt button:after {
content: "";
position: absolute;
top: calc(50% - 1px);
right: 0;
width: 16px;
height: 2px;
background-color: var(--color-light-blue);
transition: transform 0.15s ease-in-out;
border-radius: 1px;
}
.faq-questions dl dt button:after {
transform: rotate(90deg);
}
.faq-questions dl dt button[aria-expanded=true]:before {
transform: rotate(180deg);
}
.faq-questions dl dt button[aria-expanded=true]:after {
transform: rotate(180deg);
}
.faq-questions dl dt:first-child {
border-top: none;
}
.faq-questions dl dd {
padding: 0 0 20px;
display: none;
}
.form-wrap p {
max-width: 754px;
}
.centered-cta p {
font-size: 1.125rem;
max-width: 23em;
margin: 20px auto 30px;
}
.contact-grid {
display: grid;
gap: 30px;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.contact-grid p {
max-width: 30em;
}
.contact-grid .contact-intro a {
display: block;
margin-top: 20px;
font-weight: 700;
}
@media only screen and (min-width: 480px) {
.contact-grid .contact-intro {
grid-column: 1/span 2;
}
.contact-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (min-width: 991px) {
.contact-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
dialog {
border-radius: 20px;
position: relative;
}
dialog:has(iframe) {
padding: 3px;
border: 0;
border-radius: 20px;
background: var(--gradient-blue);
}
dialog iframe {
display: block;
width: min(90vw, 1000px);
aspect-ratio: 16/9;
height: auto;
border-radius: 19px;
}
dialog .close {
position: absolute;
width: 30px;
height: 30px;
border-radius: 15px;
text-align: center;
line-height: 30px;
font-size: 20px;
color: #fff;
top: 12px;
right: 12px;
transition: 0.15s;
}
dialog .close:hover {
background-color: var(--color-light-blue);
}
.gform_required_legend {
display: none;
}
.gfield_required_asterisk {
color: var(--color-red);
margin-left: 2px;
}
.gform_fields {
gap: 20px;
font-size: 0.875rem;
margin-top: 40px;
}
.gform_fields .gfield {
display: flex;
flex-direction: column;
gap: 5px;
}
.gform_fields .gform-field-label {
font-weight: 700;
line-height: 17px;
display: block;
}
.gform_fields textarea {
height: 140px;
min-height: 100%;
}
.gform_fields .ginput_container {
flex-grow: 1;
}
.gform_fields .gfield_checkbox, .gform_fields .gfield_radio {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-top: 18px;
}
.gform_fields .gfield_checkbox .gchoice, .gform_fields .gfield_radio .gchoice {
flex: 0 0 calc(33.3333333333% - 10.6666666667px);
display: flex;
gap: 12px;
align-items: center;
}
.gform_fields .gfield_checkbox .gchoice label, .gform_fields .gfield_radio .gchoice label {
font-weight: 400;
}
.gform_fields .gfield--type-consent legend {
display: none;
}
.gform_fields .gfield--type-consent .ginput_container_consent {
display: flex;
gap: 11px;
align-items: flex-start;
justify-content: flex-start;
}
.gform_fields .gfield--type-consent .ginput_container_consent label {
font-size: 1rem;
font-weight: 400;
letter-spacing: -0.02em;
line-height: 1.5;
}
.gform_fields .ginput_container_fileupload {
border: 1px solid #B9B9B9;
border-radius: 2px;
padding: 2px;
position: relative;
}
.gform_fields .ginput_container_fileupload input[type=file] {
--button-color: var(--color-orange);
font-size: 14px;
width: 100%;
cursor: pointer;
}
.gform_fields .ginput_container_fileupload input[type=file]::file-selector-button {
cursor: pointer;
margin-right: 1em;
background: var(--button-color);
transition: 0.15s ease-in-out;
color: #fff;
height: 42px;
line-height: 40px;
padding: 0 25px;
border-radius: 2px;
border: none;
font-size: 14px;
font-weight: 600;
}
.gform_fields .ginput_container_fileupload input[type=file]:hover {
--button-color: var(--color-light-blue);
}
.gform_fields .ginput_container_fileupload .gform_fileupload_rules {
position: absolute;
bottom: calc(100% + 6px);
right: 0;
font-size: 0.75rem;
}
@media only screen and (min-width: 768px) {
.gform_fields {
gap: 30px;
}
}
.reviews-intro {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.reviews-intro .embedsocial-hashtag {
flex-basis: 100%;
}
.section:not(.dark):has(> .generic):has(+ .section > .generic) + .section {
padding-top: 0;
}
.generic {
display: flex;
flex-direction: column;
gap: 0 50px;
flex-wrap: wrap;
}
.generic > h2 {
width: min(100%, 790px);
}
.generic aside img {
display: block;
border-radius: 10px;
width: 100%;
}
.generic aside .side-text {
font-size: 0.875rem;
padding: 32px 30px 34px;
border-radius: 10px;
}
.generic aside .side-text h3, .generic aside .side-text .content-main h2, .content-main .generic aside .side-text h2 {
margin-bottom: 16px;
}
.generic aside .side-text:has(+ .side-text) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.generic aside .side-text:has(+ .side-text) + .side-text {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.generic aside .side-text p:not(:first-child) {
margin-top: 20px;
}
.generic aside .side-text ul.two-col {
column-count: 2;
margin: 20px 0;
gap: 30px;
}
.generic aside .side-text ul.two-col li {
break-inside: avoid;
margin-bottom: 10px;
}
.generic aside figure figcaption {
color: var(--color-light-blue);
font-size: 1.25rem;
margin-top: 1.5em;
line-height: 1.25;
font-weight: 700;
display: block;
}
.generic + .wrap > iframe {
margin-top: 40px;
width: 100%;
height: auto;
aspect-ratio: attr(width type()) / attr(height type());
}
@media only screen and (min-width: 768px) {
.generic {
flex-direction: row;
justify-content: space-between;
}
.generic article {
width: min(590px, 52%);
}
.generic article:not(:has(+ aside)) {
width: min(100%, 900px);
}
.generic aside {
width: min(460px, 40%);
}
}
.blue-callout {
background-color: var(--color-medium-blue);
padding-top: 0 !important;
overflow: hidden;
}
.blue-callout img {
display: block;
margin-bottom: -34px;
}
.blue-callout .wrap {
position: relative;
z-index: 1;
}
.blue-callout .wrap:before {
content: "";
position: absolute;
inset: auto 0 calc(100% - 35px) 0;
height: 215px;
background-image: linear-gradient(to top, var(--color-medium-blue), transparent);
z-index: 0;
}
.blue-callout .wrap > * {
position: relative;
z-index: 1;
}
.blue-callout h5 {
color: var(--color-lightish-blue);
margin-bottom: 20px;
}
.blue-callout .btn {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.blue-callout {
display: flex;
align-items: stretch;
padding-bottom: 0 !important;
}
.blue-callout .img-container {
width: calc(100% - 400px);
margin: 0;
position: relative;
}
.blue-callout .img-container img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.blue-callout .wrap {
width: 400px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 88px 20px calc(var(--corner-offset) + 88px);
align-items: flex-start;
}
.blue-callout .wrap:before {
inset: 0 calc(100% - 1px) 0 auto;
height: 100%;
width: 450px;
background-image: linear-gradient(to left, var(--color-medium-blue), transparent);
}
}
@media screen and (min-width: 1180px) {
.blue-callout .img-container {
width: 66.1016949153%;
}
.blue-callout .wrap {
width: calc(400px + (100vw - 1180px) / 2);
padding-right: calc(50vw - 590px);
}
}
.button-nav {
display: flex;
gap: 10px;
padding-block: 20px 40px;
}
.button-nav--item {
font-size: 0.75rem;
font-weight: 700;
line-height: 1.6666666667em;
padding: 1em 1.6666666667em;
border-radius: 9999px;
border: 1px solid transparent;
color: var(--color-dark-blue);
text-transform: uppercase;
transition: 0.15s ease-in-out;
}
.button-nav--item:hover {
color: var(--color-orange);
border-color: currentColor;
}
.button-nav--item.active {
color: var(--color-light-blue);
border-color: currentColor;
pointer-events: none;
}
@media only screen and (min-width: 768px) {
.button-nav {
padding-bottom: 0;
}
}
.service-areas {
--cols: 2;
padding-block: 30px;
}
.service-areas--panel[aria-hidden=true] {
display: none;
}
.service-areas--panel .generic {
margin-bottom: 50px;
}
.service-areas:has(+ :not(.service-areas)) {
padding-bottom: 90px;
}
.service-areas h3, .service-areas .content-main h2, .content-main .service-areas h2 {
margin-bottom: 20px;
}
.service-areas ul {
column-count: var(--cols);
column-gap: 20px;
}
.service-areas ul li {
padding-block: 10px;
}
.service-areas:nth-child(even) {
background-color: #F8F8F8;
}
.service-areas:last-child {
padding-bottom: calc(30px + var(--corner-offset));
}
@media only screen and (min-width: 480px) {
.service-areas {
--cols: 3;
}
}
@media only screen and (min-width: 768px) {
.service-areas {
--cols: 4;
padding-block: 50px;
}
}
@media only screen and (min-width: 991px) {
.service-areas {
--cols: 6;
}
}
.stats {
background-image: var(--gradient-blue);
--v-space: 70px;
}
.stats * {
color: #fff !important;
}
.stats .section-intro {
margin-bottom: 50px;
}
.stats .section-intro h2, .stats .section-intro p {
max-width: 750px;
}
.stats .rule {
display: none;
}
.stats--grid {
padding: 0;
}
.stats--grid .stat {
text-align: center;
padding-inline: 20px;
margin-bottom: 20px;
}
.stats--grid .stat > div {
width: 35px;
height: 35px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
}
.stats--grid .stat > div img {
width: 100%;
max-width: 30px;
max-height: 30px;
}
.stats--grid .stat h3, .stats--grid .stat .content-main h2, .content-main .stats--grid .stat h2 {
margin-bottom: 0.5em;
font-size: 2.25rem;
line-height: 1.0555555556em;
}
.stats--grid .stat p {
font-size: 0.875rem;
line-height: 1.4285714286em;
text-wrap: balance;
}
.stats--four-across .stat {
margin-bottom: 20px;
}
.stats--four-across .stat h2 {
margin-bottom: 0.2777777778em;
}
@media only screen and (min-width: 768px) {
.stats--grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 75px 50px;
}
.stats--grid .stat {
text-align: left;
}
.stats--grid .stat > div {
margin: 0;
}
.stats .dot-wrap, .stats .keen-arrow {
display: none;
}
}
@media only screen and (min-width: 991px) {
.stats--grid {
grid-template-columns: repeat(4, 1fr);
}
.stats--grid .stat h3, .stats--grid .stat .content-main h2, .content-main .stats--grid .stat h2 {
font-size: 3rem;
line-height: 0.9583333333em;
}
}
.careers-stats {
display: flex;
flex-wrap: wrap;
gap: 30px 20px;
}
section:has(.careers-stats) {
--v-space: 30px;
}
.careers-stats > div {
text-align: center;
flex-basis: calc(50% - 10px);
}
.careers-stats > div .stat {
color: var(--color-light-blue);
font-size: 1.875rem;
font-weight: 600;
color: var(--color-dark-blue);
line-height: 1.2777777778em;
}
.careers-stats > div .desc {
font-weight: 700;
font-size: 0.875rem;
}
@media only screen and (min-width: 768px) {
.careers-stats > div {
flex: 1;
}
.careers-stats > div .stat {
font-size: 2.25rem;
}
.careers-stats > div .desc {
font-size: 1rem;
}
}
.career-opening {
--b-space: 30px;
display: flex;
flex-direction: column;
gap: 20px;
flex-wrap: wrap;
}
.career-opening:not(:last-child) {
padding-bottom: var(--b-space);
border-bottom: 1px solid rgba(26, 62, 108, 0.1);
margin-bottom: var(--b-space);
}
.career-opening .pills {
padding: 0;
}
@media only screen and (min-width: 768px) {
.career-opening {
flex-direction: row;
align-items: flex-start;
gap: 12px 60px;
}
.career-opening--intro {
order: 1;
flex-basis: 100%;
}
.career-opening--desc {
order: 2;
flex-basis: 52%;
}
.career-opening .pills {
order: 3;
flex: 1;
flex-wrap: wrap;
}
.career-opening .btn {
margin-top: -7px;
order: 4;
}
}
.icon-grid {
padding: 50px 0 0;
}
.icon-grid--item {
text-align: center;
}
.icon-grid .icon-container {
width: 45px;
height: 35px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.icon-grid h3, .icon-grid .content-main h2, .content-main .icon-grid h2 {
margin: 20px 0 10px;
}
.icon-grid p {
font-size: 0.875rem;
max-width: 300px;
margin: 0 auto;
}
@media screen and (min-width: 551px) {
.icon-grid {
display: flex;
gap: 70px 50px;
flex-wrap: wrap;
padding: 70px 0 20px;
width: 100%;
}
.icon-grid--item {
text-align: left;
flex-basis: calc(50% - 25px);
padding: 0;
}
.icon-grid .icon-container {
margin: 0;
justify-content: flex-start;
}
.icon-grid p {
max-width: unset;
margin: 0;
}
.icon-grid ~ .keen-arrow, .icon-grid ~ .dot-wrap {
display: none;
}
}
@media only screen and (min-width: 768px) {
.icon-grid--item {
flex-basis: calc(33.3333333333% - 33.3333333333px);
}
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.generic + :has(.embed-container) {
margin-top: 50px;
}
.job-opening .pills {
padding: 30px 0 45px;
}
.apply-form_wrapper {
margin-top: 70px;
}
.apply-form_wrapper button[type=submit] {
margin-top: 30px;
}
.buckets {
display: flex;
gap: 30px;
flex-wrap: wrap;
flex-direction: column;
}
.buckets img {
aspect-ratio: 360/265;
object-fit: cover;
display: block;
border-radius: 10px;
margin-bottom: 20px;
}
.buckets.ajax-container-insight img {
width: 100%;
}
.buckets.ajax-container-insight .ajax-item-insight > a {
text-decoration: none !important;
}
.buckets--bucket:focus-within {
outline: 2px solid var(--color-orange);
}
.buckets.related-resources {
gap: 0;
flex-wrap: nowrap;
}
.buckets.related-resources .buckets--bucket {
flex-basis: unset;
}
.buckets.related-resources img {
width: 100%;
}
.buckets.related-resources + .rule {
display: none !important;
}
.buckets.related-resources + .rule + .keen-arrow {
display: none !important;
}
.buckets.related-resources + .rule + .keen-arrow + .dot-wrap + .keen-arrow {
display: none !important;
}
.buckets p:not([class]) {
font-size: 0.875rem;
margin-top: 15px;
color: var(--color-text);
}
.buckets a.btn {
margin-top: 20px;
}
@media only screen and (min-width: 480px) {
.buckets {
flex-direction: row;
gap: 50px 30px;
}
.buckets--bucket {
flex-basis: calc(50% - 15px);
}
}
@media only screen and (min-width: 768px) {
.buckets.related-resources {
gap: 50px 30px;
flex-wrap: wrap;
}
.buckets--bucket {
flex-basis: calc(33.3333333333% - 20px) !important;
}
.buckets a {
margin-top: 30px;
}
}
.related-resources-title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.related-resources-title h2 {
margin-bottom: 0;
}
.wrap:has(.related-resources) .slider-wrap {
order: 2;
}
.wrap:has(.related-resources) .slider-wrap .dot-wrap {
order: 1;
width: 100%;
}
.wrap:has(.related-resources) .slider-wrap .rule {
order: 2;
}
.wrap:has(.related-resources) .slider-wrap .keen-arrow.left {
order: 3;
}
.wrap:has(.related-resources) .slider-wrap .keen-arrow.right {
order: 4;
}
.wrap:has(.related-resources) .slider-wrap .related-resources {
order: 5;
}
@media only screen and (min-width: 768px) {
.wrap:has(.related-resources) .slider-wrap .dot-wrap {
display: none !important;
}
}
.section.resource-filters {
--v-space: 50px;
}
.section.resource-filters .wrap {
display: flex;
flex-direction: column;
gap: 20px 22px;
}
@media only screen and (min-width: 768px) {
.section.resource-filters .wrap {
flex-direction: row;
}
.section.resource-filters input {
flex-grow: 1;
}
.section.resource-filters select {
width: 220px;
flex: 0 0 220px;
}
.section.resource-filters button {
flex: 0 0 auto;
}
}
.type-selector {
display: flex;
gap: 20px;
overflow-x: scroll;
max-width: 100%;
margin-bottom: 30px;
}
.type-selector button, .type-selector .sds-btn {
border-radius: 10px;
padding: 14px 20px 12px;
text-align: center;
font-size: 0.875rem;
line-height: 1.5;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: 700;
color: var(--color-dark-blue);
border: 1px solid var(--color-light-blue);
white-space: nowrap;
outline-offset: -5px;
transition: 0.15s;
}
.type-selector button:before, .type-selector .sds-btn:before {
width: 22px;
height: 22px;
display: block;
margin: 0 auto 6px;
content: "";
mask-image: var(--icon);
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
background-color: var(--color-light-blue);
transition: 0.15s;
}
.type-selector button[aria-controls$=insight], .type-selector .sds-btn[aria-controls$=insight] {
--icon: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2223%22 height%3D%2222%22 fill%3D%22none%22%3E%3Cpath stroke%3D%22%2300A2DB%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.25%22 d%3D%22M.625.625h21.313V16.61H7.285L3.29 20.606V16.61H.625V.625ZM.625 4.288h21.313%22%2F%3E%3Cpath stroke%3D%22%2300A2DB%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.25%22 d%3D%22M14.613 7.285H19.275V13.945H14.613z%22%2F%3E%3Cpath stroke%3D%22%2300A2DB%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.25%22 d%3D%22M11.947 7.951H3.29M11.947 10.615H3.29M8.617 13.28H3.29%22%2F%3E%3C%2Fsvg%3E");
}
.type-selector button[aria-controls$=pest-resource], .type-selector .sds-btn[aria-controls$=pest-resource] {
--icon: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2228%22 height%3D%2227%22 fill%3D%22none%22%3E%3Cpath stroke%3D%22%2300A2DB%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.25%22 d%3D%22m10.578 21.932 3.17-9.204m-3.17 9.204a6.49 6.49 0 0 0 8.25-4.023l1.057-3.068a4.326 4.326 0 0 0-2.682-5.5l-4.09-1.409a4.327 4.327 0 0 0-5.5 2.682l-1.057 3.068a6.49 6.49 0 0 0 4.022 8.25Zm7.847-15.74 2.585-1.26%22%2F%3E%3Cpath stroke%3D%22%2300A2DB%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.25%22 d%3D%22M19.431 26.125a4.326 4.326 0 0 0-2.487-5.433m8.124-10.93a4.327 4.327 0 0 1-5.03 2.809m3.234 5.724-4.09-1.409m-18.16 2.898a4.326 4.326 0 0 1 5.306-2.749M6.66 3.42a4.327 4.327 0 0 0 2.232 5.311M6.91 12.66l-4.09-1.41m10.01-9.135 1.26 2.585m-2.044 3.013.398-1.155a3.245 3.245 0 1 1 6.136 2.113l-.398 1.156%22%2F%3E%3C%2Fsvg%3E");
}
.type-selector button[aria-controls$=ebook], .type-selector .sds-btn[aria-controls$=ebook] {
--icon: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217%22 height%3D%2221%22 fill%3D%22none%22%3E%3Cpath stroke%3D%22%2300A2DB%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.25%22 d%3D%22M.625 17.942V1.707A1.082 1.082 0 0 1 1.707.625h12.988a1.082 1.082 0 0 1 1.082 1.082v14.07H2.79a2.165 2.165 0 0 0-2.165 2.165Zm0 0a2.165 2.165 0 0 0 2.165 2.164h12.987M4.954.625v15.152m7.576 0v4.33%22%2F%3E%3C%2Fsvg%3E");
}
.type-selector button[aria-controls$=video-resource], .type-selector .sds-btn[aria-controls$=video-resource] {
--icon: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2221%22 height%3D%2221%22 fill%3D%22none%22%3E%3Cpath stroke%3D%22%2300A2DB%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.25%22 d%3D%22M14.922 9.398 7.915 5.893a1.299 1.299 0 0 0-1.88 1.163v6.62a1.298 1.298 0 0 0 1.88 1.162l7.007-3.505a1.082 1.082 0 0 0 0-1.935Z%22%2F%3E%3Cpath stroke%3D%22%2300A2DB%22 stroke-width%3D%221.25%22 d%3D%22M10.366 20.106c5.38 0 9.74-4.36 9.74-9.74S15.746.625 10.366.625.625 4.986.625 10.365c0 5.38 4.361 9.741 9.74 9.741Z%22%2F%3E%3C%2Fsvg%3E");
}
.type-selector button[aria-controls$=safety-data-sheet], .type-selector .sds-btn[aria-controls$=safety-data-sheet] {
--icon: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2221%22 height%3D%2223%22 fill%3D%22none%22%3E%3Cpath stroke%3D%22%2300A2DB%22 stroke-linecap%3D%22square%22 stroke-width%3D%221.25%22 d%3D%22M17.942 9.589V5.898L12.53.625H.625v21.09H7.66M11.448.626v6.327h6.494%22%2F%3E%3Cpath stroke%3D%22%2300A2DB%22 stroke-width%3D%221.25%22 d%3D%22M11.988 13.807h7.576v4.887c0 .35-.09.695-.26 1.003-.172.309-.42.57-.72.762l-2.808 1.786-2.807-1.786a2.131 2.131 0 0 1-.72-.762 2.066 2.066 0 0 1-.26-1.003v-4.887Z%22%2F%3E%3C%2Fsvg%3E");
}
.type-selector button[aria-selected=true], .type-selector .sds-btn[aria-selected=true] {
color: var(--color-light-blue);
border-color: currentColor;
}
.type-selector button:hover, .type-selector .sds-btn:hover {
background-color: var(--color-light-blue);
color: #fff;
}
.type-selector button:hover:before, .type-selector .sds-btn:hover:before {
background-color: #fff;
}
@media only screen and (min-width: 768px) {
.type-selector {
justify-content: space-between;
overflow-y: hidden;
}
.type-selector button, .type-selector .sds-btn {
border-radius: 999px;
border-color: transparent;
padding-inline: 26px;
}
.type-selector button:before, .type-selector .sds-btn:before {
display: inline-block;
margin: 0 14px 0 0;
vertical-align: middle;
}
}
[role=tabpanel] .intro {
max-width: 700px;
margin-bottom: 50px;
}
[aria-hidden=true]:not(.sub-menu) {
display: none;
}
.pest-grid {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.pest-grid--item {
display: flex;
justify-content: space-between;
gap: 22px;
align-items: flex-start;
}
.pest-grid--text h4 {
margin-bottom: 10px;
}
.pest-grid--text p {
font-size: 0.875rem;
}
.pest-grid--image {
flex: 0 0 26.8656716418%;
position: relative;
aspect-ratio: 1/1;
}
.pest-grid--image:before {
content: "";
display: block;
width: 100%;
mask-image: var(--icon-hex);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
aspect-ratio: 1/1;
background-color: var(--color-lighter-blue);
}
.pest-grid--image img {
position: absolute;
/* position-area: center; */
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1.15);
}
@media only screen and (min-width: 480px) {
.pest-grid--image {
flex-basis: 21.8691588785%;
}
}
@media only screen and (min-width: 768px) {
.pest-grid {
gap: 60px 55px;
}
.pest-grid--item {
flex-basis: calc(50% - 27.5px);
gap: 58px;
}
}
.ebook-grid {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 60px;
}
.ebook-grid img {
aspect-ratio: 335/208;
border-radius: 10px;
object-fit: cover;
margin-bottom: 20px;
}
.ebook-grid p {
margin: 20px 0 30px;
font-size: 0.875rem;
}
@media only screen and (min-width: 768px) {
.ebook-grid {
gap: 70px;
}
.ebook-grid--item {
display: flex;
flex-direction: row-reverse;
gap: 8.5514834206%;
justify-content: space-between;
align-items: center;
}
.ebook-grid--image {
flex: 0 0 59.8603839442%;
}
}
.video-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 40px 0;
}
.video-grid--thumbnail {
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.video-grid--thumbnail::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 66px;
height: 46px;
background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2266%22 height%3D%2246%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23000%22 fill-opacity%3D%22.78%22 fill-rule%3D%22evenodd%22 d%3D%22M65.34 9.924s-.644-4.507-2.623-6.492C60.207.827 57.394.814 56.104.662 46.868 0 33.014 0 33.014 0h-.028S19.132 0 9.896.662c-1.29.152-4.103.165-6.613 2.77C1.304 5.417.66 9.924.66 9.924S0 15.216 0 20.509v4.962c0 5.292.66 10.585.66 10.585s.644 4.507 2.623 6.491c2.51 2.605 5.808 2.523 7.277 2.796C15.84 45.845 33 46 33 46s13.868-.02 23.104-.682c1.29-.153 4.103-.166 6.613-2.77 1.98-1.985 2.624-6.492 2.624-6.492S66 30.763 66 25.47v-4.962c0-5.293-.66-10.585-.66-10.585%22 clip-rule%3D%22evenodd%22%2F%3E%3Cg clip-path%3D%22url%28%23a%29%22%3E%3Cpath fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22 d%3D%22M25.003 32 25 14l18 9.031z%22 clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath id%3D%22a%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M23 14h20v18H23z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
z-index: 100;
}
.video-grid--thumbnail img {
display: block;
width: 100%;
aspect-ratio: 557/312;
transition: 0.15s;
}
.video-grid--item:hover img {
transform: scale(1.025);
}
.video-grid--item .play-button {
display: block;
width: 100%;
text-align: left;
position: static;
transform: none;
opacity: 1;
}
.video-grid--item .play-button h4 {
color: var(--color-text);
}
.video-grid--item .play-button:hover h4 {
color: var(--color-light-blue);
}
.video-grid a {
text-decoration: none !important;
}
@media only screen and (min-width: 768px) {
.video-grid {
grid-template-columns: repeat(2, 1fr);
gap: 90px 30px;
}
}
.sds--grid {
width: calc(100% + 40px);
margin: 0 -20px;
}
.sds--item {
display: flex;
flex-direction: column;
padding: 30px 20px;
}
.sds--item:is(header) {
display: none;
background-color: var(--color-dark-blue) !important;
color: #fff;
border-radius: 3px;
padding-block: 12px;
}
.sds--item:is(header) .h5 {
color: #fff;
}
.sds--item:nth-of-type(odd) {
background-color: #EEFAFF;
}
.sds--item h3, .sds--item .content-main h2, .content-main .sds--item h2 {
font-size: 1rem;
color: #000;
}
.sds--details {
font-size: 0.6875rem;
color: #3E4042;
text-transform: uppercase;
display: flex;
gap: 20px;
padding: 6px 0 0;
}
.sds--description {
font-size: 0.875rem;
color: #3E4042;
padding-top: 20px;
}
@media screen and (max-width: 768px) {
.sds--name h3, .sds--name .content-main h2, .content-main .sds--name h2 {
cursor: pointer;
position: relative;
padding-right: 30px;
}
.sds--name h3:after, .sds--name .content-main h2:after, .content-main .sds--name h2:after {
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%2300A2DB%22 fill-rule%3D%22evenodd%22 d%3D%22M7 1a1 1 0 0 1 2 0v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 1 1 0-2h6V1Z%22 clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
content: "";
position: absolute;
top: 2px;
right: 0;
}
.sds--name.active h3:after, .sds--name.active .content-main h2:after, .content-main .sds--name.active h2:after {
transform: rotate(45deg);
}
.sds--name.active + .sds--description {
display: block;
}
.sds--description {
display: none;
}
}
@media only screen and (min-width: 768px) {
.sds--grid {
width: 100%;
margin: 0;
}
.sds--item {
padding-inline: 0;
flex-direction: row;
}
.sds--item:is(header) {
display: flex;
}
.sds--item > div {
padding-inline: 20px;
}
.sds--name {
flex: 0 0 32.6352530541%;
}
.sds--description {
padding-top: 0;
flex: 0 0 calc(67.3647469459% - 120px);
}
.sds--link {
flex: 0 0 120px;
}
.sds--link a {
margin: 0 0 0 auto;
}
}
body:has(#alert.show) .insight-intro {
padding-top: 175px;
}
.insight-intro .h5 {
margin-bottom: 0.8333333333em;
}
.insight-intro h2 {
text-wrap: balance;
}
.insight-intro .insight-featured {
border-radius: 10px;
display: block;
width: 100%;
margin-top: 40px;
aspect-ratio: 814/432;
object-fit: cover;
}
.insight-intro:has(+ .insight-content) {
padding-bottom: 0;
}
.insight-intro:has(+ .insight-content) + .insight-content {
padding-top: 40px;
}
.insight-intro .pills {
padding-left: 0;
}
body hr {
border-color: var(--color-light-gray);
max-width: 1146px;
margin: 0 auto;
}
.two-images figure + figure {
margin-top: 30px;
}
.two-images img {
display: block;
width: 100%;
aspect-ratio: 558/371;
object-fit: cover;
border-radius: 10px;
}
.two-images figcaption {
font-size: 0.75rem;
opacity: 0.7;
margin-top: 10px;
}
@media only screen and (min-width: 768px) {
.two-images {
display: flex;
flex-wrap: wrap;
gap: 30px;
flex-direction: row;
}
.two-images figure {
flex-basis: calc(50% - 15px);
margin: 0 !important;
}
}
.centered-content p {
max-width: 411px;
margin: 0 auto;
}
.centered-content .btn {
margin-top: 2.1428571429em;
}
.load-more {
display: flex;
justify-content: center;
margin-top: 3.5714285714em;
}
.page-404 {
position: relative;
min-height: 660px;
overflow: hidden;
}
.page-404 .wrap {
display: flex;
align-items: center;
}
.page-404 .wrap .content-404 {
position: relative;
z-index: 3;
text-align: center;
}
.page-404 .wrap .video-404-wrap {
display: none;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
}
.page-404 .wrap .video-404-wrap::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100%;
background: linear-gradient(to left, transparent, #fff);
z-index: 2;
}
.page-404 .wrap .video-404-wrap video {
height: 100%;
display: block;
}
@media screen and (max-width: 1000px) {
.page-404 .wrap .video-404-wrap {
right: -200px;
}
}
.page-404 .wrap img {
display: block;
width: 100%;
}
@media only screen and (min-width: 768px) {
.page-404 {
display: flex;
}
.page-404 .wrap .video-404-wrap {
display: block;
}
.page-404 .wrap .content-404 {
text-align: left;
max-width: 31vw;
}
.page-404 .wrap img {
display: none;
}
}
#footer {
background-color: var(--color-darker-gray);
padding: 30px 0 50px;
color: #fff;
font-size: 0.875rem;
line-height: 140%;
}
#footer .footer-hours {
padding: 30px 20px;
background-color: var(--color-dark-gray);
border-radius: 20px;
margin-bottom: 40px;
}
#footer h3, #footer .content-main h2, .content-main #footer h2 {
margin-bottom: 15px;
}
#footer .eyebrow {
font-weight: 700;
letter-spacing: 0.02em;
color: var(--color-light-blue);
margin-bottom: 5px;
font-size: 1rem;
}
#footer dl {
display: flex;
flex-wrap: wrap;
gap: 0 10px;
}
#footer dl dt, #footer dl dd {
flex-basis: calc(50% - 5px);
}
#footer dl dd {
text-align: right;
}
#footer :is(dl, p) + .eyebrow {
margin-top: 20px;
}
#footer .footer-contact div + div {
margin-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 30px;
}
#footer .footer-areas {
display: flex;
flex-wrap: wrap;
gap: 5px 20px;
}
#footer .footer-areas li {
flex-basis: calc(50% - 10px);
}
#footer .footer-areas a {
color: #fff;
text-decoration: none;
position: relative;
display: inline-block;
padding-right: 15px;
}
#footer .footer-areas a:after {
width: 9px;
height: 9px;
content: "";
position: absolute;
right: 0;
top: calc(50% - 4px);
background-color: var(--color-orange);
transform: rotate(-90deg);
transition: 0.15s;
mask-image: var(--icon-caret);
mask-repeat: no-repeat;
mask-position: center;
}
#footer .footer-areas a:hover:after {
right: -4px;
}
#footer .footer-outro {
margin-top: 50px;
text-align: center;
}
#footer .footer-outro .footer-logo {
margin-bottom: 20px;
flex-grow: 1;
text-align: left;
}
#footer .footer-outro .footer-logo svg {
width: 216px;
height: 62px;
}
#footer .footer-outro a[href^=tel] {
color: #fff;
font-weight: bold;
}
#footer .social-media {
margin: 20px 0;
}
#footer .social-media ul {
display: flex;
gap: 18px;
justify-content: center;
}
#footer .social-media ul li a {
background-color: var(--color-orange);
width: 27px;
height: 27px;
border-radius: 999px;
display: block;
display: flex;
justify-content: center;
align-items: center;
}
#footer .social-media ul li a:hover {
background-color: var(--color-light-blue);
}
#footer .social-media ul li a:hover svg {
fill: #fff;
}
#footer .social-media ul li svg {
fill: #000;
display: block;
width: 20px;
height: 20px;
transition: 0.3s;
}
#footer .footer-bottom {
letter-spacing: -0.02em;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
font-size: 12px;
text-align: center;
}
#footer .footer-bottom a {
color: #fff;
text-decoration: underline;
}
#footer .footer-bottom a:hover {
text-decoration: none;
}
#footer .jackrabbit a {
text-decoration: underline;
}
#footer .jackrabbit a:hover {
text-decoration: none;
}
@media only screen and (min-width: 480px) {
#footer .wrap {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: center;
}
#footer .footer-contact {
flex-basis: 100%;
display: flex;
padding-top: 40px;
}
#footer .footer-contact div + div {
margin: 0;
border: none;
padding: 0;
}
#footer .footer-outro, #footer .footer-bottom {
flex-basis: 100%;
}
}
@media only screen and (min-width: 768px) {
#footer {
padding: 30px 0 120px;
}
#footer .footer-outro {
display: flex;
align-items: flex-end;
gap: 34px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#footer .footer-outro .footer-logo {
margin: 0;
}
#footer .footer-outro .social-media {
margin: 0;
}
#footer .footer-outro .social-media ul {
justify-content: flex-end;
gap: 8px;
}
#footer .footer-bottom {
flex-direction: row;
text-align: left;
padding-top: 17px;
gap: 15px;
}
#footer .footer-bottom .footer-legal {
order: 0;
flex-grow: 1;
}
#footer .footer-bottom a {
order: 1;
}
}
@media only screen and (min-width: 991px) {
#footer .wrap {
gap: 0 50px;
}
#footer .footer-hours {
flex-basis: calc(33.33% - 30px);
padding: 40px;
}
#footer .footer-contact {
flex-basis: calc(66.66% - 30px);
}
}
/* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */
/*
::-webkit-input-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
*/
/* lenis */
html.lenis,
html.lenis body {
height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
}
.lenis.lenis-autoToggle {
transition-property: overflow;
transition-duration: 1ms;
transition-behavior: allow-discrete;
}
.stagger-children > * {
opacity: 0;
}
.gform_validation_errors {
margin: 30px 0 0;
max-width: 754px;
background-color: color-mix(in srgb, var(--color-red), transparent 90%);
padding: 20px;
border-radius: 10px;
}
.gform_validation_errors h2 {
margin-bottom: 0;
font-size: 1.125rem;
color: var(--color-red);
font-weight: 600;
}
.gfield_validation_message {
color: var(--color-red);
font-size: 0.875rem;
font-weight: 500;
}