@font-face {
    font-family: "Bebas Neue";
    font-style: normal;
    font-weight: 600;
    src: url("../../fonts/Bebas.ttf") format("truetype")
}

@font-face {
    font-family: "Bebas Neue";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/Bebas.ttf") format("truetype")
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/Lato-SemiBold.ttf") format("truetype")
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 600;
    src: url("../../fonts/Lato-Bold.ttf") format("truetype")
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/Lato-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/Lato-Light.ttf") format("truetype")
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 200;
    src: url("../../fonts/Lato-Thin.ttf") format("truetype")
}

@font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/Proxima-Nova-Reg.ttf") format("truetype")
}

@font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/Proxima-Nova-Light.ttf") format("truetype")
}

@font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/Proxima-Nova-Bold.ttf") format("truetype")
}

@font-face {
    font-family: 'Impact';
    src: url('../../fonts/impact/impact.woff') format('woff2'),
        url('../../fonts/impact/impact.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.button {
    background: #00ecf8 !important;
    border-radius: 4px !important;
    color: #231f20 !important;
    font-family: "Bebas Neue" !important;
    font-size: 1.125rem !important;
    padding: .625rem 1.25rem !important;
    text-transform: uppercase
}

.button:hover {
    background: #ff5050 !important;
    color: #fff !important
}

.button.button-2 {
    background: none !important;
    border: 1px solid #00ecf8 !important;
    color: #00ecf8 !important
}

.button.button-2:hover {
    background: #00ecf8 !important;
    color: #fff !important
}

.gform_wrapper .button {
    padding: .95rem 1.25rem .625rem !important
}

.button--secondary {
    border: 1px solid #00ecf8 !important;
    border-radius: 4px !important;
    color: #00ecf8 !important;
    font-family: "Bebas Neue";
    font-size: 1.125rem !important;
    padding: .625rem 1.25rem !important;
    text-transform: uppercase
}

.button--secondary:hover {
    background: #00ecf8 !important;
    color: #231f20 !important
}

input,
textarea {
    border-radius: 4px !important;
    color: #231f20 !important;
    font-size: .875rem !important;
    line-height: 1.3125rem !important;
    padding: .75rem !important
}

.at .at-fieldset {
    padding: 0 !important
}

.ngp-form header {
    display: none
}

.ngp-form label {
    color: #231f20
}

.ngp-form .at-checkbox-title {
    color: #231f20;
    font-size: 14px !important
}

.ngp-form .at-row>[class^=at-] {
    margin: 0
}

.ngp-form .at-inner {
    background: none
}

.ngp-form .at-row,
.ngp-form .at-targets-have-images {
    gap: .8rem
}

.ngp-form .at input[type=checkbox]+span::before {
    background: #fff
}

.ngp-form .content.thankYou {
    color: #231f20;
    font-size: 1.2rem;
    font-weight: bold
}

.ngp-form .content.thankYou p span {
    color: #231f20
}

.above-form-text-wrapper h1 span {
    background: url("../images/hero-stripe.svg") no-repeat center center;
    background-position: 0 2.5rem;
    background-size: contain;
    display: inline-block;
    font-family: "Bebas Neue";
    padding-bottom: 1rem
}

.hero h1 span {
    background: url("../images/hero-stripe.svg") no-repeat center center;
    background-position: 0 2.5rem;
    background-size: contain;
    display: inline-block;
    padding-bottom: 1rem
}

.hero .at input[type=text],
.hero .at input[type=password],
.hero .at input[type=date],
.hero .at input[type=datetime],
.hero .at input[type=datetime-local],
.hero .at input[type=month],
.hero .at input[type=week],
.hero .at input[type=email],
.hero .at input[type=number],
.hero .at input[type=search],
.hero .at input[type=tel],
.hero .at input[type=time],
.hero .at input[type=url],
.hero .at input[type=color],
.hero .at textarea {
    height: auto
}

.hero *::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .6) !important
}

.hero *::-moz-placeholder {
    color: rgba(0, 0, 0, .6) !important
}

.hero *:-ms-input-placeholder {
    color: rgba(0, 0, 0, .6) !important
}

.hero *::-ms-input-placeholder {
    color: rgba(0, 0, 0, .6) !important
}

.hero *::placeholder {
    color: rgba(0, 0, 0, .6) !important
}

.hero .ngp-form header {
    display: none
}

.hero .ngp-form label {
    color: #fff;
    text-align: left
}

.hero .ngp-form .at-checkbox-title {
    color: #fff;
    font-size: 14px !important
}

.hero .ngp-form .at-row>[class^=at-] {
    margin: 0
}

.hero .ngp-form .at-inner {
    background: none
}

.hero .ngp-form .at-row,
.hero .ngp-form .at-targets-have-images {
    gap: .8rem
}

.hero .ngp-form .at input[type=checkbox]+span::before {
    background: #fff
}

.hero .ngp-form .content.thankYou {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold
}

.hero .ngp-form .content.thankYou .contributions h2 {
    color: #fff !important
}

.strike,
.strike-2 {
    background: url("../images/strike.svg") no-repeat center center;
    background-position: center 3.2rem;
    background-size: contain
}

.strike.strike-2,
.strike-2.strike-2 {
    background: url("../images/strike-yellow.svg") no-repeat center center
}

@media screen and (min-width: 450px) {

    .strike,
    .strike-2 {
        background-position: center 2.2rem
    }
}

.media-banner h1 {
    position: relative
}

.media-banner h1 span {
    position: relative;
    z-index: 1
}

.media-banner h1::after {
    background: url("../images/media-banner.svg") no-repeat center center;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 1rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 10rem;
    z-index: 0
}

.banner .strike {
    background-size: 88%
}

.absolute::-webkit-scrollbar {
    display: none
}

.absolute {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.linear {
    background: #fff;
    bottom: -2rem;
    height: 1px;
    left: -3%;
    opacity: .2;
    position: absolute;
    width: 106%
}

.navigator a:hover,
.navigator a.active {
    color: #ff5050;
    text-decoration: underline
}

.at-form-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 !important;
    padding-top: .78rem !important
}

.at .at-secondary-submit {
    margin: 0 !important;
    margin-right: 1rem !important
}

.contributions p {
    margin-top: 1rem
}

ol.at-steps.clearfix,
section .at .at-steps {
    background: #fff !important
}

.at .at-step.active>::before,
.at .at-step.active a::before {
    background: #262262 !important
}

.join-1 form,
.join-2 form {
    margin: auto !important;
    max-width: 38rem
}

.join-1 .ngp-form .at-checkbox-title,
.join-1 .at input[type=checkbox]+span,
.join-2 .ngp-form .at-checkbox-title,
.join-2 .at input[type=checkbox]+span {
    color: #fff;
    text-align: left !important
}

.join-1 .at label,
.join-2 .at label {
    color: #fff;
    text-align: left
}

.at-submit,
.at .btn-at-primary {
    background: #00ecf8 !important;
    color: #231f20
}

.hero .at-checkbox-title a {
    text-decoration: underline !important
}

.home .at-checkbox-title a {
    color: #fff !important;
    text-decoration: underline !important
}

.youtube-video {
    aspect-ratio: 16/9;
    width: 100%
}

.at fieldset legend {
    display: none !important
}

.at label small {
    color: #fff !important
}

body {
    color: #fff;
    font-family: "Proxima Nova";
    font-size: 1.125rem;
    line-height: 1.4625rem
}

body:not(.single) {
    background-color: #262262
}

@media screen and (max-width: 450px) {
    body {
        font-size: 1.05rem !important;
        line-height: 1.4rem !important
    }
}

footer {
    background-color: #262262
}

h1,
.h1 {
    font-family: "Bebas Neue" !important;
    font-size: 5.25rem !important;
    font-weight: 600 !important;
    line-height: 5.25rem !important;
    text-transform: uppercase !important
}

@media screen and (max-width: 450px) {

    h1,
    .h1 {
        font-size: 3.5rem !important;
        line-height: 3.5rem !important
    }
}

h2,
.h2 {
    font-family: "Bebas Neue" !important;
    font-size: 4rem !important;
    font-weight: 600 !important;
    line-height: 4rem !important;
    text-transform: uppercase !important
}

@media screen and (max-width: 450px) {

    h2,
    .h2 {
        font-size: 2.667rem !important;
        line-height: 2.667rem !important
    }
}

h3,
.h3 {
    font-family: "Bebas Neue" !important;
    font-size: 3rem !important;
    font-weight: 600 !important;
    line-height: 3.6rem !important;
    text-transform: uppercase !important
}

@media screen and (max-width: 450px) {

    h3,
    .h3 {
        font-size: 2rem !important;
        line-height: 2.4rem !important
    }
}

h4,
.h4 {
    font-family: "Bebas Neue" !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    line-height: 1.95rem !important;
    text-transform: uppercase !important
}

@media screen and (max-width: 450px) {

    h4,
    .h4 {
        font-size: 1.4rem !important;
        line-height: 1.8rem !important
    }
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

a,
button {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

p a {
    text-decoration: underline
}

.wpcf7-form-control.wpcf7-submit {
    background: #1991ad;
    border-radius: 25px;
    color: #fff;
    padding: .75rem 2rem
}

.wpcf7-response-output {
    display: none !important;
    position: absolute
}

.single h2 {
    color: #ff5050 !important;
    font-size: 2.25rem !important;
    line-height: 120% !important;
    margin: 1.8rem 0
}

.single p {
    margin-bottom: .9rem
}

.single figure.wp-block-image {
    padding: 2.7rem 0
}

.single .wp-block-quote {
    border-left: 2px solid #ff5050;
    margin: 2.5rem 0;
    padding-left: 1.8rem
}

.single figcaption {
    border-left: 2px solid #ff5050;
    font-size: 14px !important;
    margin: 1rem 0;
    padding-left: .7rem
}

.home-cta .cta {
    color: #00ecf8 !important
}

.home-cta .cta span {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #ff5050 !important;
    display: block
}

@media screen and (min-width: 1023px) {
    .home-cta .cta span {
        display: none
    }
}

.home-cta .cta-words {
    color: #ff5050 !important;
    display: inline-block;
    padding-left: 1.5rem
}

@media screen and (max-width: 500px) {
    .home-cta .cta-words {
        padding-left: 0
    }
}

.banner p:not(:last-child) {
    margin-bottom: 1rem
}

/*# sourceMappingURL=main.css.map */