:root {
--primary-blue: #f28018;
--accent-color: #4b371c;
--light-color: #EBF0FF;
--callout-text-color: #4b371c;
--main-text-color: #f28018;
--btn-size: 18px;
--primary-button-color: #fff;
--primary-button-background: #f28018;
--primary-button-hover: #fff;
--primary-button-hover-text: #f28018;
--secondary-button-color: #000;
--secondary-button-bg-color: #f28018;
--secondary-button-hover: #000;
--icon-color-main: #061D34;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
body {
font-family: "SF UI Display", sans-serif;
margin: 0;
}
body * {
box-sizing: border-box;
}
.flex {
display: flex;
}
.row {
display: flex;
flex-direction: row;
width: 100%;
}
.column {
display: flex;
flex-direction: column;
width: 100%;
}
.container {
box-sizing: border-box;
margin: 0 auto;
max-width: 1382px;
padding: 0 35px;
position: relative;
width: 100%;
}
img {
max-width: 100%;
}
* p:last-child {
margin-bottom: 0px;
}
@media (min-width: 1550px) {
.container, .header-container {
max-width: 1350px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1382px;
}
}
@media (max-width: 768px) {
.container {
padding-right: 25px;
padding-left: 25px;
}
}
h1,
h1 span {
color: #FFFFFF;
font-size: 56px;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 48px;
line-height: 1.2;
font-variation-settings: "opsz" 0, "wght" 300;
font-style: normal;
margin-top: 0px;
}
h2,
h2 span {
color: #000;
font-size: 48px;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 24px;
line-height: 1.20;
font-variation-settings: "opsz" 0, "wght" 300;
font-style: normal;
margin-top: 0px;
}
h3,
h3 span {
color: #000;
font-size: 36px;
font-weight: 100;
letter-spacing: 0;
text-transform: none;
margin-bottom: 16px;
line-height: 1.20;
font-variation-settings: "opsz" 0, "wght" 300;
font-style: normal;
margin-top: 0px;
}
h4,
h4 span {
color: ;
font-size: 22px;
font-weight: 200;
letter-spacing: 0;
margin-bottom: 15px;
text-transform: none;
line-height: 1.20;
font-variation-settings: "opsz" 0, "wght" 300;
font-style: normal;
margin-top: 0px;
}
h5,
h5 span {
color: ;
font-size: 20px;
font-weight: 100;
letter-spacing: 0;
margin-bottom: 0px;
text-transform: none;
line-height: 1.20;
font-variation-settings: "opsz" 0, "wght" 300;
font-style: normal;
}
p, span {
font-family: "SF UI Display", sans-serif;
font-size: 16px;
font-weight:300;
line-height: 26px;
margin-top: 0px;
}
p.paragraph-large {
font-size: 24px;
color: var(--main-text-color);
margin-top: 0px;
line-height: 36px;
font-variation-settings: "opsz" 0, "wght" 500;
font-family: "sole-sans-variable",sans-serif;
}
ul li {
font-family: "SF UI Display", sans-serif;
font-size: 16px;
font-weight:300;
line-height: 140%;
}
.eyebrow {
color: #F5A052;
display: block;
font-size: 18px;
font-weight: 700;
letter-spacing: 1.8px;
line-height: 21px;
margin-bottom: 0px;
text-transform: uppercase;
width: fit-content;
}
.eyebrow:empty {
display:none;
margin:0px;
}
.impact {
font-size:90px;
line-height:120%;
margin:0px 0px 30px 0px;
font-variation-settings: "opsz" 0, "wght" 500;
}
.impact:empty {
display:none;
margin:0px;
}
p strong , p span strong {
font-family: "SF UI Display", sans-serif;
font-weight:600;
}
.fade-in-on-scroll {
opacity: 1 !important;
transform: translateY(0px);
}
a[type="button"]:empty {
display: none;
}
a.button-primary, input[type=submit] {
border-radius: 90px;
background: var(--primary-orange, #F28018);
display: flex;
text-decoration:none;
justify-content: center;
align-items: center;
gap: 12px;
color: var(--primary-black, #000);
text-align: center;
font-family: "SF UI Display";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 28.8px */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M1.66699 7.5H20.3337M20.3337 7.5L13.667 1M20.3337 7.5L13.667 14' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position: 92%;
padding: 10px 50px 10px 20px;
width: fit-content;
transition: 0.3s;
}
.hs-error-msg {
margin:12px 0;
color: var(--primary-orange, #F28018);
/* Form Input Title */
font-family: "SF UI Display";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 160%; /* 28.8px */
}
.invalid.error {
border: 1px solid var(--grey-4, #BFBFBF)!important;
background: var(--orange-4, #FCDFC5)!important;
}
a.nav-button-primary:hover,input[type=submit]:hover {
background-position:69%;
}
a.button-primary:hover {
background-position:94%;
}
input[type=submit] {
border-width: 0px;
}
a.button-secondary, .button-secondary{
color: var(--primary-orange, #F28018);
font-family: "SF UI Display";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 28.8px */
text-decoration:none;
}
a.button-secondary:after, .button-secondary:after{
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='15' viewBox='0 0 21 15' fill='none'%3E%3Cpath d='M1 7.5H19.6667M19.6667 7.5L13 1M19.6667 7.5L13 14' stroke='%23F28018' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
height: 13px;
width: 18.6px;
display: inline-block;
background-size: cover;
margin-left: 12px;
transition:0.3s;
}
a.button-secondary:hover, .button-secondary:hover {
color: var(--orange-3, #F8BF8B);
text-decoration:none;
font-family: "SF UI Display";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 28.8px */
}
a.button-secondary:hover::after, .button-secondary:hover::after {
margin-left: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='15' viewBox='0 0 21 15' fill='none'%3E%3Cpath d='M1 7.5H19.6667M19.6667 7.5L13 1M19.6667 7.5L13 14' stroke='%23F8BF8B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
a.button-blue {
align-items: center;
background-image: linear-gradient(30deg,var(--primary-blue) 50%,transparent 0);
background-position: left;
background-repeat: no-repeat;
background-size: 600px;
border: 0px;
border-radius: 50px;
color: white;
display: inline-flex;
font-size: var(--btn-size);
padding: 12px 24px;
position: relative;
text-decoration: none;
transition: all 0.3s ease-out;
width: fit-content;
z-index: 1;
background-color: transparent;
font-family: "sole-sans-variable",sans-serif;
}
a.button-blue:hover{
background-color: var(--secondary-button-hover);
background-position: right;
color: white;
}
a.button-tertiary {
color: #000;
font-size: var(--btn-size);
text-decoration: none;
display: inline-flex;
align-items: center;
font-family: "sole-sans-variable",sans-serif;
position:relative;
}
a.button-tertiary:after {
content: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.90625 7.53125L2.84375 13.625C2.53125 13.9062 2.0625 13.9062 1.78125 13.625L1.0625 12.9062C0.78125 12.625 0.78125 12.1562 1.0625 11.8438L5.875 7L1.0625 2.1875C0.78125 1.875 0.78125 1.40625 1.0625 1.125L1.78125 0.40625C2.0625 0.125 2.53125 0.125 2.84375 0.40625L8.90625 6.5C9.1875 6.78125 9.1875 7.25 8.90625 7.53125Z' fill='#000'/%3E%3C/svg%3E");
margin-left: 12px;
margin-top:2px;
transition: all 0.3s ease-out;
}
a.button-tertiary:hover:after{
margin-left: 22px;
}
.nav-mobile-menu-wrapper a.nav-button-primary,
a.button-alt {
color: var(--primary-button-color);
font-size: var(--btn-size);
background-image: linear-gradient(30deg,var(--primary-button-background) 70%,transparent 0);
border: 2px solid var(--primary-button-color);
background-position: 0;
background-repeat: no-repeat;
background-size: 500px;
border: 2px solid var(--primary-button-background);
border-radius: 50px;
padding: 12px 24px;
text-decoration: none;
display: inline-flex;
align-items: center;
width: fit-content;
transition: all 0.3s ease-out;
position:relative;
z-index:1;
font-family: "sole-sans-variable",sans-serif;
}
.nav-mobile-menu-wrapper a.nav-button-primary:hover,
a.button-alt:hover {
background-color: var(--primary-button-hover);
background-position: 170%;
border-color: var( --primary-button-hover-text);
color: var( --primary-button-hover-text);
cursor:pointer;
padding: 12px 24px;
position:relative;
}
a.button-tertiary.center:after {
margin-left: 12px;
margin-top:2px;
transition: all 0.3s ease-out;
right:-18px;
position:absolute;
}
a.button-tertiary.center:hover:after{
right: -28px;
}
.button-group {
display:flex;
gap:15px;
flex-wrap:wrap;
margin-top:35px;
}
[data-hs-anchor="true"]{
display: block;
}
[data-hs-anchor="true"]:before {
display: block;
content: "";
height: 100px;
margin-top: -100px;
visibility: hidden;
pointer-events: none;
}
.page-not-found {
height: 35vh;
margin-top: 200px;
text-align: center;
}
@media screen and (max-width: 768px){
.flex {
flex-direction: column;
}
h1,
h1 span {
font-size: 50px;
}
h2,
h2 span {
font-size:40px;
line-height:43px;
}
h3,
h3 span {
font-size:28px;
}
.impact {
font-size: 60px;
}
a.nav-button-primary {
justify-content:center;
text-align:center;
}
}
body #hs_cos_wrapper_flex_column section.section-grey,
body #hs_cos_wrapper_flex_column section.section-blue {
background-color: unset;
}
body #hs_cos_wrapper_flex_column .hs_cos_wrapper.grey-container {
background-color: #F0F2F4;
margin-left: 20px;
margin-right: 20px;
overflow: hidden;
}
body #hs_cos_wrapper_flex_column .hs_cos_wrapper.blue-container {
background-color: #005293;
margin-left: 20px;
margin-right: 20px;
overflow: hidden;
}
body .hs_cos_wrapper.blue-container h2,
body .hs_cos_wrapper.blue-container h3,
body .hs_cos_wrapper.blue-container h4,
body .hs_cos_wrapper.blue-container h5,
body .hs_cos_wrapper.blue-container h6,
body .hs_cos_wrapper.blue-container div,
body .hs_cos_wrapper.blue-container span,
body .hs_cos_wrapper.blue-container p {
color: white !important;
}
body #hs_cos_wrapper_flex_column .hs_cos_wrapper:not(.blue-container) + .hs_cos_wrapper.blue-container,
body #hs_cos_wrapper_flex_column .hs_cos_wrapper:not(.grey-container) + .hs_cos_wrapper.grey-container {
border-radius: 15px 15px 0 0;
margin-top: 20px;
}
.hs_cos_wrapper.grey-container:has(+ :not(.grey-container)),
.hs_cos_wrapper.blue-container:has(+ :not(.blue-container)),
.hs_cos_wrapper.grey-container:not(:has(~ .grey-container)),
.hs_cos_wrapper.blue-container:not(:has(~ .blue-container)) {
border-radius: 0 0 15px 15px;
margin-bottom: 20px;
}
/*
* Form Theme Overrides
*/
.formContainer label span,
.hs-form-checkbox label ,.hs-form-radio label,
.hs-form-checkbox label span , .hs-form-radio label span
.hs-fieldtype-checkbox label, .hs-fieldtype-radio label,
.hs-form-checkbox label span, .hs-form-radio label span {
font-size: 14px;
letter-spacing: 0px;
text-transform: none;
}
.formContainer select,
.formContainer input[type="text"], .formContainer input[type="email"], .formContainer input[type="tel"], textarea {
display: flex;
color: var(--primary-black, #000);
/* Form Input Copy */
font-family: "SF UI Display";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 160%; /* 28.8px */
padding: 8px 25px;
align-items: flex-start;
gap: 10px;
align-self: stretch;
border-radius: 90px;
border: 1px solid var(--grey-4, #BFBFBF);
background: var(--white, #FFF);
}