/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
@import"https://fast.fonts.net/t/1.css?apiType=css&projectid=ab1bd268-978f-416c-a857-503af7808b38";

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0);
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

*,
*::before,
*::after {
    box-sizing: inherit
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

html {
    overflow-x: auto;
    overflow-y: scroll;
    scroll-behavior: smooth
}

body {
    box-sizing: border-box;
    background: #fff;
    color: #474849;
    font-size: calc(14px + 3*(100vw - 420px)/480);
    font-family: "Roboto", sans-serif;
    line-height: 1.55
}

@media screen and (max-width: 420px) {
    body {
        font-size: 14px
    }
}

@media screen and (min-width: 900px) {
    body {
        font-size: 17px
    }
}

h1 {
    margin: 0 0 25px;
    color: #ac351d;
    font-size: 2.625em;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    line-height: 1.2
}

@media screen and (max-width: 43.75em) {
    h1 {
        font-size: 1.5em;
        margin-bottom: .5em
    }

    .home h1 {
        font-size: 1.2em
    }
}

h2 {
    margin: 0 0 .4em;
    color: #bd9923;
    font-size: 1.625em;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    line-height: 1.25
}

@media screen and (max-width: 43.75em) {
    h2 {
        font-size: 1.4em
    }
}

h3 {
    margin: 0 0 .5em;
    color: #701e72;
    font-size: 1.15em;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    line-height: 1.25
}

h4 {
    margin: 0 0 .7em;
    color: #0e5585;
    font-size: .95em;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    line-height: 1.1
}

h5 {
    margin: 0 0 .5em;
    color: #474849;
    font-size: 1.25em;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    line-height: 1.1
}

blockquote {
    font-family: inherit;
    font-size: .95em;
    line-height: 1.4
}

table {
    border-collapse: collapse
}

sup,
sub {
    font-size: .6em
}

small {
    font-size: .9375em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 200
}

p {
    margin: 0;
    padding: 0 0 1.5em
}

ul,
ol {
    margin: 0;
    padding: 0 0 1.5em
}

ul ul,
ol ol {
    padding: 0
}

ul li {
    margin: 8px 0 5px 5px;
    padding: 0 0 0 15px;
    list-style-type: none;
    background: url(../images/bullet.png) no-repeat 0 8px
}

ul li * {
    margin-top: 0
}

ul li p {
    margin: 0;
    padding: 0
}

ol li {
    margin: 0 0 .5rem 2rem
}

a,
a:link,
a:visited {
    color: #007060;
    font-weight: 500;
    text-decoration: underline;
    outline: none;
    cursor: pointer;
    transition: color .2s ease-out, background .2s ease-in, opacity .2s ease-out, border .2s ease-out, -webkit-text-decoration .2s ease-out;
    transition: color .2s ease-out, background .2s ease-in, opacity .2s ease-out, text-decoration .2s ease-out, border .2s ease-out;
    transition: color .2s ease-out, background .2s ease-in, opacity .2s ease-out, text-decoration .2s ease-out, border .2s ease-out, -webkit-text-decoration .2s ease-out
}

a:hover,
a:active,
a:focus {
    color: #00a699
}

a:active,
a:focus {
    outline: #5e9ed7 auto 5px
}

img {
    width: auto;
    max-width: 100%
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #b6b6b7;
    margin: 1em 0;
    padding: 0;
    clear: both
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input,
textarea,
select {
    font-family: "Roboto", sans-serif;
    font-size: 1em
}

figure {
    margin: 0
}

figcaption {
    display: block
}

::-moz-selection {
    background: rgba(0, 91, 78, .2);
    text-shadow: none
}

::selection {
    background: rgba(0, 91, 78, .2);
    text-shadow: none
}

a.ck-anchor {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    cursor: default
}

a.ck-anchor:hover {
    color: inherit
}

@font-face {
    font-family: "Freight Sans Pro W01_n6";
    src: url(../fonts/d154fe01-4538-4277-9e56-74538134d43b.eot?#iefix) format("eot")
}

@font-face {
    font-family: "Freight Sans Pro";
    src: url(../fonts/d154fe01-4538-4277-9e56-74538134d43b.eot?#iefix);
    src: url(../fonts/d154fe01-4538-4277-9e56-74538134d43b.eot?#iefix) format("eot"), url(../fonts/84efe8b8-d2b9-464c-93b4-1237a3cb52c3.woff2) format("woff2"), url(../fonts/0bef275a-3f3b-4cd1-8aa0-3535eefb27c0.woff) format("woff"), url(../fonts/e0be4e39-367d-4f71-84cf-5b18ccc68510.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Freight Sans Pro W01_i6";
    src: url(../fonts/7386b6ce-d914-414c-96ed-086e3ee1225c.eot?#iefix) format("eot")
}

@font-face {
    font-family: "Freight Sans Pro";
    src: url(../fonts/7386b6ce-d914-414c-96ed-086e3ee1225c.eot?#iefix);
    src: url(../fonts/7386b6ce-d914-414c-96ed-086e3ee1225c.eot?#iefix) format("eot"), url(../fonts/b0aeb865-5e89-4567-ada5-1bed1d79d6ab.woff2) format("woff2"), url(../fonts/12d51302-6932-4023-9c23-34410f09132e.woff) format("woff"), url(../fonts/8b887663-c527-4263-abbf-e4d83d72389b.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Freight Sans Pro W00_n2";
    src: url(../fonts/846d7f62-bc41-43d5-b9ef-515648c4bdf0.eot?#iefix) format("eot")
}

@font-face {
    font-family: "Freight Sans Pro";
    src: url(../fonts/846d7f62-bc41-43d5-b9ef-515648c4bdf0.eot?#iefix);
    src: url(../fonts/846d7f62-bc41-43d5-b9ef-515648c4bdf0.eot?#iefix) format("eot"), url(../fonts/489ddee0-ddda-430c-8f56-d5d8b204174c.woff2) format("woff2"), url(../fonts/52b03e8e-4c8e-46f6-a983-00f0ad55d35c.woff) format("woff"), url(../fonts/a5aef2f8-5790-40fa-b327-c05f50fc834e.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: "Freight Sans Pro W00_n3";
    src: url(../fonts/7f93f850-78bb-41eb-971c-f3f44a2556c9.eot?#iefix) format("eot")
}

@font-face {
    font-family: "Freight Sans Pro";
    src: url(../fonts/7f93f850-78bb-41eb-971c-f3f44a2556c9.eot?#iefix);
    src: url(../fonts/7f93f850-78bb-41eb-971c-f3f44a2556c9.eot?#iefix) format("eot"), url(../fonts/4584c03e-44d8-41e0-9c6d-dcf1f5132fcf.woff2) format("woff2"), url(../fonts/e3a72cdd-96f7-4a6c-afd0-15448e1276a9.woff) format("woff"), url(../fonts/009ee2e0-5a09-49ca-9a1d-f0810c51d04f.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Freight Sans Pro W00_i3";
    src: url(../fonts/6852e1c1-ba44-49a0-9dc5-9353036425d8.eot?#iefix) format("eot")
}

@font-face {
    font-family: "Freight Sans Pro";
    src: url(../fonts/6852e1c1-ba44-49a0-9dc5-9353036425d8.eot?#iefix);
    src: url(../fonts/6852e1c1-ba44-49a0-9dc5-9353036425d8.eot?#iefix) format("eot"), url(../fonts/686207b2-b859-4787-89a4-e89a40d583c0.woff2) format("woff2"), url(../fonts/430f668d-0e1a-4256-8275-3e2937c9f2ad.woff) format("woff"), url(../fonts/7f3a0280-2ea8-463b-ba4d-961dc9dfb40b.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Adobe Garamond W01_i4";
    src: url(../fonts/cc631089-fa2c-4288-baf8-2e744de1a554.eot?#iefix) format("eot")
}

@font-face {
    font-family: "Adobe Garamond";
    src: url(../fonts/cc631089-fa2c-4288-baf8-2e744de1a554.eot?#iefix);
    src: url(../fonts/cc631089-fa2c-4288-baf8-2e744de1a554.eot?#iefix) format("eot"), url(../fonts/68e92036-cf88-44c3-8061-e7d30fc9d1c4.woff2) format("woff2"), url(../fonts/bb497139-4ed5-41d1-905c-46d29a1b30f8.woff) format("woff"), url(../fonts/80bceb3f-535e-478f-95eb-db6597482771.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Adobe Garamond W01_i6";
    src: url(../fonts/6ab8ca00-cb3c-4650-9898-8bd7549e4bba.eot?#iefix) format("eot")
}

@font-face {
    font-family: "Adobe Garamond";
    src: url(../fonts/6ab8ca00-cb3c-4650-9898-8bd7549e4bba.eot?#iefix);
    src: url(../fonts/6ab8ca00-cb3c-4650-9898-8bd7549e4bba.eot?#iefix) format("eot"), url(../fonts/67966868-1c07-4861-84a1-aff5f6d52915.woff2) format("woff2"), url(../fonts/f57c0124-5531-42de-8161-da69918f789c.woff) format("woff"), url(../fonts/bb927941-6c69-42fa-835e-85beae1f8365.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

.container {
    width: 90%;
    max-width: 62.5rem;
    margin: 0 auto
}

.container.extended-width {
    max-width: 78.125rem
}

.hideTop {
    visibility: hidden;
    position: absolute;
    top: 0;
    height: 1px;
    font-size: 1px;
    line-height: 1px
}

.hidden {
    display: none !important
}

.Hidden {
    display: none !important
}

.no-margin {
    margin: 0
}

.nospacing {
    margin: 0px;
    padding: 0px
}

.shadow-spacing {
    padding: 4px 4px 1em
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.cursorOn {
    cursor: pointer !important
}

.edit {
    position: fixed;
    top: calc(50% - 60px);
    left: 0;
    background: #000;
    border: 1px solid #fff;
    width: 28px;
    height: 120px;
    z-index: 10000;
    margin: 0;
    padding-right: 8px;
    text-align: center;
    writing-mode: vertical-rl
}

.edit a {
    display: block;
    color: #fff;
    font-size: 13px;
    font-family: sans-serif;
    line-height: 1
}

.edit a:hover {
    opacity: .75
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes scale-in {
    0% {
        opacity: 0;
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.accordion {
    width: 100%;
    margin-bottom: 1.5em;
    border-top: 1px solid #e3e3e7
}

.accordion p:last-child,
.accordion ul:last-child {
    margin: 0;
    padding: 0
}

.accordion__button {
    position: relative;
    display: block;
    margin: 0px;
    padding: 14px 50px 14px 15px;
    border: 0px;
    border: 1px solid #e3e3e7;
    border-top: none;
    background: #f8f9f6;
    text-align: left;
    color: #007060;
    font-size: 1.25em;
    line-height: 1.2;
    width: 100%;
    transition: .2s;
    cursor: pointer
}

.accordion__button:after {
    display: flex;
    justify-content: center;
    align-items: center;
    content: url(../images/icon-plus.svg);
    position: absolute;
    right: 15px;
    top: 12px;
    height: 30px;
    width: 30px;
    background: #007060;
    border-radius: 50%
}

.accordion__button:hover,
.accordion__button:focus,
.accordion__button:active {
    background: #00a699;
    color: #fff
}

.accordion__button.expanded {
    background: #007060;
    color: #fff
}

.accordion__button.expanded:after {
    content: url(../images/icon-minus.svg)
}

.accordion__section {
    border-left: 1px solid #b6b6b7;
    border-right: 1px solid #b6b6b7;
    background: #fff;
    max-height: 0vh;
    overflow: hidden;
    padding: 0;
    opacity: 1
}

.accordion__section.open {
    max-height: 100vh;
    overflow: auto;
    padding: 18px;
    visibility: visible;
    border-bottom: 1px solid #b6b6b7;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    animation: appear .25s linear
}

@keyframes appear {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(6px)
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

.accordion .kimbiaDiv {
    margin-top: 0 !important
}

.landing .accordion {
    border-radius: 30px
}

.landing .accordion__button {
    border-radius: 30px;
    background: #007060;
    border: 1px solid #007060;
    color: #fff;
    font-size: .85em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 1em 2.5em
}

.landing .accordion__button:after {
    top: 9px
}

.landing .accordion__section {
    border: none
}

a.button,
a.button:visited,
a.button:link,
.button a,
.button a:visited,
.button a:link,
input.button,
button.button,
.freeform-button-submit {
    border: 0px;
    padding: 1em 2.5em;
    margin: 0px;
    display: inline-block;
    cursor: pointer;
    background: #007060;
    border: 1px solid #007060;
    border-radius: 30px;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, .05), 0px 1px 8px rgba(0, 0, 0, .08);
    color: #fff !important;
    font-size: .85em;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none !important;
    text-transform: uppercase
}

a.button.blue-button,
a.button:visited.blue-button,
a.button:link.blue-button,
.button a.blue-button,
.button a:visited.blue-button,
.button a:link.blue-button,
input.button.blue-button,
button.button.blue-button,
.freeform-button-submit.blue-button {
    background: #004780;
    border-color: #004780;
    color: #fff !important
}

a.button.orange-button,
a.button:visited.orange-button,
a.button:link.orange-button,
.button a.orange-button,
.button a:visited.orange-button,
.button a:link.orange-button,
input.button.orange-button,
button.button.orange-button,
.freeform-button-submit.orange-button {
    background: #b38808;
    border-color: #b38808;
    color: #fff !important
}

a.button.red-button,
a.button:visited.red-button,
a.button:link.red-button,
.button a.red-button,
.button a:visited.red-button,
.button a:link.red-button,
input.button.red-button,
button.button.red-button,
.freeform-button-submit.red-button {
    background: #bd3c26;
    border-color: #bd3c26;
    color: #fff !important
}

a.button.purple-button,
a.button:visited.purple-button,
a.button:link.purple-button,
.button a.purple-button,
.button a:visited.purple-button,
.button a:link.purple-button,
input.button.purple-button,
button.button.purple-button,
.freeform-button-submit.purple-button {
    background: #221f72;
    border-color: #221f72;
    color: #fff !important
}

a.button.white-button,
a.button:visited.white-button,
a.button:link.white-button,
.button a.white-button,
.button a:visited.white-button,
.button a:link.white-button,
input.button.white-button,
button.button.white-button,
.freeform-button-submit.white-button {
    background: #fff;
    color: #007060 !important
}

a.button:hover,
.button a:hover,
input.button:hover {
    background: #00a699
}

a.button:hover.blue-button,
.button a:hover.blue-button,
input.button:hover.blue-button {
    background: #5b93bf
}

a.button:hover.orange-button,
.button a:hover.orange-button,
input.button:hover.orange-button {
    background: #e9c65e
}

a.button:hover.red-button,
.button a:hover.red-button,
input.button:hover.red-button {
    background: #ee6a54
}

a.button:hover.purple-button,
.button a:hover.purple-button,
input.button:hover.purple-button {
    background: #5552a3
}

a.button:hover.white-button,
.button a:hover.white-button,
input.button:hover.white-button {
    background: #00a699;
    color: #fff !important
}

.button.white-btn a,
.button.white-btn a:link,
.button.white-btn a:visited {
    background: #fff;
    color: #007060 !important;
    font-size: .8rem
}

.button.white-btn a:hover,
.button.white-btn a:active,
.button.white-btn a:focus {
    background: #007060;
    color: #fff !important
}

a.arrowLink,
a.arrowLink:link,
a.arrowLink:visited,
.arrowLink a,
.arrowLink a:link,
.arrowLink a:visited {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 25%;
    padding: 0 0 0 10%;
    color: #fff;
    font-size: .75em;
    line-height: 100%;
    text-decoration: none;
    text-transform: none
}

a.arrowLink:before,
a.arrowLink:link:before,
a.arrowLink:visited:before,
.arrowLink a:before,
.arrowLink a:link:before,
.arrowLink a:visited:before {
    content: url(../images/arrow-left.png);
    margin-right: 10px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #fff;
    color: #007060;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    line-height: 31px
}

@media screen and (max-width: 57.5em) {

    a.arrowLink,
    a.arrowLink:link,
    a.arrowLink:visited,
    .arrowLink a,
    .arrowLink a:link,
    .arrowLink a:visited {
        width: 100%;
        padding: 0;
        position: relative;
        bottom: 0;
        float: right;
        text-align: right
    }
}

a.arrowLink:hover,
.arrowLink a:hover {
    color: #c1ece6
}

a.arrowLink:hover:before,
.arrowLink a:hover:before {
    background: #00a699
}

.flexed {
    display: flex;
    flex-flow: column
}

article {
    max-width: 800px;
    align-self: center
}

article .articleIntro {
    text-align: center;
    border-bottom: 1px solid #e3e3e7;
    margin: 1em 0 2em
}

article .articleIntro .largetext p {
    line-height: 1.4;
    margin-bottom: 30px;
    padding: 0;
    font-size: 1em
}

article .articleIntro .donation-form-button {
    margin: 0 0 2em
}

article .article-main-photo {
    margin: 0 0 40px
}

article .image-block {
    margin: 1em 0
}

article .donation-form-bb {
    border-radius: 2px;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, .05), 0px 2px 20px 0px rgba(0, 0, 0, .08);
    padding: 2em 1em;
    background: #fff
}

article .donation-form-bb .donation-form-title {
    text-align: center;
    border-bottom: 1px solid #e3e3e7;
    padding-bottom: 1em;
    margin: 0 1em 1em 1em
}

article .donation-form-bb .donation-form-title p {
    color: #00a699
}

article .donation-form-bb .donation-form-title h2 {
    color: #005b4e
}

.bbnc-intro {
    margin: 0 1em;
    border: 1px solid rgba(0, 112, 96, .4);
    background: rgba(0, 112, 96, .04);
    border-radius: 4px
}

.bbnc-intro p {
    padding: 0;
    margin: .125em 0 0;
    font-size: 14px;
    padding: .75em 1em;
    text-align: center;
    color: #007060
}

.full-content.full-content-lp {
    max-width: 62.5rem
}

.simpleButton p {
    display: flex;
    flex-wrap: wrap
}

.simpleButton p a {
    min-width: 300px;
    text-align: center;
    margin: 0 20px 20px 0 !important
}

.image-block {
    margin: 4em 0
}

.image-block.divider .ibContainer {
    padding-bottom: 2.5em;
    border-bottom: 1px solid #b6b6b7
}

.image-block .small-text {
    padding: 0
}

@media screen and (min-width: 57.5em) {
    .image-block .ibContainer {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .image-block .ibContainer>div {
        flex: 0 1 48%;
        width: 48%
    }

    .image-block.right .ibContainer {
        flex-direction: row-reverse
    }

    .image-block .caption {
        border: none !important
    }

    .image-block .caption-text {
        display: block !important;
        font-size: .75em;
        font-weight: normal;
        line-height: 1.4;
        border-bottom: 1px solid #e3e3e7;
        padding: .5em 0;
        margin: .5em 0 1em 0
    }
}

.staff-grid {
    margin: 4em 0
}

.staff-grid h2 {
    margin: 0 0 40px
}

.staff-grid .staff-grid-block {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1em
}

@media(max-width: 43.75em) {
    .staff-grid .staff-grid-block {
        grid-template-columns: repeat(2, 1fr)
    }
}

.staff-grid .staff-grid-block p:last-child {
    padding: 0;
    margin: 0
}

.staff-grid .staff-grid-block .button a,
.staff-grid .staff-grid-block a.button {
    border-radius: 0px;
    font-size: inherit;
    font-weight: normal;
    padding: .5em 1.5em
}

.staff-grid .staff-grid-block .staff-grid-contact {
    line-height: 1.1
}

.staff-grid .staff-grid-block .staff-grid-contact picture.profileImg {
    display: block
}

.staff-grid .staff-grid-block .staff-grid-contact .contactDetails {
    background: #f8f9f6;
    padding: .75em;
    border-bottom: 1px solid #c1ece6
}

.staff-grid .staff-grid-block .staff-grid-contact .contactDetails h3 {
    margin: 0;
    padding: 0;
    font-size: 1em
}

.staff-grid .staff-grid-block .staff-grid-contact p {
    margin: 0 0 .5em;
    padding: 0
}

.staff-grid .staff-grid-block .staff-grid-contact p.jobTitle {
    font-size: 17px;
    line-height: 1.375
}

.staff-grid .staff-grid-block .staff-grid-contact a,
.staff-grid .staff-grid-block .staff-grid-contact a:link,
.staff-grid .staff-grid-block .staff-grid-contact a:visited {
    display: flex;
    align-items: center;
    font-weight: 600;
    text-decoration: none
}

.staff-grid .staff-grid-block .staff-grid-contact a svg,
.staff-grid .staff-grid-block .staff-grid-contact a:link svg,
.staff-grid .staff-grid-block .staff-grid-contact a:visited svg {
    display: block;
    flex: 0 1 20px;
    margin-right: .5em
}

.staff-grid .staff-grid-block.four {
    grid-template-columns: repeat(4, 1fr)
}

@media(max-width: 43.75em) {
    .staff-grid .staff-grid-block.four {
        grid-template-columns: repeat(2, 1fr)
    }
}

.staff-grid .staff-grid-block.three {
    grid-template-columns: repeat(3, 1fr)
}

.staff-grid .staff-grid-block.three .profileImg {
    width: 100%
}

.staff-grid .staff-grid-block.three .profileImg img {
    width: 100%
}

@media(max-width: 43.75em) {
    .staff-grid .staff-grid-block.three {
        grid-template-columns: repeat(2, 1fr)
    }
}

.embeddedScript {
    margin: .5em 0 3em
}

.widget-quote {
    margin: 1.75em 0 1.25em;
    display: flex;
    width: 100%;
    justify-content: space-between
}

@media(max-width: 43.75em) {
    .widget-quote {
        flex-flow: column;
        margin: 1.5em 0 1.25em
    }
}

.widget-quote i {
    width: 56px
}

@media(max-width: 43.75em) {
    .widget-quote i {
        width: 100%;
        text-align: center
    }
}

.widget-quote i span.quote {
    border-radius: 50%;
    background: #007060 url(../images/icon-quote-sm.png) no-repeat center;
    background-origin: content-box;
    width: 56px;
    height: 56px;
    display: inline-block
}

.widget-quote blockquote {
    width: calc(100% - 80px);
    margin: 0;
    padding: 0;
    display: block;
    color: #474849;
    font-size: 1.6375em;
    font-family: "Roboto", sans-serif;
    font-feature-settings: "liga" 1;
    font-feature-settings: "liga1" on;
    font-weight: 500;
    font-style: italic;
    line-height: 1.25em
}

@media(max-width: 43.75em) {
    .widget-quote blockquote {
        width: 100%;
        text-align: center
    }
}

.widget-quote blockquote p {
    margin: 0;
    padding: 0 0 .25em
}

.widget-quote blockquote p.attribution {
    font-size: .625em
}

.callout-inline {
    min-height: 180px;
    padding: 20px 0 60px;
    margin-bottom: 50px;
    background: url(../images/bg-callout-bottom.png) no-repeat center bottom
}

.callout-inline p,
.callout-inline a {
    position: relative;
    vertical-align: middle
}

.callout-inline p {
    width: 385px;
    margin: 20px 40px 0 0;
    text-align: right;
    font-size: 1.1em;
    display: inline-block
}

.callout-inline a {
    text-transform: uppercase;
    font-size: .9em;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    text-decoration: none;
    clear: both;
    display: inline-block
}

.callout-inline img {
    clear: both;
    display: inline-block;
    width: 78px;
    border: 1px solid #a5a3a4
}

@media screen and (max-width: 43.75em) {
    .callout-inline {
        padding: 1em 1em 4em;
        background-size: contain;
        margin-bottom: 1em
    }

    .callout-inline p {
        float: none;
        width: 100%;
        margin: 20px 0;
        text-align: inherit;
        text-align: center
    }

    .callout-inline a {
        display: inline;
        text-align: center
    }

    .callout-inline img {
        margin: auto;
        display: block;
        float: none
    }
}

.callout-bold {
    background: #701e72 url(../images/watermark-sm.png) top right no-repeat;
    padding: 30px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 50px;
    position: relative
}

.callout-bold .cont-content {
    width: 100%;
    font-size: 1.4em;
    line-height: 140%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center
}

.callout-bold p {
    width: 60%;
    margin: 0px;
    padding: 0px
}

.callout-bold p a.arrowLink {
    position: relative;
    width: 100%;
    bottom: auto;
    right: auto
}

.callout-bold p:last-child {
    width: 35%
}

@media screen and (max-width: 43.75em) {
    .callout-bold {
        background: #701e72 url(../images/watermark-sm.png) top center no-repeat
    }

    .callout-bold .cont-content {
        flex-flow: column
    }

    .callout-bold p {
        width: 100%
    }

    .callout-bold p:last-child {
        width: 100%;
        margin-top: 1em
    }
}

.threeColCallout {
    border-top: 1px solid #b6b6b7;
    border-bottom: 1px solid #b6b6b7;
    background: url(../images/logo-icon-watermark.svg) right center no-repeat;
    text-align: center;
    padding: 2em 0 3em;
    margin-bottom: 2em
}

.threeColCallout h2 {
    border-bottom: 5px solid #c4902a;
    display: inline-block;
    margin: 0 0 1.5em 0
}

.threeColCallout .threeCol {
    display: flex;
    justify-content: space-between
}

.threeColCallout .threeCol .calloutCol {
    width: 32%
}

.threeColCallout .threeCol .calloutCol h3 {
    margin: 0
}

.threeColCallout .threeCol .calloutCol p {
    padding: 0 0 .875em
}

.threeColCallout .threeCol .calloutCol p.button a {
    font-size: 14px;
    padding: .625em 2em .75em;
    background: #ac351d;
    border: none
}

.threeColCallout .threeCol .calloutCol p.button a:hover {
    background: #bd3d26
}

.side-widget {
    margin: 3em 0
}

@media screen and (max-width: 43.75em) {
    .side-widget {
        margin: 2em 0
    }
}

.side-widget h4 {
    color: #474849;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: 15px
}

.side-widget p.leadin {
    font-size: 15px
}

.side-widget.donateButtons {
    margin: 2em 0
}

.side-widget.donateButtons h4 {
    width: 100%
}

@media(max-width: 43.75em) {
    .side-widget.donateButtons {
        display: flex;
        flex-flow: column;
        width: 100%
    }
}

.side-widget.donateButtons a {
    margin: 2em 1em 2em 2em
}

.side-widget.donateButtons a:last-child {
    margin: 2em 2em 2em 0
}

@media(max-width: 43.75em) {
    .side-widget.donateButtons a {
        margin: 2em 0 1em 0
    }

    .side-widget.donateButtons a:last-child {
        margin: 0 0 2em 0
    }
}

.contactGrid {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 2px 20px rgba(0, 0, 0, .09), 0 2px 50px rgba(0, 0, 0, .06);
    line-height: 1.4em;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    align-items: center;
    text-align: center
}

.contactGrid h4 {
    grid-column: 1/span 2;
    border-bottom: 1px solid #e3e3e7;
    padding: .5em 0 .5em;
    margin: 0
}

.contactGrid .leadin {
    grid-column: 1/span 2;
    padding: 1.25em 2em .25em 2em
}

.contactGrid picture.profileImg {
    grid-column: 1/span 1;
    text-align: right;
    margin: 0 1.5em 0 0;
    padding: 1em 0
}

.contactGrid picture.profileImg img {
    max-width: 100px
}

@media(min-width: 43.75em) {
    .contactGrid picture.profileImg {
        margin: 0 1.75em 0 0
    }

    .contactGrid picture.profileImg img {
        max-width: 170px
    }
}

.contactGrid .contactDetails {
    grid-column: 2/span 1;
    text-align: left;
    padding: 1em 1em 1em 0
}

.contactGrid .contactDetails p {
    padding: 0
}

.boxed {
    padding: 20px;
    box-shadow: 0 3px 10px #b6b6b7;
    line-height: 1.4em
}

.boxed .leadin {
    margin-bottom: 1em
}

.boxed p {
    margin: 0;
    padding: 0;
    font-size: .9em
}

.boxed p em,
.boxed p a {
    display: block
}

.boxed img {
    max-width: 100%;
    width: auto;
    display: block
}

.boxed .imagerounded {
    margin: 0 auto 1em !important;
    float: right;
    max-width: 200px
}

.boxed strong {
    font-family: "Roboto", sans-serif;
    font-weight: 600
}

.articleSearch {
    margin: 1.5em 0 3em;
    border: 1px solid #bd9923;
    padding: 1.5em 2em 1em;
    text-align: center
}

.articleSearch h2 {
    margin-bottom: .75em
}

.articleSearch .Head {
    color: inherit;
    font-size: 1em;
    font-weight: inherit
}

.articleSearch .daSearch {
    border-radius: 15px;
    background: #fff;
    box-shadow: inset 0 5px 5px #ddd;
    height: 30px;
    width: 240px;
    padding: 5px;
    margin-bottom: 2.5em;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.ie8 .articleSearch .daSearch {
    border: 1px solid #b6b6b7;
    padding: 2px 5px 5px
}

.articleSearch .daSearch input.NormalTextBox {
    border: 0;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0);
    height: 20px;
    padding: 0 15px;
    text-transform: uppercase;
    color: #8a8b8d;
    font-size: .85em;
    width: 130px !important;
    float: left;
    margin-top: 2px;
    width: 200px !important;
    outline: none !important;
    box-shadow: none
}

.articleSearch .daSearch .dnnPrimaryAction {
    float: right;
    -webkit-appearance: none;
    border-radius: 0;
    background: url(../images/icon-search.png) no-repeat center center;
    border: 0;
    vertical-align: middle;
    width: 30px;
    height: 23px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    text-align: left;
    text-indent: -9999px;
    color: #fff;
    font-size: 1px;
    line-height: 1px;
    font-weight: normal;
    letter-spacing: -2px;
    outline: none !important
}

.articleSearch .daAdvanceSearch {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-left: 1em
}

.articleSearch .daAdvanceSearch a,
.articleSearch .daAdvanceSearch a:link,
.articleSearch .daAdvanceSearch a:visited {
    text-decoration: none
}

.articleSearch .daAdvanceSearch a:before,
.articleSearch .daAdvanceSearch a:link:before,
.articleSearch .daAdvanceSearch a:visited:before {
    margin-right: 5px;
    font-size: 1.1em;
    position: relative;
    vertical-align: middle
}

.articleSearch .tabs-give-content-item {
    text-align: left
}

.issuebrief {
    margin: 1.5em 0 3em;
    border: 1px solid #bd9923;
    padding: 3em 2.5em 1.5em
}

.issuebrief h2 {
    margin-bottom: .75em;
    padding-bottom: .25em;
    border-bottom: 1px solid #b6b6b7
}

.issuebrief .Head {
    color: inherit;
    font-size: 1em;
    font-weight: inherit
}

.issuebrief .PagingTable {
    border-top: 1px solid #b6b6b7 !important;
    margin-top: 1em
}

.issuebrief .PagingTable .Normal {
    font-size: .9em
}

.issuebrief .PagingTable .NormalDisabled,
.issuebrief .PagingTable .CommandButton {
    font-size: 1em
}

.issuebrief .PagingTable td {
    padding-top: 1em
}

.snapshot {
    background: #007060 url(../images/watermark-sm.png) top right no-repeat;
    padding: 23px 40px;
    margin-top: 10px;
    margin-bottom: 50px;
    position: relative;
    color: #fff
}

.snapshot h3 {
    color: #fff;
    font-size: 1.5em
}

.snapshot p {
    margin: 0px;
    padding: 0px;
    margin-bottom: .5em
}

.snapshot a,
.snapshot a:link,
.snapshot a:visited {
    color: #fff;
    text-decoration: none;
    font-size: 1.1em
}

.snapshot a:hover {
    color: #c1ece6
}

.snapshot a.arrowLink,
.snapshot a.arrowLink:link,
.snapshot a.arrowLink:visited,
.snapshot .arrowLink a,
.snapshot .arrowLink a:link,
.snapshot .arrowLink a:visited {
    position: relative;
    bottom: auto;
    right: auto;
    width: auto;
    padding: 0;
    margin-top: 1em;
    float: right;
    font-size: 1.2em;
    line-height: 100%
}

.snapshot a.arrowLink:hover,
.snapshot .arrowLink a:hover {
    color: #c1ece6
}

.snapshot a.arrowLink:hover:before,
.snapshot .arrowLink a:hover:before {
    background: #00a699
}

@media screen and (max-width: 43.75em) {
    .snapshot {
        background: #007060 url(../images/watermark-sm.png) top center no-repeat
    }
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 0 0 2em
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card-list.initiative-cards {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 2em -50vw;
    padding: 4em 0
}

.card-list.initiative-cards .container {
    width: 90%;
    max-width: 62.5rem;
    margin: 0 auto
}

.cta-block {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 2em -50vw;
    padding: 2em 0;
    background: #701e72;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.25
}

.cta-block.red {
    background: #ac351d
}

.cta-block.green {
    background: #007060
}

.cta-block .cta-content {
    width: 90%;
    max-width: 845px;
    margin: 0 auto
}

.cta-block p {
    padding: 0 0 1rem
}

.cta-block p:last-child {
    padding: 0
}

.cta-block a,
.cta-block a:link,
.cta-block a:visited {
    color: #ffda92
}

.cta-block a:hover,
.cta-block a:active,
.cta-block a:focus {
    color: #ffc444
}

.cta-block+.initiative-cards,
.initiative-cards+.cta-block {
    margin-top: -3em
}

.callout-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0px 2px 24px rgba(0, 0, 0, .08), 0px 1px 2px rgba(0, 0, 0, .12);
    border-radius: 2px;
    padding: 1em 2em;
    margin: 3em 0 4em;
    font-size: .9em
}

.callout-block h2 {
    margin: 0 0 .25em;
    color: #353838 !important
}

.callout-block p:last-child {
    padding: 0
}

.callout-block .callout-img {
    flex: 0 0 120px
}

.callout-block .callout-img img {
    border-radius: 50%
}

.callout-block .callout-content {
    flex: 1;
    padding: 0 2em
}

.callout-block .callout-btn {
    white-space: nowrap
}

@media all and (max-width: 43.75em) {
    .callout-block {
        flex-direction: column
    }

    .callout-block .callout-img {
        margin-bottom: 1em;
        max-width: 200px
    }

    .callout-block .callout-content {
        margin-bottom: 1em;
        padding: 0
    }
}

.cards {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.cards li {
    flex: 0 1 50%;
    margin: 0;
    padding: 0;
    background-image: none
}

@media(min-width: 43.75em) {
    .cards li {
        flex: 0 1 25%
    }
}

@media(min-width: 65em) {
    .cards li {
        flex: 1
    }
}

.cards .card-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    background: #bd9923;
    border-radius: 50%;
    padding: 8px;
    margin-bottom: .75em
}

@media(min-width: 65em) {
    .cards .card-icon {
        height: 66px;
        width: 66px
    }
}

@media(min-width: 75em) {
    .cards .card-icon {
        height: 80px;
        width: 80px
    }
}

.cards a,
.cards a:link,
.cards a:visited {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    height: 100%;
    width: 100%;
    border-left: 1px solid #e3e3e7;
    border-bottom: 1px solid #e3e3e7;
    padding: 2em 1.5em 1em;
    text-align: center;
    text-decoration: none;
    color: #353838;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.1
}

@media(min-width: 75em) {

    .cards a,
    .cards a:link,
    .cards a:visited {
        font-size: 1.25em
    }
}

.cards a .card-icon,
.cards a:link .card-icon,
.cards a:visited .card-icon {
    border-color: #007060
}

.cards a svg,
.cards a:link svg,
.cards a:visited svg {
    height: 60%;
    width: 60%
}

.cards a .icon,
.cards a:link .icon,
.cards a:visited .icon {
    fill: #fff
}

.cards a .heart-line,
.cards a:link .heart-line,
.cards a:visited .heart-line {
    stroke: #fff
}

.cards a:hover,
.cards a:active,
.cards a:focus {
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, .05), 0px 2px 20px 0px rgba(0, 0, 0, .08);
    background: #007060;
    color: #fff
}

.cards a:hover .card-icon,
.cards a:active .card-icon,
.cards a:focus .card-icon {
    background: #fff
}

.cards a:hover .icon,
.cards a:active .icon,
.cards a:focus .icon {
    fill: #007060
}

.cards a:hover .heart-line,
.cards a:active .heart-line,
.cards a:focus .heart-line {
    stroke: #007060
}

.textAndSideLinks {
    padding: 48px 60px 50px 60px;
    margin: 2em 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(max-width: 65em) {
    .textAndSideLinks {
        padding: 48px 48px 50px 48px;
        width: inherit;
        margin: 2em 0
    }
}

@media(max-width: 43.75em) {
    .textAndSideLinks {
        padding: 32px 32px 34px 32px;
        flex-flow: column
    }
}

.textAndSideLinks h2 {
    color: #fff
}

.textAndSideLinks p {
    color: rgba(255, 255, 255, .8);
    padding: 0
}

.textAndSideLinks p a {
    color: #e9b44d;
    text-decoration-color: rgba(255, 255, 255, .5)
}

.textAndSideLinks p a:hover {
    color: #fff;
    text-decoration-color: #fff
}

.textAndSideLinks .taslDescription {
    width: 56%;
    color: #fff
}

@media(max-width: 43.75em) {
    .textAndSideLinks .taslDescription {
        width: 100%;
        margin: 0 0 1em
    }
}

.textAndSideLinks .taslLinks {
    width: 34%;
    text-transform: uppercase
}

@media(max-width: 43.75em) {
    .textAndSideLinks .taslLinks {
        width: 100%
    }
}

.textAndSideLinks .taslLinks p {
    padding: 0 0 .625em
}

.textAndSideLinks .taslLinks p:last-child {
    padding: 0
}

.textAndSideLinks p {
    padding: 0
}

.textAndSideLinks.green {
    background: linear-gradient(0.33turn, #007060, #003d34)
}

.textAndSideLinks.purple {
    background: linear-gradient(0.33turn, #701E72, #48134a)
}

.textAndSideLinks.red {
    background: linear-gradient(0.33turn, #ac351d, #8d2c18)
}

.textAndSideLinks.white {
    background: linear-gradient(0.33turn, #f8f9f6, #ecefe7)
}

.textAndSideLinks.white h2 {
    color: #bd9923
}

.textAndSideLinks.white p {
    color: #474849
}

.textAndSideLinks.white p a {
    color: #007060;
    text-decoration-color: rgba(0, 112, 96, .5)
}

.textAndSideLinks.white p a:hover {
    color: #00a699;
    text-decoration-color: #007060
}

.card-list {
    padding: 4em 0;
    background: #f8f9f6
}

.card-list .container {
    max-width: 1080px
}

.card-list h2 {
    margin: 0 0 1em;
    color: #353838;
    font-size: 1.75em;
    font-weight: bold
}

@media all and (min-width: 43.75em) {
    .card-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2rem;
        align-items: start;
        max-width: 100% !important;
        margin-top: 1em
    }
}

a.card,
a.card:link,
a.card:visited {
    display: flex;
    background: #fff;
    height: 100%;
    color: #353838;
    text-decoration: none;
    transition: all .2s ease-in-out;
    border-radius: 4px;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08)
}

@media all and (min-width: 43.75em) {

    a.card,
    a.card:link,
    a.card:visited {
        flex-direction: column
    }
}

a.card:hover,
a.card:active,
a.card:focus {
    box-shadow: 0px 3px 40px rgba(0, 0, 0, .1), 0px 1px 22px rgba(0, 0, 0, .09), 0px 1px 3px rgba(0, 0, 0, .18)
}

a.card:hover strong,
a.card:active strong,
a.card:focus strong {
    text-decoration: underline;
    text-decoration-color: #e3e3e7
}

a.card figure {
    margin: 0;
    position: relative;
    height: 262px;
    overflow: hidden
}

a.card figure img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 262px;
    transition: transform .2s linear
}

@media all and (max-width: 43.75em) {
    a.card figure {
        flex: 0 1 45%;
        height: auto
    }

    a.card figure img {
        min-height: initial
    }
}

.card-content {
    padding: 1em
}

@media all and (max-width: 43.75em) {
    .card-content {
        flex: 0 1 55%;
        margin-left: 2em
    }
}

.card-content span,
.card-content strong {
    display: block;
    font-size: .8em
}

.card-content .small-text {
    font-size: .75em;
    font-weight: 600;
    margin: 8px 0 4px
}

.card-content strong {
    margin: .5em 0;
    font-size: 1.125em;
    line-height: 1.25
}

.twitter-card {
    display: flex;
    background: #fff;
    height: 100%;
    padding: .2em;
    min-width: calc(311px + 1em);
    color: #353838;
    text-decoration: none;
    transition: transform .2s ease-in-out;
    border-radius: 4px;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08)
}

@media all and (min-width: 43.75em) {
    .twitter-card {
        flex-direction: column
    }
}

.twitter-card .twitter-timeline {
    width: 100%
}

.grid-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 1em 0
}

.grid-card figure {
    margin-bottom: 1em
}

.grid-card .cg-desc {
    padding-bottom: 1em
}

.grid-card .cg-desc p {
    padding-bottom: .5em
}

.grid-card .cg-desc p:last-child {
    padding: 0
}

.grid-card .cg-button {
    margin: auto 0 1.5em
}

#hero-rotator ul {
    margin: 0;
    padding: 0
}

#hero-rotator ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: none
}

#hero-rotator .slide {
    display: none;
    visibility: hidden;
    width: 100%
}

#hero-rotator .slide.current {
    visibility: visible;
    display: block
}

#hero-rotator .slidenav {
    position: absolute;
    bottom: 1em;
    left: 5vw;
    max-width: 33%;
    display: flex;
    justify-content: flex-start
}

#hero-rotator .slidenav li {
    padding: .25em
}

#hero-rotator .slidenav button {
    cursor: pointer;
    display: block;
    height: 18px;
    width: 18px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #fff;
    color: #fff;
    font-size: 1px;
    line-height: 1px
}

#hero-rotator .slidenav button.current {
    border-color: #007060;
    background: #007060;
    color: #007060;
    opacity: 1
}

#hero-rotator .slidenav button:hover,
#hero-rotator .slidenav button:focus,
#hero-rotator .slidenav button:active {
    border-color: #00a699;
    background: #00a699;
    color: #00a699
}

#hero-rotator .controls {
    position: absolute;
    bottom: 1em;
    right: 5vw;
    max-width: 33%;
    display: flex;
    justify-content: flex-end
}

#hero-rotator .controls button {
    -webkit-appearance: none !important;
    cursor: pointer;
    height: 40px;
    width: 40px;
    margin: 0 5px;
    background: #007060;
    border: 1px solid #b6b6b7;
    border-radius: 50%;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

#hero-rotator .controls button:before {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px
}

#hero-rotator .controls button.btn-prev:before {
    background-image: url(../images/icon-previous.svg)
}

#hero-rotator .controls button.btn-next:before {
    background-image: url(../images/icon-next.svg)
}

#hero-rotator .controls button[data-start=true]:before {
    background-image: url(../images/icon-play.svg);
    background-size: 24px 24px;
    width: 24px;
    height: 24px
}

#hero-rotator .controls button[data-stop=true]:before {
    background-image: url(../images/icon-pause.svg)
}

.imageright,
.image.image-style-block-align-right {
    width: 100%;
    margin: 0 0 1.5em
}

@media all and (min-width: 43.75em) {

    .imageright,
    .image.image-style-block-align-right {
        margin-left: 2%;
        margin-bottom: .4em;
        float: right;
        clear: right
    }
}

.imageleft,
.image.image-style-block-align-left {
    width: 100%;
    margin: 0 0 1.5em
}

@media all and (min-width: 43.75em) {

    .imageleft,
    .image.image-style-block-align-left {
        margin-right: 2%;
        margin-bottom: .4em;
        float: left;
        clear: left
    }
}

@media all and (min-width: 43.75em) {

    img.imageleft,
    img.imageright,
    img.image {
        width: 31%;
        max-width: 350px
    }

    .issuebrief img.imageleft,
    .issuebrief img.imageright,
    .issuebrief img.image {
        width: 36%;
        max-width: 175px
    }

    .snapshot img.imageleft,
    .snapshot img.imageright,
    .snapshot img.image {
        width: 43%
    }
}

.imagerounded {
    border-radius: 50%
}

.captionleft {
    width: 100%;
    margin: 0 0 1.5em;
    color: #bd9923;
    font-size: .85em;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: 1px solid #e3e3e7;
    padding: 0 0 .5em
}

@media all and (min-width: 43.75em) {
    .captionleft {
        margin-right: 3%;
        margin-bottom: .4em;
        float: left;
        clear: left;
        width: 45%;
        max-width: 350px
    }
}

.captionright {
    width: 100%;
    margin: 0 0 1.5em;
    color: #bd9923;
    font-size: .85em;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: 1px solid #e3e3e7;
    padding: 0 0 .5em
}

@media all and (min-width: 43.75em) {
    .captionright {
        margin-left: 3%;
        margin-bottom: .4em;
        float: right;
        clear: right;
        width: 45%;
        max-width: 350px
    }
}

.captionleft td,
.captionright td {
    padding: .375em 0 .5em 0;
    line-height: 1.3
}

.captionleft img,
.captionright img {
    width: 100%
}

#wrapper .caption,
.caption,
.image {
    margin-bottom: .4em;
    background: none;
    border: 0;
    border-radius: 0px;
    font-size: inherit;
    padding: 0px;
    color: #bd9923;
    font-size: .75em;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: 1px solid #e3e3e7;
    padding: 0 0 .5em;
    margin: .5em 0 1em 0
}

#wrapper .caption img,
.caption img,
.image img {
    height: auto
}

#wrapper .caption figcaption,
.caption figcaption,
.image figcaption {
    margin: .5em 0 0
}

@media all and (min-width: 43.75em) {

    #wrapper .caption.left,
    #wrapper .caption.image-style-block-align-left,
    .caption.left,
    .caption.image-style-block-align-left,
    .image.left,
    .image.image-style-block-align-left {
        margin-right: 3%;
        margin-bottom: .4em;
        float: left;
        clear: left;
        width: 45%;
        max-width: 350px
    }
}

@media all and (min-width: 43.75em) {

    #wrapper .caption.right,
    #wrapper .caption.image-style-block-align-right,
    .caption.right,
    .caption.image-style-block-align-right,
    .image.right,
    .image.image-style-block-align-right {
        margin-left: 3%;
        margin-bottom: .4em;
        float: right;
        clear: right;
        width: 45%;
        max-width: 350px
    }
}

#wrapper .caption.right .caption-text,
#wrapper .caption.left .caption-text,
#wrapper .caption.full .caption-text,
#wrapper .caption.image-style-block-align-right .caption-text,
#wrapper .caption.image-style-block-align-left .caption-text,
#wrapper .caption.image-style-align-center .caption-text,
.caption.right .caption-text,
.caption.left .caption-text,
.caption.full .caption-text,
.caption.image-style-block-align-right .caption-text,
.caption.image-style-block-align-left .caption-text,
.caption.image-style-align-center .caption-text,
.image.right .caption-text,
.image.left .caption-text,
.image.full .caption-text,
.image.image-style-block-align-right .caption-text,
.image.image-style-block-align-left .caption-text,
.image.image-style-align-center .caption-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.initiative-content #wrapper .caption.right .caption-text,
.initiative-content #wrapper .caption.left .caption-text,
.initiative-content #wrapper .caption.full .caption-text,
.initiative-content #wrapper .caption.image-style-block-align-right .caption-text,
.initiative-content #wrapper .caption.image-style-block-align-left .caption-text,
.initiative-content #wrapper .caption.image-style-align-center .caption-text,
.initiative-content .caption.right .caption-text,
.initiative-content .caption.left .caption-text,
.initiative-content .caption.full .caption-text,
.initiative-content .caption.image-style-block-align-right .caption-text,
.initiative-content .caption.image-style-block-align-left .caption-text,
.initiative-content .caption.image-style-align-center .caption-text,
.initiative-content .image.right .caption-text,
.initiative-content .image.left .caption-text,
.initiative-content .image.full .caption-text,
.initiative-content .image.image-style-block-align-right .caption-text,
.initiative-content .image.image-style-block-align-left .caption-text,
.initiative-content .image.image-style-align-center .caption-text {
    display: block !important;
    padding-top: .5em;
    color: #474849
}

#wrapper .caption.right .photoCredit,
#wrapper .caption.left .photoCredit,
#wrapper .caption.full .photoCredit,
#wrapper .caption.image-style-block-align-right .photoCredit,
#wrapper .caption.image-style-block-align-left .photoCredit,
#wrapper .caption.image-style-align-center .photoCredit,
.caption.right .photoCredit,
.caption.left .photoCredit,
.caption.full .photoCredit,
.caption.image-style-block-align-right .photoCredit,
.caption.image-style-block-align-left .photoCredit,
.caption.image-style-align-center .photoCredit,
.image.right .photoCredit,
.image.left .photoCredit,
.image.full .photoCredit,
.image.image-style-block-align-right .photoCredit,
.image.image-style-block-align-left .photoCredit,
.image.image-style-align-center .photoCredit {
    color: rgba(71, 72, 73, .8);
    font-size: .85em
}

ul.columns-3 {
    -moz-column-count: 3;
    column-count: 3
}

ul.columns-2 {
    -moz-column-count: 2;
    column-count: 2
}

@media(max-width: 43.75em) {

    ul.columns-2,
    ul.columns-3 {
        -moz-column-count: 1;
        column-count: 1
    }
}

.table {
    position: relative
}

table.rt-responsive-table,
table.table,
.table table {
    border-collapse: collapse;
    margin-bottom: 1.25em;
    width: 100%
}

table.rt-responsive-table tr:nth-of-type(odd),
table.table tr:nth-of-type(odd),
.table table tr:nth-of-type(odd) {
    background: #f8f9f6
}

table.rt-responsive-table th,
table.table th,
.table table th {
    background: #007060;
    color: #fff;
    font-weight: bold
}

table.rt-responsive-table td,
table.rt-responsive-table th,
table.table td,
table.table th,
.table table td,
.table table th {
    border: 1px solid #b6b6b7;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    padding: 6px;
    text-align: left
}

table.rt-responsive-table.rt-vertical-table thead,
table.rt-responsive-table.rt-vertical-table tbody,
table.rt-responsive-table.rt-vertical-table th,
table.rt-responsive-table.rt-vertical-table td,
table.rt-responsive-table.rt-vertical-table tr,
table.table.rt-vertical-table thead,
table.table.rt-vertical-table tbody,
table.table.rt-vertical-table th,
table.table.rt-vertical-table td,
table.table.rt-vertical-table tr,
.table table.rt-vertical-table thead,
.table table.rt-vertical-table tbody,
.table table.rt-vertical-table th,
.table table.rt-vertical-table td,
.table table.rt-vertical-table tr {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    float: left;
    clear: left;
    width: 100%
}

table.rt-responsive-table.rt-vertical-table th,
table.table.rt-vertical-table th,
.table table.rt-vertical-table th {
    position: absolute;
    top: -9999px;
    left: -9999px
}

table.rt-responsive-table.rt-vertical-table tr,
table.table.rt-vertical-table tr,
.table table.rt-vertical-table tr {
    border: 1px solid #b6b6b7
}

table.rt-responsive-table.rt-vertical-table td,
table.table.rt-vertical-table td,
.table table.rt-vertical-table td {
    border: none;
    border-bottom: 1px solid #b6b6b7;
    position: relative;
    padding-left: 50%
}

table.rt-responsive-table.rt-vertical-table td:before,
table.table.rt-vertical-table td:before,
.table table.rt-vertical-table td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    font-weight: bold
}

.layoutTable {
    position: relative
}

.layoutTable {
    border-collapse: collapse;
    margin-bottom: 1.25em;
    width: 100%
}

.layoutTable td,
.layoutTable th {
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    padding: 16px 5px;
    text-align: left
}

@media screen and (max-width: 43.75em) {

    .layoutTable thead,
    .layoutTable tbody,
    .layoutTable th,
    .layoutTable td,
    .layoutTable tr {
        display: block;
        overflow: hidden;
        box-sizing: border-box;
        float: left;
        clear: left;
        width: 100%
    }
}

.largetext,
.largetext p,
p.largetext {
    line-height: 1.5;
    margin-bottom: 30px;
    padding: 0;
    font-size: 1.2em;
    font-family: "Roboto", sans-serif;
    font-weight: 200
}

@media screen and (max-width: 43.75em) {

    .largetext,
    .largetext p,
    p.largetext {
        font-size: 1.1em;
        margin-bottom: 1em
    }
}

.largetext a,
.largetext a:link,
.largetext a:visited,
.largetext p a,
.largetext p a:link,
.largetext p a:visited,
p.largetext a,
p.largetext a:link,
p.largetext a:visited {
    color: #007060;
    text-decoration: underline
}

.largetext a:hover,
.largetext a:active,
.largetext a:focus,
.largetext p a:hover,
.largetext p a:active,
.largetext p a:focus,
p.largetext a:hover,
p.largetext a:active,
p.largetext a:focus {
    color: #00a699;
    text-decoration: underline
}

li.largetext {
    padding-left: 15px;
    background-position: 0 16px;
    margin-left: 1em;
    margin-bottom: inherit
}

ul.largetext li {
    background-position: 0 16px
}

.attribution {
    color: #474849;
    font-size: .4em;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-style: normal
}

p.category {
    padding: 0;
    font-size: .75em;
    font-weight: 600;
    margin: 0 0 4px
}

.category {
    color: #ffda92;
    font-size: .9em;
    font-weight: bold;
    text-transform: uppercase
}

.white .category {
    color: #701e72
}

.small-text {
    color: #701e72;
    font-size: .75em;
    margin: 0 0 4px;
    font-weight: 600;
    text-transform: uppercase
}

.credit {
    font-size: .8em;
    text-transform: uppercase
}

.article-date {
    margin-bottom: 1em;
    font-size: .8em;
    text-transform: uppercase
}

.section {
    margin: 0;
    color: #007060;
    font-size: 2.625em;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    line-height: 1.2
}

@media screen and (max-width: 43.75em) {
    .section {
        font-size: 1.5em;
        margin-bottom: .5em
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    width: 100%;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-prev,
.slick-next {
    display: none !important
}

ul.slick-dots {
    text-align: center
}

ul.slick-dots li {
    display: inline-block;
    margin-right: 5px;
    list-style-type: none;
    background: none;
    padding: 0
}

ul.slick-dots li button {
    font-size: 0;
    background: #005b4e;
    border: none;
    width: 15px;
    height: 15px;
    cursor: pointer
}

ul.slick-dots li button:hover {
    background: #007060
}

ul.slick-dots li.slick-active button {
    background: #00a699
}

.slick-slide {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.slick-slide.slick-current {
    opacity: 1
}

.main-nav {
    margin-bottom: .5em
}

.main-nav ul {
    margin: 0 3em;
    padding: 0
}

.main-nav ul.root-group {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.main-nav ul li {
    margin: 0 .75em;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background: none;
    position: relative
}

@media screen and (max-width: 75em) {
    .main-nav ul li {
        margin: 0 .5em
    }
}

@media screen and (max-width: 65em) {
    .main-nav ul li {
        margin: 0 .35em
    }
}

.main-nav .root-group>li:first-child {
    margin-left: 0
}

.main-nav .root-group>li:last-child {
    margin-right: 0
}

.main-nav a,
.main-nav a:link,
.main-nav a:visited {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: .5em 0;
    border: 0;
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    text-align: center;
    color: #353838;
    font-family: "Roboto", sans-serif;
    font-size: .9em;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (max-width: 75em) {

    .main-nav a,
    .main-nav a:link,
    .main-nav a:visited {
        font-size: .8em
    }
}

.main-nav .active a,
.main-nav .active a:link,
.main-nav .active a:visited {
    border-color: #007060
}

.main-nav a:hover,
.main-nav a:active,
.main-nav a:focus {
    color: #00a699;
    text-decoration: none
}

@media screen and (min-width: 43.75em) {
    .main-nav .dropdown-menu {
        position: absolute;
        top: 100%;
        left: -2.5em;
        right: auto;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 260px;
        background: #007060;
        border: 0;
        padding: 1em 0em !important;
        animation: dropdown .3s ease
    }
}

.main-nav .dropdown-menu li {
    display: block;
    border: none
}

@keyframes dropdown {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

.main-nav .dropdown-menu a,
.main-nav .dropdown-menu a:link,
.main-nav .dropdown-menu a:visited {
    display: inline-block;
    background: none;
    border: 0;
    text-align: left;
    height: auto;
    padding: .5em 1.1em;
    min-width: 260px;
    color: #fff;
    font-size: 1em;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    text-transform: none;
    white-space: normal
}

.main-nav .dropdown-menu a:hover,
.main-nav .dropdown-menu a:active,
.main-nav .dropdown-menu a:focus,
.main-nav .dropdown-menu a:link:hover,
.main-nav .dropdown-menu a:link:active,
.main-nav .dropdown-menu a:link:focus,
.main-nav .dropdown-menu a:visited:hover,
.main-nav .dropdown-menu a:visited:active,
.main-nav .dropdown-menu a:visited:focus {
    color: #ffda92
}

@media screen and (min-width: 43.75em) {
    .main-nav li.edge .dropdown-menu {
        right: -3em;
        left: auto
    }

    .main-nav ul.root-group>li:hover .dropdown-menu {
        display: block;
        z-index: 1001
    }

    .main-nav ul.root-group>li:hover .dropdown-menu.level2,
    .main-nav ul.root-group>li:hover .dropdown-menu.level3,
    .main-nav ul.root-group>li:hover .dropdown-menu.level4 {
        display: none !important
    }

    .main-nav ul.root-group>li:hover .dropdown-menu .expandable span {
        display: none
    }
}

.mast {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 1px 10px rgba(0, 0, 0, .07)
}

.mast .container {
    width: 100%;
    max-width: initial;
    display: flex;
    justify-content: flex-end
}

@media(min-width: 57.5em) {
    .mast .container {
        height: 130px
    }
}

.mast .logo {
    margin: 1.25em auto 0 1em;
    align-self: center;
    width: 370px
}

@media(min-width: 100.625em) {
    .mast .logo {
        margin: 0 auto 0 1em
    }
}

@media(max-width: 57.5em) {
    .mast .logo {
        margin: 0 auto 0 1em;
        padding-right: 1em
    }
}

.mast .logo img {
    max-width: 100%
}

.mast .mast-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

@media all and (max-width: 57.5em) {
    .mast .mast-menu {
        display: none
    }
}

.mast .top-nav {
    background: #f8f9f6;
    border-radius: 25px 0 0 25px;
    padding: 8px 20px;
    margin-bottom: 1em
}

.mast .top-nav ul {
    display: flex;
    margin: 0;
    padding: 0
}

.mast .top-nav ul li {
    margin: 0 10px;
    padding: 0;
    background: none
}

.mast .top-nav a,
.mast .top-nav a:link,
.mast .top-nav a:visited {
    font-size: .7em;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center
}

.mast .top-nav a svg,
.mast .top-nav a:link svg,
.mast .top-nav a:visited svg {
    height: 18px;
    width: 18px;
    fill: #007060;
    margin-left: 5px
}

.mast .top-nav a svg path.search-icon,
.mast .top-nav a:link svg path.search-icon,
.mast .top-nav a:visited svg path.search-icon {
    fill: #007060
}

.mast .top-nav a:hover svg,
.mast .top-nav a:active svg,
.mast .top-nav a:focus svg {
    fill: #00a699
}

.mast .top-nav a:hover svg path.search-icon,
.mast .top-nav a:active svg path.search-icon,
.mast .top-nav a:focus svg path.search-icon {
    fill: #00a699
}

.mast .top-nav ul li.stayUpdated a {
    transform: translateY(2px)
}

.mast .top-nav ul li.stayUpdated a svg,
.mast .top-nav ul li.stayUpdated a:link svg,
.mast .top-nav ul li.stayUpdated a:visited svg {
    height: 15px;
    transform: translateY(-1px);
    width: 15px
}

.mast .top-nav ul li.stayUpdated a svg path,
.mast .top-nav ul li.stayUpdated a:link svg path,
.mast .top-nav ul li.stayUpdated a:visited svg path {
    fill: #007060
}

.mast .top-nav ul li.stayUpdated a:hover svg path,
.mast .top-nav ul li.stayUpdated a:active svg path,
.mast .top-nav ul li.stayUpdated a:focus svg path {
    fill: #00a699
}

.mast .mast-donate {
    flex: 0 1 120px
}

@media all and (max-width: 57.5em) {
    .mast .mast-donate {
        display: none
    }
}

.mast .mast-donate a,
.mast .mast-donate a:link,
.mast .mast-donate a:visited {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    padding: 10px;
    background: #007060;
    color: #fff;
    font-size: .8em;
    line-height: 1.1;
    text-transform: uppercase;
    text-decoration: none
}

.mast .mast-donate a svg,
.mast .mast-donate a:link svg,
.mast .mast-donate a:visited svg {
    display: block;
    height: 24px;
    width: 24px
}

.mast .mast-donate a svg .heart-fill,
.mast .mast-donate a:link svg .heart-fill,
.mast .mast-donate a:visited svg .heart-fill {
    fill: #ac351d
}

.mast .mast-donate a svg .heart-line,
.mast .mast-donate a:link svg .heart-line,
.mast .mast-donate a:visited svg .heart-line {
    fill: #fff
}

.mast .mast-donate a:hover,
.mast .mast-donate a:active,
.mast .mast-donate a:focus {
    background: #00a699
}

body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%
}

.menu {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 100%;
    margin-left: 1em;
    padding: 10px;
    background: #007060;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all .2s ease-out;
    color: #fff;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase
}

@media all and (min-width: 57.5em) {
    .menu {
        display: none
    }
}

.menu .strokes {
    width: 39px;
    margin: 0 0 0px 0
}

.menu .strokes .stroke {
    display: block;
    height: 3px;
    margin: 8px 0;
    background: #fff;
    transition: transform .3s, opacity .1s
}

.menu:hover,
.menu:focus,
.menu:active {
    cursor: pointer;
    background: #00a699
}

.openMenu .menu {
    background: #fff
}

.hide {
    opacity: 0
}

.animate0 {
    transform: rotate(45deg) translateY(8px) translateX(8px)
}

.animate2 {
    transform: rotate(-45deg) translateY(-8px) translateX(8px)
}

.fullScreenMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-color: #007060;
    opacity: 0;
    transition: all .5s ease-in-out, opacity .5s;
    z-index: -1
}

.fullScreenMenu .menuContainer {
    display: inherit;
    opacity: 1;
    transform: translateY(0);
    animation: menufade .25s linear;
    padding: 5em 40px 1em
}

@keyframes menufade {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(48px)
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

.fullScreenMenu.show {
    opacity: 1;
    background-color: #fff;
    transition: all .5s ease-in-out, visibility .5s;
    z-index: 100;
    display: block
}

.fullScreenMenu.show .menuContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    color: #fff
}

.fullScreenMenu.show .mobile-btns ul {
    margin: 2em 0 1.5em;
    padding: 0;
    display: flex;
    justify-content: space-between
}

@media(max-width: 43.75em) {
    .fullScreenMenu.show .mobile-btns ul {
        flex-wrap: wrap
    }
}

.fullScreenMenu.show .mobile-btns ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: none;
    flex: 0 1 47%
}

@media(max-width: 43.75em) {
    .fullScreenMenu.show .mobile-btns ul li {
        flex: 0 1 100%;
        margin: 0 0 1em
    }
}

.fullScreenMenu.show .mobile-btns ul li a,
.fullScreenMenu.show .mobile-btns ul li a:link,
.fullScreenMenu.show .mobile-btns ul li a:visited {
    display: block;
    text-align: center;
    background: #f8f9f6;
    color: #007060 !important
}

.fullScreenMenu.show .mobile-btns ul li a svg,
.fullScreenMenu.show .mobile-btns ul li a:link svg,
.fullScreenMenu.show .mobile-btns ul li a:visited svg {
    height: 16px;
    width: 16px;
    fill: #007060;
    margin-left: 5px
}

.fullScreenMenu.show .mobile-btns ul li a svg path.search-icon,
.fullScreenMenu.show .mobile-btns ul li a:link svg path.search-icon,
.fullScreenMenu.show .mobile-btns ul li a:visited svg path.search-icon {
    fill: #007060
}

.fullScreenMenu.show .mobile-btns ul li a:hover,
.fullScreenMenu.show .mobile-btns ul li a:active,
.fullScreenMenu.show .mobile-btns ul li a:focus {
    color: #00a699
}

.fullScreenMenu.show .mobile-btns ul li a:hover svg,
.fullScreenMenu.show .mobile-btns ul li a:active svg,
.fullScreenMenu.show .mobile-btns ul li a:focus svg {
    fill: #00a699
}

.fullScreenMenu.show .mobile-btns ul li a:hover svg path.search-icon,
.fullScreenMenu.show .mobile-btns ul li a:active svg path.search-icon,
.fullScreenMenu.show .mobile-btns ul li a:focus svg path.search-icon {
    fill: #00a699
}

.fullScreenMenu.show .mobile-menu ul {
    margin: 2em 0 3em 0;
    padding: 0;
    position: relative
}

.fullScreenMenu.show .mobile-menu ul li {
    margin: 0;
    padding: .5em 0;
    list-style-type: none;
    line-height: 1.25;
    background: none
}

.fullScreenMenu.show .mobile-menu ul a,
.fullScreenMenu.show .mobile-menu ul a:link,
.fullScreenMenu.show .mobile-menu ul a:visited {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #474849;
    text-decoration: none
}

.fullScreenMenu.show .mobile-menu ul a:hover,
.fullScreenMenu.show .mobile-menu ul a:active,
.fullScreenMenu.show .mobile-menu ul a:focus {
    color: #00a699
}

.fullScreenMenu.show .mobile-menu ul .dropdown-menu {
    margin: 1em 0 2em 0;
    padding: .5em 0 .5em 1em
}

.fullScreenMenu.show .mobile-menu ul .dropdown-menu a,
.fullScreenMenu.show .mobile-menu ul .dropdown-menu a:link,
.fullScreenMenu.show .mobile-menu ul .dropdown-menu a:visited {
    font-size: .9em;
    font-weight: normal
}

.fullScreenMenu.show .mobile-menu ul .dropdown-menu a.active,
.fullScreenMenu.show .mobile-menu ul .dropdown-menu a.active:link,
.fullScreenMenu.show .mobile-menu ul .dropdown-menu a.active:visited {
    color: #007060 !important;
    font-weight: bold
}

.fullScreenMenu.show .mobile-menu ul .dropdown-menu a.active:hover,
.fullScreenMenu.show .mobile-menu ul .dropdown-menu a.active:active,
.fullScreenMenu.show .mobile-menu ul .dropdown-menu a.active:focus {
    color: #00a699 !important
}

.fullScreenMenu.show .mobile-menu ul .expandable>a span {
    height: 20px;
    width: 20px;
    flex: 0 0 20px;
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #007060;
    border-radius: 50%
}

.fullScreenMenu.show .mobile-menu ul .expandable>a span:after {
    display: block;
    content: "";
    height: 8px;
    width: 8px;
    background-image: url(../images/icon-chevron-white.svg);
    background-repeat: no-repeat;
    background-size: 6px 8px;
    background-position: center;
    transform: rotate(-90deg);
    z-index: 999
}

.fullScreenMenu.show .mobile-menu ul .expandable>ul {
    display: none
}

.fullScreenMenu.show .mobile-menu ul .expandable.expanded>a span:after {
    transform: rotate(90deg)
}

.fullScreenMenu.show .mobile-menu ul .expandable.expanded>ul {
    display: block
}

.fullScreenMenu.show .mobile-menu .root-group>li {
    display: block;
    padding: 1em 0;
    border-bottom: 1px solid #b6b6b7
}

.fullScreenMenu.show .mobile-menu .root-group>li>a {
    font-size: 1.5em
}

.fullScreenMenu.show .mobile-menu .root-group>li.expandable>a span {
    height: 30px;
    width: 30px;
    flex: 0 0 30px
}

.fullScreenMenu.show .mobile-menu .root-group>li.expandable>a span:after {
    height: 12px;
    width: 12px;
    background-size: 10px 12px
}

.contact-btns ul {
    margin: 0;
    padding: 1em 0;
    display: flex;
    justify-content: space-between
}

.contact-btns ul li {
    flex: 1;
    margin: 0 2%;
    padding: 0;
    list-style-type: none
}

.contact-btns ul li:first-child {
    margin-left: 0
}

.contact-btns ul li:last-child {
    margin-right: 0
}

.contact-btns ul li a,
.contact-btns ul li a:link,
.contact-btns ul li a:visited {
    display: block;
    background: #f8f9f6;
    border: 1px solid #b6b6b7;
    text-align: center;
    color: #353838;
    text-decoration: none
}

.contact-btns ul li a svg,
.contact-btns ul li a:link svg,
.contact-btns ul li a:visited svg {
    pointer-events: none;
    height: 16px;
    width: 16px
}

.contact-btns ul li a svg path,
.contact-btns ul li a:link svg path,
.contact-btns ul li a:visited svg path {
    fill: #353838
}

.contact-btns ul li a:hover,
.contact-btns ul li a:active,
.contact-btns ul li a:focus {
    background-color: #00a699;
    color: #fff
}

.contact-btns ul li a:hover svg path,
.contact-btns ul li a:active svg path,
.contact-btns ul li a:focus svg path {
    fill: #fff
}

.close-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    border: none;
    background: #007060;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease-in-out;
    z-index: 6;
    cursor: pointer
}

.close-menu:hover,
.close-menu:active,
.close-menu:focus {
    background: #00a699
}

.close-menu img {
    margin: 0
}

.close-menu span,
.close-menu img {
    pointer-events: none
}

.banner {
    width: 100%;
    height: 33.333vw;
    position: relative;
    background-color: #007060;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
    color: #fff;
    font-size: 3.6em;
    font-family: "Roboto", sans-serif
}

.banner.banner-none {
    height: 200px;
    border-top: 1px solid rgba(255, 255, 255, .5)
}

.banner.banner-none .banner-mask {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)
}

.banner.banner-center .banner-mask .sectionpane {
    text-align: center
}

@media(max-width: 65em) {
    .banner {
        height: 300px
    }
}

@media(max-width: 43.75em) {
    .banner {
        height: 275px
    }
}

.banner h1,
.banner h2,
.banner h3,
.banner p {
    margin: 0;
    padding: 0;
    color: inherit;
    line-height: 1
}

.banner .dnnFormInfo {
    font-size: 16px
}

.banner .banner-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media(max-width: 43.75em) {
    .banner .banner-mask {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 100%);
        justify-content: center
    }
}

.banner .banner-mask .sectionpane {
    width: 94%;
    max-width: 78.125rem;
    margin: 0 auto;
    padding: 0 0 25px;
    text-align: left;
    text-shadow: 0px 1px 40px rgba(0, 0, 0, .1), 0px 2px 20px rgba(0, 0, 0, .12), 0px 1px 2px rgba(0, 0, 0, .4)
}

@media(max-width: 65em) {
    .banner .banner-mask .sectionpane {
        text-align: center
    }
}

@media(max-width: 43.75em) {
    .banner .banner-mask .sectionpane {
        padding: 0
    }
}

.banner .banner-mask .sectionpane p.section-sub {
    font-size: 13px;
    margin: 0 0 4px;
    color: #ffdfa1;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    text-shadow: 0px 1px 40px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .5)
}

.banner .banner-mask .sectionpane h1 {
    font-size: 58px;
    line-height: 1.07;
    margin: 0;
    padding: 0
}

@media(max-width: 57.5em) {
    .banner .banner-mask .sectionpane h1 {
        font-size: 52px
    }
}

@media(max-width: 43.75em) {
    .banner .banner-mask .sectionpane h1 {
        font-size: 40px
    }
}

@media(max-width: 25em) {
    .banner .banner-mask .sectionpane h1 {
        font-size: 36px
    }
}

.breadcrumbs {
    background: #f8f9f6;
    border-top: 1px solid #e3e3e7;
    border-bottom: 1px solid #e3e3e7;
    padding: 1em 0;
    color: #007060;
    font-size: .75em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.1
}

.breadcrumbs .container {
    max-width: 78.125rem
}

.breadcrumbs ul {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0
}

.breadcrumbs ul li {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: none;
    margin-right: 8px
}

.breadcrumbs ul li:not(:last-child):after {
    display: block;
    content: "";
    height: 12px;
    width: 8px;
    background: url(../images/icon-arrow.svg) no-repeat;
    background-size: contain;
    margin-left: 8px
}

.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:visited {
    color: #353838;
    font-weight: inherit;
    text-decoration: none
}

.breadcrumbs a:hover,
.breadcrumbs a:active,
.breadcrumbs a:focus {
    color: #007060
}

.breadcrumbs img {
    display: block
}

.hero {
    background-color: #007060;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.hero .hero-mask {
    position: relative;
    height: 25vh;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.45) 100%)
}

@media screen and (min-width: 57.5em) {
    .hero .hero-mask {
        height: calc(100vh - 115px);
        background: none
    }
}

@media screen and (max-width: 25em) {
    .hero .hero-mask {
        min-height: 400px
    }
}

@media screen and (min-width: 57.5em) {
    .hero .hero-mask.lightContrast {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%)
    }
}

@media screen and (min-width: 57.5em) {
    .hero .hero-mask.regularContrast {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%)
    }
}

@media screen and (min-width: 57.5em) {
    .hero .hero-mask.darkContrast {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%)
    }
}

.hero .hero-text {
    width: 90%;
    margin: 0 auto;
    padding: 1em 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    font-size: 1.25em;
    line-height: 1.5;
    letter-spacing: .5px;
    text-shadow: 1px 2px 15px rgba(0, 0, 0, .1), 1px 2px 0 rgba(0, 0, 0, .2)
}

@media screen and (min-width: 57.5em) {
    .hero .hero-text .slide {
        width: 45% !important;
        padding: 0
    }
}

.hero .hero-text .hero-img {
    display: none
}

.hero .hero-text h1 {
    margin: 0 0 .8rem;
    color: inherit;
    font-size: 3em;
    line-height: 1.1
}

@media screen and (max-width: 25em) {
    .hero .hero-text h1 {
        font-size: 2em
    }
}

.hero .hero-text .button {
    font-size: 1.1rem
}

@media screen and (max-width: 25em) {
    .hero .hero-text .button {
        font-size: 1rem
    }
}

.share {
    clear: both;
    text-transform: uppercase;
    padding: 2em 0;
    font-size: .9em;
    display: flex;
    align-items: center
}

@media screen and (max-width: 43.75em) {
    .share {
        display: none
    }
}

.share a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #8a8b8d
}

.share a img {
    height: 12px;
    width: 12px
}

.share a+a {
    margin-left: 6px
}

.share a:hover {
    background: #007060
}

.print {
    margin-left: auto;
    display: flex;
    align-items: center
}

.introduction {
    background-color: none;
    padding: 2em 0;
    border-bottom: 1px solid #b6b6b7;
    color: #474849;
    background: #f8f9f6;
    border-top: 1px solid #e3e3e7;
    border-bottom: 1px solid #e3e3e7
}

.introduction .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 78.125rem
}

.introduction .intro-text {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.6;
    text-align: center
}

@media screen and (min-width: 57.5em) {
    .introduction .intro-text {
        flex: 0 1 51%;
        text-align: left
    }
}

.introduction p {
    margin: 0;
    padding: 0
}

.subnav {
    display: none;
    padding: 0 0 0 1.5em;
    margin-left: 1em;
    flex: 0 0 40%
}

@media screen and (min-width: 57.5em) {
    .subnav {
        display: block
    }
}

.subnav ul {
    margin: 0;
    padding: 0;
    -moz-column-count: 2;
    column-count: 2
}

.subnav ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background: none
}

.subnav ul li a {
    text-decoration: none
}

.subnav ul ul {
    margin: 0;
    padding: 0 0 10px 5px;
    font-size: .875em;
    display: none;
    -moz-column-count: 1;
    column-count: 1;
    width: 200px;
    border-left: 1px solid #e3e3e7
}

.subnav ul ul li a {
    margin: 0;
    padding: 0 .875em !important;
    margin: 0 0 .5em !important;
    text-decoration: none;
    font-weight: 400 !important;
    line-height: 1.2 !important
}

.subnav ul ul li a:hover,
.subnav ul ul li a:active,
.subnav ul ul li a:focus {
    background: none;
    color: #00a699;
    opacity: 1
}

.subnav ul ul ul {
    margin: 0;
    padding: 0 0 8px 15px;
    font-size: .875em;
    display: none;
    -moz-column-count: 1;
    column-count: 1;
    width: 200px;
    border-left: 1px solid rgba(0, 0, 0, 0)
}

.subnav a,
.subnav a:link,
.subnav a:visited {
    display: block;
    color: inherit;
    font-size: .8em;
    font-weight: 600;
    line-height: 1.35;
    border: none;
    padding: .25em .75em;
    margin: .25em 0
}

.subnav a:hover,
.subnav a:active,
.subnav a:focus {
    background: #ecefe7;
    color: #007060
}

.subnav .active>a,
.subnav .expanded>a {
    color: #007060;
    font-weight: 600;
    border-left: 3px solid #007060
}

.subnav .active>ul,
.subnav .expanded>ul {
    display: block !important
}

.btmCols {
    overflow: hidden
}

.btmCols>div {
    padding: 0 2%
}

.btmCols .bmCol-2,
.btmCols .bmCol-3,
.btmCols .bmCol-4 {
    float: left
}

.btmCols .bmCol-2 {
    width: 50%
}

.btmCols .bmCol-3 {
    width: 33%
}

.btmCols .bmCol-4 {
    width: 25%
}

.btmCols .bmCol a,
.btmCols .bmCol a:link,
.btmCols .bmCol a:visited {
    text-decoration: none
}

.btmCols ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.resources,
.waystogive {
    background: url(../images/bg-shadow.png) no-repeat top center;
    border-top: 1px solid #dedede
}

.resourceCP .resources {
    background: none;
    border: 0px;
    padding: 0 0 1.6em;
    margin: 0 -1em
}

.resources h2 {
    font-size: 1.5em;
    color: #353838;
    text-align: left;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    margin-bottom: 40px
}

.resourceCP .resources h2 {
    text-align: left
}

.resources h3 {
    color: #bd9923;
    padding: 0 1%;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    margin: 0 0 1em
}

@media screen and (max-width: 57.5em) {
    .resources h3 {
        font-size: 1em
    }
}

@media screen and (max-width: 43.75em) {
    .resources h3 {
        font-size: 1.2em;
        margin: 0 0 5px;
        padding: 0
    }
}

.resources a {
    text-decoration: none
}

.resources img {
    margin: 0 0 12px
}

.resources h4 {
    margin-bottom: 3px;
    text-transform: none
}

.resources p {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0;
    padding: 0 0 1%
}

@media screen and (max-width: 43.75em) {
    .resources h2 {
        margin-bottom: 1em;
        text-align: left
    }

    .resources img {
        display: none
    }
}

.btmCols {
    padding: 3.8em 0
}

@media screen and (min-width: 65em) {
    .btmCols {
        margin: 0 -1em
    }
}

.resources .btmCols {
    padding: 3.8em 0 1.6em
}

.home .resources .btmCols {
    padding: 3.8em 0 3.8em
}

.categories {
    border-top: 1px solid #dbdbdb
}

.categories .btmCols {
    padding: 1.6em 0 3.8em
}

.categories a {
    padding-left: 10px;
    border-left: 1px solid #007060;
    display: inline-block;
    text-decoration: none
}

.footer {
    background: #353838;
    color: #fff;
    position: relative;
    padding-top: 1em
}

.footer .watermark {
    display: none
}

@media(min-width: 57.5em) {
    .footer {
        height: 290px
    }

    .footer .watermark {
        display: inherit;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 290px;
        overflow: hidden
    }

    .footer .watermark img {
        transform: scale(0.5) translate(800px, -800px);
        opacity: .05
    }
}

.footer p {
    margin: 0 0 .5em;
    padding: 0
}

.footer p:last-child {
    margin-bottom: 0
}

.footer a,
.footer a:link,
.footer a:visited {
    color: inherit;
    text-decoration: none
}

.footer a:hover,
.footer a:active,
.footer a:focus {
    color: #ffda92;
    text-decoration: underline
}

.footer .container {
    max-width: 78.125rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.footer .container>div {
    text-align: center;
    margin-bottom: 1em
}

@media screen and (min-width: 57.5em) {
    .footer .container {
        flex-direction: row
    }

    .footer .container>div {
        text-align: left
    }
}

.footer .footerTop {
    position: relative;
    padding: 2em 0;
    font-size: 1.05em
}

.footer .footerTop .btmLogo {
    max-width: 400px
}

.footer .footerTop .btmLogo img {
    width: 100%
}

.footer .footerTop .button {
    font-size: .75em
}

.footer .footer-social {
    text-align: center;
    padding-top: 1em
}

.footer .footer-social img {
    width: 20px;
    height: 20px
}

.footer .footer-social a,
.footer .footer-social a:link,
.footer .footer-social a:active {
    margin: 0 10px
}

.footer .footer-social a:first-child,
.footer .footer-social a:link:first-child,
.footer .footer-social a:active:first-child {
    margin-left: 0
}

.footer .footer-social a:last-child,
.footer .footer-social a:link:last-child,
.footer .footer-social a:active:last-child {
    margin-right: 0
}

.footer .footer-social a:hover,
.footer .footer-social a:active,
.footer .footer-social a:focus {
    opacity: .66
}

.footer .footerBtm {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, .25);
    padding: 2em 0 0 0;
    font-size: .8em;
    opacity: .8
}

.footer .footerBtm .copyright {
    padding: 0 1em
}

.footer .footerBtm .copyright a,
.footer .footerBtm .copyright a:link,
.footer .footerBtm .copyright a:active {
    margin: 0 5px
}

#content {
    width: 100%;
    padding: 2em 0
}

#content:before,
#content:after {
    content: " ";
    display: table;
    clear: both
}

.contentpane {
    margin-bottom: 3em
}

.feature-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #007060
}

@media all and (min-width: 57.5em) {
    .feature-row {
        flex-direction: row
    }
}

.feature-row .feature-image {
    flex: 0 1 50%;
    height: 500px;
    margin: 0;
    overflow: hidden
}

@media all and (max-width: 57.5em) {
    .feature-row .feature-image {
        height: 400px
    }
}

@media all and (max-width: 43.75em) {
    .feature-row .feature-image {
        height: 300px
    }
}

@media all and (max-width: 25em) {
    .feature-row .feature-image {
        height: 250px
    }
}

.feature-row .feature-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.feature-row .feature-text {
    flex: 0 1 50%;
    max-width: 560px;
    line-height: 1.5;
    padding: 1em
}

@media all and (max-width: 57.5em) {
    .feature-row .feature-text {
        width: 90%;
        padding: 40px 5%;
        text-align: center
    }
}

.feature-row .feature-text .white-button p a {
    background: #fff;
    color: #007060 !important
}

.feature-row .feature-text .white-button p a:hover {
    background: #00a699;
    color: #fff !important
}

.feature-row .section {
    color: inherit;
    opacity: .85
}

.feature-row h2 {
    color: inherit
}

.feature-row.purple {
    background: #481b4a;
    color: #fff
}

.feature-row.green {
    background: #007060;
    color: #fff
}

.feature-row.red {
    background: #bd3d26;
    color: #fff
}

.feature-row.blue {
    background: #0e5585;
    color: #fff
}

.feature-row.gold {
    background: #bd9923;
    color: #fff
}

.feature-row.white {
    background: #fff;
    color: #474849
}

@media all and (min-width: 57.5em) {
    .feature-row.left .feature-text {
        padding-left: 80px
    }
}

@media all and (min-width: 57.5em) {
    .feature-row.right {
        flex-direction: row-reverse
    }

    .feature-row.right .feature-text {
        padding-right: 80px
    }
}

.alert {
    position: fixed;
    bottom: 0;
    margin: 10px;
    z-index: 10;
    border-radius: 3px;
    width: calc(100% - 22px);
    background: rgba(177, 50, 24, .9);
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    display: flex
}

.alert .alert-text {
    flex: 1
}

.alert p {
    align-self: center;
    padding: 22px 10px 24px 10px;
    margin: 0;
    color: #fff;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.3
}

@media(max-width: 43.75em) {
    .alert p {
        font-size: 15px
    }
}

.alert strong {
    font-weight: 700
}

.alert strong a {
    font-weight: inherit
}

.alert a {
    color: #fff;
    font-weight: 500;
    text-decoration: underline
}

.alert .closeButton {
    flex: 0 0 60px;
    margin-left: 12px;
    margin-top: 1px;
    margin-right: 1px;
    background: rgba(177, 50, 24, .95);
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center
}

.alert .closeButton img {
    padding: 15px 20px;
    opacity: .9
}

.alert .closeButton:hover {
    color: #fff;
    background: #a3321c;
    font-size: 24px;
    text-decoration: underline
}

.alert .closeButton:hover img {
    opacity: 1;
    transform: scale(1.04)
}

.banner.event-banner {
    background-image: url(../images/bkgd-banner.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    height: auto;
    font-size: 1em;
    padding: 3.5em 5%
}

.banner.event-banner .sectionpane {
    width: 90%;
    max-width: 945px;
    margin: 0 auto;
    text-align: center
}

.banner.event-banner .sectionpane h1 {
    font-size: 3.65em
}

.events .container {
    max-width: 78.125rem;
    margin: 0 auto
}

.events .largetext {
    width: 100%;
    background: #f8f9f6;
    border-bottom: 1px solid #e3e3e7;
    padding: 1.5em;
    margin: 0 0 2em
}

.events .largetext p {
    max-width: 945px;
    text-align: center;
    line-height: 1.7;
    margin: 0 auto;
    font-size: 20px
}

.events h2 {
    color: #ac351d;
    font-size: 1.75em
}

.events h3 {
    color: #bd9923;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase
}

.events h4 {
    margin: 0;
    color: #474849
}

.notification {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid rgba(14, 85, 133, .25);
    background: rgba(14, 85, 133, .05);
    padding: .75em 1em;
    margin: 2.5em 0 .5em;
    border-radius: 50px;
    font-size: .9em;
    line-height: 1.1
}

.notification .notification-icon {
    flex: 0 0 30px;
    margin-right: 1em
}

.notification .notification-icon svg {
    width: 30px;
    height: auto
}

.notification .notification-icon svg path {
    fill: #0e5585
}

.notification .notification-text {
    flex: 1
}

.notification p:last-child {
    padding: 0;
    margin: 0
}

.notification a,
.notification a:link,
.notification a:visited {
    font-weight: bold;
    text-decoration: none
}

.notification a:hover,
.notification a:active,
.notification a:focus {
    text-decoration: underline
}

.event-content {
    padding: 2em 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start
}

@media all and (min-width: 43.75em) {
    .event-content {
        flex-direction: row
    }

    .event-content .contentpane {
        flex: 1
    }

    .event-content .event-share {
        flex: 0 1 300px;
        margin-left: 4em;
        padding: 2em;
        background: #f8f9f6
    }
}

.event-content h2 {
    border-bottom: 1px solid #e3e3e7;
    padding-bottom: .25em
}

.event-list {
    margin-bottom: 2em
}

.event-text {
    margin-bottom: .5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .25em 0 .75em;
    border-bottom: 1px solid #e3e3e7
}

.event-text figure {
    flex: 0 1 12%;
    max-width: 350px;
    margin-right: 2em
}

@media(max-width: 43.75em) {
    .event-text figure {
        flex: 0 1 25%;
        margin-right: 0em
    }
}

.event-text figure img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.event-text .card-content {
    flex: 1;
    padding: 0
}

.event-text .card-content h3 {
    font-size: .875em
}

.event-card {
    display: flex;
    justify-content: space-between;
    padding: 1em 0
}

.event-card figure {
    flex: 0 1 20%;
    max-width: 350px;
    margin-right: 2em
}

@media(max-width: 43.75em) {
    .event-card figure {
        flex: 0 1 25%;
        margin-right: 0em
    }
}

.event-card figure img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.event-card .card-content {
    flex: 1;
    padding: 0
}

.event-topic {
    padding: 0;
    display: block;
    line-height: 1.5
}

.event-topic a,
.event-topic a:link,
.event-topic a:visited {
    color: #701e72;
    font-size: .8em;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none
}

.event-topic a:hover,
.event-topic a:active,
.event-topic a:focus {
    text-decoration: underline
}

.event-header {
    margin-bottom: .5em
}

.event-header a,
.event-header a:link,
.event-header a:visited {
    color: #007060;
    font-size: 1.25em;
    font-weight: 600;
    text-transform: none;
    text-decoration: none;
    line-height: 1.3
}

.event-header a:hover,
.event-header a:active,
.event-header a:focus {
    color: #00a699
}

p.date {
    padding: 0;
    display: flex;
    align-items: center;
    color: #6d6e71;
    font-size: .8em;
    font-weight: 600;
    text-transform: uppercase
}

p.date svg {
    display: block;
    margin-right: 10px
}

.event-block {
    border-bottom: 1px solid #e3e3e7;
    padding: 1.5em 0 1.5em;
    font-size: .9em;
    line-height: 1.2
}

@media all and (min-width: 62.5rem) {
    .event-block:last-of-type {
        border: 0
    }
}

.event-block h3 {
    font-size: .9em;
    font-weight: 600;
    margin: 0 0 1em
}

.event-block h4 {
    font-size: 1.025em;
    font-weight: 600;
    margin: 0 0 4px
}

.event-block p:last-child {
    padding: 0;
    margin: 0
}

.event-block .button a,
.event-block a.button {
    border-radius: 0px;
    font-size: inherit;
    font-weight: normal;
    padding: .5em 1.5em
}

.share-block h3 {
    font-size: .9em;
    font-weight: 600
}

.share-block ul {
    display: flex;
    margin: 0;
    padding: 0
}

.share-block ul li {
    margin: 0 5px 0 0;
    padding: 0;
    list-style-type: none;
    background: none
}

.share-block a,
.share-block a:link,
.share-block a:visited {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    border: 1px solid #e3e3e7;
    border-radius: 50%
}

.share-block a svg,
.share-block a:link svg,
.share-block a:visited svg {
    max-height: 15px;
    max-width: 15px
}

.share-block a svg path,
.share-block a:link svg path,
.share-block a:visited svg path {
    fill: #353838
}

.share-block a:hover svg path,
.share-block a:active svg path,
.share-block a:focus svg path {
    fill: #00a699
}

.all-event-categories a {
    display: block;
    margin: 0 0 .75em;
    text-decoration-color: rgba(0, 166, 153, .5)
}

.all-event-categories a:hover {
    text-decoration-color: #00a699
}

.testimonial-block {
    margin: 0 0 2em
}

.testimonial-block:last-child {
    margin: 0
}

.testimonial-block span {
    background: #007060;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    display: grid;
    place-content: center;
    margin: 0 0 10px
}

.testimonial-block span svg {
    width: 12px;
    height: auto
}

.testimonial-block span svg path {
    fill: #fff
}

.testimonial-block p {
    font-style: italic;
    margin: 0 0 6px;
    padding: 0
}

.testimonial-block .cite p {
    font-style: normal;
    margin: 0 0 6px;
    padding: 0;
    font-size: .875em
}

.event-contact {
    line-height: 1.1;
    margin-bottom: 1.5em
}

.event-contact .profileImg {
    display: block;
    max-width: 120px;
    margin-bottom: 1em
}

.event-contact p {
    margin: 0 0 .625em;
    padding: 0
}

.event-contact a,
.event-contact a:link,
.event-contact a:visited {
    display: flex;
    align-items: center;
    font-weight: 600;
    text-decoration: none
}

.event-contact a svg,
.event-contact a:link svg,
.event-contact a:visited svg {
    display: block;
    flex: 0 1 20px;
    margin-right: .5em
}

.event-intro {
    text-align: center;
    border-bottom: 1px solid #e3e3e7;
    padding: 1em 0 2em
}

.event-intro .intro-text {
    max-width: 800px;
    margin: 0 auto
}

.event-intro .largetext p {
    line-height: 1.4;
    margin-bottom: 30px;
    padding: 0;
    font-size: 1em
}

.event-grid {
    padding: 1.5em 0
}

@media screen and (min-width: 57.5em) {
    .event-grid {
        padding: 3.5em 0;
        display: grid;
        -moz-column-gap: 2em;
        column-gap: 2em;
        grid-template-columns: 225px 1fr;
        grid-template-rows: auto max-content;
        grid-template-areas: "details content" "share content"
    }
}

@media screen and (min-width: 62.5rem) {
    .event-grid {
        grid-template-columns: 225px 1fr 225px;
        grid-template-areas: "details content share"
    }
}

.event-grid .event-details {
    grid-area: details
}

.event-grid .event-main {
    grid-area: content
}

.event-grid .event-share {
    grid-area: share
}

.event-main {
    border-bottom: 2px solid #e3e3e7;
    padding: 2em 0
}

.event-main .event-main-photo {
    margin: 0 0 40px
}

@media all and (min-width: 57.5em) {
    .event-main {
        border: 0px;
        padding: 0
    }
}

.introduction.initiative-banner {
    background: #fff
}

.introduction.initiative-banner .container {
    flex-direction: column;
    max-width: 680px
}

.introduction.initiative-banner img {
    max-height: 120px;
    max-width: 400px
}

.introduction.initiative-banner h1 {
    margin-bottom: 0;
    color: #007060
}

.introduction.initiative-banner .intro-text {
    text-align: center;
    font-size: 1em
}

.initiative-nav {
    border-bottom: 1px solid #e3e3e7;
    padding: .5em 0;
    background: #f8f9f6
}

.initiative-nav .container {
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
    max-width: 78.125rem
}

.initiative-nav .container .intro-text {
    width: 100%;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.6;
    text-align: center
}

.initiative-nav .container .intro-text h1 {
    color: #007060;
    font-size: 32px;
    margin: 0 0 8px
}

@media screen and (min-width: 57.5em) {
    .initiative-nav .container .intro-text {
        text-align: left;
        width: 50%
    }
}

.initiative-nav .container .intro-text p {
    padding: 0
}

.initiative-nav .container nav {
    width: 40%;
    display: none
}

@media screen and (min-width: 57.5em) {
    .initiative-nav .container nav {
        display: inherit
    }
}

.initiative-nav ul {
    width: 100%;
    margin: 0;
    padding: 0;
    -moz-column-count: 2;
    column-count: 2
}

.initiative-nav ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background: none
}

.initiative-nav ul li a {
    text-decoration: none
}

.initiative-nav ul ul {
    margin: 0;
    padding: 0 0 10px 5px;
    font-size: .875em;
    display: none;
    -moz-column-count: 1;
    column-count: 1;
    width: 200px;
    border-left: 1px solid #e3e3e7
}

.initiative-nav ul ul li a {
    margin: 0;
    padding: 0 .875em !important;
    margin: 0 0 .5em !important;
    text-decoration: none;
    font-weight: 400 !important;
    line-height: 1.2 !important
}

.initiative-nav ul ul li a:hover,
.initiative-nav ul ul li a:active,
.initiative-nav ul ul li a:focus {
    background: none;
    color: #00a699;
    opacity: 1
}

.initiative-nav ul ul ul {
    margin: 0;
    padding: 0 0 8px 15px;
    font-size: .875em;
    display: none;
    -moz-column-count: 1;
    column-count: 1;
    width: 200px;
    border-left: 1px solid rgba(0, 0, 0, 0)
}

.initiative-nav a,
.initiative-nav a:link,
.initiative-nav a:visited {
    display: block;
    color: inherit;
    font-size: .8em;
    font-weight: 600;
    line-height: 1.35;
    border: none;
    padding: .25em .75em;
    margin: .25em 0
}

.initiative-nav a:hover,
.initiative-nav a:active,
.initiative-nav a:focus {
    background: #ecefe7;
    color: #007060
}

.initiative-nav .active>a,
.initiative-nav .expanded>a {
    color: #007060;
    font-weight: 600;
    border-left: 3px solid #007060
}

.initiative-nav .active>ul,
.initiative-nav .expanded>ul {
    display: block !important
}

section.containerouter .initiative-container {
    max-width: 78.125rem
}

.initiative-content h2 {
    color: #007060;
    font-size: 1.5em
}

.initiative-content .callout-content {
    padding: 1.5em .8em
}

.initiative-content .image-block {
    margin: 4em 0
}

.initiative-content .button a,
.initiative-content .button a:link,
.initiative-content .button a:visited {
    padding: 1em 2.5em;
    line-height: 1;
    font-weight: 600
}

.initiative-content .button p {
    margin: 0;
    padding: 0
}

.social-block.cta-block {
    margin-bottom: 0
}

.social-block.cta-block .social-links {
    text-align: center
}

.social-block.cta-block .social-links img {
    width: 20px;
    height: 20px
}

.social-block.cta-block .social-links a,
.social-block.cta-block .social-links a:link,
.social-block.cta-block .social-links a:active {
    margin: 0 10px
}

.social-block.cta-block .social-links a:first-child,
.social-block.cta-block .social-links a:link:first-child,
.social-block.cta-block .social-links a:active:first-child {
    margin-left: 0
}

.social-block.cta-block .social-links a:last-child,
.social-block.cta-block .social-links a:link:last-child,
.social-block.cta-block .social-links a:active:last-child {
    margin-right: 0
}

.social-block.cta-block .social-links a:hover,
.social-block.cta-block .social-links a:active,
.social-block.cta-block .social-links a:focus {
    opacity: .66
}

.threeAcross {
    margin: 0 0 1.5em 0
}

@media all and (min-width: 43.75em) {
    .threeAcross {
        padding: 0 3% 0 0 !important;
        width: 33%;
        float: left
    }

    .threeAcross:nth-child(3n+1) {
        clear: left
    }
}

.threeAcross h3 {
    margin: 0 0 .5em;
    padding: 0;
    font-size: 1.2em;
    color: #bd9923
}

.threeAcross h3 a,
.threeAcross h3 a:link,
.threeAcross h3 a:visited {
    color: #bd9923
}

.threeAcross p {
    margin: 0;
    padding: 0;
    margin-bottom: .25em;
    font-size: .9em
}

.threeAcross a,
.threeAcross a:link,
.threeAcross a:visited {
    text-decoration: none;
    font-weight: 600;
    font-size: .9em
}

.threeAcross .rlDate {
    font-size: .8em
}

.threeAcross .rlDate img {
    width: auto;
    margin: 0 5px;
    position: relative;
    vertical-align: middle
}

.resourceList {
    margin: .75em 0
}

.resourceList p {
    margin: 0;
    padding: 0;
    margin-bottom: .25em
}

.resourceList a,
.resourceList a:link,
.resourceList a:visited {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em
}

.resourceList .rlDate {
    font-size: .9em
}

.resourceList .rlDate img {
    width: auto;
    margin: 0 5px;
    position: relative;
    vertical-align: middle
}

.tabs-give-content-item {
    font-size: .9em;
    padding-bottom: 2.2em
}

.tabs-give-content-item h3 {
    font-size: 1.2em;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    margin: 0 0 4px;
    line-height: 120%
}

.tabs-give-content-item a {
    font-weight: bold
}

.tabs-give-content-item p {
    padding: 0;
    margin: 0
}

p.quick-reads {
    margin: 0;
    padding: 0
}

p.quick-reads a,
p.quick-reads a:link,
p.quick-reads a:visited {
    display: block;
    padding: 12px 15px;
    background: #007060;
    color: #fff;
    text-decoration: none;
    font-size: .9em;
    line-height: 140%;
    border-top: 1px solid #4d9b90
}

p.quick-reads:first-child a {
    border-top: 0px
}

p.quick-reads a:hover {
    background: #00a699
}

.daBackTop {
    padding-bottom: 2em
}

.daBackBtm {
    clear: both;
    border-top: 1px solid #007060;
    padding-top: 1.75em;
    margin-top: 1.75em
}

.daBackTop a,
.daBackTop a:link,
.daBackTop a:visited,
.daBackBtm a,
.daBackBtm a:link,
.daBackBtm a:visited {
    text-decoration: none;
    font-size: 1.2em
}

.daBackTop a:before,
.daBackTop a:link:before,
.daBackTop a:visited:before,
.daBackBtm a:before,
.daBackBtm a:link:before,
.daBackBtm a:visited:before {
    margin-right: 5px;
    width: 28px;
    height: 28px;
    padding: 5px 7px 0px;
    border-radius: 50%;
    background: #007060;
    color: #fff;
    line-height: 100%
}

.daBackTop a:before:hover,
.daBackTop a:link:before:hover,
.daBackTop a:visited:before:hover,
.daBackBtm a:before:hover,
.daBackBtm a:link:before:hover,
.daBackBtm a:visited:before:hover {
    background: #00a699
}

.daSearch {
    background: #f8f9f6;
    padding: 1em 10%;
    text-align: center
}

.daSearch table {
    margin: 0 auto
}

.daSearch .NormalTextBox {
    width: 100% !important;
    outline: none !important
}

.daSearch .dnnPrimaryAction {
    width: 100%;
    text-align: center;
    outline: none !important
}

.daAdvancedSearch {
    margin-bottom: 1.5em
}

@media screen and (max-width: 43.75em) {
    .daAdvancedSearch .daSearchTable {
        display: block;
        width: 100%
    }

    .daAdvancedSearch .daSearchTable thead,
    .daAdvancedSearch .daSearchTable tbody,
    .daAdvancedSearch .daSearchTable th,
    .daAdvancedSearch .daSearchTable td,
    .daAdvancedSearch .daSearchTable tr {
        display: block;
        width: 100% !important
    }
}

.daAdvancedSearch .daSearchFilters {
    border: solid 1px #b6b6b7;
    width: 90%;
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 4px 0px
}

.daAdvancedSearch .daSearchFilters table {
    width: 100%
}

.daAdvancedSearch .daSearchFilters table td {
    padding: 4px 10px
}

.daAdvancedSearch .daSearchFilters table td * {
    position: relative;
    vertical-align: top
}

.daAdvancedSearch .daSearchFilters table tr:nth-child(even) td {
    background: #f8f9f6
}

.daAdvancedSearch .daSearchFilters label {
    display: inline-block;
    padding-left: 2%;
    width: 80%
}

@media screen and (max-width: 43.75em) {
    .daAdvancedSearch .daSearchFilters {
        width: 100%
    }
}

.pagination {
    border-top: 1px solid #b6b6b7;
    padding: 1em 0;
    margin-bottom: 2em;
    clear: both;
    display: flex;
    justify-content: space-between
}

.blog-list .post {
    margin: 0 0 2.5em
}

.bpCategory {
    font-size: .8em;
    font-weight: 500;
    text-transform: uppercase
}

.bpCategory a,
.bpCategory a:link,
.bpCategory a:visited {
    color: #dab539;
    text-decoration: none
}

.bpCategory a:hover {
    color: #007060
}

.heading {
    color: #bd9923;
    font-size: 1.625em;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.125;
    margin: .15em 0 .65em
}

.heading a,
.heading a:link,
.heading a:visited {
    color: inherit;
    font-size: 1em;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none
}

@media screen and (max-width: 57.5em) {

    .heading a,
    .heading a:link,
    .heading a:visited {
        color: #007060
    }
}

.heading a:hover {
    color: #007060
}

@media screen and (max-width: 57.5em) {
    .heading a:hover {
        color: #00a699
    }
}

.bpTagline {
    background: #f8f9f6;
    display: inline-block;
    width: 68%;
    margin: 0 0 1em;
    padding: .6em 1em;
    color: #474849;
    font-size: .75em
}

.bpTagline a,
.bpTagline a:link,
.bpTagline a:visited {
    color: #474849;
    text-decoration: none
}

.bpTagline a:hover {
    color: #007060
}

@media screen and (max-width: 57.5em) {
    .bpTagline {
        width: 90%;
        padding: .6em 5%
    }
}

.bpDivider {
    color: #b6b6b7;
    margin: 0 3px
}

.pager {
    text-align: left;
    font-size: 1em;
    font-family: "Roboto", sans-serif;
    border-top: 1px solid #b6b6b7;
    padding-top: 1px;
    margin-top: 3em
}

.pager .CurrentPage,
.pager .CurrentPageSelected {
    display: inline-block;
    margin: 0 1px 0 0;
    padding: 2px 0;
    width: 40px;
    text-align: center;
    background-color: #007060;
    background-image: none;
    border: 1px solid #007060;
    border-radius: 0;
    color: #fff;
    font-size: 1em;
    font-weight: bold
}

.pager a.CurrentPage {
    display: inline-block;
    margin: 0 1px 0 0;
    padding: 2px 0;
    width: 40px;
    text-align: center;
    background-color: #b6b6b7;
    background-image: none;
    border: 1px solid #b6b6b7;
    border-radius: 0;
    color: #fff;
    font-size: 1em;
    font-weight: bold
}

.pager a.CurrentPage:hover,
.pager a.CurrentPage:active {
    background-color: #007060;
    border: 1px solid #007060
}

.pager a.PageNext,
.pager a.PagePrev {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    color: #b6b6b7;
    font-size: .9em
}

.pager a.PageNext {
    margin: 0 0 0 13px
}

.pager a.PagePrev {
    margin: 0 13px 0 0
}

.fund-intro {
    max-width: 80ch;
    margin: 0 auto 3em
}

.fund-intro p:last-child,
.fund-intro ul:last-child,
.fund-intro ol:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.fund-listing .filters {
    margin-bottom: 1em
}

.fund-listing .filters .directorySearch {
    display: flex;
    justify-content: center;
    align-self: flex-end;
    flex-wrap: wrap
}

@media(min-width: 65em) {
    .fund-listing .filters .directorySearch {
        justify-content: center
    }
}

.fund-listing .filters .keywordSearch {
    flex: 0 1 100%;
    margin: 0 0 1em 0
}

@media screen and (min-width: 43.75em) {
    .fund-listing .filters .keywordSearch {
        margin: 0 1% 1em;
        flex: 0 1 48%
    }
}

@media screen and (min-width: 57.5em) {
    .fund-listing .filters .keywordSearch {
        flex: 0 1 24%
    }
}

.fund-listing .filters .typeSearch,
.fund-listing .filters .topicSearch,
.fund-listing .filters .sortSearch {
    flex: 0 1 100%;
    margin: 0 0 1em 0
}

@media screen and (min-width: 43.75em) {

    .fund-listing .filters .typeSearch,
    .fund-listing .filters .topicSearch,
    .fund-listing .filters .sortSearch {
        flex: 0 1 48%;
        margin: 0 1% 1em
    }
}

@media screen and (min-width: 57.5em) {

    .fund-listing .filters .typeSearch,
    .fund-listing .filters .topicSearch,
    .fund-listing .filters .sortSearch {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex: 0 1 24%;
        margin: 0 1% 1em 0
    }
}

@media(min-width: 65em) {

    .fund-listing .filters .typeSearch,
    .fund-listing .filters .topicSearch,
    .fund-listing .filters .sortSearch {
        flex: 0 1 17.5%;
        margin: 0 1% 2em 0;
        justify-content: flex-start
    }
}

.fund-listing .filters label {
    display: block;
    margin: 0 0 .25em 0;
    font-size: .95em;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    white-space: nowrap
}

@media screen and (min-width: 57.5em) {
    .fund-listing .filters label {
        margin: 0 1em 0 0
    }
}

.fund-listing .filters select {
    display: block;
    flex: 1;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 2.5em 0 1em;
    font-size: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(../images/icon-dropdown.svg) no-repeat;
    background-position: calc(100% - 12px) 50%;
    border: 1px solid #b6b6b7;
    color: #007060
}

.fund-listing .filters input[type=text],
.fund-listing .filters input[type=search] {
    -webkit-appearance: none;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 1em 0 3em;
    font-size: .8em;
    background: rgba(248, 249, 246, .5) url(../images/icon-keyword-search.svg) no-repeat;
    background-position: 15px 10px;
    border: 1px solid #b6b6b7;
    transition: all .1s ease-out
}

.fund-listing .filters input[type=text]::-moz-placeholder,
.fund-listing .filters input[type=search]::-moz-placeholder {
    color: rgba(0, 0, 0, .33)
}

.fund-listing .filters input[type=text]::placeholder,
.fund-listing .filters input[type=search]::placeholder {
    color: rgba(0, 0, 0, .33)
}

.fund-listing .filters input[type=text]:focus,
.fund-listing .filters input[type=text]:active,
.fund-listing .filters input[type=search]:focus,
.fund-listing .filters input[type=search]:active {
    outline: none;
    border: 1px solid #000;
    box-shadow: 0 1px 12px 0 rgba(0, 112, 96, .1)
}

.fund-listing .filters button.applyFilter {
    display: flex;
    align-items: center;
    background: #007060;
    padding: 0 12px;
    height: 42px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    outline: 0;
    transition: all .2s;
    color: #fff;
    font-size: 14px
}

@media(max-width: 768px) {
    .fund-listing .filters button.applyFilter {
        margin: 0 auto;
        padding: 0 24px;
        width: 50%;
        text-align: center;
        justify-content: center
    }
}

.fund-listing .filters button.applyFilter:hover,
.fund-listing .filters button.applyFilter:focus,
.fund-listing .filters button.applyFilter:active {
    cursor: pointer;
    background: #00a699;
    box-shadow: 0 1px 12px 0 rgba(0, 112, 96, .1)
}

.fund-listing .filters a.clearButton {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 12px;
    padding: 0 12px;
    box-sizing: border-box;
    height: 42px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    color: #007060;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    white-space: nowrap;
    transition: all .2s
}

.fund-listing .filters a.clearButton:hover,
.fund-listing .filters a.clearButton:focus,
.fund-listing .filters a.clearButton:active {
    border: 1px solid #000;
    color: #ac351d;
    box-shadow: 0 1px 12px 0 rgba(0, 112, 96, .1)
}

@media(max-width: 768px) {
    .fund-listing .filters a.clearButton {
        width: 90vw;
        margin: 0 0 12px 0
    }

    .fund-listing .filters a.clearButton:hover,
    .fund-listing .filters a.clearButton:focus,
    .fund-listing .filters a.clearButton:active {
        border: 1px solid rgba(0, 0, 0, 0);
        color: #00a699;
        box-shadow: none
    }
}

.fund-listing .noResults {
    padding: 2em;
    text-align: center
}

.fund-listing .directoryCards {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.fund-listing .fundCard {
    flex: 0 1 100%;
    margin-bottom: 2em;
    background: #f8f9f6;
    display: flex;
    flex-direction: column;
    color: #474849;
    font-size: .9em;
    line-height: 1.5
}

@media(min-width: 25em) {
    .fund-listing .fundCard {
        flex: 0 1 48%;
        margin: 0 1% 2em
    }
}

@media(min-width: 43.75em) {
    .fund-listing .fundCard {
        flex: 0 1 31%;
        margin: 0 1% 2em
    }
}

@media(min-width: 65em) {
    .fund-listing .fundCard {
        flex: 0 1 23%;
        margin: 0 1% 2em
    }
}

.fund-listing .fundCard .type {
    font-size: 13px;
    color: #007060;
    margin: 0 0 2px 0
}

.fund-listing .fundCard h3 {
    margin: 0
}

.fund-listing .fundCard h3 a,
.fund-listing .fundCard h3 a:link,
.fund-listing .fundCard h3 a:visited {
    color: inherit;
    font-weight: inherit;
    border-bottom: 1px solid #007060;
    text-decoration: none
}

.fund-listing .fundCard h3 a:hover,
.fund-listing .fundCard h3 a:active,
.fund-listing .fundCard h3 a:focus {
    color: #007060;
    text-decoration: none
}

.fund-listing .fundCard p {
    padding: 0
}

.fund-listing .fund-content {
    flex: 1;
    display: flex;
    flex-direction: column
}

.fund-listing .fund-info {
    flex: 1;
    padding: 1.5em 1.5em
}

.fund-listing .fund-button {
    margin-top: auto
}

.fund-listing .fund-button a,
.fund-listing .fund-button a:link,
.fund-listing .fund-button a:visited {
    border-top: 1px solid #e5e9de;
    background: #f1f3ed;
    padding: 12px 0 14px 0;
    font-weight: bold;
    display: flex;
    justify-content: center;
    text-decoration: none
}

.fund-listing .fund-button a:hover,
.fund-listing .fund-button a:active,
.fund-listing .fund-button a:focus {
    background: #00a699;
    color: #fff
}

.fund-listing .type {
    margin: 0 0 .25em 0;
    color: #007060;
    font-size: .85em;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase
}

.fund-listing .fundTitle {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 .75em
}

.fund-listing .fundTitle h3 {
    line-height: 1.4
}

.fund-listing .tooltip {
    cursor: pointer;
    margin-left: 15px;
    flex: 0 0 20px;
    position: relative
}

.fund-listing .tooltip::before {
    position: absolute;
    top: -47px;
    left: -60px;
    background-color: rgba(0, 0, 0, .95);
    border-radius: 3px;
    color: #fff;
    content: attr(aria-label);
    padding: 10px;
    text-transform: none;
    transition: all .2s ease;
    width: 120px
}

.fund-listing .tooltip::after {
    position: absolute;
    top: -12px;
    left: 9px;
    border-left: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid rgba(0, 0, 0, 0);
    border-top: 3px solid #000;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -3px;
    width: 0
}

.fund-listing .tooltip::before,
.fund-listing .tooltip::after {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    text-align: center
}

.fund-listing .tooltip:hover::before,
.fund-listing .tooltip:hover::after {
    opacity: 1;
    transition: all .2s ease
}

.fund-listing .tooltip img {
    display: inline-block
}

.form {
    margin: 1em 0;
    background: #fff;
    box-shadow: 0px 1px 28px rgba(0, 0, 0, .07), 0px 1px 2px rgba(0, 0, 0, .13);
    border-radius: 8px;
    padding: 36px;
    margin: 0 0 3em
}

.form h2 {
    border-bottom: 1px solid #b6b6b7;
    padding: 0 0 10px;
    margin: 0 0 30px
}

.freeform-pages {
    color: rgba(71, 72, 73, .6);
    font-family: "Roboto", sans-serif;
    text-transform: uppercase
}

.freeform-pages b {
    color: #007060;
    text-decoration: underline;
    text-decoration-thickness: 2px
}

.freeform-column {
    text-align: left
}

.freeform-column label {
    display: block;
    padding: .5em 0 .25em;
    color: #0e5585;
    font-size: .875em;
    font-weight: 700;
    line-height: 1.4
}

.freeform-column input[type=text],
.freeform-column input[type=email],
.freeform-column input[type=tel],
.freeform-column input[type=url],
.freeform-column input[type=password],
.freeform-column textarea,
.freeform-column select {
    border: 1px solid #b6b6b7;
    background: rgba(248, 249, 246, .5);
    width: 100%;
    padding: .75em .75em;
    margin: 0 0 .25em;
    transition: all .2s ease-in-out
}

.freeform-column input[type=text]:active,
.freeform-column input[type=text]:focus,
.freeform-column input[type=email]:active,
.freeform-column input[type=email]:focus,
.freeform-column input[type=tel]:active,
.freeform-column input[type=tel]:focus,
.freeform-column input[type=url]:active,
.freeform-column input[type=url]:focus,
.freeform-column input[type=password]:active,
.freeform-column input[type=password]:focus,
.freeform-column textarea:active,
.freeform-column textarea:focus,
.freeform-column select:active,
.freeform-column select:focus {
    border: 1px solid #000;
    background: #f8f9f6
}

.freeform-column select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #f8f9f6 url(../images/icon-dropdown.svg) no-repeat;
    background-position: calc(100% - 12px) 50%
}

.freeform-column .input-group-one-line label {
    flex: 0 1 25%;
    text-transform: none
}

.ff-form-success,
.freeform-form-success {
    background: #eef9f6;
    border: 1px solid green;
    padding: 16px 20px 18px;
    text-align: center;
    margin-bottom: 24px
}

.ff-form-success p,
.freeform-form-success p {
    margin: 0;
    padding: 0;
    color: green
}

.ff-form-errors,
.freeform-form-errors {
    padding: 16px 20px 18px !important;
    border: 1px solid #e12115 !important;
    background: #fff !important;
    border-radius: 0 !important;
    color: #e12115 !important;
    text-align: center
}

.ff-form-errors p,
.freeform-form-errors p {
    margin: 0;
    padding: 0;
    color: #e12115
}

.freeform-required:after {
    content: "*";
    margin-left: 4px !important;
    color: #e12115 !important
}

.ff-errors>li,
.freeform-errors>li {
    color: #e12115 !important
}

.freeform-button-wrapper {
    margin: 2em 0 0 0
}

.popupGallery {
    padding: 2em 0
}

.popupGallery h2 {
    margin-bottom: 1em
}

.gallery-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px
}

@media all and (min-width: 57.5em) {
    .gallery-content {
        grid-template-columns: repeat(2, 1fr)
    }

    .gallery-content.three {
        grid-template-columns: repeat(3, 1fr)
    }
}

.gallery-card a,
.gallery-card a:link,
.gallery-card a:visited {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px rgba(0, 0, 0, .5);
    line-height: 1.15;
    transition: .2s all ease-in-out
}

.gallery-card a *,
.gallery-card a:link *,
.gallery-card a:visited * {
    pointer-events: none
}

.gallery-card a:hover .gallery-title,
.gallery-card a:active .gallery-title,
.gallery-card a:focus .gallery-title {
    background: rgba(0, 0, 0, .75)
}

.gallery-title {
    transition: .2s all ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 1em;
    font-size: 24px;
    font-weight: 600;
    background: rgba(0, 0, 0, .25);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

figure.gallery-img {
    margin: 0;
    padding: 0;
    position: relative
}

figure.gallery-img:after {
    display: block;
    content: "";
    padding-bottom: 56.25%
}

figure.gallery-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery-text {
    padding: 1.5em 0 0
}

.gallery-text p:last-child,
.gallery-text ul:last-child,
.gallery-text ol:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.donate-form-width {
    max-width: 800px;
    margin: 0 auto 1.75em auto;
    text-align: center;
    color: #007060
}

@media(min-width: 43.75em) {
    .donate-form-width {
        font-size: 2em
    }
}

.donate-fund-link {
    max-width: 800px;
    text-align: center;
    display: block;
    margin: -2.5em auto 4em auto
}

figure.fundPhoto {
    max-width: 640px;
    margin: -50px auto 100px auto;
    text-align: center
}

figure.fundPhoto .caption-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f4f4f4;
    padding: 6px
}

figure.fundPhoto .photoCredit {
    color: rgba(71, 72, 73, .8);
    font-size: .95em;
    font-style: italic
}

.donation-form-container {
    background: #f8f9f6
}

.donation-form {
    border-radius: 4px;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, .05), 0px 2px 20px 0px rgba(0, 0, 0, .08);
    padding: 2em 1em;
    background: #fff
}

div.kimbiaDiv div.k_column {
    width: 100%;
    max-width: 800px;
    margin: 0 auto !important;
    float: none !important
}

div.kimbiaDiv.two_col input.k_number,
div.kimbiaDiv.two_col input.k_text,
div.kimbiaDiv.two_col input.k_money,
div.kimbiaDiv.two_col select.k_select {
    margin-left: 0 !important;
    border-radius: 3px;
    border: 1px solid #000 !important;
    padding: 8px 10px 5px 10px;
    transition: all .2s ease-in
}

div.kimbiaDiv.two_col input.k_number:focus,
div.kimbiaDiv.two_col input.k_text:focus,
div.kimbiaDiv.two_col input.k_money:focus,
div.kimbiaDiv.two_col select.k_select:focus {
    outline: none;
    border: 1px solid #007060 !important;
    box-shadow: 0 1px 8px 0 rgba(0, 112, 96, .1), 0 3px 12px 0 rgba(0, 0, 0, .15)
}

div.kimbiaDiv.two_col input.k_number,
div.kimbiaDiv.two_col input.k_text,
div.kimbiaDiv.two_col input.k_money,
div.kimbiaDiv.two_col select.k_select {
    width: 100% !important;
    max-width: calc(100% - 166px) !important
}

.k_textarea {
    width: calc(100% - 6px) !important;
    transition: all .2s ease-in
}

.k_textarea:focus {
    outline: none;
    border: 1px solid #007060 !important;
    box-shadow: 0 2px 10px 0 rgba(0, 112, 96, .1), 0 3px 12px 0 rgba(0, 0, 0, .15)
}

.k_select {
    height: 40px !important
}

.eventDescription .k_messagingProfile {
    display: none !important
}

.kimbiaDiv {
    margin-top: -40px !important
}

.kimbiaDiv label.groupLabel {
    font-family: "Roboto", sans-serif;
    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px;
    border-top: 1px solid #007060;
    border-bottom: 1px solid #007060;
    padding: 5px 0 5px 0 !important;
    text-align: center
}

.kimbiaDiv label.groupLabel.k_askArrayMain {
    margin: 48px 0 32px 0 !important
}

.kimbiaDiv label.groupLabel.k_payment {
    margin: 48px 0 32px 0 !important
}

.kimbiaDiv label.groupLabel.k_question {
    margin: 56px 0 16px 0 !important
}

.kimbiaDiv label.groupLabel.k_confSection {
    margin: 56px 0 100px 0 !important
}

.kimbiaDiv .k_transCode {
    background: #fff;
    padding: 32px 32px 12px 32px;
    border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    text-align: center;
    color: #000;
    font-size: 28px;
    line-height: 32px
}

.kimbiaDiv .k_totalCharged {
    background: #fff;
    padding: 0 32px 48px 32px;
    border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: center;
    color: #000;
    font-size: 28px;
    line-height: 32px;
    box-shadow: 0 3px 3px 0 rgba(255, 255, 255, .1), 0 6px 8px 0 rgba(0, 112, 96, .15)
}

.kimbiaDiv label.k_paymentPlanTitle.required {
    border-top: 1px solid #e3e3e7;
    width: 100%;
    margin: 20px 0 4px 0;
    padding: 20px 0 0 0 !important
}

.kimbiaDiv label.k_radioCB {
    color: #474849;
    font-family: "Roboto", sans-serif;
    font-size: 16px !important
}

.kimbiaDiv label.k_profileSection {
    border-top: 1px solid #e3e3e7;
    border-bottom: none
}

.kimbiaDiv label.k_profileSection {
    border-top: 1px solid #e3e3e7;
    border-bottom: none
}

.kimbiaDiv #kimbiaView_1_OptionalInstructions label.groupLabel,
.kimbiaDiv #kimbiaView_1_Refunds label.groupLabel,
.kimbiaDiv #kimbiaView_1_AdditionalInstructions2 label.groupLabel {
    border: none
}

.kimbiaDiv label {
    font-family: "Roboto", sans-serif;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #000
}

.kimbiaDiv .k_donation input.k_money {
    height: 54px;
    padding-top: 11px !important;
    color: #474849;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 0 2px 10px 0 rgba(0, 112, 96, .05), 0 0 2px 0 #000, 0 3px 12px 0 rgba(0, 0, 0, .15)
}

.kimbiaDiv .k_donation input.k_money:focus {
    border: 2px solid #007060;
    color: #007060;
    box-shadow: 0 2px 12px 0 rgba(0, 112, 96, .15), 0 0 2px 0 #007060, 0 4px 24px 0 rgba(0, 0, 0, .25) !important
}

.kimbiaDiv .k_donation input[value] {
    color: #007060
}

.kimbiaDiv .k_donation .k_otherMoneyHint {
    margin: 0 !important;
    font-family: "Roboto", sans-serif;
    font-size: 13px !important;
    font-weight: 400 !important
}

.kimbiaDiv .k_donation .k_paymentPlanHint.k_installment {
    font-weight: 700;
    color: #000 !important
}

.kimbiaDiv .invalid {
    background-color: none !important;
    background: linear-gradient(180deg, rgba(193, 36, 40, 0) 50%, rgba(193, 36, 40, 0.1) 100%) !important
}

.kimbiaDiv .invalid .fieldCaption .k_messages {
    color: #e12115 !important;
    font-family: "Roboto", sans-serif;
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: 400 !important
}

.kimbiaDiv .invalid ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #e12115
}

.kimbiaDiv .invalid ul li {
    list-style: none !important;
    color: #e12115 !important;
    font-family: "Roboto", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-align: center;
    padding: 20px 0;
    margin: 0 !important
}

.kimbiaDiv .inputGroup {
    min-height: 48px
}

.kimbiaDiv #kimbiaView_1_AttributionName {
    border-bottom: 1px solid #e3e3e7;
    padding-bottom: 24px;
    margin-bottom: 16px
}

.kimbiaDiv #kimbiaView_1_InHonorOf .fieldCaption,
.kimbiaDiv #kimbiaView_1_InMemoryOf .fieldCaption {
    color: #474849 !important;
    font-family: "Roboto", sans-serif;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin: -4px 0 20px 0;
    line-height: 18px;
    border-bottom: 1px solid #e3e3e7;
    padding-bottom: 24px
}

.kimbiaDiv .k_question .k_instruction {
    font-size: 16px !important
}

.kimbiaDiv .k_shareThisFormBlock {
    display: none
}

.kimbiaDiv .k_tally {
    background: #f8f9f6;
    border: 1px solid #e3e3e7;
    border-radius: 3px;
    width: calc(92% - 2px);
    padding: 4% 4% 0 4%
}

.kimbiaDiv .k_tally td.k_total {
    padding-top: 12px !important;
    font-size: 28px !important;
    color: #007060 !important
}

.kimbiaDiv .k_tally .k_txt {
    font-size: 16px !important;
    color: #007060 !important
}

.kimbiaDiv .k_tally .k_money {
    font-family: "Roboto", sans-serif;
    font-size: 16px !important;
    color: #007060 !important
}

.kimbiaDiv .k_tally .k_terms {
    line-height: 18px;
    color: #474849 !important;
    font-family: "Roboto", sans-serif;
    font-size: 13px !important;
    font-weight: 400 !important;
    font-style: normal !important
}

.kimbiaDiv .k_grey {
    opacity: .5
}

.kimbiaDiv table.k_buttonBlock tbody {
    width: 100% !important
}

.kimbiaDiv table.k_buttonBlock td {
    text-align: center
}

.kimbiaDiv table.k_buttonBlock .k_button {
    position: absolute;
    bottom: 32px;
    width: 100%;
    display: block !important;
    margin-top: 32px !important;
    height: 56px;
    background: #007060;
    border-radius: 6px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 24px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    border: none;
    box-shadow: 0 1px 3px 0 rgba(255, 255, 255, .3), 0 4px 40px 0 rgba(255, 255, 255, .2), 0 1px 12px 0 rgba(0, 112, 96, .1);
    transition: all .2s ease-in
}

.kimbiaDiv table.k_buttonBlock button:hover,
.kimbiaDiv table.k_buttonBlock button:active,
.kimbiaDiv table.k_buttonBlock button:focus {
    box-shadow: 0 1px 3px 0 rgba(255, 255, 255, .6), 0 4px 40px 0 rgba(255, 255, 255, .6), 0 1px 12px 0 rgba(0, 112, 96, .4);
    background: #00a699
}

.kimbiaDiv table.k_buttonBlock button:disabled,
.kimbiaDiv table.k_buttonBlock button[disabled] {
    box-shadow: 0 1px 3px 0 rgba(255, 255, 255, .6), 0 4px 40px 0 rgba(255, 255, 255, .6), 0 1px 12px 0 rgba(0, 112, 96, .4);
    background: #00a699;
    opacity: .8;
    cursor: default !important
}

.kimbiaDiv table.k_buttonBlock button:disabled:after,
.kimbiaDiv table.k_buttonBlock button[disabled]:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 12px;
    background-image: url(../images/spinner.svg);
    width: 30px;
    height: 30px
}

main.relative {
    position: relative;
    padding-bottom: 200px
}

@media(max-width: 65em) {
    main.relative {
        padding-bottom: 0
    }
}

section.bgPhoto {
    width: 100%;
    height: 450px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-image: url(../images/donation-photo-blue.jpg);
    background-size: cover;
    background-position: top center
}

@media(max-width: 65em) {
    section.bgPhoto {
        display: none
    }
}

body.modal-open {
    overflow: hidden
}

body.modal-open:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, .75);
    z-index: 9
}

.a11y-modal.gallery-popup {
    -webkit-overflow-scrolling: touch;
    background: #000;
    border: 2px solid;
    bottom: 0;
    box-shadow: 0 0 1800px 400px rgba(0, 0, 0, .4);
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 75vw;
    opacity: 1;
    overflow: auto;
    padding: 1.25em;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(0%);
    visibility: visible;
    width: 90%;
    z-index: 10
}

.a11y-modal.gallery-popup .a11y-modal__close-btn {
    border: none;
    cursor: pointer
}

.a11y-modal.gallery-popup .is-icon-btn {
    background: none;
    border: none;
    height: 2em;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 2em;
    z-index: 2
}

@media(min-width: 1360px) {
    .a11y-modal.gallery-popup .is-icon-btn {
        right: 20px;
        top: 20px
    }
}

.a11y-modal.gallery-popup .is-icon-btn:hover [data-modal-x],
.a11y-modal.gallery-popup .is-icon-btn:focus [data-modal-x] {
    color: #600
}

.a11y-modal.gallery-popup [data-modal-x] {
    border-right: 2px solid;
    bottom: 0;
    display: block;
    height: 1.25em;
    left: 0;
    margin: auto;
    pointer-events: none;
    position: relative;
    right: 0;
    top: 0;
    transform: rotate(45deg);
    width: 2px
}

@media(min-width: 1360px) {
    .a11y-modal.gallery-popup [data-modal-x] {
        height: 1.5em
    }
}

.a11y-modal.gallery-popup [data-modal-x]:after {
    border-right: 2px solid;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(-90deg);
    width: 100%
}

@media screen and (min-height: 440px)and (min-width: 500px) {
    .a11y-modal.gallery-popup {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        transition: opacity .2s ease-in-out
    }
}

.a11y-modal.gallery-popup[hidden] {
    display: block;
    opacity: 0;
    pointer-events: none;
    transform: translateY(0);
    visibility: hidden
}

.a11y-modal.gallery-popup {
    outline: none;
    padding: 0;
    border: 0px;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, .05), 0px 2px 20px rgba(0, 85, 184, .1), 0px 4px 50px rgba(0, 0, 0, .05), 0px 4px 100px rgba(0, 85, 184, .1);
    border-radius: 2px;
    background: #fff;
    text-align: left;
    height: 95vh;
    width: 90vw;
    max-width: 875px;
    color: #474849;
    font-size: .875em;
    font-family: "Roboto", sans-serif
}

.a11y-modal.gallery-popup h1 {
    display: block;
    background: #007060;
    padding: .75rem 2rem;
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 1.25em;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    line-height: 1
}

.a11y-modal.gallery-popup button.is-icon-btn {
    position: absolute;
    height: 1em;
    width: 1em;
    top: .85em;
    right: 1em
}

.a11y-modal.gallery-popup button.is-icon-btn [data-modal-x] {
    height: 1em;
    color: #fff
}

.a11y-modal.gallery-popup button.is-icon-btn:hover [data-modal-x],
.a11y-modal.gallery-popup button.is-icon-btn:focus [data-modal-x] {
    color: #bd9923;
    transform: rotate(45deg)
}

.a11y-modal.gallery-popup .modal-content {
    padding: 2em
}

.search-form {
    display: flex;
    margin-bottom: 2em
}

.search-form input {
    flex: 1;
    max-width: 400px;
    -webkit-appearance: none;
    border: 1px solid #b6b6b7;
    background: #fff;
    padding: .5em 1em;
    color: #8a8b8d;
    font-size: .85em;
    text-transform: uppercase
}

.search-form button {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    background: #007060 url(../images/icon-search.svg) no-repeat center center;
    border: 0;
    margin: 0px;
    padding: 0px;
    height: 50px;
    width: 50px
}

.sitemap .mobile-buttons {
    display: none
}

.sitemap .search a:before {
    content: "Search"
}

.sitemap .search img {
    display: none
}

.sitemap ul li {
    margin: 0 0 .5em 1em
}

.sitemap ul.root-group>li {
    border-bottom: 1px solid #b6b6b7;
    margin: 0 0 1.5em;
    padding-bottom: 1em;
    list-style-type: none;
    list-style-image: none;
    background: none
}

.sitemap ul.root-group>li>a {
    font-size: 1.25em;
    font-weight: bold
}

.sitemap ul.dropdown-menu {
    padding: .75em 0 .25em
}

.slide-content .jq_slide {
    visibility: visible;
    position: relative;
    float: right;
    width: 325px;
    height: auto;
    margin: 10px 4px 25px 4px;
    background: #fff;
    box-shadow: 0px 2px 60px rgba(0, 0, 0, .1), 0px 1px 30px rgba(0, 0, 0, .1), 0px 1px 5px rgba(0, 0, 0, .15)
}

.slide-content .jq_slide img {
    width: 100%
}

.slide-content .jq_slide a {
    text-decoration: none !important
}

.slide-content .jq_slide .jq_content {
    width: 100%;
    background: none;
    display: flex;
    justify-content: center;
    padding: .75em 0 1em;
    text-align: center;
    color: #474849;
    font-size: 1em
}

.slide-content .jq_slide .jq_content h3 {
    margin: 0;
    padding: 0;
    color: #007060;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    line-height: 1.1
}

.slide-content .jq_slide .jq_info {
    transition: all .2s ease-in;
    display: none;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    background-color: rgba(0, 91, 78, .6)
}

.slide-content .jq_slide .jq_info img {
    width: 50px
}

.slide-content .jq_slide.active {
    background: #007060;
    transition: all .2s ease-in
}

.slide-content .jq_slide.active img {
    opacity: .5
}

.slide-content .jq_slide.active .jq_content h3 {
    color: #fff
}

.slide-content .jq_slide.active .jq_info {
    display: block
}

.slide-content .jq_slide:hover .jq_info {
    display: flex
}

.slide-content .jq_slide:hover .jq_content {
    background: #005b4e;
    z-index: 20
}

.slide-content .jq_slide:hover .jq_content h3 {
    color: #fff;
    z-index: 20
}

#wrapper #jq_nav {
    position: absolute;
    bottom: 24px;
    right: 0;
    left: auto;
    width: 311px;
    z-index: 902
}

#wrapper #jq_nav a,
#wrapper #jq_nav a:link,
#wrapper #jq_nav a:visited {
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #007060;
    margin-right: 10px;
    transition: none
}

#wrapper #jq_nav a.active,
#wrapper #jq_nav a:link.active,
#wrapper #jq_nav a:visited.active {
    background: #007060
}

#wrapper #jq_nav a:hover {
    background: #bed8d4
}

@media screen and (max-width: 57.5em) {
    .jq_slide {
        height: 320px
    }
}

@media screen and (max-width: 43.75em) {
    .jq_slide {
        height: 360px;
        background: url(../images/photo-main.jpg);
        background-size: contain
    }

    #jq_nav {
        width: 100%;
        text-align: center;
        bottom: 15px
    }
}

#wrapper #jq_prevNext {
    position: absolute;
    bottom: auto;
    top: 39%;
    right: 0px;
    left: 0px;
    width: 100%;
    z-index: 902
}

#wrapper #jq_prevNext a,
#wrapper #jq_prevNext a:link,
#wrapper #jq_prevNext a:visited {
    margin: 0px 8px;
    color: #007060;
    font-size: 1px;
    line-height: 1%;
    text-decoration: none;
    text-align: center
}

.chrome #wrapper #jq_prevNext a,
.chrome #wrapper #jq_prevNext a:link,
.chrome #wrapper #jq_prevNext a:visited {
    letter-spacing: -2px
}

#wrapper #jq_prevNext a.jq_prev,
#wrapper #jq_prevNext a:link.jq_prev,
#wrapper #jq_prevNext a:visited.jq_prev {
    width: 55px;
    height: 55px;
    display: inline-block;
    padding: 5px;
    float: left;
    position: relative;
    left: -70px;
    z-index: 999;
    background: url(../images/arrow_left.png) no-repeat 0px 0px
}

#wrapper #jq_prevNext a.jq_next,
#wrapper #jq_prevNext a:link.jq_next,
#wrapper #jq_prevNext a:visited.jq_next {
    width: 55px;
    height: 55px;
    display: inline-block;
    padding: 5px;
    float: right;
    position: relative;
    right: -70px;
    z-index: 999;
    background: url(../images/arrow_right.png) no-repeat 0px 0px
}

#wrapper #jq_prevNext a:hover {
    color: #007060
}

@media screen and (max-width: 75em) {
    #wrapper #jq_prevNext {
        display: none
    }
}

#wrapper .FormTableStyle input {
    width: 90%
}

#slideshow_wrapper:after,
#slideshow_wrapper:before {
    content: "";
    display: table;
    clear: both
}

.staff-block {
    padding: 2em 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.staff-block.past-board {
    display: block
}

.staff-item {
    flex: 0 1 98%;
    margin: 0 1% 2em
}

.past-board .staff-item {
    margin-bottom: 1em
}

@media screen and (min-width: 43.75em) {
    .staff-item {
        flex: 0 1 48%
    }
}

@media screen and (min-width: 57.5em) {
    .staff-item {
        flex: 0 1 23%
    }
}

.staff-item img {
    height: auto;
    width: auto;
    max-width: 100%;
    width: auto\9;
    display: block;
    padding: 0 0 20px
}

.staff-item h3 {
    margin: 0
}

.staff-item h3 a,
.staff-item h3 a:link,
.staff-item h3 a:visited {
    color: inherit;
    font-weight: inherit
}

.staff-item h3 a:hover,
.staff-item h3 a:active,
.staff-item h3 a:focus {
    color: #00a699
}

.staff-item p {
    margin: 0;
    padding: 0
}

@media screen and (min-width: 43.75em) {
    .staff-detail {
        display: flex;
        justify-content: space-between
    }
}

.staff-detail .staff-image {
    flex: 0 1 30%;
    margin-right: 2em
}

.staff-detail .staff-content {
    flex: 1
}

.staff-detail .staff-content h1 {
    margin: 0
}

.staff-detail .staff-info {
    padding: 1em 0 0;
    font-weight: bold
}

.staff-detail .staff-info div {
    display: inline-block
}

.contact-staff {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3em;
    margin: 0 0 2em 0
}

@media screen and (max-width: 57.5em) {
    .contact-staff {
        flex-direction: column;
        align-items: flex-start;
        gap: 2em
    }
}

.contact-staff img {
    width: 180px;
    height: 180px;
    -o-object-fit: cover;
    object-fit: cover
}

.contact-staff div p {
    padding: 0
}

.contact-staff div p.job-title {
    margin: 0 0 1rem 0
}

.mc-modal {
    max-width: 600px;
    width: 50% !important
}

@media print {

    .mast-menu,
    .mast-donate,
    .main-nav,
    .banner,
    #mobNavOuter,
    .share,
    #backTop,
    .footer {
        display: none !important
    }

    .mast .container {
        display: block;
        max-width: 100%
    }

    .mast .logo {
        margin: 0;
        transform: none
    }

    .maininfo {
        padding: 2em 0
    }

    .maininfo .container {
        display: block
    }

    a.button,
    a.button:link,
    a.button:visited,
    .button a,
    .button a:link,
    .button a:visited,
    input.button,
    button.button {
        border: 2px solid #007060 !important;
        color: #007060 !important
    }
}

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