<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*
Theme Name: Tucson Theme
Author URI: https://vibrantbrands.com/
Description: A custom theme by Vibrant Brands
Version: 1.0
Text Domain: tucson
*/



/* Reset */
*{box-sizing: border-box;}
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code,
em, img, strong, sub, sup, var, b, u, i, center, ol, ul, li,
fieldset, form, label, legend, article, aside, canvas, 
figure, figcaption, footer, header, nav, section, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    font-family: "Poppins", sans-serif;
}
select,input,textarea{
    font-family: "Poppins", sans-serif;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
table {border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6{
    font-weight:700;
}

/* Style for WordPress Headings */
.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3,
.wp-block-heading h4,
.wp-block-heading h5,
.wp-block-heading h6 {
    font-weight: 700;
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    font-family: "Poppins", sans-serif;
}

.wrapper {
    width:100%;
    max-width:1350px;
    margin: 0 auto;
    padding: 0 70px;
}


/* Skip to Main Content */
.main_content{
    height:0;
    overflow:hidden;
    display:block;
    font-size:0;
    text-transform: uppercase;
    line-height:0;
    background: #0A1B33;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}
.main_content:focus{
    font-size: 14px;
    line-height: 16px;
    height:36px;
    padding: 10px 15px;
}

/* Scroll To Top */
#top{
    position:fixed;
    bottom:0px;
    right:20px;
    width:45px;
    height:45px;
    opacity:0;
    border-radius:20px 0 20px 20px;
    background:#eee;
    color:#396cb5;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size:15px;
    line-height:1em;
    user-select: none;
    transition:ease all 500ms;
    border:1px solid #fff;
    z-index: 10000;
    pointer-events: none;
}
#top.on{
    pointer-events:initial;
    bottom: 20px;
    opacity:1;
}
#top:hover{
    cursor:pointer;
    border:1px solid #396cb5;
    box-shadow: 0 0 12px 0px #396cb5;
}

/********** Header Container **********/
/*------------------------------------*/

/* Header Layout */
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
    position:relative;
}
#mnavbutton{display:none;}
.header_inner{
    display:flex;
    justify-content: space-between;
    gap:60px;
}


/* Logo */
#logo {    
    background-image: url('img/logo-transparent.webp');
    background-position:center left;
    background-repeat:no-repeat;
    background-size: contain;
    flex: 0 0 180px;
    padding: 60px 0px;
}


/* Get Started Button */
.get-started-button{
    margin-left: 30px; 
}
.get-started-button a{
    background: #c13c52;
    padding:17px 54px 17px 27px;
    border-radius: 50px 0 50px 50px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    color: #fff !important; 
    transition: ease all 300ms;
}
.get-started-button a:hover{
    background: #a72f43;
}
.get-started-button a:after {
    content: "&gt;";
    font-size: 28px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 23px;
    display: block;
    transform: translate(0,-50%);
}


/* Main Nav */
/* ------------------------------ */
header nav{
    display:flex;
    margin: 0 0 0 0;
    gap:10px;
}
header nav .nav_item_holder{
    position:relative;
    display: flex;
    align-items: center;
}
header nav .nav_item_holder &gt; a{
    color: #002060;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    transition:ease all 150ms;
    display: flex;
    flex-direction: column;
    justify-content: center;
    user-select: none;
}
header nav .nav_item_holder &gt; a:hover{
    color: #cd303a;
}
header nav .nav_item_holder.nav_button &gt; a{
    border-radius:50px;
    background:#447D9C;
    color:#000;
    margin: 0 0 0 16px;
}
header nav .nav_item_holder.nav_button &gt; a:hover{
    color:#447D9C;
    background:#fff;
}




/* Subnav */
.sub_nav {
    display: none;
    position: absolute;
    top: calc(100% - 40px);
    left: -15px;
    background: #ffffff;
    min-width: 170px;
    border-radius: 4px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.19);
    padding: 5px 0;
    z-index: 1000;
}

.sub_nav a {
    display: block;
    color: #1f386f;
    font-size: 14px;
    padding: 10px 15px 10px 12px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    transition: ease all 150ms;
    font-weight: 600;
}

.sub_nav a:hover {
    color: #1A3456;
    background: #f3f3f3;
}

header nav .nav_item_holder.menu-item-has-children {
    position: relative;
    display: flex;
}

header nav .nav_item_holder.menu-item-has-children &gt; a {
    padding-right: 3px;
    font-family: 'Poppins', sans-serif;
}

.subnav_more {
    width: 23px;
    position: relative;
    cursor: pointer;
}

.subnav_more:after {
    content: "\f107";
    font-family: 'Font Awesome 6 Pro';
    font-size: 13px;
    color: #002060;
    line-height: 1;
    transition: ease all 150ms;
}

header nav .nav_item_holder:focus-within .sub_nav,
header nav .nav_item_holder .subnav_more:focus + .sub_nav,
header nav .nav_item_holder:hover &gt; .sub_nav {
    display: block;
}


/********** Footer Container **********/
/*------------------------------------*/
footer {
    background-color: #091b32;
    padding: 80px 0; 
    border-top: 10px solid #396cb5;
}

footer .footer-content-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 60px;
}

/* ---------- LOGO PLACEHOLDER  ---------- */


#footer_logo {    
    background-image: url('img/logo-transparent.webp');
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 190px;
    padding: 60px 0px;
}


/* ---------- LOGO PLACEHOLDER  ---------- */

.footer-links{
    flex: 0 0 auto;
}
.footer-links ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin: 8px 0;
}

.footer-links a {
    color: #ffffff; 
    position:relative;
    padding: 4px 0;
    text-decoration: none; 
    display:inline-block;
    transition:ease 200ms all;
}
.footer-links a:hover{
    color:#f8b576;
}
.footer-links a:after{
    content:'';
    position:absolute;
    width:0%;
    height:1px;
    display:block;
    background-color:#fff;
    left:0;
    bottom: 3px;
    transition-delay: 100ms;
    transition:ease 150ms all;
}
.footer-links a:hover:after{
    width:100%;
}

.footer-right{
    flex: 0 0 auto;
    margin-left: auto;
}
.footer-contact {
    padding: 0 0 0 35px;
}

.footer-phone, 
.footer-address {
    position: relative;
}

.footer-contact p {
    margin: 0 0 12px 0;
    color: #ffffff;
    line-height: 1.3; 
    text-align: left;
}

.footer-social-icons {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.footer-social-icons a {
    font-size: 16px; 
    color: #ffffff; 
    text-decoration: none;
}

.footer-social-icons a i {
    font-family: 'Font Awesome 5 Free'; 
    font-weight: 900;
    margin-right: 10px;
}

.footer-phone i, 
.footer-address i {
    position:absolute;
    left: -35px;
    width: 30px;
    text-align:center;
}

.footer-address span {
    margin: 0;
    padding: 0;
    display: block; 
}








/********** Home Page **********/
/*------------------------------------*/

.hero-section {
    background: linear-gradient(135deg, #183872 9%,#396cb5 100%);
    padding:60px 0 155px 0;
    border-bottom: 10px solid #e26b29;
}

.home_hero_wrap {
    display: flex; 
    justify-content: space-between;
    align-items: center;
    gap: 60px; 
}

.hero-content-wrapper {
    flex: 0 1 50%;
    color: #fff;
    margin: 70px 0;
}

.hero-content-wrapper h1 {
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.2em;
}

.hero-content-wrapper .hero-paragraph {
    font-size: 24px;
    line-height: 1.5;
}

.hero-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.hero-slide h1 {
    font-size: 2.5rem;
    color: #ffffff;
    margin: 0;
}

.hero-slide .hero-paragraph {
    font-size: 1.2rem;
    color: #ffffff;
    margin-top: 10px;
}

/* Hero Image placeholder */
.hero-image-wrapper {
    position: relative;
    flex: 0 0 50%;
    align-self: stretch;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/*still need media queries*/


/* ------ OUR IMPACT ------ */

#impact{
    background: linear-gradient(45deg, #f8b576 0%,#f47521 100%);
    position: relative; 
    border-radius: 0 0 100px 100px;
    padding: 0 0 50px 0;
}
#impact:after{
    content:'';
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    border-radius: 0 0 100px 100px;
    background-image:url('img/teal_watermark_pattern_repeat.png');
    background-repeat:repeat;
    background-size:100px;
    background-position: 0px 20px;
    opacity: 0.4;
}

.impact-section {
    background-color: #fff; 
    padding: 50px 0 0 0;
    border-radius: 50px 10px 50px 50px; 
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1); 
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    top: -80px;
    z-index: 2;
    text-align: center;
}

.impact-section .wrapper {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 40px;
    text-align: center;
    width: 100%;
}

.impact-content-wrapper {
    display: flex;
    flex-direction: column; 
    align-items: center; 
    margin-bottom: 10px;
}

.impact-intro {
    font-size: 25px;
    color: #183872;
    margin: 0 0 40px 0;
    line-height: 1.4em;
    padding: 0 50px;
}

.impact-heading {
    font-size: 35px;
    font-weight: 700;
    color: #091b32;
    margin: 0 0 20px 0;
}

.impact-stats-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px; 
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    padding: 0 30px;
}

.impact-stat {
    text-align: center;
    flex: 1 0 21%;
    position: relative;
}

.impact-stat:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 4%;
    bottom: 0%;
    right: -11px; 
    width: 1px;
    background-color: #b299c7;
}

.impact-number {
    font-size: 77px;
    font-weight: bold; 
    color: #396cb5; 
    text-align: center; 
    padding:0 20px;
}

.impact-description {
    font-size: 1.4rem; 
    font-weight: bold; 
    color: #091b32; 
    text-align: center; 
    margin-top: 5px; 
    line-height: 1.3; 
}
#paypal-donate-button-homepage,
.impact-button-wrapper {
    margin-top: 10px;
    text-align: center;
    position: relative;
    top: 40px;
    z-index: 2;
}
#paypal-donate-button-homepage{
    top:30px;
}
#paypal-donate-button-homepage img {
    max-height: 60px;
    transition:ease 300ms all;
    filter: brightness(1);
}
#paypal-donate-button-homepage img:hover{
    filter: brightness(0.9);
}


.impact-button {
    background-color: #c13c52;
    border: 4px solid #fff;
    color: #fff;
    text-decoration: none;
    padding: 23px 110px 23px 40px;
    border-radius: 50px 5px 50px 50px;
    font-weight: bold;
    display: inline-block;
    font-size: 20px;
    position: relative;
}

.impact-button::after {
    content: "&gt;";
    font-size: 28px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    transform: translate(0,-50%);
}



/********** Support Section **********/

.support-section {
    position:relative;
    z-index: 1;
    gap:60px;
    padding: 40px 0;
    display:flex;
}

.support-content-wrapper {
    flex: 0 1 50%;
    color: #fff;
}

.support-content-wrapper h2 {
    font-size:34px;
    font-weight: bold;
    line-height: 1.2;
    color: #091b32;
    margin-bottom: 20px;
}

.support-section .support-paragraph {
    color: #091b32;
    font-size: 22px;
    margin-bottom: 25px;
    line-height: 1.4em;
    font-weight: 500;
}

.support-text p {
    font-size: 1rem;
    color: #4d4d4d;
    line-height: 1.5;
    margin-bottom: 20px;
}

.support-button-wrapper {
    margin-top: 10px;
    text-align: left;
    z-index: 2;
}

.support-button {
    background-color: #192f65;
    color: #fff;
    text-decoration: none;
    padding: 23px 110px 23px 40px;
    border-radius: 50px 5px 50px 50px;
    font-weight: bold;
    display: inline-block;
    font-size: 20px;
    position: relative;
    border: 4px solid #fff;
    transition:ease 300ms all;
}
.support-button:hover{
    background-color:#0b1c47;
}
.support-button::after {
    content: "&gt;";
    font-size: 28px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    transform: translate(0,-50%);
}





/* Video - Support Section */
.support-video-wrapper {
    position: relative;
    flex: 0 0 50%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.support-video {
    position: relative;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 2;
    color: #fff;
    text-decoration: none;
    font-size:70px;
    width: 100%;
    flex: 0 0 80%;
    border: 7px solid #fff;
    border-radius: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.support-video i{
    transform: scale(1);
    transition: transform 0.3s ease;
}
.support-video:hover i{
    transform: scale(1.2);
}
.video_bg_shape{
    position: absolute;
    display:block;
    z-index: 1;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height: 100%;
    width: 80%;
    border: 4px solid #396cb5;
    border-radius: 90px 15px 90px 90px;
}


/********** Community Section **********/


section#community{
    padding: 65px 0;
}
section#community h2{
    font-size: 36px;
    font-weight: bold;
    color: #091b32;
    padding: 0px 0 60px 0;
    text-align: center;
}
.section_content_wrapper{
    position:relative;
    padding: 60px 0;
}
.section_content_wrapper:before,
.section_content_wrapper:after{
    content:'';
    display:block;
    position: absolute;
    top:0;
    height:100%;
    width:90px;
    left:0;
    z-index: 5;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.section_content_wrapper:after{
    left:initial;
    right:0;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.slider_boondoggle {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 1;
}

.boondoggle{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height: 100%;
    max-height: 400px;
    width: 30%;
    max-width: 450px;
    background: linear-gradient(45deg, #396cb5 0%,#183872 52%,#091b32 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ -- Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#234365+0,334a58+52,51386a+100 */; 
    border-radius: 100px 15px 100px 100px; 
}

.slider_holder{
    z-index: 2;
    position: relative;
}

#home_videos .item{
    position: relative;
    text-decoration: none;
    border: 5px solid #fff;
    border-radius: 18px;
    background-color: #234365;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 54% 0 0 0;
    display: block;
}
#home_videos .item i{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color: #fff;
    font-size: 70px;
}
.slider_controls{
    display:flex;
    justify-content: center;
    gap:40px;
    margin: 30px 0 0 0;
}
.slider_prev,
.slider_next{
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    transition: ease all 150ms;
    background: #c13c52;
    padding: 13px 20px;
    border-radius: 0 20px 20px 20px;
    color: #fff;
    font-size: 30px;
    border: 3px solid white;
    box-shadow: 0 2px 18px -7px #333;
    transition:ease all 300ms;
    user-select: none;
}
.slider_prev{
    border-radius: 20px 0 20px 20px;
}
.slider_prev,
.slider_next:hover{
    box-shadow: 0 2px 18px -5px #000;
    cursor:pointer;
    background: #a72f43;
}



/********** Mission Section **********/

.mission-background {
    background-color: #183872;
    position: relative; 
    border-radius: 100px 100px 0px 0px;
    padding-bottom: 80px;
}

.mission-background &gt; div:nth-child(1) {
    position: relative;
    z-index: 50;
}


.mission-background:after{
    content:'';
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    border-radius: 100px 100px 0px 0px;
    background-image:url('img/teal_watermark_pattern_repeat.png');
    background-repeat:repeat;
    background-size:100px;
    background-position: 0px 20px;
    opacity: 0.1;
}

.mission-section {
    position:relative;
    z-index: 1;
    display:flex;
    padding: 80px 0 0px 0;
    gap:60px;
}
.mission-content-wrapper {
    flex: 0 1 50%;
    color: #fff;
}

.mission-content-wrapper h2 {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 20px;
}

.mission-section .mission-paragraph {
    color: #fff;
    margin-bottom: 40px;
    line-height: 1.4;
    text-align: left;
    font-size: 22px;
}

.mission-text p {
    font-size: 1rem;
    color: #4d4d4d;
    line-height: 1.5;
    margin-bottom: 20px;
}

.mission-button-wrapper {
    margin-top: 10px;
    text-align: left;
    z-index: 2;
}

.mission-button {
    background-color: #c13c52;
    border: 4px solid #fff;
    color: #fff;
    text-decoration: none;
    padding: 23px 110px 23px 40px;
    border-radius: 50px 5px 50px 50px;
    font-weight: bold;
    display: inline-block;
    font-size: 20px;
    position: relative;
    transition:ease all 300ms;
}
.mission-button:hover{
    background: #a72f43;
}
.mission-button::after {
    content: "&gt;";
    font-size: 28px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    transform: translate(0,-50%);
}




/* Mission Grid */
.mission-grid-wrap{
    position: relative;
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mission_grid{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(15,1fr);
    flex: 1 1 100%;
    grid-template-rows: repeat(20,5%);
    min-height: 600px;
}
.left_one{grid-column: 1/8;grid-row: 1/18;}
.right_one{grid-column: 9/16;grid-row: 4/13;}
.right_two{grid-column: 9/16;grid-row: 14/20;}

.mission_grid &gt; div{
    background-color:#002060;
    border-radius:20px;
    background-size:cover;
    background-position:center;
}
.mission_grid_bg_shape{
    position:absolute;
    z-index: 1;
}
.mission_grid_bg_shape{
    position: absolute;
    display: block;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 80%;
    width: 80%;
    border: 4px solid #fff;
    border-radius: 90px 15px 90px 90px;
}









/********** Careers Section Styles **********/

.the_careers_chunk {
    position:relative;
    align-items: center;
    background: #fff;
    border-radius: 50px 10px 50px 50px; 
    margin-top: 80px; 
}
.careers-header-wrapper{
    text-align: center;
    padding: 50px;
}
.careers-content-wrapper h2 {
    font-size: 34px;
    font-weight: bold;
    color: #091b32; 
    margin-bottom: 25px;
}
.careers-subheading {
    font-size: 24px;
    color: #091b32; 
    margin:0;
    line-height: 1.4;
    padding: 0 50px;
    position: relative;
}
.careers-paragraph {
    font-size: 24px;
    color: #091b32; 
    margin-bottom: 20px;
    line-height: 1.4;
}
.the_careers_chunk .video_bg_shape{
    border-color: #183872;
}

.careers-body-wrapper{
    display: flex;
    border-top:4px solid #192f65;
    padding: 50px;
    gap:60px;
}
.careers-description-wrapper{
    flex: 0 1 50%;
    align-self: center;
}
.careers-video-wrapper{
    flex: 0 0 50%;
}



.careers-button-wrapper {
    margin-top: 20px;
}
.careers-button {
    display: inline-block;
    background-color: #192f65; 
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 23px 110px 23px 40px;
    border-radius: 50px 5px 50px 50px;
    text-decoration: none;
    position:relative;
    transition:ease 300ms all;
}
.careers-button:hover{
    background-color:#0b1c47;
}


.careers-button::after {
    content: "&gt;";
    font-size: 28px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    transform: translate(0,-50%);
}
.careers-note {
    font-size: 14px;
    color: #000; 
    margin-top: 15px;
    font-style: italic;
    line-height: 1.4;
    padding: 0 90px 0 0;
}

/* Video - Support Section */
.careers-video-wrapper {
    position: relative;
    flex: 0 0 50%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 370px;
}

.careers-video {
    position: relative;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 2;
    color: #fff;
    text-decoration: none;
    font-size:70px;
    width: 100%;
    flex: 0 0 80%;
    border: 7px solid #fff;
    border-radius: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/* ---------- Interior Hero Image ---------- */

.background-section {
    width: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8b576+0,f8b576+50,183872+51,183872+100 */
    /* background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(24,56,114,1) 51%,rgba(24,56,114,1) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-color: #1f386f; 
}
.background-section.nosidebar{
    background:#183872;
}
.int_hero {
    background-size: cover;
    background-color:#091b32;
    background-position: center;
    border-radius: 0 0 50px 50px;
    max-height: 350px;
    height: 25vw;
}


/* Interior Content Main Styles */
/* ------------------------------------------------ */
.content-section {
    display: flex;
}

section.content{
    order:2;
    flex: 1 1 auto;
    background-color: #1f386f;
    color: #fff; 
    padding: 50px 50px 100px 50px;
    min-width: 0;
}
section.content &gt; :first-child{
    margin-top:0 !important;
    padding-top:0 !important;
}
aside.sidebar {
    order:1;
    flex: 0 0 30%;
    /* background-color: #fff;  */
    padding: 40px;
    box-sizing: border-box;

    background-color: #1f386f; 
    border-right: 1px solid #396cb5;
}

/* Sidebar Nav */
.nav_header{
    font-weight:700;
    font-size: 20px;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    /* border-bottom: 1px solid #0a3a50; */
    border-bottom: 1px solid #396cb5;
    /* color: #000; */
    color: #fff;
    text-decoration: none;
    position: relative;
    line-height: 1.3em;
}
aside nav a {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 400;
    /* color: #000; */
    color: #f8b576;
    text-decoration: none;
    display: flex;
    align-items: center;
    line-height: 1.3em;
}
aside nav a.current_page{
    padding: 0 0 0 25px;
    position: relative;
    font-weight:700;
}
aside nav a.current_page:before {
    content: "&gt;"; 
    /* color: #25376b;  */
    color: #f8b576; 
    font-size: 1rem; 
    margin-right: 10px; 
    position: absolute;
    left:0;
}
aside nav a:hover {
    text-decoration: underline;
}

/* Content Kitchen Sink */
/* ---------------------------------- */
.content h1 {
    font-size: 36px;
    margin: 0 0 10px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #396cb5;
}
.content h2 {
    font-size: 26px;
    margin: 50px 0 25px 0;
    color: #f8b576;
    line-height: 1.3em;
}
.content h3 {
    font-size: 20px;
    margin: 0 0 6px 0;
    line-height: 1.5em;
}
.content h4 {
    font-size: 18px;  
    margin: 0 0 10px 0;
    line-height: 1.5em;
}
.content h5 {
    font-size: 18px;  
    margin: 0 0 10px 0;
    line-height: 1.5em;
}
.content h6 {
    font-size: 18px;  
    margin: 0 0 10px 0;
    line-height: 1.5em;
}
.content h2 i,
.content h3 i,
.content h4 i,
.content h5 i{
    font-size: 1.6em;
    margin: 0 0 10px 0;
    color:#f8b576;
}

/* Paragraph */
.content p {
    font-size:16px;
    line-height: 1.7em;
    margin: 0 0 30px 0;
}
.content li b,
.content li strong,
.content p strong,
.content p b {
    font-weight: bold;
}
.content li em,
.content p em {
    font-style: italic;
}

/* Lists */
.content ul,
.content ol {
    margin: 0 0 30px 0;
    padding: 0 0 0 15px;
}
.content li {
    font-size:16px;
    margin: 0 0 10px 0;
    line-height: 1.7em;
}

/* Images */
.content img{
    max-width: 100%;
    height:auto;
}
.wp-block-image{
    margin: 0 0 50px 0;
}

/* Links */
.content p a,
.content li a{
    color: #f8b576;
    text-decoration: underline;
    transition: color 0.3s ease, text-decoration 0.3s ease; 
}
.content a:hover {
    /* background-color: rgba(255, 255, 255, 0.12); */ 
    background-color: rgba(0, 0, 0, 0.27); /* Dark */
}

/* Video Embeds */
.wp-block-embed__wrapper{
    border: 30px solid #396cb5;
    margin: 0 0 50px 0;
}

/* Style for WP Buttons */
.wp-block-buttons{
    margin: 0 0 30px 0;
    gap: 30px;
}
.wp-block-button .wp-block-button__link {
    background-color: #c13c52;
    border: 4px solid #fff;
    color: #fff;
    text-decoration: none;
    padding: 17px 75px 17px 32px;
    border-radius: 50px 5px 50px 50px;
    font-weight: bold;
    display: inline-block;
    font-size: 17px;
    position: relative;
    text-transform: uppercase;
}
.wp-block-button .wp-block-button__link:hover{
    color: #fff;
    background-color: #9f293d;
}
.wp-block-button .wp-block-button__link::after {
    content: "&gt;";
    font-size: 28px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    transform: translate(0,-50%);
}


/* Donation Success/Cancel Pages/404 */
.content-section.donation_success_cancel{
    min-height:80vh;
    padding-top: 10vh;
    text-align: center;
}
.content-section.donation_success_cancel i{
    font-size:65px;
    margin: 0 0 20px 0;
    color: #f9b676;
}
.center_flex_button{
    display: flex;
    justify-content: center;
}

/* Password Protected Pages */
.protected_login{
    display: flex;
    justify-content: center;
    margin: 40px 0;
}
.post-password-form{
    text-align: center;
    padding: 40px;
    background: #091b32;
    border-radius: 40px 0 40px 40px;
    flex: 0 1 450px;
}
@media(max-width:700px){
    .post-password-form{
        padding: 20px;
    }
}
.post-password-form p:first-child{
    color: #c8f7f3;
}
.post-password-form p:last-child{
    display:flex;
    flex-direction: column;
}

.post-password-form p:last-child label{
    background: #fff;
    border-radius: 10px 0 10px 10px;
    padding: 10px 10px 0 10px;
    color: #1f386f;
    font-size: 14px;
    text-align: left;
    line-height: 14px;
}
.post-password-form p:last-child label input{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border:none;
    margin: 8px 0 0 0;
    outline: none;
    font-size: 23px;
    width: 100%;
    padding: 7px 0;
    height: auto;
    border-top: 1px solid #f3f3f3;
}
.post-password-form p:last-child input[type='submit']{
    background: #c13c52;
    padding: 15px;
    border-radius: 10px 0 10px 10px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    color: #fff !important;
    transition: ease all 300ms;
    border: none;
    margin: 14px 0 0 0;
}
.post-password-form p:last-child input[type='submit']:hover{
    background: #a72f43;
}






/* Media Queries */
/* ------------------------------------------ */
/* ------------------------------------------ */
@media (min-width: 1400px) {


 

}@media (max-width: 1200px) {

    /* Homepage */
    .hero-content-wrapper{
        margin: 30px 0;
    }
    .hero-content-wrapper h1 {
        font-size: 48px;
    }



}@media (max-width: 1100px) {
    
    /* Globals */
    .wrapper{padding: 0 50px;}

    /* Homepage */
    .hero-content-wrapper h1 {
        font-size: 40px;
    }
    .hero-content-wrapper .hero-paragraph {
        font-size: 20px;
    }
    .hero-section{
        padding: 40px 0 125px 0;
    }
    .impact-intro{
        font-size: 20px;
        line-height: 1.5;
    }
    .mission-section{
        flex-wrap:wrap;
    }
    .mission-content-wrapper{
        flex: 1 0 100%;
    }
    .mission-grid-wrap{
        flex: 1 0 100%;
    }
    

    /* Homepage Text Size-Down */
    .impact-heading,
    section#community h2,
    .mission-content-wrapper h2,
    .careers-content-wrapper h2,
    .support-content-wrapper h2{
        font-size: 26px;
        list-style: 1.3em;
    }
    .careers-paragraph,
    .mission-section .mission-paragraph,
    .careers-subheading,
    .support-section .support-paragraph{
        font-size: 19px;
        line-height:1.4em;
    }

    .impact-stat{
        flex: 1 0 41%;
    }
    .impact-stat:not(:last-child):after {
        display:none;
    }
    .impact-stats-wrapper{
        gap: 40px 20px;
    }

    



    /* Main Nav */
    .header_inner{
        gap:40px;
        flex-wrap:wrap;
    }
    header nav{
        display:none;
        order:3;
        flex-direction: column;
        gap:0;
    }
    header nav.active{
        display:flex;
        flex: 1 0 100%;
    }
    header nav .nav_item_holder{
        display:flex;
        flex-flow:row wrap;
        border-top: 1px solid #0a3a50;
    }
    header nav .nav_item_holder &gt; a{
        flex: 1 1 60%;
        text-align: left;
        font-size:18px;
        padding: 17px 0;
    }
    header nav .nav_item_holder.nav_button &gt; a{
        flex: 1 1 60%;
        text-align: left;
        font-size:18px;
        padding: 10px 30px 10px 0;

        border-radius: 0;
        background: transparent;
        color: #fff;
        margin: 0;
    }
    header nav .nav_item_holder.nav_button &gt; a:hover{
        background:transparent;
        color:#7AC2EA;
    }
    header nav .nav_item_holder.menu-item-has-children &gt; a{
        padding-right: 33px;
    }

    header nav .nav_item_holder .subnav_more:focus + .sub_nav,
    header nav .nav_item_holder:focus-within .sub_nav,
    header nav .nav_item_holder:hover .sub_nav,
    .sub_nav {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        display: none;
        flex: 1 1 100%;
        padding: 0;
        border-left: 1px solid #dddffc;
        border-radius: 0;
        margin: 10px 0 25px 0;
        flex-direction: column;
    }
    header nav .nav_item_holder .sub_nav.active, 
    .sub_nav.active {
        display: flex !important;
        background: transparent;
        box-shadow: none;
        margin: 0 0 40px 0;
    }
    .sub_nav a {
        font-weight: 500;
        text-transform: uppercase;
        font-size: 16px;
        position: relative;
        line-height: 1.1em;
        padding: 11px 0 11px 14px;
        transition: ease all 300ms;
    }
    .sub_nav a::after {
        content: '';
        display: block;
        position: absolute;
        left: -1px;
        width: 1px;
        top: 0;
        bottom:0;
        transition:ease all 100ms;
        z-index: 5;
        opacity: 0;
        background: #767abc;
    }
    .sub_nav a:hover::after {
        opacity: 1;
    }
    .subnav_more {
        width: 80px;
        text-align: right;
        padding: 0px 16px 0 0;
    }
    .subnav_more:after {
        font-size: 19px;
    }

    .get-started-button {
        margin: 10px 0 0 0;
        border-top: none !important;
    }
    

    #mnavbutton{
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color:#000;
        align-self: center;
        padding: 0 0 0 10px;
        font-size: 24px;
        order:2;
        transition-duration: 0.5s;
    }
    .menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        padding: 0;
    }
    .line {
        fill: none;
        stroke: #000;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }
    .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }
    .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }
    .active .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }
    .active .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }
    .active .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }
    

}@media (max-width: 1000px) {

    /* Homepage */
    .boondoggle{
        width:40%;
    }
    .section_content_wrapper{
        padding: 3vw 0;
    }


}@media (max-width: 900px) {

    /* Globals */
    .wrapper{padding: 0 30px;}
    .int_hero{
        margin: 0 -30px;
        height: 31vw;
    }
    #logo{
        padding: 45px 0px;
    }

    /* Homepage */
    .mission-background{
        border-radius:50px 50px 0 0;
    }
    #impact {
        border-radius: 0 0 50px 50px;
        margin-bottom: 20px;
    }
    .mission-section{
        gap:50px;
        padding:60px 5% 0px 5%;
    }
    .careers-body-wrapper,
    .support-section,
    .home_hero_wrap{
        gap: 30px;
    }
    .hero-content-wrapper h1 {
        font-size: 34px;
    }

    .support-section{
        flex-wrap:wrap;
        gap:40px;
        padding: 20px 0 0 0;
    }
    .support-video-wrapper,
    .support-content-wrapper{
        padding: 40px 0;
        flex: 1 0 100%;
    }
    .support-content-wrapper{
        padding: 0 5%;
    }
    .support-video{
        height: 47vw;
        flex: initial;
    }
   

    .careers-header-wrapper{
        padding: 40px;
    }
    .careers-subheading{
        margin:0;
        padding:0;
    }
    .careers-note{padding:0;}

    .careers-body-wrapper{
        flex-wrap:wrap;
        gap:40px;
        padding: 40px;
    }
    .careers-video-wrapper,
    .careers-description-wrapper{
        padding: 0;
        flex: 1 0 100%;
    }
    .careers-video-wrapper{
        padding: 40px 0;
    }
    .careers-description-wrapper{
        text-align: center;
    }
    .careers-video{
        height: 47vw;
        flex: initial;
    }
    .careers-button-wrapper{
        display:flex;
        justify-content: center;
    }


    /* Footer */
    footer .footer-content-wrapper{
        flex-wrap:wrap;
        gap:30px;
    }
    footer .footer-content-wrapper &gt; div,
    footer .footer-content-wrapper &gt; a{
        flex: 1 0 100%;
        text-align: center;
    }
    #footer_logo{
        flex: 1 0 100%;
        background-position: center;
    }
    .footer-links ul{
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }
    .footer-links li{margin:0;}

    .footer-contact p{
        padding: 33px 0 0 0;
        margin: 0px 0 40px 0;
        text-align: center;
        position: relative;
    }
    .footer-phone a{
        color:#fff !important;
        text-decoration: none !important;
    }
    .footer-phone i, 
    .footer-address i {
        position: absolute;
        left: 50%;
        width: 50px;
        text-align: center;
        top: 0;
        transform: translate(-50%,0);
        font-size: 25px;
        color: #f8b575;
    }
    .footer-contact{
        padding:0;
    } 
    .footer-links a{
        color: #c8f7f3;
        position: relative;
        text-decoration: none;
        display: inline-block;
        padding: 12px 15px;
        background: rgba(16, 34, 73, 0.82);
        border-radius: 30px 7px 30px 30px;
        font-size: 14px;
    }
    .footer-links a:after{display:none;}

    /* Page Content */
    .background-section{
        background: #1f386f;
    }
    .content-section{
        flex-wrap:wrap;
    }
    section.content{
        order:1;
        flex: 1 0 100%;
        padding: 40px 0;
    }
    aside.sidebar{
        order:2;
        padding: 30px;
        margin: 0 0 40px 0;
        border-radius: 30px 8px 30px 30px;
        flex: 1 0 100%;
        background-color: #1b3163;
        border:none;
    }

}@media (max-width: 800px) {

    /* Homepage */
    
   



}@media (max-width: 700px) {

    /* Globals */
    #logo{
        padding: 35px 0px;
    }

    /* Homepage */
    .home_hero_wrap{flex-wrap:wrap;}
    .hero-content-wrapper h1 {
        font-size: 36px;
    }
    .hero-content-wrapper .hero-paragraph {
        font-size: 16px;
    }
    .hero-content-wrapper {
        margin: 0;
        flex: 1 0 100%;
        text-align: center;
    }
    .hero-image-wrapper {  
        flex: 1 0 50%;
        padding: 62% 0 0 0;
    }
    .careers-video-wrapper{
        padding: 20px 0;
        min-height: 0;
    }
    .mission_grid{
        min-height: 96vw;
    }

    .impact-heading{
        border-bottom: 1px solid #e0e0e0;
        width: 80%;
        padding: 0 0 11px 0;
    }
    .impact-stats-wrapper {
        gap: 30px 20px;
    }
    .impact-stat {
        flex: 1 0 61%;
    }
    .impact-number{font-size: 58px;}
        
}@media (max-width: 600px) {

    /* Globals */
    #logo{
        padding: 20px 0px;
        flex: 0 0 90px;
    }

    /* Homepage */
    .impact-section{
        padding: 30px 0 0 0;
    }
    .impact-intro{
        padding: 0 8%;
        font-size: 16px;
    }
    #community .wrapper{
        padding:0;
    }
    section#community h2{
        padding: 0 0 20px 0;
    }

    /* Footer */
    .footer-links ul{
        gap:10px;
    }


    /* Video Embeds */
    .wp-block-embed__wrapper{
        border: 10px solid #27427c;
        margin: 0 0 40px 0;
    }
    



}@media (max-width: 500px) {
    
    /* Globals */
    .wrapper{padding: 0 20px;}
    .int_hero{
        margin: 0 -20px;
        height: 31vw;
    }
    






}/* ------------------------------------------ */
/* ------------------------------------------ */

</pre></body></html>