@charset "UTF-8";
/* Define the mixin */
/* CSS Document */
/* adjusting default bootstrap font size to be the same as previous website */
:root {
    --bs-body-font-size: 14px;
}

html, body {
    overflow-x: visible;
}

a {
    color: #AD7C1D;
}

h1, h2, h4 {
    font-family: "Patua One", cursive;
}

h3, p, li {
    color: #272b2d;
    font-family: "Fira Sans", sans-serif;
}

h1 {
    font-size: 3.429em;
    color: #fff;
    padding: 5px 0px 0px 20px;
    float: left;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

@media (max-width: 615px) {
    h1 {
        font-size: 2em;
        padding: 15px 0px 0px 15px;
    }
}

h2 {
    font-size: 2em;
    line-height: 1.3em;
    margin-top: 0px;
}

h3 {
    font-size: 3.429em;
    font-weight: 100;
}

h4 {
    font-size: 18px;
    margin: 30px 0px 10px 0px;
    line-height: 1.4em;
}

p {
    font-weight: 400;
    font-size: 1.143em;
    line-height: 1.7em;
    padding-bottom: 30px;
}

ul {
    margin-bottom: 30px;
    list-style: square;
}

li {
    padding-bottom: 20px;
    font-size: 1rem;
}

.headline-container {
    margin-bottom: 30px;
    margin-top: 30px;
}

    .headline-container h2 {
        max-width: 600px;
        margin: 0px auto;
    }

.headline-lines {
    width: 40%;
    height: 2px;
    background: #272b2d;
    margin: 20px auto;
}

.content-container a, footer a {
    color: #AD7C1D;
}

.white a {
    color: #fff !important;
}

a:focus, a:hover {
    text-decoration: none;
    cursor: pointer;
}

.NWF_name {
    position: absolute;
    left: 200px;
}

.NWF_name_interior {
    position: absolute;
    left: 200px;
    color: #fff;
}

@media (max-width: 1128px) {
    .NWF_name h4, .NWF_name_interior h4 {
        font-size: 0.9em !important;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        -ms-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }
}

@media (max-width: 1044px) {
    .NWF_name, .NWF_name_interior {
        display: none;
    }
}

.sources-list {
    font-family: "Fira Sans", sans-serif;
    font-size: 0.9em;
    font-style: italic;
    margin: 0px;
}

    .sources-list li {
        list-style-type: square;
        padding: 3px;
    }

.content-box-list {
    list-style: none;
    text-align: center;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

    .content-box-list li {
        padding: 5px 0px;
    }

.content-container {
    width: 100%;
}

/*Sticky Elements*/
#sticky-tab {
    cursor: pointer;
    width: 80px;
    font-family: "Fira Sans", sans-serif;
    text-align: center;
    font-weight: 700;
    font-size: 0.7em;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
    position: absolute;
    padding: 0px 0px 20px 0px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
}

#sticky-social {
    display: none;
    height: 150px;
}

.icon-sticky {
    display: block;
    width: 2em;
    height: 2em;
    stroke-width: 0;
    stroke: currentColor;
    fill: #272b2d;
    margin-top: 20px;
    margin-bottom: 10px;
}

.section-dots-container {
    margin: 20px 0px 60px 0px;
}

.section-dots {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #000;
    background: #000;
    margin: 15px auto;
}

.active-section {
    background: #4d9068;
    border: 1px solid #4d9068;
}

/*social footer sticky*/
#mobile_social_sticky {
    width: 100%;
    height: 45px;
    background: #000;
    position: fixed;
    bottom: 0px;
    z-index: 2;
    color: #fff;
    font-family: "Patua One", cursive;
    font-size: 1.4em;
    text-align: center;
}

#mobile-donate-sticky {
    background: #4d9068;
    width: 40%;
    height: 50px;
    padding-top: 10px;
    display: inline-block;
    float: left;
}

.mobile-sticky-item {
    width: 20%;
    display: inline-block;
    float: left;
}

    .mobile-sticky-item img {
        width: 30px;
        height: 30px;
        margin-top: 7px;
    }

/*Back to Top Sticky*/
#back-to-top {
    position: absolute;
    bottom: 100px;
    left: 0px;
    width: 45px;
    height: 45px;
    background: #272b2d;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    #back-to-top img {
        width: 30px;
        height: 30px;
        margin-top: 7px;
    }

.form-control .site-search {
    /*height: 85px;*/
    font-family: "Fira Sans", sans-serif;
    border: 3px solid #e6e4d8;
    border-radius: 6px;
    background: none;
    color: #e6e4d8;
}

.animal_plant_search {
    margin-top: 40px;
}

.image-overlay-btn .btn-lg {
    background: rgba(0, 0, 0, 0.4);
    border: 2px solid #fff;
    color: #fff;
    margin-top: 30px;
}

.breadcrumb {
    background: none;
    margin: 40px 20px 40px 0px;
    float: right;
    padding: 0px;
    border-radius: 0px;
    display: block;
    vertical-align: middle;
    font-family: "Fira Sans", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

    .breadcrumb,
    .breadcrumb a,
    .breadcrumb > .active {
        color: #000;
    }

        .breadcrumb > .active {
            font-weight: 700;
        }

        .breadcrumb li {
            font-size: 12px;
        }
/*Home Banner*/
#banner-nav-container {
    width: 100%;
    height: 740px;
    position: relative;
}

@media (max-width: 615px) {
    #banner-nav-container {
        height: 540px;
    }
}

.home-banner-content {
    background: rgba(0, 0, 0, 0.5);
    padding: 30px;
    position: absolute;
    overflow: hidden;
}

.promo-home-banner-content {
    position: absolute;
    overflow: hidden;
}

@media (max-width: 479px) {
    .home-banner-content p {
        font-size: 0.9em;
    }
}

.home-banner-content h1, .home-banner-content p {
    color: #fff;
    float: none;
}

.home-banner-content h1 {
    padding: 0px 0px 20px 0px;
    margin-top: 0px;
}

.home-banner-content .btn-lg {
    color: #272727;
    background: #fff;
}

.promo-right-headline {
    min-width: 30%;
    max-width: 50%;
    min-height: 20%;
    max-height: 80%;
    overflow: auto;
    top: 60%;
    right: 25%;
    -webkit-transform: translate(25%, -60%);
    -ms-transform: translate(25%, -60%);
    transform: translate(25%, -60%);
}

.centered-headline {
    text-align: center;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
}

.right-headline {
    min-width: 30%;
    max-width: 50%;
    min-height: 20%;
    max-height: 80%;
    overflow: auto;
    top: 60%;
    right: 25%;
    -webkit-transform: translate(25%, -60%);
    -ms-transform: translate(25%, -60%);
    transform: translate(25%, -60%);
}

.left-headline {
    min-width: 30%;
    max-width: 40%;
    min-height: 20%;
    max-height: 80%;
    overflow: auto;
    top: 60%;
    left: 25%;
    -webkit-transform: translate(-25%, -60%);
    -ms-transform: translate(-25%, -60%);
    transform: translate(-25%, -60%);
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
    .centered-headline {
        min-width: 90%;
        top: 80%;
        left: 50%;
        -webkit-transform: translate(-50%, -80%);
        -ms-transform: translate(-50%, -80%);
        transform: translate(-50%, -80%);
    }

    .right-headline, .left-headline {
        min-width: 90%;
        top: 85%;
        left: 50%;
        -webkit-transform: translate(-50%, -85%);
        -ms-transform: translate(-50%, -85%);
        transform: translate(-50%, -85%);
    }
}

@media only screen and (max-width: 614px) and (min-width: 480px) {
    .centered-headline {
        min-width: 70%;
        top: 70%;
        -webkit-transform: translate(-50%, -70%);
        -ms-transform: translate(-50%, -70%);
        transform: translate(-50%, -70%);
    }

    .right-headline, .left-headline {
        min-width: 90%;
        top: 70%;
        left: 50%;
        -webkit-transform: translate(-50%, -70%);
        -ms-transform: translate(-50%, -70%);
        transform: translate(-50%, -70%);
    }
}

@media only screen and (max-width: 768px) and (min-width: 615px) {
    .centered-headline {
        min-width: 70%;
        top: 55%;
        -webkit-transform: translate(-50%, -55%);
        -ms-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
    }

    .right-headline, .left-headline {
        min-width: 90%;
        top: 55%;
        left: 50%;
        -webkit-transform: translate(-50%, -55%);
        -ms-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
    }
}

.mobile-home-banner {
    /*background: url(https://www.nwf.org/-/media/NEW-WEBSITE/Design/Hero-Images/hero-image-desktop.ashx) no-repeat center fixed;*/ /*if text is aligned RIGHT*/
    background: url(https://www.nwf.org/-/media/NEW-WEBSITE/Design/Hero-Images/hero-desktop.ashx) no-repeat center fixed; /*if text is aligned RIGHT*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
    .mobile-home-banner {
        /*background: url(https://www.nwf.org/-/media/NEW-WEBSITE/Design/Hero-Images/hero-image-mobile.ashx) no-repeat center;*/
        background: url(https://www.nwf.org/-/media/NEW-WEBSITE/Design/Hero-Images/hero-mobile.ashx) no-repeat center;
        background-position: center;
        background-size: 100% auto;
        height: 1000px !important;
    }

    .promo-home-banner-content {
        top: 56%;
        left: 50%;
        text-align: center;
        width: 100% !important;
        max-width: 100%;
    }

        .promo-home-banner-content > a > div {
            margin-top: 18px;
        }
}

.promo-home-banner-content {
    top: 54% !important;
    width: 100% !important;
    text-align: center;
    min-width: 0% !important;
    max-width: 100% !important;
}

    .promo-home-banner-content > a > div {
        background-color: #fff !important;
        color: #000 !important;
        max-width: 500px;
        padding: 15px !important;
        width: 276px;
    }

@media only screen and (max-width: 492px) and (min-width: 480px) {
    .promo-home-banner-content {
        top: 55%;
    }
}

.home-banner {
    background: url(../jpg/home-banner.jpg) no-repeat center fixed; /*if text is aligned RIGHT*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
    .home-banner {
        background-position: center;
    }
}

@media (max-width: 480px) {
    .banner-headline {
        position: absolute;
        top: 77%;
        left: 50%;
        transform: translate(-50%, -75%);
        -webkit-transform: translate(-50%, -75%);
        -ms-transform: translate(-50%, -75%);
        width: 90%;
    }
}

@media only screen and (max-width: 615px) and (min-width: 481px) {
    .banner-headline {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -60%);
        min-width: 450px;
    }
}

@media only screen and (max-width: 1044px) and (min-width: 616px) {
    .banner-headline {
        position: absolute;
        top: 65%;
        left: 90%;
        transform: translate(-90%, -75%);
        min-width: 450px;
    }
}
/*default center alignment for all banners including microsites*/
.microsite-banner .banner-headline, .california-regional-banner .banner-headline {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
}

.microsite-banner {
    /*background: url(../images/trees_banner_2.jpg) no-repeat center fixed;*/
    background: url() no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    position: relative;
}

.california-regional-banner {
    background: url(../jpg/california-regional-banner.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    position: relative;
}

    .microsite-banner .banner-headline img, .california-regional-banner .banner-headline img {
        width: 100%;
        max-width: 450px;
    }

.eco-schools-logo {
    width: 100%;
    max-width: 350px;
}

.microsite-follow-social {
    width: 195px;
    margin: 0px auto;
}

    .microsite-follow-social ul {
        padding: 0px;
    }

@media (max-width: 480px) {
    .microsite-banner .banner-headline {
        margin-top: 40px;
    }
}

.home-banner-overlay {
    height: 180px;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */
}

/*INTERIOR SECTION BANNER*/
.interior-banner {
    margin-top: 45px;
    background: url(../jpg/section-banner.jpg) center no-repeat; /*interchangeable*/
    background-size: cover;
    min-width: 100%;
    min-height: 400px;
    position: relative;
}

.interior-banner-climate-change { /*for demo only, use .interior-banner class*/
    margin-top: 45px;
    background: url(../our_work_environmental_threats_section_banner_joe_schmitt_930x400.html) center no-repeat; /*interchangeable*/
    background-size: cover;
    min-width: 100%;
    min-height: 400px;
    position: relative;
}

.interior-banner-wildlife-guide { /*for demo only, use .interior-banner class*/
    margin-top: 45px;
    background: url(../banner_section_wildlife_guide_930x400.html) center no-repeat; /*interchangeable*/
    background-size: cover;
    min-width: 100%;
    min-height: 400px;
    position: relative;
}

.interior-banner-large-overlay {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 15px;
}

.NWM-banner { /*for FPO only - this class can be removed - interchangeable image*/
    margin-top: 45px;
    background: url(../jpg/nwm-banner.jpg) center no-repeat;
    background-size: cover;
    min-width: 100%;
    min-height: 400px;
    position: relative;
}

.bison-banner { /*REMOVE THIS. TEMPORARY FOR DESIGN PURPOSES. */
    margin-top: 45px;
    background: url(../jpg/bison-restoration.jpg) center no-repeat; /*interchangeable*/
    background-size: cover;
    min-width: 100%;
    min-height: 400px;
    position: relative;
}

.interior-banner-skinny {
    position: relative;
    height: 160px;
    width: 100%;
}

.skinny-banner-bg {
    height: 210px;
    width: 100%;
    position: relative;
}

.skinny-overlay img {
    padding: 20px 0px;
}

/*.skinny-overlay h1 {
    margin-top: 120px;
    margin-left: -15px !important;
}*/
.skinny-overlay > div > h1 {
    margin-top: 120px;
    margin-left: -15px !important;
    bottom: 15px;
    position: absolute;
}

.skinny-banner-bg-TFW {
    background: url(../jpg/tfw_skinny_banner.jpg) center no-repeat;
    background-size: cover;
}

.skinny-banner-bg-BH {
    background: url(../jpg/bh_interior_banner.jpg) center no-repeat;
    background-size: cover;
}

.skinny-banner-bg-wildlife {
    background: url(../jpg/amphibian-bg.jpg) center no-repeat;
    background-size: cover;
}

.skinny-banner-bg-wild-places {
    background: url(../jpg/wild-places-banner.jpg) center no-repeat;
    background-size: cover;
}

.skinny-banner-bg-leadership {
    background: url(../jpg/leadhership-banner-bg.jpg) center no-repeat;
    background-size: cover;
}

.skinny-banner-bg-regional {
    background: url(../jpg/stamp-banner.jpg) center no-repeat;
    background-size: cover;
}

.skinny-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

@media (max-width: 480px) {
    .interior-banner-skinny {
        top: 40px;
        margin-bottom: 40px;
    }
}

@media (max-width: 1044px) {
    .skinny-overlay {
        /*background: none !important;*/
    }
}

.wildlife-guide-banner {
    margin-top: 30px;
    background: url(../png/wildlife-guide3.png) center no-repeat; /*interchangeable*/
    background-size: cover;
    min-width: 100%;
    min-height: 400px;
    position: relative;
}

.interior-banner-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
}

@media (max-width: 480px) {
    .interior-banner {
        margin-top: 90px;
    }
}

.featured-newsletter .featured-overlay-quote {
    width: 280px;
    float: left;
    margin-right: 40px;
    background: rgba(230, 228, 216, 0.4);
    padding: 20px;
}

.side-quote {
    width: 280px;
    float: left;
    padding: 20px;
}

    .side-quote p {
        font-style: italic;
        font-size: 1em;
        color: #4d9068;
        padding-top: 0px;
    }

    .side-quote .by-line {
        text-align: right;
    }

.large-text {
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-size: 1.857em;
    line-height: 1.5em;
    margin: 30px 0px;
}

.right-image {
    float: right;
    padding-left: 30px;
    padding-bottom: 30px;
}

@media (max-width: 767px) {
    .right-image {
        padding: 10px;
        float: none;
        margin: 0px auto;
    }
}

.featured-newsletter .featured-headline {
    color: #272b2d;
    padding-bottom: 0px;
    margin-top: 0px;
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
    .featured-newsletter .featured-headline {
        font-size: 1.6em;
        text-align: left;
        max-width: 150px;
        margin: 0px;
        line-height: 1.3;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 535px) and (min-width: 480px) {
    .featured-newsletter .featured-headline {
        text-align: left;
        padding-left: 40px;
    }
}

.newsletter-group {
    max-width: 400px;
    margin: 0px auto;
    font-family: "Fira Sans", sans-serif;
}

.input-container {
    padding: 20px;
    border-radius: 8px;
    background: rgba(230, 228, 216, 0.5);
}

.btn-newsletter {
    height: 65px;
    border-radius: none;
    width: 100px;
    background: #AD7C1D;
    color: #fff;
    border: none;
    text-transform: none !important;
    font-style: italic;
    border: 1px solid #272b2d;
}

    .btn-newsletter:hover {
        background: #936A1A;
        color: #fff;
        border: 1px solid #fff;
    }

.newsletter-input::-webkit-input-placeholder {
    color: #272b2d;
}

.newsletter-input::-moz-placeholder { /* Firefox 19+ */
    color: #272b2d;
}

.newsletter-input:-ms-input-placeholder { /* IE 10+ */
    color: #272b2d;
}

.newsletter-input:-moz-placeholder { /* Firefox 18- */
    color: #272b2d;
}

.newsletter-input {
    height: 65px;
    background: #fff;
    border-radius: 0px;
    font-style: italic;
    text-transform: none;
    border: 1px solid #272b2d;
    color: #272b2d;
}

@media (max-width: 481px) {
    .newsletter-input {
        font-size: 11px;
    }
}

.newsHeadline {
    font-family: "Patua One", cursive;
    font-weight: 100;
    color: #282F39;
    font-size: 2em;
}

.btn-lg {
    width: 200px;
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 20px 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    font-weight: 700;
    font-family: "Fira Sans", sans-serif;
    font-size: 1em;
    border-radius: 0px;
    text-align: center;
}

.center-btn {
    width: 200px;
    color: #fff;
    background: #272b2d;
    padding: 20px 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: "Fira Sans", sans-serif;
    font-size: 1em;
    border-radius: 0px;
    text-align: center;
    margin-top: 40px;
}

    .center-btn a {
        color: #fff;
        text-decoration: none;
    }

.inline-btn {
    width: 200px;
    color: #E6E4D8;
    background: #272b2d;
    height: 60px;
    padding: 20px 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: "Fira Sans", sans-serif;
    font-size: 1em;
    border-radius: 0px;
    text-align: center;
    margin-top: 0px;
    display: inline-block;
    vertical-align: top;
    border: none;
}

.content-btn {
    border: 1px solid #272b2d;
    background: none;
    color: #272b2d;
}

@media (max-width: 480px) {
    .btn-lg, .center-btn, .content-btn, .inline-btn {
        width: 100%;
    }
}

.button-icon {
    width: 20px;
    margin-left: 5px;
    vertical-align: top;
}

.inline-btn .button-icon {
    display: initial;
}

.inline-icon {
    margin-right: 20px;
    margin-left: 5px;
    vertical-align: bottom;
    display: block;
    float: left;
}

.btn {
    font-family: "Fira Sans", sans-serif;
    border-radius: 0px;
    text-transform: uppercase;
    cursor: pointer;
}

.container {
    max-width: 960px;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .container {
        width: auto;
    }
}

.flush-box {
    margin-top: 0px;
    margin-bottom: 0px;
}

.no-padding {
    padding: 0px;
}

.cta-containter {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px;
    border-collapse: separate;
    border-spacing: 10px;
}

.cta-text-container {
    padding: 10px;
    vertical-align: middle;
    margin: 0px;
    display: table-cell;
    width: auto;
    background: #272b2d;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    .cta-text-container:hover .cta-home-title_arrow {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    .cta-text-container p {
        text-transform: uppercase;
        text-align: center;
        font-weight: 700;
        color: #E6E4D8;
        font-size: 0.9em;
        letter-spacing: 2px;
        padding: 10px;
        margin: 0px;
        display: block;
    }

@media (max-width: 660px) {
    .cta-text-container {
        display: table-row;
    }

        .cta-text-container p {
            padding: 15px;
            margin: 10px;
        }
}

.get-involved-box {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background: #000;
}

    .get-involved-box p {
        width: 120px;
        position: absolute;
        color: #fff;
        z-index: 1;
        text-align: left;
        top: 95%;
        left: 10%;
        transform: translate(-10%, -95%);
        -webkit-transform: translate(-10%, -95%);
        text-transform: uppercase;
        font-weight: 400;
        pointer-events: none;
        background: #000;
        padding: 10px;
        font-size: 0.9em;
        letter-spacing: 2px;
        line-height: 1.5em;
    }

get-involved-image {
    overflow: hidden;
    background: #000;
}

.get-involved-image img {
    width: 100%;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.cta-home-title {
    background: #272b2d;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

    .cta-home-title p {
        text-transform: uppercase;
        text-align: center;
        font-weight: 700;
        color: #E6E4D8;
        font-size: 0.9em;
        letter-spacing: 2px;
        padding: 10px;
        margin: 0px;
    }

.cta-home-title_arrow {
    position: absolute;
    bottom: -10px;
    z-index: 1;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

@media (max-width: 660px) {
    .cta-home-title_arrow {
        display: none;
    }
}

.cta-container:hover .get-involved-image img {
    width: 100%;
    opacity: 0.7;
    transform: scale(1.25);
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    -ms-transform: scale(1.25); /* IE 9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod="auto expand"); /* IE6 and 7 */
}

.cta-container:hover .cta-home-title_arrow {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
}

.microsite-get-involved-box {
    cursor: pointer;
    position: relative;
    padding: 0px;
    overflow: hidden;
    border: 3px solid #fff;
    margin-bottom: 10px;
}

    .microsite-get-involved-box .get-involved-image {
        overflow: hidden;
        background: #000;
    }

    .microsite-get-involved-box .cta-text {
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        font-size: 0.9em;
        letter-spacing: 2px;
        padding: 10px;
        margin: 0px;
        background: #000;
        font-family: "Fira Sans", sans-serif;
    }

.program-description {
    background: #02523e url(../jpg/tfw_interior_banner.jpg) no-repeat;
    background-size: cover;
    padding-top: 30px;
    color: #fff;
    text-align: center;
}

    .program-description p {
        padding-bottom: 20px;
        color: #fff;
    }

.uppercase-headline {
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 2px;
    line-height: 13px;
    padding-bottom: 15px;
}

.program-description .headline-lines {
    background: #fff;
    width: 10%;
    height: 6px;
    display: none;
}

.promos-fw-container {
    background: #e6e4d8;
}

.promos-fw {
    width: 100%;
    max-width: 960px;
    display: table;
    table-layout: fixed;
    margin: 0px auto;
    padding: 30px;
}

.promo-item-fw {
    display: table-cell;
    width: 33.333%;
    height: auto;
    background: #fff;
    padding: 30px;
}

@media (max-width: 615px) {
    .promos-fw {
        margin: 0px auto;
    }

    .promo-item-fw {
        display: table-row;
        width: auto;
    }

        .promo-item-fw img {
            padding: 10px;
        }
}

.program-footer {
    margin-top: 40px;
}

    .program-footer h4 {
        margin: 0px 0px 30px 0px;
    }

.program-sponsors img {
    margin-bottom: 20px;
}

.bottomNav {
    max-width: 900px;
    margin: 0px auto;
    background: #000;
    color: #E6E4D8;
    font-family: "Fira Sans", sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    float: none;
    text-align: center;
    padding: 15px 0px;
}

    .bottomNav ul {
        margin: 0px;
    }

    .bottomNav li {
        display: inline-block;
        list-style: none;
        margin: 0px;
        transition: background-color 0.5s ease;
        cursor: pointer;
        width: 15%;
        text-align: center;
    }

.mobile_only {
    display: none !important;
}

@media (max-width: 1044px) {
    .mobile_only {
        display: block !important;
    }
}

@media (max-width: 615px) {
    .bottomNav li {
        width: 150px;
        text-align: left;
        padding-left: 15px;
    }
}

@media (max-width: 900px) {
    .bottomNav {
        padding-right: 0px;
        padding-left: 0px;
        margin: 0px;
    }

        .bottomNav.nav > li > a {
            padding: 15px 0px;
        }
}

.trending, .near-you-ctas {
    padding-right: 40px;
    padding-left: 40px;
}

    .trending .media:nth-child(5) {
        margin-bottom: 50px;
        border-bottom: none;
    }

.follow-our-program {
    margin-top: 50px;
}

.how-you-can-help h3 {
    text-align: center;
    margin-bottom: 30px;
}

.how-you-can-help .btn-lg {
    width: 100%;
    margin-top: 1px;
    background: #AD7C1D;
    cursor: pointer;
}

    .how-you-can-help .btn-lg:hover {
        background: #9D711B;
    }

/*blog, magazine, article details*/
.article-details {
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.article-title {
    font-size: 1.8em !important;
    font-weight: 300 !important;
    font-style: none !important;
    line-height: 1.2em;
    margin-bottom: 0px;
}

.article-details li {
    list-style: none;
    display: inline;
    font-weight: 400;
    font-size: 0.85em;
    color: #999;
}

    .article-details li:first-child:after, .article-details li:nth-child(2):after {
        content: "//";
        padding-left: 7px;
        padding-right: 5px;
    }

.content-image-container {
    position: relative;
    display: table;
    overflow: hidden;
    cursor: pointer;
    margin: 0px auto 30px auto;
}

.content-image-caption {
    background: #000;
    width: 100%;
    padding: 10px;
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    opacity: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    z-index: 1;
}

.content-image-container:hover .content-image-caption {
    opacity: 1;
}

.img-article {
    width: 100%;
}

.info-icon-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

@media (max-width: 768px) {
    .info-icon-caption {
        display: none;
    }

    .content-image-container {
        position: relative;
        display: table;
        margin: 0px auto 30px auto;
    }

    .content-image-caption {
        background: #000;
        position: relative;
        opacity: 1;
    }
}

.info-icon-caption img {
    width: 35px;
    height: 35px;
}

.content-image-caption p {
    color: #fff;
    font-size: 0.9em;
    padding-bottom: 0px;
}

.article-main-image {
    margin: 30px auto;
    border: 3px solid #000;
}

.magazine-article .mpu-container {
    margin-top: 0px;
    margin-left: 20px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .magazine-article {
        margin-top: 50px;
    }
}

@media (max-width: 768px) {
    .magazine-article .mpu-container {
        margin: 0px auto 30px auto;
    }
}

.media {
    margin-top: 0px;
    padding-bottom: 30px;
    padding-top: 20px;
    font-family: "Fira Sans", sans-serif;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

.trending .media:last-child {
    border-bottom: none;
}

.media:hover .trending-media-object {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
}

.media-heading {
    font-weight: 700;
    color: #272b2d;
    font-size: 0.8em;
    margin: 0px 0px 10px 0px;
    font-family: "Fira Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.media-body p {
    font-weight: 400;
    font-size: 0.9em;
    color: #272b2d;
    padding-bottom: 0px !important;
}

.trending-media-object {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.magazine-media-object {
    margin-right: 20px;
}

.media-link {
    color: #AD7C1D;
    font-family: "Patua One", cursive;
}

    .media-link:hover {
        color: #966a1b;
    }

/*Components*/
.featured {
    color: #fff;
    text-align: center;
    position: relative;
}

.featured-headline {
    color: #fff;
    font-family: "Patua One", cursive;
    font-size: 2em;
    line-height: 1.2em;
}

.featured p {
    color: #fff;
    max-width: 600px;
    margin: 20px auto;
}

.featured .btn-lg {
    margin: 30px auto;
    display: block;
    border: 2px solid #e6e4d8;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    color: #e6e4d8;
}

.half-page-feature {
    width: 960px;
    margin: 0px auto;
}

.four-col {
    /*margin: 15px 0px 15px 0px;*/
    padding: 10px;
    /*cursor: pointer;*/
}

    .four-col p {
        /*text-transform: uppercase;*/
        text-align: center;
        font-size: 0.8em;
        /*letter-spacing: 2px;*/
        line-height: 13px;
        padding-bottom: 15px;
    }

.regional-affiliate-thumbnails .four-col {
    background: #fff;
    border-bottom: 6px solid #C8C5AC;
    min-height: 200px;
}

.magazine-archives .four-col {
    background: none;
}

    .magazine-archives .four-col img {
        background: none;
    }

.magazine-archives p {
    /*padding-top: 15px;*/
    padding-bottom: 0px;
}

.profile-pictures .four-col {
    background: none;
}

    .profile-pictures .four-col p {
        text-align: left;
        padding-bottom: 0px !important;
    }

.profile-pictures a {
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 700;
}

.profile-name {
    text-align: left;
    font-weight: 700;
}

.profile-title {
    text-align: left;
    text-transform: none !important;
    letter-spacing: 0px !important;
    line-height: 17px !important;
}

.profile-read-more {
    font-weight: 700;
}

.profile-pictures .four-col img {
    margin-bottom: 20px;
}

.profile-pictures .four-col:hover {
    box-shadow: none;
    cursor: pointer;
}

.main-profile-picture {
    margin-bottom: 30px;
}

.content-featured {
    width: 100%;
    padding: 50px 0px 50px 0px;
}

@media (max-width: 480px) {
    .content-featured {
        padding: 40px 0px 40px 0px;
    }
}

.featured-newsletter {
    background: url(../jpg/newsletter_bg.jpg) no-repeat;
    background-size: cover;
    overflow-x: hidden;
}

    .featured-newsletter .featured-overlay {
        background: #fff;
        padding-top: 50px;
        padding-bottom: 50px;
    }

.featured-overlay {
    background: rgba(0, 0, 0, 0.8);
    padding: 30px 15px 30px 15px;
    max-width: 700px;
    margin: 30px auto;
}

.newsletter-animal-graphic {
    position: absolute;
    z-index: 0;
    right: -40px;
    bottom: 0px;
}

.featured-newsletter .featured-overlay {
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 -1px 1px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

.featured-newsletter .featured-headline {
    position: relative;
    z-index: 1;
}

.section-content-featured-container {
    padding-left: 0px;
    padding-right: 0px;
}

.section-content-featured {
    width: 100%;
    max-width: 960px;
    /*background: #ccc;*/
    text-align: left;
    color: #fff;
    background: url(../our_work_climate_change_930x400.html) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
}

.section-content-overlay {
    background: rgba(0, 0, 0, 0.7);
    padding: 30px;
}

.section-content-featured .btn-lg {
    display: inline-block;
}

.section-content-featured .featured-headline {
    color: #fff;
    font-family: "Patua One", cursive;
    font-size: 2em;
    line-height: 1.2em;
}

.section-content-featured p {
    color: #fff;
    margin: 0px;
    font-size: 0.8em;
}

.TFW-home-featured {
    background: url(../jpg/tree_rings.jpg) no-repeat;
}

    .TFW-home-featured .featured-overlay {
        background: rgba(0, 81, 61, 0.77);
    }

.basic-events-container {
    width: 100%;
    min-height: 350px;
    padding: 30px;
}

.basic-feature-container {
    width: 100%;
    min-height: 350px;
    background: rgba(230, 228, 216, 0.6);
    padding: 30px;
}

.basic-feature {
    background: #fff;
    padding: 20px;
    position: relative;
}

    .basic-feature .col-sm-6 {
        padding: 20px;
    }

.feature-two-col-text {
    padding-bottom: 0px !important;
    font-size: 1em !important;
}

@media (max-width: 768px) {
    .feature-two-col-img {
        margin-bottom: 30px;
    }
}

.basic-feature .featured-headline {
    padding-bottom: 0px;
    color: #272b2d;
}

.basic-feature p {
    padding-bottom: 20px;
    color: #272b2d;
}

.basic-feature .btn-lg {
    background: #4D9068;
    color: #fff;
}

@media (max-width: 480px) {
    .basic-feature .col-sm-6 {
        padding: 0px;
    }

    .basic-feature .btn-lg {
        margin: 0px auto;
        display: block;
    }
}

.pin-wrapper {
    height: 0px !important;
}

.border {
    padding: 10px;
    border: 1px solid #afada9;
}

/*tabs*/
.nav-tabs {
    margin-bottom: 30px;
    border-bottom: 1px solid #272b2d;
}

    .nav-tabs li {
        margin-right: 3px;
        line-height: 1.42857143;
        border-radius: 4px 4px 0 0;
        border: 1px solid #272b2d;
        color: #E6E4D8;
        cursor: pointer;
        padding-bottom: 0px;
    }

@media (max-width: 500px) {
    .nav-tabs li {
        font-size: 0.9em !important;
    }
}

.nav-tabs li a:hover {
    color: #E6E4D8 !important;
    background-color: #272b2d;
    border: 1px solid #272b2d;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #E6E4D8 !important;
    cursor: default;
    background-color: #272b2d;
    border-color: #272b2d;
}

.nav-tabs > li > a {
    margin-right: 0px;
    color: #272b2d !important;
}

.tab-content {
    position: relative;
}

/*ADVERTISEMENTS*/
.leaderboard-container {
    width: 748px;
    height: 130px;
    background: rgba(230, 228, 216, 0.6);
    margin: 40px auto;
}

    .leaderboard-container img {
        padding: 20px;
    }

.mpu-container {
    /*background: #e6e4d8;*/
    margin-top: 40px;
    float: right;
}

    .mpu-container img {
        /*padding: 20px;
  width: 300px;
  height: 250px;*/
    }

@media (max-width: 768px) {
    .mpu-container {
        float: none;
        margin: 40px auto;
        /*width: 300px;
    height: 250px;*/
    }

    .mobile-ad {
        /*width: 360px;*/
        /*background: #e6e4d8;*/
        margin: 10px auto 40px auto;
    }

        .mobile-ad img {
            /*padding:20px;*/
        }

    .content-form {
        margin-top: 30px;
    }
}

#lightbox-fullpage .modal-header {
    border-bottom: 0px;
    position: absolute;
    top: 0px;
    z-index: 1;
    right: 0px;
}

    #lightbox-fullpage .modal-header .close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
        opacity: 1;
        font-size: 24px;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 30px;
        height: 30px;
        background: #000;
        margin: 0px;
    }

.large-lightbox-body {
    height: 500px;
    background: #000 url(../jpg/lightbox-image.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}

@media (max-width: 500px) {
    .large-lightbox-body {
        height: 500px;
        background: #000 url(../jpg/lightbox-image.jpg) left no-repeat;
        background-size: cover;
        position: relative;
    }
}

.large-lightbox-body-text {
    max-width: 480px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    margin-top: 40px;
}

.lightbox-right-text {
    float: right;
}

.large-lightbox-body-text h1 {
    padding: 0px;
    float: none;
    margin-top: 0px;
}

.large-lightbox-body-text p {
    color: #fff;
}

.large-lightbox-body-text .inline-btn {
    padding: 20px;
    height: auto;
    background: #4d9068;
    border: none;
    width: auto;
}

.modal-footer .inline-btn {
    background: #000;
    border: 1px solid #e6e4d8;
}

#lightbox-fullpage .modal-footer {
    background: #000;
    border-top: 0px;
    text-align: center;
}

.catalog_promo_container {
    text-align: center;
}

.catalog_promo_item {
    padding: 10px;
    margin: 10px;
    background: rgba(230, 228, 216, 0.6);
    vertical-align: top;
    text-align: center;
}

    .catalog_promo_item img {
        padding: 10px;
        background: #fff;
        margin-bottom: 10px;
    }

.catalog_promo_container h4 {
    margin-top: 5px;
}

.catalog_promo_item p {
    padding: 0px 0px 5px 0px;
    margin: 0px;
    font-size: 13px;
    line-height: 1.3em;
}

.item_number {
    display: none;
}

.item_name {
    font-weight: 700;
}

.item_price {
    color: #ad7c1d;
}

#desktop-search-form .input-group {
    margin-bottom: 15px;
}

#main-mobile-search .input-group {
    margin-bottom: 0px;
}

.content-form .form-group-lg .form-control, .content-form .input-group-lg > .form-control {
    border-radius: 0px !important;
}

.content-form .form-control {
    border: none;
    background: #f0f0f0;
    font-size: 1em;
}

.content-form .form-group {
    margin-top: 15px;
}

.content-form button {
    background: #4d9069;
    color: #fff;
    text-transform: none;
    border-radius: 0px !important;
}

.content-form .dropdown-menu > li > a {
    color: #222;
}

    .content-form .dropdown-menu > li > a:hover {
        background: #f0f0f0;
        -moz-transition: all 0.15s ease;
        -ms-transition: all 0.15s ease;
        -webkit-transition: all 0.15s ease;
        -o-transition: all 0.15s ease;
    }

.content-form button:hover {
    background: #498260;
    color: #fff;
}

.content-form .inline-btn {
    margin-top: 30px;
    background: #4d9068;
    text-transform: uppercase;
    font-size: 1em;
}

.large-subhead {
    font-style: italic;
    font-size: 1.4em;
    font-weight: 100;
    line-height: 1.4em;
    padding-bottom: 0px;
}

.wildlife-form-container {
    background: url(../png/texture-bg.png) no-repeat;
    padding-top: 120px;
    padding-bottom: 120px;
}

    .wildlife-form-container h2 {
        margin-bottom: 40px;
    }

    .wildlife-form-container .form-control {
        height: 45px;
    }

    .wildlife-form-container .center-btn {
        margin-top: 40px;
        border: 1px solid #000;
    }

.caption-info {
    padding: 20px 20px 0px 20px;
    margin: 0px;
    background: #000;
}

    .caption-info .event-title {
        color: #e6e4d8;
        font-weight: 700;
        font-size: 0.9em;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .caption-info p {
        color: #e6e4d8;
        margin: 0px;
        padding-bottom: 15px;
        letter-spacing: normal;
        text-transform: none;
        text-transform: uppercase;
        font-size: 0.9em;
    }

.img-report {
    max-width: 219px;
}

.full-quote-container {
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
    font-style: italic;
}

.full-quote {
    text-align: center;
    padding: 10px;
}

    .full-quote p {
        margin: 0px auto;
        max-width: 600px;
    }

.search-result-item-container {
    background: rgba(230, 228, 216, 0.5);
    padding: 20px;
    margin-top: 20px;
    cursor: pointer;
}

.search-result-item {
    background: #fff;
    padding: 30px;
}

    .search-result-item h4 {
        margin-top: 0px;
        padding-bottom: 20px;
    }

    .search-result-item p {
        padding-bottom: 0px;
        margin-bottom: 0px;
        font-size: 0.9em;
    }

.pagination > li > a {
    color: #AD7C1D;
}

.tile-text {
    text-transform: none !important;
    letter-spacing: 0px !important;
    font-size: 0.9em !important;
    line-height: 1.4em !important;
}

.tile-img {
    padding-bottom: 15px;
}

.tile-icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

.regional-map-home {
    background: #272b2d;
}

.region-toggle-container {
    float: right;
    width: 300px;
    border-bottom: 6px solid #C8C5AC;
    background: #fff;
    padding: 20px;
}

.region-toggle {
    display: inline-block;
    padding-right: 20px;
}

    .region-toggle p {
        margin: 0px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 0.8em;
    }

#animal_stat_container {
    width: 100% px;
    height: 30px;
    position: relative;
    margin-bottom: 30px;
}

#animal_stat_indicator {
    position: absolute;
    height: 11px;
    width: 20px;
    bottom: 1px;
    z-index: 2;
}

#animal_stat_gradient {
    width: 100%;
    height: 32px;
    position: absolute;
    border: 1px solid #000;
    padding: 3px;
    z-index: 0px;
    padding: 8px;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aa1d1d+0,ffd100+50,77bc43+100 */
    background: #aa1d1d; /* Old browsers */
    background: -moz-linear-gradient(left, #aa1d1d 0%, #ffd100 50%, #77bc43 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #aa1d1d 0%, #ffd100 50%, #77bc43 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #aa1d1d 0%, #ffd100 50%, #77bc43 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#aa1d1d", endColorstr="#77bc43",GradientType=1 ); /* IE6-9 */
}

.endangered {
    left: 2%;
}

.threatened {
    left: 45%;
}

.delisted {
    right: 30%;
}

.not_listed {
    right: 2%;
}

.catagory_icon {
    width: 40px;
    height: 40px;
    margin: 0px auto;
    background: url(../png/catagory_icons.png) -10px 0px no-repeat;
}

.mammal {
    background-position: 0px 0px;
}

.amphibian {
    background-position: -40px 0px;
}

.bird {
    background-position: -80px 0px;
}

.plant {
    background-position: -120px 0px;
}

.fish {
    background-position: -160px 0px;
}

.reptile {
    background-position: -200px 0px;
}

.invertebrate {
    background-position: -240px 0px;
}

.fungi {
    background-position: -280px 0px;
}

.animal-category-column .large-text {
    margin: 30px 0px;
    padding-bottom: 0px !important;
}

.animal-list-table {
    margin-bottom: 50px;
    /*border-spacing: 15px 0px;
  border-collapse: separate;*/
}

    .animal-list-table td {
        font-family: "Fira Sans", sans-serif;
    }

.content-box {
    padding: 40px;
}

    .content-box p {
        font-size: 1em;
        padding-bottom: 0px !important;
    }

.content-box-list {
    list-style: none;
    text-align: center;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

    .content-box-list li {
        padding: 5px 0px;
    }

/*Tables*/
.table-row {
    display: table-row;
}

@media (max-width: 768px) {
    .two-col-container {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.two-col-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.two-col-table-cell-img {
    display: table-cell;
    width: 50%;
    height: auto;
    background: #f0f0f0;
    vertical-align: top;
    background: url(../jpg/wildlife-guide-450x450.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    cursor: pointer;
    height: 450px;
}

.two-col-table-cell {
    display: table-cell;
    width: 50%;
    height: auto;
    background: #e6e4d8;
    vertical-align: middle;
    background-size: cover;
    position: relative;
    cursor: pointer;
    height: 450px;
    border: 6px solid #c8c5ac;
}

    .two-col-table-cell .headline-container {
        margin-top: 0px;
    }

.img-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    color: #e6e4d8 !important;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

    .img-overlay:hover {
        background: rgba(0, 0, 0, 0.8);
    }

    .img-overlay .headline-lines {
        background: #e6e4d8;
    }

    .img-overlay p {
        color: #e6e4d8;
    }

    .img-overlay .center-btn {
        background: none;
        border: 1px solid #e6e4d8;
    }

.content-box .center-btn {
    margin-top: 25px;
}

@media (max-width: 660px) {
    .two-col-table {
        display: block;
    }

    .table-row {
        display: block;
    }

    .two-col-table-cell-img {
        display: none;
        /*display: inline-block;
    width: 100%;*/
    }

    .two-col-table-cell {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        height: auto;
        box-sizing: border-box;
        margin-top: -6px;
    }
}

.bordered-container {
    border: 1px solid #272b2d;
    padding: 20px;
}

.bordered-container-title {
    text-transform: uppercase;
    font-weight: 700;
    color: #e6e4d8 !important;
    font-size: 0.9em;
    letter-spacing: 2px;
    background: #272b2d;
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
}

.panel-group {
    margin-bottom: 0px;
}

.panel-default > .panel-heading {
    background: #e6e4d8;
    border-color: #c8c5ac;
}

.panel-title a {
    color: #272b2d;
}

.panel-heading img {
    float: right;
    padding: 8px 10px 10px 0px;
}

.line_divider {
    width: 100%;
    height: 2px;
    background: #f0f0f0;
    margin: 30px auto;
}

@media (max-width: 480px) {
    .line_divider {
        margin: 0px auto;
    }
}

.small_p {
    font-size: 1em !important;
    line-height: 1.7em;
}

.partner_logo {
    /*border: 1px solid #f00;*/
    /*margin-bottom: 30px;*/
}

.tier_1_logo {
    /*max-width: 400px;
  min-width: 400px;*/
    max-height: 250px;
    margin-bottom: 30px;
}

.tier_2_logo {
    min-height: 170px;
    margin-bottom: 30px;
}

.tier_3_logo {
    min-height: 150px;
    max-height: 150px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .two_col_img {
        margin-bottom: 30px;
    }
}

.content-list {
    margin-bottom: 30px;
}

    .content-list li {
        padding-bottom: 20px;
        list-style: square;
    }

.first-paragraph {
    margin-top: 0px;
}

.tile {
    padding: 10px;
    border-bottom: 6px solid #c8c5ac;
    background: #fff;
}

.region_thumbnail {
    height: 200px;
}

.locally_items {
    height: 300px;
}

.article-item-list {
    width: 24%;
    display: inline-block;
    /*float: left;*/
    padding: 5px;
    vertical-align: top;
}

.pr-archive-item {
    height: 200px;
}

.leadership-item {
    height: 250px;
}

.board-member-item {
    /*height: 125px;*/
}

.magazine-issue-item {
    /*height: 360px;	*/
}

@media (max-width: 768px) {
    .article-item-list {
        width: 50%;
    }

    .board-member-item {
        width: 25%;
    }

    .locally_items {
        height: auto;
    }
}

@media (max-width: 500px) {
    .article-item-list {
        width: 100%;
    }

    .leadership-item, .magazine-issue-item {
        height: auto;
    }

    .magazine-archives .center-block {
        margin-right: 0px;
        margin-left: 0px;
    }
}

.three-col-tile {
    width: 33.333% !important;
}

    .three-col-tile .region_thumbnail {
        height: 180px;
    }

    .three-col-tile h4 {
        margin-top: 0px;
    }

@media (max-width: 768px) {
    .three-col-tile {
        width: 50% !important;
    }

        .three-col-tile .region_thumbnail {
            height: auto !important;
        }
}

@media (max-width: 480px) {
    .three-col-tile {
        width: 100% !important;
    }
}

.press-release-container img {
    float: right;
    padding-left: 30px;
    padding-bottom: 30px;
}

@media (max-width: 767px) {
    .press-release-container img {
        padding: 10px;
        float: none;
        margin: 0px auto;
    }
}

.left-image {
    float: left;
    padding-right: 30px;
    padding-bottom: 30px;
}

@media (max-width: 767px) {
    .right-image, .left-image {
        padding: 10px;
        float: none;
        margin: 0px auto;
        width: 100%;
    }
}

.locally_items .media-heading {
    height: 50px;
}

/* 9/22/17 additions below this line. */
.sign-up-btn {
    width: 300px;
    color: #E6E4D8;
    background: #272b2d;
    padding: 20px 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: "Fira Sans", sans-serif;
    font-size: 1em;
    border-radius: 0px;
    text-align: center;
    margin-top: 40px;
    position: relative;
    z-index: 1;
}

    .sign-up-btn a {
        color: #E6E4D8 !important;
    }

@media (max-width: 480px) {
    .sign-up-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .media-left {
        display: block;
        Margin-bottom: 20px;
    }

    .inline-btn {
        margin-bottom: 10px;
    }

    .img-report {
        margin-bottom: 20px;
    }

    .tab-content .media-object {
        width: 100%;
    }
}

.press-release-item {
    height: 400px;
}

@media (max-width: 500px) {
    .press-release-item {
        height: auto;
    }
}

#search-page-input input::-webkit-input-placeholder {
    color: #000;
}

#search-page-input input::-webkit-input-placeholder {
    color: #000;
}

#search-page-input input::-webkit-input-placeholder {
    color: #000;
}

#search-page-input input::-webkit-input-placeholder {
    color: #000;
}

.corner-circle {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    width: 100px;
    height: 100px;
}

    .corner-circle img {
        width: 100px;
        height: auto;
    }

    .corner-circle p {
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 16px;
        text-align: right;
        padding-bottom: 0px;
        color: #fff;
    }

.adopt-circle-content {
    position: relative;
    padding: 10px;
}

.icon-circle-right {
    width: 1.4em;
    height: 1.4em;
    stroke-width: 0;
    stroke: #fff;
    fill: #fff;
    float: right;
}

.adopt-circle-bg {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
}

.accordion {
    background-color: #F0EFE8;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-top: 10px;
    font-family: "Fira Sans", sans-serif;
}

    .accordion::after {
        /*content:url(/-/media/NEW-WEBSITE/Design/UI-Icons/dropdown-arrow-accordion.ashx?la=en&hash=43944B4E52D705C13138A03609FE2354B66359E2);*/
        /*content: '^';*/
        float: right;
        color: #444;
        transform: rotate(180deg);
        margin-top: -4px;
        transition: all 0.2s ease-in;
    }

    .accordion.active::after {
        color: #444;
        transform: rotate(0deg);
        transition: all 0.2s ease-in;
        padding-top: 0.6em;
    }

    .accordion:hover {
        background-color: #E6E4D3;
    }

.accordion-dropdown {
    padding: 0 18px;
    display: none;
    background-color: #FBFBFB;
    overflow: hidden;
}

.accordion-title {
    margin-bottom: 0px;
}

.accordion-dropdown > p, .accordion-dropdown > ul, .accordion-dropdown > ol {
    padding: 15px 0px;
    margin: 0;
}

.accordion-dropdown > ul, ol {
    margin-left: 15px;
}

    .accordion-dropdown > ul > li {
        padding: 15px 0px;
        margin: 0;
    }

p.accordion-drop-header {
    width: 95%;
    float: left;
    padding-bottom: 0;
    margin-bottom: 0;
}

.accordion-section > h2 {
    padding-top: 25px;
}

/****** THREE COLUMN ANIMATED STATS COMPONENT ******/
#animation-component-container {
    display: flex;
}

.animation-fade {
    padding: 50px;
    background-color: lightgreen;
    opacity: 1;
    padding: 10px;
    width: 33%;
    margin: 1%;
    text-align: center;
}

.animation1 {
    background-color: #AD7C1D;
}

.animation2 {
    background-color: #9B9B9B;
}

.animation3 {
    background-color: #87BDD1;
}

.animation-fade > h2 {
    font-size: 3.4vw;
    margin-bottom: 0;
    color: #fff;
}

.animation-fade > p {
    font-size: 1.7vw;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 21px;
}

.hideme {
    margin: 1%;
    text-align: center;
    color: #fff;
    width: 31%;
    float: left;
    opacity: 0;
    transition: all 0.1s ease-in-out;
    padding: 10px;
}

@media screen and (min-width: 1060px) {
    .animation-fade > h2 {
        font-size: 34px;
    }

    .animation-fade > p {
        font-size: 17px;
    }
}

@media screen and (max-width: 500px) {
    .animation-fade {
        width: 100%;
    }

    #animation-component-container {
        display: inherit;
    }

    .animation-fade > h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 700px) {
    .animation-fade > p {
        font-size: 16px;
    }
}
/****** DESKTOP STYLES VERTICAL TAB COMPONENT ******/
.vertical-tab-container {
    background-color: #FBFBFB;
    padding: 0 !important;
    margin-top: -50px;
}

.vertical-tab-desktop {
    background-color: #F0EFE8;
    width: 25%;
}

    .vertical-tab-desktop button {
        display: block;
        background-color: inherit;
        color: black;
        padding: 22px 16px;
        width: 100%;
        float: left;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 20px;
        word-wrap: break-word;
        font-variant: all-small-caps;
    }

div#vertical-tab > button {
    font-family: "Fira Sans";
    font-size: 20px;
}

.vertical-tab-desktop button:hover {
    background-color: #DFDDCD;
}

.vertical-tab-desktop button.active {
    background-color: #4D9068;
    color: #fff;
    box-shadow: 0px 2px 4px #C1C1C1;
    z-index: 10;
    position: relative;
}

.vertical-tabcontent {
    width: 100%;
    border-left: none;
    background: #FBFBFB;
    padding: 15px;
    padding-top: 10px;
}

    .vertical-tabcontent > ul {
        margin-left: 20px;
    }

    .vertical-tabcontent > h1,
    .vertical-tabcontent > h4 {
        margin-top: 0px;
    }

section.vertical-tab-component {
    display: flex;
}

/****** MOBILE STYLES VERTICAL TAB COMPONENTS ******/
.vertical-tab-mobile {
    display: none;
}

.vertical-tab-mobile-btn {
    background-color: #4D9068;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    transition: 0.4s;
    font-family: "Fira Sans", sans-serif;
    box-shadow: 0px 3px 5px lightgrey;
    margin-bottom: 5px;
}

.vertical-tab-mobile > div {
    background-color: #F9F9F9;
    padding: 10px;
}

/****** DESKTOP STYLES HORIZONAL TAB COMPONENTS ******/
.horizontal-tab-container {
    padding: 0 !important;
}

.horizontal-tab-desktop {
    float: left;
    background-color: #F0EFE8;
    width: 100%;
}

    .horizontal-tab-desktop button {
        display: block;
        background-color: inherit;
        color: black;
        padding: 22px 16px;
        width: 14.28%;
        float: left;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 17px;
        font-size: 15px;
        word-wrap: break-word;
        font-variant: all-small-caps;
    }

div#horizontal-tab > button {
    font-family: "Fira Sans";
    font-size: 20px;
}

.horizontal-tab-desktop button:hover {
    background-color: #DFDDCD;
}

.horizontal-tab-desktop button.active {
    background-color: #4D9068;
    color: #fff;
    box-shadow: 0px 2px 4px #C1C1C1;
    z-index: 10;
    position: relative;
}

.horizontal-tabcontent {
    padding: 0px 12px;
    width: 100%;
    border-left: none;
    background: #FBFBFB;
    padding: 15px;
    padding-top: 80px;
    display: block;
}

    .horizontal-tabcontent > ul {
        margin-left: 20px;
    }

    .horizontal-tabcontent > h1,
    .horizontal-tabcontent > h2,
    .horizontal-tabcontent > h3,
    .horizontal-tabcontent > h4,
    .horizontal-tabcontent > p {
        margin-top: 0px;
    }

    .horizontal-tabcontent > p {
        padding-bottom: 0px;
    }

/****** MOBILE STYLES HORIZONTAL TAB COMPONENTS ******/
.horizontal-tab-mobile {
    display: none;
}

.horizontal-tab-mobile-btn {
    background-color: #4D9068;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    transition: 0.4s;
    font-family: "Fira Sans", sans-serif;
    box-shadow: 0px 3px 5px lightgrey;
    margin-bottom: 5px;
}

.horizontal-tab-mobile > div {
    background-color: #F9F9F9;
    padding: 10px;
}

/****** MOBILE STYLES HORIZONTAL and VERTICAL TAB COMPONENTS ******/
button.tab-mobile-btn {
    background-color: #F0EFE8;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin-top: 10px;
    font-family: "Fira Sans", sans-serif;
    font-size: 15px;
    word-wrap: break-word;
    font-variant: all-small-caps;
}

    button.tab-mobile-btn.active {
        background-color: #4D9068;
        color: #fff;
    }

        button.tab-mobile-btn.active:hover {
            background-color: #4D9068;
            color: #fff;
        }

    button.tab-mobile-btn:after {
        content: "^";
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
        transform: rotate(180deg);
        transition: all 0.2s ease-in;
        margin-top: -5px;
    }

    button.tab-mobile-btn.active:after {
        transform: rotate(0deg);
        transition: all 0.2s ease-in;
        color: #fff;
        margin-top: 5px;
    }

.tab-mobile-btn:hover {
    background-color: #E6E4D3;
}

div.tab-mobile-dropdown {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #FBFAF6;
}

.tab-mobile-dropdown > p, .tab-mobile-dropdown > ul, .tab-mobile-dropdown > ol {
    padding: 15px 0px;
    margin: 0;
}

.tab-mobile-dropdown > ul, ol {
    margin-left: 15px;
}

    .tab-mobile-dropdown > ul > li {
        padding: 15px 0px;
        margin: 0;
    }

.tab-mobile-btn > p {
    width: 95%;
    float: left;
    padding-bottom: 0;
    margin-bottom: 0;
}

/****** PHOTO CAPTION COMPONENT ******/
.photo-caption-component {
    background-color: #000;
    color: #fff;
}

    .photo-caption-component > img {
        width: 100%;
    }

.photo-caption-header {
    font-weight: 700;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.photo-caption-subheader {
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-style: italic;
}

.photo-caption-content2 {
    padding: 10px;
}

.photo-caption {
    margin-bottom: 0;
    padding-bottom: 0;
}

.photo-caption-content2 > p {
    color: #fff;
    line-height: 20px;
}

/****** BIO POPUP COMPONENT ******/
.popup-component-button {
    width: 25%;
    float: left;
}

    .popup-component-button > button {
        border: none;
        padding: 5px;
        text-align: left;
        font-family: "Fira Sans", sans-serif;
        text-decoration: none;
        background-color: #fff;
        width: 100%;
        cursor: pointer;
    }

        .popup-component-button > button > p:first-child {
            color: #AD7C1D;
            font-weight: 700;
            padding-bottom: 0px !important;
        }

/* popup container */
.popup-component {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
    text-align: left;
}

    .popup-component > div {
        background-color: #fff;
        margin: auto;
        padding: 15px;
        width: 85%;
        max-width: 800px;
        margin-top: 215px;
    }

        /* The Close Button */
        .popup-component > div > span {
            color: #aaaaaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

            .popup-component > div > span:hover,
            .popup-component > div > span:focus {
                color: #000;
                text-decoration: none;
                cursor: pointer;
            }

@media screen and (min-width: 500px) and (max-width: 800px) {
    .popup-component-button {
        width: 50%;
    }
}

@media screen and (min-width: 400px) and (max-width: 500px) {
    .popup-component-button {
        width: 33%;
    }
}

@media screen and (max-width: 400px) {
    .popup-component-button {
        width: 100%;
    }
}
/****** ECOSCHOOLS HERO IMAGE COMPONENT ******/
.hero-overlay-headline {
    background: rgba(0, 0, 0, 0.5);
    padding: 30px 130px 30px 30px;
    position: absolute;
    color: #fff;
    min-width: 47%;
    max-width: 40%;
    min-height: 42%;
    max-height: 80%;
    overflow: auto;
    top: 63%;
    left: 15%;
    -webkit-transform: translate(-25%, -60%);
    -ms-transform: translate(-25%, -60%);
    transform: translate(-25%, -60%);
}

.logo-micro-hero {
    margin-top: 0px !important;
}

​ .logo-micro-hero > img {
    width: 150px !important;
}

.hero-overlay-headline > b {
    font-size: 35px;
    font-family: "Patua One";
    font-weight: normal;
}

.hero-overlay-headline > a > button {
    padding: 10px;
    border: none;
    min-width: 150px;
    margin-top: 30px;
    color: #000;
    padding: 20px 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    font-weight: 700;
    font-family: "Fira Sans", sans-serif;
    font-size: 1em;
    border-radius: 0px;
    text-align: center;
}

.logo-micro-hero {
    min-width: 240px;
    width: 240px;
}

.hero-home-jump {
    background-color: #87BDD1;
    padding: 20px;
    background-image: url();
    background-size: 300px auto;
    background-position: left;
}

    .hero-home-jump > div > p {
        padding-bottom: 0;
    }

    .hero-home-jump > div {
        width: 90%;
        background-color: #fff;
        margin: 0 auto;
        padding: 20px;
        text-align: center;
        max-width: 400px;
        box-shadow: #6da7bc 0px 0px 10px;
    }

        .hero-home-jump > div > a > button {
            border: 0px;
            margin: 5px;
            width: 44%;
            padding: 10px;
            color: #fff;
            font-variant: all-small-caps;
            cursor: pointer;
            font-family: "fira sans";
            font-size: 16px;
            letter-spacing: 4px;
        }

@media screen and (max-width: 830px) {
    .hero-overlay-headline {
        min-width: 90%;
        top: 85%;
        left: 50%;
        -webkit-transform: translate(-50%, -85%);
        -ms-transform: translate(-50%, -85%);
        transform: translate(-50%, -85%);
    }

    .hero-home-jump > div > button {
        width: 100%;
    }
}

@media screen and (max-width: 615px) {
    .hero-overlay-headline {
        padding: 75px 15px 15px 15px;
        top: 483px;
    }
        /* overlay text */
        .hero-overlay-headline > b {
            font-size: 18px;
            padding-top: 0px;
        }
        /* overlay button */
        .hero-overlay-headline > button {
            background-color: #ffffff;
            padding: 10px !important;
            min-width: 135px;
            font-size: 13px;
        }
    /* logo */
    .logo-micro-hero {
        margin-top: -65px !important;
    }

        .logo-micro-hero > img {
            width: 150px !important;
        }
}

@media screen and (max-width: 830px) and (min-width: 615px) {
    .hero-overlay-headline > b {
        font-size: 25px;
        padding-top: 0px;
    }

    .logo-micro-hero {
        top: 274px !important;
    }

    .hero-overlay-headline {
        padding: 120px 30px 30px 30px;
        top: 72%;
        min-height: 0px;
    }
}
/*hex colors for backgrounds for all*/
/* background: #77bc43;/*light green
			background: #4d9068;/*regular green
			background: #ad7c1d;/*orange
		    background: #7f5a18;/*dark orange
		    background: #ad8c00;/*dark yellow
			background: #d1a900;/*light yellow
		    background: #485c73;/*dark blue
			background: #bfdaf2;/*light blue
			*/
.header-flex-container {
    background: #ccc;
    width: 100%;
    margin: 0;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    align-items: stretch;
}

.flex-responsive {
    width: 50%;
    align-items: center;
}

.header-flex-item {
    padding: 15px;
    align-items: center;
}

    .header-flex-item p {
        font-size: 12px;
        padding-bottom: 0px;
        margin: 0px;
    }

    .header-flex-item .btn {
        background: #000;
        color: #fff;
        font-weight: 700;
        margin-top: auto;
    }

.flex {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.flex-center-align {
    align-items: center;
}

@media only screen and (min-width: 300px) and (max-width: 600px) {
    .flex-responsive, .header-flex-item {
        display: block !important;
    }
}

.flex-container {
    width: 100%;
    padding: 0;
    margin: 0;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-content: space-around;
    flex-direction: row;
}

.wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-item {
    background: #fff;
    margin: 10px;
    padding: 10px;
    width: 200px;
}

.flex-item-content {
    position: relative;
}

.flex-item img, .flex-item video {
    /*padding-bottom: 20px;*/
}

.flex-item .border {
    margin-bottom: 20px;
}

.flex-item p {
    padding: 0px;
    font-size: 12px;
}

.flex-item-title {
    font-weight: 700;
}

.flex-item .flex-item-title {
    font-size: 14px;
    line-height: 18px;
}

@media only screen and (min-width: 300px) and (max-width: 600px) {
    .flex-item {
        width: 100%;
    }
}

.photo-caption-component {
    background-color: #000;
    color: #fff;
}

    .photo-caption-component > img {
        width: 100%;
    }

.photo-caption-header {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.photo-caption-subheader {
    letter-spacing: 2px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-style: italic;
}

.photo-caption-content2 {
    padding: 10px;
}

.photo-caption {
    margin-bottom: 0;
    padding-bottom: 0;
}

.photo-caption-content2 > p {
    color: #fff;
    line-height: 20px;
}

@media screen and (max-width: 768px) {
    .call-to-action-cards {
        margin-left: 0 !important;
    }

    .call-to-action-cards {
        padding: 20px !important;
    }

        .call-to-action-cards > div {
            max-width: 780px !important;
        }
}

@media screen and (max-width: 400px) {
    .cta-card > div:first-child {
        height: 140px !important;
        width: 100% !important;
    }

        .cta-card > div:first-child > img {
            width: 100% !important;
            height: auto !important;
        }

    .cta-card > div:last-child {
        margin-left: 0% !important;
        padding-top: 140px !important;
    }
}

@media screen and (max-width: 600px) {
    /* BIG SCREENS */
    .vertical-tab-desktop {
        display: none;
    }

    .vertical-tabcontent {
        display: none !important;
    }
    /* SMALL SCREEN */
    .vertical-tab-mobile {
        display: block;
    }

    .vertical-tab-container {
        background-color: #fff;
    }
}

@media screen and (max-width: 600px) {
    /* BIG SCREENS */
    .horizontal-tab-desktop {
        display: none;
    }

    .horizontal-tabcontent {
        display: none !important;
    }
    /* SMALL SCREEN */
    .horizontal-tab-mobile {
        display: block;
    }
}

@media (max-width: 480px) {
    .program-callout-btn {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 430px) {
    .sportsmen-parallax {
        background-attachment: initial !important;
    }
}

.cookies {
    position: fixed;
    bottom: 3em;
    background-color: rgba(0, 0, 0, 0.88);
    padding: 2.5em;
    width: 100%;
    z-index: 9999;
    color: #fff;
    padding: 1em;
}

    .cookies p {
        color: #fff;
        font-size: 10px;
    }

.cookies-close {
    /*position: absolute;
  right: .7em;
  top: .3em;*/
    float: right;
    font-size: 2em;
    color: #fff;
    /*background-color: #0000;*/
    background-color: rgba(16, 15, 15, 0.88);
    border-width: 0px;
}

    .cookies-close:hover {
        color: #fff;
    }

.approve-cookies {
    padding: 0.75em 2em;
    background-color: #AD7C1D;
    color: #fff;
    position: absolute;
    bottom: 2em;
    left: 4em;
    text-align: center;
    border-width: 0px;
    font-family: "Fira Sans", sans-serif;
}

    .approve-cookies:hover {
        color: #fff;
        background-color: #AD7C1D;
    }

#privacy-color:hover {
    color: #AD7C1D;
}

.cookie-content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 520px) {
    .approve-cookies {
        padding: 0.75em 0.75em;
        bottom: 2em;
        left: 1em;
        font-family: "Fira Sans", sans-serif;
        font-size: 12px;
    }
}

@media screen and (min-width: 768px) {
    .cookies {
        bottom: -3em;
        /*bottom: -2em;*/
        color: #fff;
        padding-left: 30px;
    }

        .cookies p {
            float: left;
            width: 83%;
            max-width: 1000px;
            font-size: 1.143em;
        }

    .approve-cookies {
        position: relative;
        bottom: 0;
        left: -5px;
        float: right;
        width: 15%;
    }
}

@media screen and (max-width: 550px) {
    .skinny-banner-bg {
        height: 210px !important;
    }

    .interior-banner-skinny {
        height: 210px !important;
    }
}

.blog-search-pagination-container {
    background: rgba(230, 228, 216, 0.6);
    text-align: center;
}

.blog-search-pagination {
    padding: 18px;
    margin-bottom: 10px;
}

.blog-search-pagination-active {
    font-weight: bold;
    border-bottom: 1px solid;
    background-color: #FCFBF9;
}

.blog-search-pagination > a {
    color: black;
    padding: 8px 6px 12px;
    text-decoration: none;
}

.blog-feature p {
    padding-bottom: 0px !important;
    color: #272b2d;
}

.blog-feature {
    border: 1px solid #afada9;
}

.blog-details li {
    list-style: none;
    display: inline;
    font-weight: 400;
    font-size: 0.9em;
    color: #272b2d;
}

#showMore {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border-radius: 10px;
    border: none;
    font-family: "Fira Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1.2px;
    display: none;
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }

    #showMore {
        display: block;
    }
}
/*--------------------------------------------------------------
# Panels
--------------------------------------------------------------*/
#panel-ad {
    height: 100% !important;
    border-radius: 30px;
    border-color: white !important;
}

.panel-richtext {
    height: auto !important;
}

.richtext-accordion-title {
    padding: 12px;
}

.panel-default {
    width: 100%;
    /*height: 450px;*/
    border: none;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 3px 10px rgb(0 0 0/30%);
}

    .panel-default > * {
        text-align: center;
    }

    .panel-default > .panel-heading {
        height: 50%;
        /*border-radius: 30px 30px 0 0;*/
        padding: 0;
        text-transform: uppercase;
        overflow: hidden;
        position: relative;
        -webkit-mask-image: -webkit-radial-gradient(white, black);
    }

    .panel-default > .richtext-heading {
        height: auto;
        border-radius: 0;
        padding: 0;
    }

.panel-heading .background {
    height: 100%;
    width: 100%;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
}

.panel-default .panel-heading h3 {
    color: #fff;
    font-family: "Fira Sans", sans-serif;
    /*font-weight: 500;*/
    padding-top: 5em;
    margin: 0;
    z-index: 2;
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 767px) {
    /*.panel-default {
      height: 450px;
      width: 80%;
  }*/
    .panel-heading {
        height: 50%;
    }

    .panel-richtext {
        width: 100%;
    }
}

.panel-default .panel-body h6 {
    font-size: 1.2em;
    margin-bottom: 10px;
    font-family: "Patua One", cursive;
    padding: 0;
    color: black;
}

.panel:hover .background,
.panel:focus .background {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.panel:hover .panel-ad,
.panel:focus .panel-ad {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.panel-body p {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0;
    padding-bottom: 0px;
}

.panel-default > .panel-footer {
    background: none;
    border: none;
    border-radius: 0px 0px 30px 30px;
}

/*.panel-footer a {
    text-decoration: underline;
    color: #272b2d;
    cursor: pointer;
}*/
.panel-footer {
    color: black;
    font-weight: bold;
    text-decoration: underline;
}

.panel.panel-default.center-block:hover {
    color: #AD7C1D;
}

.support-box {
    height: 200px;
}

    .support-box h3 {
        margin-top: 80px;
        font-size: 22px;
        font-weight: bold;
    }

.support-box {
    vertical-align: middle;
}

.text-white {
    color: white;
    font-family: "Fira Sans", sans-serif;
}

#sixth-ad {
    display: block;
    height: 450px;
    width: 100%;
    border-radius: 30px;
    border: 10px solid white;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
}

#sixth-visible {
    display: none;
}

/* CSS Document */
/*--NAVIGATION--*/
.logo_desktop {
    width: 140px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
    overflow: hidden;
}

.dropdown-menu {
    border-radius: 0px;
    border: none !important;
}

    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover {
        background-color: #00513d !important;
    }

.dropdown {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.active-nav {
    width: 40px;
    margin: 0px auto;
    height: 1px;
    background: #4d9069;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    z-index: 1;
}

.hover-nav {
    width: 5px;
    margin: 0px auto;
    height: 1px;
    background: #4d9069;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    z-index: 1;
}

.hover-line:hover .hover-nav {
    opacity: 1;
    width: 40px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

@media (max-width: 1044px) {
    .hover-nav, .active-nav {
        display: none;
    }
}

.dropdown-menu li {
    border-top: 1px solid #034F39;
}

    .dropdown-menu li:first-child {
        border-top: none;
    }

.dropdown-menu {
    padding: 0px;
}

    .dropdown-menu > li > a {
        padding: 20px 20px;
    }

        .dropdown-menu > li > a:hover {
            background: #02523E;
            -moz-transition: all 0.15s ease;
            -ms-transition: all 0.15s ease;
            -webkit-transition: all 0.15s ease;
            -o-transition: all 0.15s ease;
        }

/*microsite nwf.org navigation*/
#nwf-tab {
    background: #4D9068;
    position: absolute;
    z-index: 5;
    top: 0px;
    bottom: 0px;
    height: 50px;
    left: 300px;
    font-family: "Patua One", cursive;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 1.5em;
    cursor: pointer;
}

#nwf-tab-mobile {
    font-family: "Patua One", cursive;
    text-transform: none !important;
    font-size: 1.2em;
    background: #272b2d;
}

@media (max-width: 1044px) {
    .convio-nwf-tab-mobile {
        border-top: 1px solid #000 !important;
    }
}

.navbar-nav .open .dropdown-menu {
    background: rgba(2, 82, 62, 0.9);
}

#mobile_donate_header .dropdown-menu {
    background: #035e44;
}

.navbar-nav .dropdown-menu {
    background: rgba(2, 82, 62, 0.9);
}

@media (max-width: 1044px) {
    #nwf-tab {
        display: none;
    }

    .nwf-nav-container {
        display: none;
    }
}

.nwf-nav-container {
    background: #4D9068;
    padding: 0px;
}

.nwf-nav {
    display: table;
    width: 80%;
    margin: 0px auto;
}

.nwf-nav-item {
    display: table-cell;
    color: #fff;
    color: #f0f0f0;
    font-family: "Fira Sans", sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0px;
    cursor: pointer;
}

    .nwf-nav-item:hover {
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        background: #46845F;
    }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background: none;
}

#main-nav {
    margin-bottom: 0px;
    text-transform: uppercase;
    position: absolute;
    z-index: 100;
    width: 100%;
}

#donate-main-nav {
    /*background: #77bc43;*/
    background: #4d9068;
    font-family: "Patua One", cursive;
    text-transform: none !important;
    font-size: 1.1em;
    padding-left: 10px !important;
    /*padding-right: 10px !important;*/
}

#mobile_donate_header {
    background: #4d9068;
    width: 100%;
    color: #fff;
    font-family: "Patua One", cursive;
    padding: 5px 0px 5px 0px;
    font-size: 1.5em;
    text-align: center;
    position: relative; /*AJ update 9/22*/
    top: 120px;
    z-index: 1;
}

.heart-icon {
    width: 12px;
    height: 12px;
}

.top-nav-icon {
    width: 15px;
    height: 15px;
}

.mobile_only .top-nav-icon {
    width: 20px;
    height: 20px;
    margin-top: -4px;
}


#mobile_donate_sticky .heart-icon {
    width: 14px !important;
    height: 14px !important;
    vertical-align: middle;
}

#mobile_donate_header a {
    color: #fff;
}

#mobile_donate_header .dropdown-menu {
    width: 100%;
    margin-top: -2px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

.dropdown-menu li {
    text-transform: none !important;
}

.dropdown-menu > li > a {
    color: #f0f0f0;
}

.global-search-container {
    position: relative;
    font-family: "Fira Sans", sans-serif;
    font-style: italic;
}

.global-search {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    font-size: 11px;
    padding-right: 35px;
    width: 220px;
    background: #fff url(../png/search_icon.png) 120px 6px no-repeat;
    display: inline-block;
    float: left;
}

.global-search-btn {
    border-radius: 8px !important;
    border: 2px solid #000;
    color: #fff;
    border: none;
    background: #000;
    text-transform: none !important;
    padding: 8px 12px;
    margin-left: 5px;
    font-size: 11px;
    display: inline-block;
}

    .global-search-btn:hover {
        background: rgba(0, 0, 0, 0.5);
        border: none;
        color: #fff;
    }

.nav-internal {
    text-transform: none !important;
}

.nav > li {
    font-size: 12px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    color: #fff;
}

.nav a {
    color: #fff;
}

#top-navbar li a {
    margin-top: 15px;
}

    #top-navbar li a:hover {
        background: none;
        text-decoration: underline;
    }

#top-navbar a:focus {
    background: none;
}

/*--YEAR END SHOP STYLE--*/
#shop_regular {
    display: none !important;
}

#shop_YearEnd {
    padding: 0px;
    margin: 0px;
}

    #shop_YearEnd a {
        background: #ad7c1d;
        color: #fff !important;
    }

        #shop_YearEnd a:hover {
            background: #a3731d !important;
            text-decoration: none !important;
            cursor: pointer;
        }

#shop_YearEndr a:focus {
    background: #a3731d !important;
}

.nav-internal a {
    color: #272b2d;
    margin-top: 7px;
    padding-top: 15px;
}

.nav-internal li a:hover {
    background: none;
    text-decoration: underline;
}

.navbar {
    border-radius: 0px;
}

.navbar-inverse {
    background-color: #000;
    border: 0px;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        padding-top: 25px;
        padding-bottom: 25px;
    }

#top-navbar {
    display: block !important;
    height: auto !important;
    margin: 0px !important;
}

@media (max-width: 1044px) {
    #top-navbar {
        display: none !important;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 0px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle .icon-bar {
        display: block;
        width: 27px;
        height: 2px;
        border-radius: 1px;
    }

.navbar-inverse .navbar-toggle {
    border: none;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    font-family: "Fira Sans", sans-serif;
}

    .navbar-inverse .navbar-toggle:hover {
        /*background: #4D9068;*/
        background: none;
    }

.navbar-toggle .collapsed {
    background: none;
}

.navbar-brand {
    display: block;
    float: none;
    margin: 0px auto;
    position: relative;
    padding: 0px;
    top: 5px;
    left: 0px;
    width: 118px;
}

.mobile_search {
    display: none;
    background: #000;
    position: absolute;
    top: 180px;
    width: 100%;
    /* z-index:1;*/
    padding: 15px;
    display: none;
}

    .mobile_search .form-group {
        width: 320px;
        margin: 0px auto;
    }

.mobile_search_icon {
    width: 50px;
    height: 50px;
    background: url(../png/mobile_search_icon.png) center center no-repeat;
    background-size: 50%;
    position: absolute;
    display: none;
    cursor: pointer;
    border-radius: 8px;
}

#main-nav li {
    padding: 0px;
    text-transform: uppercase;
    list-style: none;
}

    #main-nav li a:hover {
        /*background: #4d9068;*/
    }

.form-control {
    font-family: "Fira Sans", sans-serif;
    font-style: italic;
}

@media (max-width: 480px) {
    #main-nav {
        height: 120px;
    }

    .mobile_search_icon {
        left: 35px;
        top: 40px;
        display: block;
    }
}

.navbar-collapse {
    /*margin-top: 62px;*/
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    background: #000;
}

.navbar-form {
    border: 0px !important;
}

.navbar-inverse {
    background: none;
}

.menu-icon {
    width: 50px;
    height: 40px;
    margin-bottom: 10px;
}

#main-mobile-search {
    background: #000;
    padding: 0px;
}

    #main-mobile-search input, #mobile-search-form input, #in-page-search input {
        background: #272b2d url(../png/search-icon-home-desktop.png) 30px 25px no-repeat;
        border: none;
        color: #fff;
        padding-left: 70px;
        height: 75px;
        font-size: 18px;
    }

#in-page-search input {
    background: rgba(230, 228, 216, 0.5) url(../png/search-icon-home-desktop.png) 30px 25px no-repeat;
    border: none;
    color: #000;
    padding-left: 70px;
    height: 75px;
    font-size: 18px;
}

/*
#main-mobile-search input::-webkit-input-placeholder{
	color: #fff;
}
#main-mobile-search input::-webkit-input-placeholder{ 
  color: #fff;
}
#main-mobile-search input::-webkit-input-placeholder{ 
  color: #fff;
}
#main-mobile-search input::-webkit-input-placeholder{ 
  color: #fff;
}
*/
#main-mobile-search .form-control, #mobile-search-form .form-control, #in-page-search .form-control {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
}

#main-mobile-search .btn, #mobile-search-form .btn, #in-page-search .btn {
    height: 75px;
    width: 75px;
    border: 1px solid #4d9068;
    font-style: italic;
    text-transform: none;
    background: #4d9068;
    color: #fff;
    margin-right: -1px;
}

#mobile-search-form {
    margin: 15px 0px 0px 0px;
    padding: 0px !important;
}

#desktop-search-form, #desktop-search-form-interior {
    width: 300px;
}

    #desktop-search-form-interior .form-control {
        border-radius: 0px;
    }

    #desktop-search-form .input-group, #desktop-search-form-interior .input-group {
        padding: 15px !important;
    }

    #desktop-search-form .input-group {
        padding: 15px 15px 0px !important;
    }

    #desktop-search-form .btn {
        /*-webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  	border: 1px solid #fff;
  	font-style: italic;*/
        border: 1px solid #000;
        background: #000;
        text-transform: none;
        font-style: italic;
        color: #fff;
        height: 50px;
    }

#desktop-search-input {
    background: rgba(0, 0, 0, 0.4) url(../png/search-icon-home-desktop.png) 10px 15px no-repeat;
    border: none;
    color: #fff;
    padding-left: 40px;
    border-radius: 0px;
    height: 50px;
}

#desktop-search-input-interior {
    /*border: 2px solid #000;*/
    border: none;
    color: #000;
    padding-left: 40px;
    background: rgba(230, 228, 216, 0.4) url(../png/search-icon-home-desktop-interior.png) 10px 15px no-repeat;
    padding-left: 40px;
    border-radius: 0px;
    height: 50px;
}

#desktop-search-form-interior .btn {
    border-radius: 0px;
    background: #000;
    color: #fff;
    border: 1px solid #000;
    font-style: italic;
    text-transform: none;
    height: 50px;
}

#desktop-search-form-interior .form-control {
    box-shadow: 0px;
}

#desktop-search-input::-webkit-input-placeholder {
    color: #fff;
}

#desktop-search-input::-webkit-input-placeholder {
    color: #fff;
}

#desktop-search-input::-webkit-input-placeholder {
    color: #fff;
}

#desktop-search-input::-webkit-input-placeholder {
    color: #fff;
}

#search-icon, #close-icon {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 25px;
    top: 0px;
    cursor: pointer;
}

@media (max-width: 480px) {
    #menu {
        top: 15px;
    }

    #search-icon, #close-icon {
        top: 10px;
    }
}

@media (min-width: 480px) {
    #mobile_donate_header {
        display: none;
    }
}

.dropdown-button {
    display: none !important;
}

@media only screen and (min-width: 320px) and (max-width: 1044px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        padding: 20px 0px 20px 50px;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding-left: 35px;
    }

    .dropdown > a:after {
        /*	content: url('../images/dropdown-arrow.png');
    	float:right;
    	padding-right: 25px;*/
    }

    .dropdown-button {
        display: block !important;
        width: 75px;
        position: absolute !important;
        right: 0px;
        top: 0px;
        z-index: 1000;
        padding: 0px;
    }

        .dropdown-button img {
            margin: 0px auto;
        }

    #mobile_donate_header > a:after {
        content: "";
    }

    #donate-main-nav > a:after {
        content: "";
    }

    #donate-main-nav .dropdown-menu {
        display: none; /*AJ changed 9/22*/
    }

    .navbar-collapse {
        padding-left: 0px;
    }

    #main-nav li {
        border-top: 1px solid #272b2d;
    }

        #main-nav li:nth-child(2) {
            border-top: none;
        }

    #main-nav .dropdown-menu li:nth-child(2) {
        border-top: 1px solid #272b2d;
    }

    .mobile_search_icon {
        position: absolute;
        right: 100px;
        top: 5px;
        display: block;
    }

    .mobile_search {
        top: 110px;
    }

        .mobile_search .form-group {
            float: right;
        }

    #main-nav {
        background: #000;
    }
}

@media (min-width: 1044px) {
    .mobile-solution {
        display: none !important;
    }

    #main-mobile-search, #close-icon {
        display: none !important;
    }

    #mobile-search-form { /*search form inside nav*/
        display: none;
    }

    .navbar-brand > img {
        display: block;
        margin-top: -35px;
        margin-left: 40px;
    }

    .mobile-search-icon {
        display: none;
    }
}

.sub-page-nav-item:first-child {
    margin-top: 40px;
}

.sub-page-nav-item {
    padding: 20px;
    background: #e6e4d8;
    cursor: pointer;
    margin-top: 5px;
}

    .sub-page-nav-item p {
        font-family: "Fira Sans", sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1em;
        line-height: 1.2em;
    }

@media (max-width: 480px) {
    .large-text {
        font-size: 1.2em;
        font-weight: 400;
    }

    #section-nav-btn.navbar-toggle {
        margin-top: 40px;
    }
}

@media (max-width: 1044px) {
    .desktop-solution {
        display: none !important;
    }

    .logo_desktop {
        width: 118px;
    }

    .navbar-brand {
        position: absolute;
        top: 25px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        z-index: 100;
    }

    .nav > li {
        font-size: 1.2em;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
        margin-top: 20px;
    }

    .navbar-collapse {
        box-shadow: none;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        margin-top: 63px;
        margin-bottom: 0px;

        overflow: auto;
        min-height: 100%;
        z-index: 2;
        max-height: 83vh;
    }

        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            /*background-color: transparent;*/
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
        /*z-index: 7;
    position: absolute;*/
        width: 100%;
        overflow: hidden;
    }

    #bh-section-nav.collapse.in {
        display: block !important;
        width: 100%;
        position: relative;
    }

    #bh-section-nav.navbar-collapse {
        padding-left: 0px !important;
    }

    #section-nav-btn.navbar-toggle {
        float: none;
        padding-left: 0px;
    }

    #section-nav-btn .glyphicon {
        font-size: 1.5em;
        margin-right: 10px;
    }
}

#desktop-search-input-interior::-webkit-input-placeholder {
    color: #000;
}

#desktop-search-input-interior::-webkit-input-placeholder {
    color: #000;
}

#desktop-search-input-interior::-webkit-input-placeholder {
    color: #000;
}

#desktop-search-input-interior::-webkit-input-placeholder {
    color: #000;
}

.footer_logo_rr, .nwf_logo_footer {
    width: 109px;
    height: auto;
}

.footer {
    font-family: "Fira Sans", sans-serif;
}

.footer_color {
    background: #fff;
}

.footer-boxes {
    margin-top: 40px;
}

    .footer-boxes img {
        padding-bottom: 15px;
    }

    .footer-boxes p {
        font-size: 12px;
        padding-bottom: 0px;
    }

    .footer-boxes .large-subhead {
        font-weight: 400;
    }

    .footer-boxes h4 {
        margin-top: 0px;
    }

    .footer-boxes ul {
        padding: 0px;
        margin-top: 20px;
    }

.footer-nav-container {
    background: #000;
    padding: 0px;
}

.footer-nav {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 960px;
    margin: 0px auto;
}

.footer-nav-item {
    display: table-cell;
    color: #fff;
    font-family: "Fira Sans", sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
    padding: 25px 0px;
    cursor: pointer;
    position: relative;
}

    .footer-nav-item a {
        color: #fff;
    }

.media-footer h4 {
    margin: 20px 0px 10px 0px;
}

.media-footer p {
    font-size: 0.8em;
}

.legal-nav {
    font-size: 12px;
    color: #272b2d;
    list-style: none;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    margin-top: 40px;
    margin-right: -35px;
}

    .legal-nav li {
        display: inline-block;
        float: left;
        padding-right: 20px;
    }

    .legal-nav a {
        color: #272b2d;
    }

.charityLogos {
    width: 100%;
    padding: 30px 0px 20px 0px;
    margin-left: -15px;
    max-width: 300px;
    height: auto;
}

.charity_logos_div {
    margin-top: 0px;
}

    .charity_logos_div p {
        text-align: center;
        font-weight: 300;
        font-style: italic;
        font-size: 9px;
        padding-top: 20px;
    }

.footer-social-container {
    float: left;
}

.microsite-follow-social .program-social-icon {
    background: #4D9068;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    list-style: none;
    display: inline-block;
    margin-right: 4px;
    display: flex;
    line-height: 11px;
}

.microsite-follow-social ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row;
}

.microsite-follow-social .program-social-icon a {
    display: flex;
    align-items: center;
    width: 45px;
    height: 45px;
    justify-content: center;
}

.microsite-follow-social .program-social-icon .bi {
    font-size: 20px;
    color: white;
    -webkit-text-stroke: 0;
}

.program-social-container {
    width: 110px;
    margin: 0px auto;
}

    .program-social-container .footer-icon {
        width: 2.5em;
        height: 2.5em;
    }

.footer-social-icon {
    background: #272b2d;
    position: relative;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    list-style: none;
    display: inline-block;
    margin-right: 4px;
}

.footer-icon {
    width: 1.4em;
    height: 1.4em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    padding: 0px !important;
}

.footer-social-links {
    margin-top: 30px;
}

.pinterest-icon {
    width: 1.3em;
    height: 1.3em;
    background-position: -77px 0px;
}

.instagram-icon {
    width: 1.3em;
    height: 1.3em;
}

@media (max-width: 480px) {
    .footer-boxes:first-child {
        margin-top: 0px;
    }

    .footer-boxes img {
        float: none;
        margin-bottom: 30px;
    }

    .legal-nav {
        float: left;
    }
}

@media (max-width: 600px) {
    .footer-nav-item {
        width: 50%;
        display: inline-block;
        float: left;
        border: 1px solid #1c1c1c;
    }
}

@media (max-width: 768px) {
    .media-footer {
        margin-top: 50px !important;
    }

    .charityLogos {
        margin-left: -15px;
    }

    .charity_logos_div {
        text-align: left;
    }

    .footer-social-links ul {
        padding: 0px;
        margin: 0px;
    }
}
/* ------------------------------------------------ 
Import Google Fonts
-------------------------------------------------*/
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9A4kDNxMZdWfMOD5VvkrCqUT3fcXbMn0ruHA.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9A4kDNxMZdWfMOD5VvkrCqUTTfcXbMn0ruHA.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9A4kDNxMZdWfMOD5VvkrCqUTzfcXbMn0ruHA.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9A4kDNxMZdWfMOD5VvkrCqUTPfcXbMn0ruHA.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9A4kDNxMZdWfMOD5VvkrCqUT_fcXbMn0ruHA.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9A4kDNxMZdWfMOD5VvkrCqUT7fcXbMn0ruHA.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9A4kDNxMZdWfMOD5VvkrCqUTDfcXbMn0o.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrBiQyf1VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrBiQyf8VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrBiQyf0VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrBiQyf7VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrBiQyf3VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrBiQyf2VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrBiQyf4VFnklULW.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5VvkrjEYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5VvkrjNYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5VvkrjFYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5VvkrjKYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5VvkrjGYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5VvkrjHYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5VvkrjJYTLVdlTO.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrByRCf1VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrByRCf8VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrByRCf0VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrByRCf7VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrByRCf3VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrByRCf2VFnklULWJXg.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Fira Sans";
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9f4kDNxMZdWfMOD5VvkrByRCf4VFnklULW.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5Vn9LjEYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5Vn9LjNYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5Vn9LjFYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5Vn9LjKYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5Vn9LjGYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5Vn9LjHYTLVdlTOr0s.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9C4kDNxMZdWfMOD5Vn9LjJYTLVdlTO.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreSxf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreQhf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreShf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreRRf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreSRf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreSBf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreRhf6Xl7Glw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5VvmojLazX3dGTP.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5Vvk4jLazX3dGTP.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5Vvm4jLazX3dGTP.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5VvlIjLazX3dGTP.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5VvmIjLazX3dGTP.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5VvmYjLazX3dGTP.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5Vvl4jLazX3dA.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnZKveSxf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnZKveQhf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnZKveShf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnZKveRRf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnZKveSRf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnZKveSBf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnZKveRhf6Xl7Glw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnSKzeSxf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnSKzeQhf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnSKzeShf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnSKzeRRf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnSKzeSRf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnSKzeSBf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnSKzeRhf6Xl7Glw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnLK3eSxf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnLK3eQhf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnLK3eShf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnLK3eRRf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnLK3eSRf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnLK3eSBf6Xl7Gl3LX.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnLK3eRhf6Xl7Glw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: "Patua One";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/patuaone/v16/ZXuke1cDvLCKLDcimxB44_luFgxbuQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*------------------------------------------------ 
Hero: Banner
-------------------------------------------------*/
.hero-banner {
    position: relative;
}

    .hero-banner * {
        color: white;
        font-family: "Fira Sans", sans-serif;
    }

.hero-banner--content-top .hero-banner__overlay {
    background: linear-gradient(to top, transparent 45%, black 110%);
}

.hero-banner--content-top .container {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    margin: 0;
    max-width: 1920px !important;
    display: flex;
    flex-flow: column;
    padding: 0 40px;
}

@media (min-width: 1200px) {
    .hero-banner--content-top .container {
        left: 50%;
        transform: translateX(-50%);
        min-width: 1200px;
    }
}

.hero-banner--content-bottom .hero-banner__overlay {
    background: linear-gradient(to bottom, transparent 45%, black 110%);
}

.hero-banner--content-bottom .container {
    position: absolute;
    left: 0;
    bottom: 40px;
    margin: 0;
    max-width: 1920px !important;
    display: flex;
    flex-flow: column;
    transition: all 0.5s;
    padding: 0 40px;
}

@media (min-width: 1200px) {
    .hero-banner--content-bottom .container {
        left: 50%;
        transform: translateX(-50%);
        min-width: 1200px;
    }
}

.hero-banner__img-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 0;
}

    .hero-banner__img-wrapper img {
        width: 100%;
        height: auto;
    }

    .hero-banner__img-wrapper .mobile-img {
        display: block;
    }

@media (min-width: 901px) {
    .hero-banner__img-wrapper .mobile-img {
        display: none;
    }
}

.hero-banner__img-wrapper .desktop-img {
    display: none;
}

@media (min-width: 901px) {
    .hero-banner__img-wrapper .desktop-img {
        display: block;
    }
}
/*------------------------------------------------ 
  Hero: Account for fixed navbar on default and microsite templates
  -------------------------------------------------*/
.basic-template .hero-banner {
    /*margin-top: 65px;*/
}

@media (min-width: 1045px) {
    .basic-template .hero-banner {
        /*margin-top: 121px;*/
    }
}

.microsite-template .hero-banner {
    /*margin-top: 118px;*/
    margin-top: 0;
}

/*@media (min-width: 1045px) {
    .microsite-template .hero-banner {
        margin-top: 142px;
    }
}*/
/*------------------------------------------------ 
  Hero: Gradient Color Overlay
  -------------------------------------------------*/
.hero-banner__overlay {
    padding: 40px;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    color: white;
}

/*------------------------------------------------ 
  Hero: Title
  -------------------------------------------------*/
.hero-banner__title {
    padding: 0;
    font-weight: 600;
    margin-bottom: 0;
    /* Define variable for media query */
    /* Define variable for fallback */
    /* Base font size */
    font-size: 20px;
}

@media (min-width: 320px) and (max-width: 1499px) {
    .hero-banner__title {
        /* Adds a fallback for unsupported browsers */
        font-size: 35px;
        /* The fluid typography magic 🌟  */
        font-size: calc(20px + 30 * (100vw - 320px) / 1180);
    }
}

@media (min-width: 1500px) {
    .hero-banner__title {
        font-size: 50px;
    }
}
/*------------------------------------------------ 
  Hero: Sub Title
  -------------------------------------------------*/
.hero-banner__sub-title {
    padding-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
}

@media (min-width: 1056px) {
    .hero-banner__sub-title {
        font-size: 22px;
    }
}
/*------------------------------------------------ 
  Hero: Text Wrapper
  -------------------------------------------------*/
.hero-banner__txt-wrapper {
    padding: 1rem 1.25rem;
    height: 100%;
    color: white;
    display: flex;
    flex-flow: column;
}

@media (min-width: 468px) {
    .hero-banner__txt-wrapper {
        padding: 2rem;
    }
}
/*------------------------------------------------ 
  Hero: Button Wrapper
  -------------------------------------------------*/
.hero-banner__btn-wrapper {
    display: flex;
    flex-flow: column;
}

@media (min-width: 460px) {
    .hero-banner__btn-wrapper {
        flex-flow: row;
    }
}
/*------------------------------------------------ 
  Hero: Buttons
  -------------------------------------------------*/
.hero-banner__btn {
    border-radius: 0;
    padding: 15px 25px;
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .hero-banner__btn {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 16px;
    }
}

.hero-banner .btn--white {
    background: white !important;
    color: black !important;
    margin-right: 10px;
    border: 2px solid white;
}

.hero-banner .btn--clear {
    background: transparent !important;
    color: white !important;
    border: 2px solid white;
}

/* ------------------------------------------------ 
Footer: Nav
-------------------------------------------------*/
.footer__nav {
    background: #f4f4f4;
    display: none;
}

    .footer__nav a {
        text-decoration: none;
        color: black;
        font-size: 13px;
        font-weight: 600;
        text-transform: capitalize;
    }

@media (min-width: 661px) {
    .footer__nav {
        display: block;
    }
}
/* ------------------------------------------------ 
Footer: Nav Item
-------------------------------------------------*/
.footer-nav-item {
    padding: 10px 0px;
    text-transform: capitalize;
}

    .footer-nav-item .hover-nav {
        display: none;
    }

/* ------------------------------------------------ 
Footer: Nav Mobile
-------------------------------------------------*/
.footer__nav--mobile {
    display: block;
    background: #f4f4f4;
    padding: 20px 0;
}

@media (min-width: 661px) {
    .footer__nav--mobile {
        display: none;
    }
}

.footer__nav--mobile .container {
    display: flex;
    flex-flow: column;
}

.footer__nav--mobile .footer-nav-item {
    width: 100%;
    border: none;
    padding: 0;
}

    .footer__nav--mobile .footer-nav-item:last-child a:after {
        display: none;
    }

.footer__nav--mobile a {
    text-decoration: none;
    color: black;
    font-size: 13px;
    font-weight: 600;
    padding: 20px 0;
    display: block;
}

    .footer__nav--mobile a:after {
        content: "";
        width: 24%;
        border-bottom: 1px solid #d6d6d6;
        display: block;
        position: absolute;
        top: 96%;
        right: 38%;
    }

/* ------------------------------------------------ 
Footer: Info
-------------------------------------------------*/
.footer__info {
    padding: 2rem;
    margin: 0 auto;
    text-align: center;
    overflow-x: hidden;
}

    .footer__info img {
        width: 157px;
    }

@media (min-width: 1017px) {
    .footer__info {
        text-align: left;
    }
}

.footer__info a {
    text-decoration: none;
}

.footer__info p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.footer__info .col--address,
.footer__info .col--ranger-rick,
.footer__info .col--legal {
    width: 100%;
    margin: 0 auto 30px;
}

@media (min-width: 1017px) {
    .footer__info .col--address,
    .footer__info .col--ranger-rick,
    .footer__info .col--legal {
        margin: 0;
    }
}

@media (min-width: 1017px) {
    .footer__info .col--address {
        width: 33.33333333%;
    }
}

.footer__info .col--address .logo p {
    font-size: 13px;
    line-height: 1.4rem;
    font-weight: 500;
}

.footer__info .col--ranger-rick .row {
    flex-flow: column;
    align-items: center;
}

@media (min-width: 1017px) {
    .footer__info .col--ranger-rick {
        width: 50%;
    }

        .footer__info .col--ranger-rick .row {
            flex-flow: row;
            align-items: flex-start;
        }
}

.footer__info .col--ranger-rick h4 {
    /*font-size: 12px;*/
    margin-top: 0;
}

    .footer__info .col--ranger-rick h4 + p {
        font-size: 12px;
        font-weight: 300;
        max-width: 88%;
        margin: 0 auto;
    }

@media (min-width: 1017px) {
    .footer__info .col--ranger-rick h4 + p {
        max-width: 100%;
    }
}

@media (min-width: 1017px) {
    .footer__info .col--ranger-rick span {
        display: block;
    }
}

@media (min-width: 1017px) {
    .footer__info .col--ranger-rick .col-md-3 a {
        display: flex;
        align-items: end;
        flex-flow: column;
    }
}

.footer__info .col--legal {
    margin-bottom: 0;
}

@media (min-width: 1017px) {
    .footer__info .col--legal {
        width: 16.66666667%;
    }
}

.footer__info .logo img {
    width: 14rem;
    margin-left: 0;
    padding-bottom: 9px;
}

.footer__info .footer_logo_rr {
    width: 97px;
}

.footer__info .legal-nav {
    margin-top: 0;
    float: none;
}

    .footer__info .legal-nav li {
        display: block;
        float: none;
        padding-bottom: 0.5rem;
        text-align: center;
        font-size: 11px;
    }

@media (min-width: 1017px) {
    .footer__info .legal-nav li {
        text-align: right;
    }
}

.footer__info .legal-nav li:last-child {
    padding-bottom: 0;
}

/* ------------------------------------------------ 
Footer: Social
-------------------------------------------------*/
.footer__social {
    background: #0e233b;
    padding: 1rem 0;
}

    .footer__social .container {
        padding: 0;
        margin: 0 auto;
    }

    .footer__social ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: row;
    }

    .footer__social h4 {
        display: block;
        color: white;
        text-align: center;
        margin-bottom: 1rem;
    }

    .footer__social .footer-social-icon {
        background: white;
        border-radius: 50%;
        width: 33px;
        height: 33px;
        list-style: none;
        display: inline-block;
        margin-right: 4px;
        display: flex;
        line-height: 11px;
    }

        .footer__social .footer-social-icon a {
            display: flex;
            align-items: center;
            width: 33px;
            height: 33px;
            justify-content: center;
        }

        .footer__social .footer-social-icon .bi {
            font-size: 20px;
            color: #0e233b;
            -webkit-text-stroke: 0;
        }

/* ------------------------------------------------ 
Footer: Non-Profit
-------------------------------------------------*/
.footer__non-profit .container {
    padding: 2rem 0;
    margin: 0 auto;
}

.footer__non-profit .charityLogos {
    padding: 0;
    margin: 0 0 10px 0;
}

.footer__non-profit p {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
}

.footer__non-profit a {
    text-decoration: none;
}

/*--------------------------------------------------
Global: Default and Microsite Templates
--------------------------------------------------*/
html,
body {
    max-width: 100%;
    overflow-x: visible;
}

p {
    font-size: 16.002px;
}

a {
    text-decoration: none !important;
}

.headline-lines {
    max-height: 1px;
    overflow: hidden;
    border: 1px solid #272b2d;
    opacity: 1;
}

textarea:focus,
input:focus {
    outline: none;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*    .center-block.img-fluid.article-main-image {
        width: 100%;
    }*/

.article-item-list img {
    max-width: 100%;
}

.interior-banner-skinny + div > .container.flush-box {
    display: none;
}

@media (min-width: 1056px) {
    .interior-banner-skinny + div > .container.flush-box {
        display: block;
    }
}

.program-description p {
    margin-bottom: 0;
}

.breadcrumb {
    font-size: 12px;
    display: none;
}

@media (min-width: 1056px) {
    .breadcrumb {
        display: flex;
        width: 100%;
        flex-flow: row;
        justify-content: flex-end;
        margin: 0;
        float: none;
        margin: 40px 20px 40px 0px;
    }
}

.breadcrumb a {
    text-decoration: none;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/";
}

.content-container .container,
.container:not(.footer) {
    max-width: 960px;
}

.large-text {
    font-weight: 300;
    font-size: 1.857em;
    line-height: 1.5em;
    margin: 30px 0px;
}

.owl-item a {
    text-decoration: none;
}

.section-carousel p {
    font-size: 0.8rem !important;
}

.btn-newsletter {
    background: #ad7c1d !important;
    border-radius: 0;
    color: white;
}

.container.section-content-featured-container {
    padding: 0;
    max-width: 960px;
    background-size: cover;
    width: 100%;
}

    .container.section-content-featured-container h3 {
        font-size: 30.8px;
        font-weight: 100;
    }

.featured .btn-lg {
    text-decoration: none;
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-body p {
    font-size: 12.6px;
}

.media-body a {
    font-size: 0.9rem;
    text-decoration: none;
}

.trending-action .center-block,
.home-action-center .center-block {
    width: 100%;
}

.trending-action .microsite-get-involved-box,
.home-action-center .microsite-get-involved-box {
    width: 50%;
}

.trending-media-object {
    border-radius: 50%;
}

.trending,
.near-you-ctas {
    padding-right: 40px;
    padding-left: 40px;
    width: 100%;
}

@media (min-width: 768px) {
    .trending,
    .near-you-ctas {
        width: 50%;
    }
}

.near-you-ctas .center-block {
    width: 100%;
}

.near-you-ctas .center-btn {
    width: 200px;
}

.cta-home-title a,
.cta-text-container a {
    text-decoration: none;
}

.basic-feature {
    flex-flow: column !important;
    display: flex;
    padding: 20px;
}

@media (min-width: 845px) {
    .basic-feature {
        flex-flow: row !important;
    }
}

.basic-feature .featured-headline {
    font-size: 1.75rem;
}

.basic-feature .col-sm-6 {
    width: 100%;
}

@media (min-width: 845px) {
    .basic-feature .col-sm-6 {
        width: 50%;
    }
}

.basic-feature img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}

@media (min-width: 1045px) {
    .basic-feature img {
        margin-bottom: 0;
    }
}

.basic-feature .btn-lg {
    text-decoration: none;
}

.content-square a {
    text-decoration: none;
}

.content-square h4 {
    font-size: 1.15rem;
}

.interior-banner-overlay {
    color: white;
}

    .interior-banner-overlay h1 {
        margin-top: 1rem;
    }

.interior-banner-skinny {
    color: white;
    /*height: 10rem !important;*/
    overflow: hidden;
    top: 0;
}

    .interior-banner-skinny .skinny-overlay > div > h1 {
        margin-top: 0 !important;
        top: 5rem;
    }

.tab-pane.fade.in.active {
    opacity: 1;
}

.nav.nav-tabs {
    margin-bottom: 30px;
    border-bottom: 1px solid #272b2d;
}

    .nav.nav-tabs li {
        margin-right: 3px;
        line-height: 1.42857143;
        border-radius: 4px 4px 0 0;
        border: 1px solid #272b2d;
        border-bottom: none;
        color: #e6e4d8;
        cursor: pointer;
        padding: 0.5rem;
    }

        .nav.nav-tabs li.active,
        .nav.nav-tabs li:hover {
            background: black;
            padding: 0.5rem;
        }

            .nav.nav-tabs li.active a,
            .nav.nav-tabs li:hover a {
                color: white !important;
                padding: 0;
                border: none;
            }

        .nav.nav-tabs li a {
            text-decoration: none;
            padding: 0;
            font-size: 12px;
        }

.vertical-tab-container .nav.nav-tabs {
    margin-bottom: 30px;
    border-bottom: none;
}

    .vertical-tab-container .nav.nav-tabs li {
        margin-right: 0px;
        line-height: 1.42857143;
        border: none;
        color: #e6e4d8;
        cursor: pointer;
        padding: 0;
        width: 100%;
    }

        .vertical-tab-container .nav.nav-tabs li.active,
        .nav.nav-tabs li:hover {
            background: #dfddcd;
        }

.vertical-tab-container .nav-tabs .nav-item {
    background-color: #f0efe8;
}

.vertical-tab-container .nav.nav-tabs li.active a {
    color: white !important;
    padding: 0;
    border: none;
}

.vertical-tab-container .nav.nav-tabs li a {
    text-decoration: none;
    padding: 0;
}

.tab-content .col-sm-6,
.tab-content .col-md-6 {
    width: 100%;
}

@media (min-width: 768px) {
    .tab-content .col-sm-6,
    .tab-content .col-md-6 {
        width: 50%;
        float: left;
    }
}

.mpu-container {
    margin: 40px auto;
}

.how-you-can-help {
    margin-top: 50px;
    margin-bottom: 50px;
    clear: both;
}

.bordered-container {
    width: 100%;
}

    .bordered-container .col-sm-6 {
        float: left;
    }

.tile img {
    width: 100%;
}

*[class*=bi-] {
    -webkit-text-stroke: 1px;
    color: black;
}

.animate--arrow {
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .animate--arrow span[class*=bi-] {
        font-size: 2rem;
        display: block;
        transition: opacity 0.3s, transform 0.3s;
        transform: rotate(-180deg) scale(1);
        opacity: 1;
    }

    .animate--arrow.animate span[class*=bi-] {
        transform: rotate(0deg) scale(1);
        opacity: 1;
    }

.btn-lg a {
    text-decoration: none;
}

.microsite-get-involved-box {
    padding: 0;
}

    .microsite-get-involved-box a {
        text-decoration: none;
    }

/*--------------------------------------------------
Global: Basic Templates
--------------------------------------------------*/
.basic-template .interior-banner {
    margin-top: 0;
}

@media (min-width: 1045px) {
    .basic-template .interior-banner {
        /*margin-top: 150px;*/
    }
}
/*--------------------------------------------------
Global: Microsite Templates
--------------------------------------------------*/
.microsite-template .container.flush-box .col-sm-6 {
    width: 100%;
}

@media (min-width: 768px) {
    .microsite-template .container.flush-box .col-sm-6 {
        width: 50%;
    }
}

.microsite-template .content-container h4 {
    font-size: 18px;
    margin: 30px 0px 10px 0px;
    line-height: 1.4em;
}

.microsite-template .interior-banner-skinny {
    top: 0;
    margin-bottom: 10px;
    height: 160px !important;
}

    .microsite-template .interior-banner-skinny h1 {
        font-size: 28px;
    }

@media (min-width: 616px) {
    .microsite-template .interior-banner-skinny h1 {
        font-size: 48.006px;
    }
}

@media (min-width: 1056px) {
    .microsite-template .interior-banner-skinny {
        margin-bottom: 40px;
    }
}

.component {
    font-family: "Fira Sans", sans-serif;
}

    .component .headline-container {
        text-align: center;
    }

        .component .headline-container h2 {
            margin-bottom: 10px;
        }

    .component .headline__title {
        text-transform: uppercase;
    }

    .component .headline__subtitle {
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .component .headline__title,
    .component .headline__subtitle {
        text-align: center;
    }

@media (min-width: 960px) {
    .component:not(.component--hero) .container {
        width: 960px;
    }
}

.component--carousel {
    padding: 20px;
    overflow-x: hidden;
}

    .component--carousel .headline__title {
        text-transform: uppercase;
        font-family: "Fira Sans", sans-serif;
        text-align: center;
    }

    .component--carousel .carousel .item {
        padding: 0 16px 16px 16px;
    }

.component--card {
    background: #eaeaea;
    padding: 16px 32px 32px 32px;
}

@media (min-width: 992px) {
    .component--card {
        padding: 16px 0 32px 0;
    }
}

.component--card .headline__title {
    text-transform: uppercase;
    margin: 0 auto;
}

@media (min-width: 425px) {
    .component--card .headline__title {
        max-width: 250px;
    }
}

@media (min-width: 768px) {
    .component--card .headline__title {
        max-width: 100%;
        margin: 0;
    }
}

.component--card .card:hover img {
    transform: scale(1.15);
}

.component--card .card-img-wrapper {
    overflow: hidden;
}

.component--card .card,
.component--card .card-header,
.component--card .card-body,
.component--card .card-footer,
.component--card .card-title {
    border-radius: 0;
    border: none;
}

.component--card .card-title {
    font-size: 20px;
    font-weight: 700;
}

.component--card .card-link {
    color: #a23b1d;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    /*position: absolute;
    bottom: 1rem;*/
}

.component--card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .component--card .card-body {
        min-height: 170px;
    }
}

.component--card img {
    border-radius: 0;
    border: none;
    min-height: 300px;
    transition: all 0.5s ease-in-out;
}

.component--accordion {
    padding: 0 30px;
    margin-bottom: 90px;
}

@media (min-width: 768px) {
    .component--accordion {
        margin-bottom: 90px;
    }
}

.component--accordion .accordion-button {
    margin-bottom: 15px;
}

    .component--accordion .accordion-button:after {
        background: #de613b url("data:image/svg+xml,%3Csvg width='1em' height='1em' stroke='white' stroke-width='1px' viewBox='0 0 16 16' class='bi bi-chevron-down' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 25px;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        padding: 25px;
        background-position: center;
    }

    .component--accordion .accordion-button.collapsed:after {
        background: #132a44 url("data:image/svg+xml,%3Csvg width='1em' height='1em' stroke='white' stroke-width='1px' viewBox='0 0 16 16' class='bi bi-chevron-down' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 25px;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        padding: 25px;
        background-position: center;
    }

.component--accordion .headline-container {
    margin-bottom: 30px;
}

    .component--accordion .headline-container .headline__title {
        font-size: 26px;
        text-align: left;
        text-transform: capitalize;
        margin-bottom: 28px;
    }

    .component--accordion .headline-container .headline__subtitle {
        text-align: left;
    }

.component--accordion .accordion {
    background: none;
    padding: 0;
}

.component--accordion .accordion-button,
.component--accordion .accordion-item {
    border-radius: 0 !important;
    border: none;
}

.component--accordion .accordion-button {
    background: #eaeaea;
    color: black;
    line-height: 20px;
    padding: 15px 20px;
    font-family: "Fira Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

    .component--accordion .accordion-button span {
        max-width: 80%;
    }

@media (min-width: 768px) {
    .component--accordion .accordion-button span {
        max-width: 95%;
    }
}

/*. Marissa asked for the styling to be removed
    component--accordion .accordion-body h2 {
    font-size: 20px;
}

.component--accordion .accordion-body p {
    margin-bottom: 40px;
    padding: 0;
}

.component--accordion p,
.component--accordion ul {
    font-weight: 300;
}*/

.component--accordion li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.component--modal {
    padding: 0;
}

    .component--modal * {
        color: black;
        float: none;
        font-family: "Fira Sans", sans-serif;
    }

    .component--modal .modal-header {
        border: none;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9999;
        background: white;
        border-radius: 0;
        padding: 15px 13px 15px 8px;
    }

@media (min-width: 923px) {
    .component--modal .modal-header {
        background: transparent;
        padding: 15px;
    }
}

.component--modal .modal-header .btn-close {
    opacity: 1;
    color: black;
    font-size: 18px;
}

@media (min-width: 923px) {
    .component--modal .modal-header .btn-close {
        font-size: 20px;
    }
}

.component--modal .modal-dialog {
    width: 100%;
}

@media (min-width: 923px) {
    .component--modal .modal-dialog {
        width: 923px;
        max-width: 923px;
    }
}

.component--modal .modal-content {
    border-radius: 0;
    border: none;
}

.component--modal .modal-body {
    padding: 0;
}

    .component--modal .modal-body .col-md-6 {
        width: 100%;
    }

@media (min-width: 923px) {
    .component--modal .modal-body .col-md-6 {
        width: 49.4%;
    }
}

.component--modal .modal-body .col-md-6 img {
    width: 100%;
}

@media (min-width: 923px) {
    .component--modal .modal-body .col-md-6:first-child {
        padding: 0;
    }
}

.component--modal .modal-body .col-md-6:last-child {
    padding: 20px 43px 60px;
}

@media (min-width: 923px) {
    .component--modal .modal-body .col-md-6:last-child {
        padding: 65px 30px;
    }
}

.component--modal .modal__title {
    font-size: 30px;
    padding-left: 0;
}

.component--modal .modal__subtitle {
    font-size: 20px;
}

.component--modal a {
    background: #cc4b24;
    color: white;
    padding: 23px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
}

.component--modal p,
.component--modal ul {
    font-weight: 300;
}

.modal-open {
    padding: 0 !important;
}

    .modal-open .new-nav-wrapper {
        padding: 0 !important;
    }

.basic-template {
    /* ------------------------------------------------ 
   Primary Navbar: Nav Wrapper for Fixed Positioning
   -------------------------------------------------*/
    /* ------------------------------------------------ 
   Primary Navbar: Primary Navbar
   -------------------------------------------------*/
    /* ------------------------------------------------ 
   Primary Navbar: Donate Button
   -------------------------------------------------*/
    /* ------------------------------------------------ 
   Primary Navbar: Custom Breakpoint for mobile menu
   -------------------------------------------------*/
    /* ------------------------------------------------ 
   Primary Navbar: Search Input Field
   -------------------------------------------------*/
    /* ------------------------------------------------ 
   Primary Navbar: Search Icon Desktop & Mobile
   -------------------------------------------------*/
    /* ------------------------------------------------ 
   Primary Navbar: Mobile Search Icon
   -------------------------------------------------*/
    /* ------------------------------------------------ 
   Primary Navbar: Mobile Search Input Field
   -------------------------------------------------*/
    /* ------------------------------------------------ 
   Primary Navbar: Search and Menu
   -------------------------------------------------*/
    /* ------------------------------------------------ 
   Secondary Navbar
   -------------------------------------------------*/
}

    .basic-template .new-nav-wrapper {
        box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 9px;
        background: white;
    }

        .basic-template .new-nav-wrapper textarea:focus,
        .basic-template .new-nav-wrapper input:focus {
            outline: none;
        }

@media (min-width: 1056px) {
    .basic-template .new-nav-wrapper textarea:focus,
    .basic-template .new-nav-wrapper input:focus {
        outline: inherit;
    }
}

.basic-template .primary-navbar {
    background: white;
    font-size: 15px;
    color: #444;
    padding: 0;
    font-family: "Fira Sans", sans-serif;
    width: 100%;
    z-index: 2;
    height: 65px;
    padding-left: 80px;
    box-shadow: rgba(33, 35, 38, 0.15) 0px 10px 10px -12px;
}

@media (min-width: 1045px) {
    .basic-template .primary-navbar {
        height: 77px;
        position: relative;
        margin-left: 0;
        padding-left: 0;
        width: 100%;
        z-index: 3;
    }
}

.basic-template .primary-navbar li {
    padding-bottom: 0;
}

.basic-template .primary-navbar > .container-fluid {
    padding: 0;
    height: 100%;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1056px) {
    .basic-template .primary-navbar > .container-fluid {
        margin-right: 0;
    }
}

.basic-template .primary-navbar .navbar-nav {
    display: none;
}

@media (min-width: 1045px) {
    .basic-template .primary-navbar .navbar-nav {
        display: flex;
    }
}

.basic-template .primary-navbar .navbar-brand {
    width: 25vw;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    margin: 0;
    z-index: 0;
}

@media (min-width: 399px) {
    .basic-template .primary-navbar .navbar-brand {
        width: 148px;
    }
}

@media (min-width: 1045px) {
    .basic-template .primary-navbar .navbar-brand {
        padding: 5px 0 0 30px;
        width: auto;
    }
}

.basic-template .primary-navbar .navbar-brand > img {
    width: 105%;
    height: auto;
    max-width: 11rem;
    margin: 0.05rem 0 0 0rem;
}

@media (min-width: 768px) {
    .basic-template .primary-navbar .navbar-brand > img {
        /*width: 170px;
        height: 52px;*/
    }
}

@media (min-width: 1045px) {
    .basic-template .primary-navbar .navbar-brand > img {
        margin: -0.2rem 0 0 0;
    }
}

.basic-template .primary-navbar .nav-link {
    padding: 0 1.5rem !important;
}

.basic-template .primary-navbar .donate {
    position: absolute;
    right: 0;
    height: 65px;
    top: 0;
}

@media (min-width: 1046px) {
    .basic-template .primary-navbar .donate {
        height: 77px;
    }
}

.basic-template .primary-navbar .donate .btn--donate {
    border-radius: 0;
    background: #132a44;
    color: white;
    border: none;
    padding: 20.5px 17.6px;
    font-weight: bold;
    margin-left: 0;
    letter-spacing: 0.17rem;
    text-transform: uppercase;
}

@media (min-width: 1045px) {
    .basic-template .primary-navbar .donate .btn--donate {
        padding: 26.5px 20px;
        height: 77px;
    }
}

.basic-template .primary-navbar .donate .btn--donate:after {
    display: none;
}

.basic-template .primary-navbar .donate ul {
    padding: 0;
}

.basic-template .primary-navbar .donate .dropdown-menu--donate {
    background: #132a44;
    color: white;
    border-radius: 0;
    border-top: 1px solid white !important;
    top: 62px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

@media (min-width: 1045px) {
    .basic-template .primary-navbar .donate .dropdown-menu--donate {
        top: 76px;
    }
}

.basic-template .primary-navbar .donate .dropdown-menu--donate li {
    border: none;
}

    .basic-template .primary-navbar .donate .dropdown-menu--donate li a {
        padding: 20px 20px;
        text-align: left;
        font-size: 0.9em;
    }

    .basic-template .primary-navbar .donate .dropdown-menu--donate li > a:hover {
        color: white;
        background: #0e233b !important;
    }

.basic-template .primary-navbar .donate:hover .button {
    background: #132a44;
}

@media (min-width: 1056px) {
    .basic-template .primary-navbar .donate:hover > .dropdown-menu--donate {
        display: block;
        margin: 0;
        padding: 0;
        right: 0px;
    }
}

.basic-template .search-input {
    background: white;
    color: #444;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    padding: 12px 16px;
    border-radius: 0;
    min-width: 20rem;
    font-style: italic;
    font-weight: 300;
}

.basic-template .bi-search,
.basic-template .bi-search.search-icon--mobile {
    font-size: 20px;
}

    .basic-template .bi-search:not(.search-icon--mobile):before {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .basic-template .bi-search.search-icon--mobile,
    .basic-template .bi.search-icon--mobile.bi-x.animate {
        margin-right: 122px;
    }

.basic-template .bi.search-icon--mobile.bi-x.animate {
    margin-top: -3.5px;
}

.basic-template .search-icon--mobile {
    transition: all 0.3s ease;
    display: block;
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

    .basic-template .search-icon--mobile.animate {
        font-size: 23px;
        transition: opacity 0.3s, transform 0.3s;
        transform: rotate(-180deg) scale(1);
        opacity: 1;
    }

.basic-template .search-icon--mobile {
    cursor: pointer;
    font-size: 1.5rem;
    z-index: 3;
}

@media (min-width: 562px) {
    .basic-template .search-icon--mobile {
        position: relative;
    }
}

@media (min-width: 1045px) {
    .basic-template .search-icon--mobile {
        display: none !important;
    }
}

.basic-template .mobile-search {
    box-shadow: rgba(33, 35, 70, 0.1) 0px 0px 16px 7px;
}

    .basic-template .mobile-search .search-input {
        border: none;
        width: 100%;
        padding: 16px 10px 16px 24px;
    }

@media (min-width: 1045px) {
    .basic-template .mobile-search {
        display: none;
    }
}

.basic-template .navbar-search {
    display: none;
}

@media (min-width: 1045px) {
    .basic-template .navbar-search {
        display: flex !important;
        flex-flow: row;
        align-items: center;
        margin-right: 150px;
    }
}

.basic-template .navbar-search .navbar-nav {
    display: none;
    white-space: nowrap;
}

@media (min-width: 1045px) {
    .basic-template .navbar-search .navbar-nav {
        flex-flow: row;
        display: flex;
        align-items: center;
        margin-top: 0;
    }

        .basic-template .navbar-search .navbar-nav a {
            padding: 0 1rem !important;
            font-size: 13px;
            font-weight: 300;
            color: black;
        }
}

.basic-template .bi-x {
    font-size: 1.75rem;
}

.basic-template .navbar-collapse.collapse.show {
    display: block !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    z-index: 2;
    position: relative;
    background: white;
}

.basic-template .secondary-navbar {
    position: absolute;
    padding: 0 !important;
    top: 0;
    width: 260px;
    /*------------------------------------------------ 
   Secondary Navbar: Navbar Nav
   -------------------------------------------------*/
    /*------------------------------------------------
   Secondary Navbar: List Items
   -------------------------------------------------*/
    /*------------------------------------------------
   Secondary Navbar: Container Fluid
   -------------------------------------------------*/
    /*------------------------------------------------
   Secondary Navbar: Mobile Only Dropdown Styles
   -------------------------------------------------*/
    /*------------------------------------------------
   Desktop Only Dropdown Styles
   -------------------------------------------------*/
    /*------------------------------------------------
   Secondary Navbar: Additional Menu Items (Contact, Blog, Shop)
   -------------------------------------------------*/
    /*------------------------------------------------
   Secondary Navbar: Navbar Toggler
   -------------------------------------------------*/
}

@media (min-width: 1045px) {
    .basic-template .secondary-navbar {
        background: #00AD85; /* revert to old color #c3c37e */
        position: relative;
        padding: 0;
        width: auto;
        height: 44px;
        z-index: 2;
    }
}

.basic-template .secondary-navbar .navbar-nav {
    margin: 0 !important;
    background: white;
}

@media (min-width: 1045px) {
    .basic-template .secondary-navbar .navbar-nav {
        background: transparent;
    }
}

.basic-template .secondary-navbar li {
    padding: 0;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 1045px) {
    .basic-template .secondary-navbar li {
        text-transform: capitalize;
    }
}

.basic-template .secondary-navbar li a {
    color: black;
}

    .basic-template .secondary-navbar li a:after {
        display: none;
    }

.basic-template .secondary-navbar li > .dropdown-menu {
    border-radius: 0;
    background: white;
    padding: 0;
}

@media (min-width: 1046px) {
    .basic-template .secondary-navbar li > .dropdown-menu {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }
}

.basic-template .secondary-navbar li > .dropdown-menu li {
    border: none;
    padding: 0;
}

    .basic-template .secondary-navbar li > .dropdown-menu li a {
        font-size: 13px;
        padding: 13px 24px !important;
    }

    .basic-template .secondary-navbar li > .dropdown-menu li:last-child a {
        padding-bottom: 20px !important;
    }

    .basic-template .secondary-navbar li > .dropdown-menu li > a:hover,
    .basic-template .secondary-navbar li > .dropdown-menu li > a:focus,
    .basic-template .secondary-navbar li > .dropdown-menu li > a:active {
        color: black;
        background: #f4f4f4 !important;
    }

@media (min-width: 1046px) {
    .basic-template .secondary-navbar li:hover > .dropdown-menu {
        display: block;
        margin: 0;
        padding: 0;
    }
}

.basic-template .secondary-navbar .container-fluid {
    padding: 0;
}

.basic-template .secondary-navbar .nav-item a:hover {
    background: transparent !important;
}

@media (max-width: 1044px) {
    .basic-template .secondary-navbar .nav-item {
        position: relative;
        padding: 0 !important;
    }

        .basic-template .secondary-navbar .nav-item a {
            padding: 17px 24px;
            z-index: 2;
            position: relative;
        }

        .basic-template .secondary-navbar .nav-item:after {
            content: "";
            border-bottom: 1px solid #ccc;
            width: 82%;
            position: absolute;
            display: block;
            bottom: 0;
            left: 1.5rem;
        }

        .basic-template .secondary-navbar .nav-item:nth-last-child(4):after {
            border-bottom: 1px solid black;
        }

    .basic-template .secondary-navbar .nav-item--bottom {
        font-weight: normal;
        text-transform: capitalize;
        display: block;
    }

        .basic-template .secondary-navbar .nav-item--bottom a {
            padding: 1rem 1.5rem 0.5rem;
        }

        .basic-template .secondary-navbar .nav-item--bottom:last-child {
            padding-bottom: 2rem !important;
        }

        .basic-template .secondary-navbar .nav-item--bottom:after {
            border-bottom: none;
        }

    .basic-template .secondary-navbar .nav-item.dropdown:before {
        font-family: "Bootstrap-Icons";
        top: 16px;
        right: 26px;
        position: absolute;
        font-weight: bold;
        font-size: 17px;
        content: "\f282";
        transition: all 0.3s ease;
        transform: rotate(0deg) scale(1);
    }

    .basic-template .secondary-navbar .nav-item.dropdown.animate:before {
        transform: rotate(-180deg) scale(1);
        opacity: 1;
    }

    .basic-template .secondary-navbar .nav-item.dropdown.expand:before {
        content: "\f286";
    }

    .basic-template .secondary-navbar .dropdown-toggle,
    .basic-template .secondary-navbar .dropdown-menu {
        padding: 0;
    }

    .basic-template .secondary-navbar .dropdown-menu {
        margin: 0 !important;
    }

        .basic-template .secondary-navbar .dropdown-menu li:last-child {
            margin-bottom: 0;
        }

        .basic-template .secondary-navbar .dropdown-menu li a {
            padding: 1.25rem 1.5rem !important;
        }

    .basic-template .secondary-navbar .dropdown-item {
        padding: 0 !important;
    }
}

@media (min-width: 1045px) {
    .basic-template .secondary-navbar {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .basic-template .secondary-navbar .navbar-nav {
            flex-direction: row;
        }

        .basic-template .secondary-navbar .dropdown-menu {
            position: absolute;
            top: 44px;
            margin: 0;
            padding: 0;
            left: 0;
        }

        .basic-template .secondary-navbar .nav-link {
            font-weight: 600;
            font-size: 14px;
            padding: 11.5px 30px;
        }

            .basic-template .secondary-navbar .nav-link:hover {
                background: transparent !important;
            }

        .basic-template .secondary-navbar > .container {
            flex-wrap: nowrap;
        }

        .basic-template .secondary-navbar .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .basic-template .secondary-navbar .navbar-toggler {
            display: none;
        }
}

@media (min-width: 1045px) {
    .basic-template .secondary-navbar .nav-item--bottom {
        display: none;
    }
}

.basic-template .secondary-navbar .navbar-toggler {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: #00AD85; /* revert to old color c3c37e */
    border-radius: unset;
    padding: 21.5px 22px;
    transition: all 0.3s ease;
    height: 65px;
    z-index: 2;
}

    .basic-template .secondary-navbar .navbar-toggler span[class*=bi-] {
        font-size: 22px;
        display: block;
        transition: opacity 0.3s, transform 0.3s;
    }

    .basic-template .secondary-navbar .navbar-toggler .bi-list.animate {
        transform: rotate(0deg) scale(1);
        opacity: 1;
    }

    .basic-template .secondary-navbar .navbar-toggler .bi-x {
        transform: rotate(-180deg) scale(1);
        opacity: 1;
    }

.microsite-template {
    /*--------------------------------------------------
   Micro Primary Navbar: Overall Adjusments
   --------------------------------------------------*/
    /*--------------------------------------------------
   Micro Primary Navbar: Menu & Brand
   --------------------------------------------------*/
    /*--------------------------------------------------
   Micro Primary Navbar: Search
   --------------------------------------------------*/
    /*--------------------------------------------------
   Micro Secondary Navbar: Overall Adjusments
   --------------------------------------------------*/
    /*--------------------------------------------------
   Micro Secondary Navbar: Menu Structure 
   --------------------------------------------------*/
    /*--------------------------------------------------
   Micro Secondary Navbar: Expand/Collapse Menu Functionality 
   --------------------------------------------------*/
    /*--------------------------------------------------
   Micro Secondary Navbar: Overall Adjusments
   --------------------------------------------------*/
    /*--------------------------------------------------
   Micro Tertiary Navbar: Menu & Brand 
   --------------------------------------------------*/
}

    .microsite-template .new-nav-wrapper {
        background: white;
    }

    .microsite-template .micro-primary-navbar-wrapper {
        box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 9px;
        z-index: 1;
        position: relative;
        background: white;
    }

    .microsite-template .micro-primary-navbar {
        background: white;
        font-size: 15px;
        color: #444;
        padding: 0;
        font-family: "Fira Sans", sans-serif;
        width: 100%;
        z-index: 2;
        height: 65px;
        margin-left: 77px;
        width: calc(100% - 77px);
    }

@media (min-width: 1045px) {
    .microsite-template .micro-primary-navbar {
        position: relative;
        margin-left: 90px;
        width: calc(100% - 90px);
        height: 77px;
        box-shadow: none;
    }
}

.microsite-template .micro-primary-navbar > .container-fluid {
    padding: 0;
    height: 100%;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    margin-right: 11rem;
}

@media (min-width: 1056px) {
    .microsite-template .micro-primary-navbar > .container-fluid {
        margin-right: 0;
    }
}

.microsite-template .micro-primary-navbar li {
    padding-bottom: 0;
}

.microsite-template .micro-primary-navbar .navbar-nav {
    display: none;
}

@media (min-width: 1045px) {
    .microsite-template .micro-primary-navbar .navbar-nav {
        display: flex;
    }
}

.microsite-template .micro-primary-navbar .navbar-brand {
    width: 25vw;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    margin: 0;
    z-index: 0;
}

@media (min-width: 399px) {
    .microsite-template .micro-primary-navbar .navbar-brand {
        width: 148px;
    }
}

.microsite-template .micro-primary-navbar .navbar-brand > img {
    width: 100%;
    max-width: 15rem;
    margin: 0.05rem 0 0 0rem;
}

.microsite-template .micro-primary-navbar .navbar-brand > img {
    width: 163px;
    height: 47px;
    /*width: 170px;
    height: 52px;*/
}

@media (min-width: 1045px) {
    .microsite-template .micro-primary-navbar .navbar-brand > img {
        margin: -0.2rem 0 0 0;
    }
}

.microsite-template .micro-primary-navbar .nav-link {
    padding: 0 1.5rem !important;
}

.microsite-template .micro-primary-navbar .donate {
    position: absolute;
    right: 0;
    display: block;
}

@media (min-width: 1056px) {
    .microsite-template .micro-primary-navbar .donate:active *,
    .microsite-template .micro-primary-navbar .donate:focus * {
        /*pointer-events: none; removed to fix donate buttons not working */
    }
}

.microsite-template .micro-primary-navbar .donate .btn--donate {
    border-radius: 0;
    background: #132a44;
    color: white;
    border: none;
    padding: 20.8px 17.6px;
    font-weight: bold;
    margin-left: 0;
    letter-spacing: 0.17rem;
    text-transform: uppercase;
    height: 65px;
}

@media (min-width: 1045px) {
    .microsite-template .micro-primary-navbar .donate .btn--donate {
        padding: 26.5px 20px;
        height: 77px;
    }
}

.microsite-template .micro-primary-navbar .donate .btn--donate:after {
    display: none;
}

.microsite-template .micro-primary-navbar .donate ul {
    padding: 0;
}

.microsite-template .micro-primary-navbar .donate .dropdown-menu--donate {
    background: #132a44;
    color: white;
    border-radius: 0;
    border-top: 1px solid white !important;
    top: 62px;
    padding: 0;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    opacity: 1;
}

@media (min-width: 1045px) {
    .microsite-template .micro-primary-navbar .donate .dropdown-menu--donate {
        top: 76px;
    }
}

.microsite-template .micro-primary-navbar .donate .dropdown-menu--donate li {
    border: none;
}

    .microsite-template .micro-primary-navbar .donate .dropdown-menu--donate li a {
        padding: 20px 20px;
        text-align: left;
        font-size: 0.9em;
    }

    .microsite-template .micro-primary-navbar .donate .dropdown-menu--donate li > a:hover {
        color: white;
        background: #0e233b !important;
    }

.microsite-template .micro-primary-navbar .donate:hover .button {
    background: #132a44;
}

.microsite-template .micro-primary-navbar .donate:hover > .dropdown-menu--donate {
    right: 0;
}

@media (min-width: 1045px) {
    .microsite-template .micro-primary-navbar .donate:hover > .dropdown-menu--donate {
        display: block;
    }
}

.microsite-template .bi-x {
    font-size: 1.75rem;
}

.microsite-template .navbar-collapse.collapse.show {
    display: block !important;
    z-index: 5;
    box-shadow: rgba(33, 35, 38, 0.15) -10px 10px 10px -12px;
}

@media (min-width: 1045px) {
    .microsite-template .navbar-collapse.collapse {
        justify-content: end !important;
    }
}

@media (min-width: 1620px) {
    .microsite-template .navbar-collapse.collapse {
        justify-content: center !important;
    }
}

.microsite-template .search-input {
    background: white;
    color: #444;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    padding: 12px 16px;
    border-radius: 0;
    min-width: 20rem;
    font-style: italic;
    font-weight: 300;
}

.microsite-template .bi-search,
.microsite-template .bi-search.search-icon--mobile {
    font-size: 20px;
}

    .microsite-template .bi-search:not(.search-icon--mobile):before {
        position: absolute;
        right: 15px;
        top: 15px;
    }

.microsite-template .micro-primary-navbar .search-icon--mobile {
    cursor: pointer;
    font-size: 19px;
    position: absolute;
    right: 124px;
    z-index: 3;
    top: 19px;
    display: none;
    transition: all 0.3s ease;
    font-size: 19px;
    display: block;
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

    .microsite-template .micro-primary-navbar .search-icon--mobile.animate {
        font-size: 23px;
        transition: opacity 0.3s, transform 0.3s;
        transform: rotate(-180deg) scale(1);
        opacity: 1;
        margin-top: -5.5px;
    }

@media (min-width: 1080px) {
    .microsite-template .micro-primary-navbar .search-icon--mobile {
        display: none;
    }
}

.microsite-template .mobile-search {
    box-shadow: rgba(33, 35, 70, 0.1) 0px 0px 16px 7px;
    position: relative;
}

    .microsite-template .mobile-search .search-input {
        border: none;
        width: 100%;
        padding: 16px 10px 16px 17px;
    }

@media (min-width: 1080px) {
    .microsite-template .mobile-search {
        display: none;
    }
}

.microsite-template .micro-primary-navbar .navbar-search {
    display: none !important;
}

@media (min-width: 1080px) {
    .microsite-template .micro-primary-navbar .navbar-search {
        display: flex !important;
        flex-flow: row;
        align-items: center;
        margin-right: 150px;
    }
}

.microsite-template .micro-primary-navbar .navbar-search .navbar-nav {
    display: none;
    white-space: nowrap;
}

@media (min-width: 1080px) {
    .microsite-template .micro-primary-navbar .navbar-search .navbar-nav {
        flex-flow: row;
        display: flex;
        align-items: center;
        margin-top: 0;
    }

        .microsite-template .micro-primary-navbar .navbar-search .navbar-nav a {
            padding: 0 1rem !important;
            font-size: 13px;
            font-weight: 300;
            color: black;
        }
}

.microsite-template .micro-secondary-navbar {
    position: absolute;
    padding: 0 !important;
    top: 0;
    width: 260px;
}

    .microsite-template .micro-secondary-navbar .container-fluid {
        padding: 0;
    }

    .microsite-template .micro-secondary-navbar li {
        padding: 1rem 0.15rem;
        text-transform: uppercase;
        white-space: nowrap;
        font-weight: bold;
        font-size: 1.15rem;
        position: relative;
    }

@media (min-width: 1046px) {
    .microsite-template .micro-secondary-navbar li {
        font-size: 0.9rem;
    }
}

@media (min-width: 1600px) {
    .microsite-template .micro-secondary-navbar li {
        padding: 1.75rem 0.15rem;
        font-size: 1.15rem;
    }
}

.microsite-template .micro-secondary-navbar li a {
    color: black;
}

    .microsite-template .micro-secondary-navbar li a:after {
        display: none;
    }

.microsite-template .micro-secondary-navbar li > .dropdown-menu {
    margin-top: 1rem;
    border-radius: 0;
    background: white !important;
    padding: 0;
    box-shadow: none !important;
}

    .microsite-template .micro-secondary-navbar li > .dropdown-menu li {
        border: none;
        padding: 0;
    }

        .microsite-template .micro-secondary-navbar li > .dropdown-menu li a {
            font-size: 13px;
            padding: 1rem 1.5rem;
        }

        .microsite-template .micro-secondary-navbar li > .dropdown-menu li > a:hover {
            color: black;
            background: #f4f4f4 !important;
        }

.microsite-template .micro-secondary-navbar .navbar-toggler {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: #00AD85; /* revert to old color #c3c37e */
    border-radius: unset;
    padding: 21.5px 22px;
    display: block !important;
    height: 65px;
    z-index: 2;
}

@media (min-width: 1045px) {
    .microsite-template .micro-secondary-navbar .navbar-toggler {
        padding: 27.39px 28.5px;
        height: 77px;
    }
}

.microsite-template .micro-secondary-navbar .navbar-toggler span[class*=bi-] {
    font-size: 22px;
    display: block;
    transition: opacity 0.3s, transform 0.3s;
}

.microsite-template .micro-secondary-navbar .navbar-toggler .bi-list.animate {
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

.microsite-template .micro-secondary-navbar .navbar-toggler .bi-x {
    transform: rotate(-180deg) scale(1);
    opacity: 1;
}

.microsite-template .micro-secondary-navbar .navbar-nav {
    margin: 0 !important;
    background: white;
    z-index: 10;
}

.microsite-template .micro-secondary-navbar .nav-item:after {
    content: "";
    border-bottom: 1px solid #ccc;
    width: 88%;
    position: absolute;
    display: block;
    bottom: 0;
    left: 1.5rem;
}

.microsite-template .micro-secondary-navbar.navbar-expand-custom > .container-fluid {
    flex-wrap: wrap;
}

.microsite-template .micro-secondary-navbar.navbar-expand-custom .navbar-nav {
    flex-direction: column;
}

.microsite-template .micro-secondary-navbar.navbar-expand-custom .navbar-collapse {
    background: white;
    z-index: 2;
}

    .microsite-template .micro-secondary-navbar.navbar-expand-custom .navbar-collapse.collapse {
        display: none !important;
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
    }

        .microsite-template .micro-secondary-navbar.navbar-expand-custom .navbar-collapse.collapse.show {
            display: block !important;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 11px 24px;
        }

.microsite-template .micro-secondary-navbar.navbar-expand-custom li {
    text-transform: capitalize;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1.15rem;
    position: relative;
    padding: 0 !important;
}

    .microsite-template .micro-secondary-navbar.navbar-expand-custom li > .dropdown-menu {
        border-radius: 0;
        background: white !important;
        padding: 0;
        box-shadow: none !important;
        padding: 0 0 10px;
    }

        .microsite-template .micro-secondary-navbar.navbar-expand-custom li > .dropdown-menu:after {
            content: "";
            border-bottom: 1px solid #ccc;
            width: 83%;
            position: absolute;
            display: block;
            bottom: 0;
            left: 1.5rem;
        }

.microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item {
    position: relative;
    padding: 0 !important;
}

    .microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item a {
        padding: 1.8rem 1.5rem;
        z-index: 2;
        position: relative;
        padding: 17px 23px;
        font-size: 14px;
    }

        .microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item a:hover {
            background: transparent !important;
        }

    .microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item:after {
        content: "";
        border-bottom: 1px solid #ccc;
        width: 83%;
        position: absolute;
        display: block;
        bottom: 0;
        left: 1.5rem;
    }

    .microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item:nth-last-child(4):after {
        border-bottom: 1px solid black;
    }

.microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item--bottom {
    font-weight: normal;
    text-transform: capitalize;
    display: block;
}

    .microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item--bottom a {
        padding: 1rem 1.5rem 0.5rem !important;
    }

    .microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item--bottom:last-child {
        padding-bottom: 2rem !important;
    }

    .microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item--bottom:after {
        border-bottom: none;
    }

.microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item.dropdown:before {
    font-family: "Bootstrap-Icons";
    top: 14px;
    right: 20px;
    position: absolute;
    font-weight: bold;
    font-size: 16px;
    content: "\f282";
    transition: all 0.3s ease;
    transform: rotate(0deg) scale(1);
}

.microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item.dropdown.animate:before {
    transform: rotate(-180deg) scale(1);
    opacity: 1;
}

.microsite-template .micro-secondary-navbar.navbar-expand-custom .nav-item.dropdown.expand:before {
    content: "\f286";
}

.microsite-template .micro-secondary-navbar.navbar-expand-custom .dropdown-toggle,
.microsite-template .micro-secondary-navbar.navbar-expand-custom .dropdown-menu {
    padding: 0;
}

.microsite-template .micro-secondary-navbar.navbar-expand-custom .dropdown-menu {
    margin: 0 !important;
}

    .microsite-template .micro-secondary-navbar.navbar-expand-custom .dropdown-menu li:last-child {
        margin-bottom: 0;
    }

    .microsite-template .micro-secondary-navbar.navbar-expand-custom .dropdown-menu li a {
        padding: 10px 22px !important;
    }

.microsite-template .micro-secondary-navbar.navbar-expand-custom .dropdown-item {
    padding: 0 !important;
}

.microsite-template .micro-secondary-navbar.navbar-expand-custom .dropdown-menu {
    position: relative;
}

.microsite-template .micro-tertiary-navbar {
    background: #f4f4f4;
    padding: 0;
    height: 53px;
}

@media (min-width: 1045px) {
    .microsite-template .micro-tertiary-navbar {
        height: 65px;
    }
}

.microsite-template .micro-tertiary-navbar .container-fluid {
    padding: 0;
    align-items: center;
    background: transparent;
}

.microsite-template .micro-tertiary-navbar .navbar-collapse {
    background: white;
}

@media (min-width: 1045px) {
    .microsite-template .micro-tertiary-navbar .navbar-collapse {
        background: transparent;
    }
}

.microsite-template .micro-tertiary-navbar .navbar-collapse.collapse {
    justify-content: end !important;
}



.microsite-template .micro-tertiary-navbar h1 {
    font-family: "Fira Sans";
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0;
    padding: 16px 15px;
    white-space: nowrap;
    color: black;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 90vw;
    z-index: 0;
}


@media (min-width: 1124px) {
    .microsite-template .micro-tertiary-navbar h1 {
        font-size: 17px;
    }
}

.microsite-template .micro-tertiary-navbar .navbar-nav {
    margin: 0 !important;
    width: 267px;
    background: white;
    position: absolute;
    right: 0;
    top: 53px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

@media (min-width: 1045px) {
    .microsite-template .micro-tertiary-navbar .navbar-nav {
        position: relative;
        top: inherit;
        right: inherit;
        width: auto;
        background: transparent;
        box-shadow: none;
    }
}

.microsite-template .micro-tertiary-navbar li {
    padding: 1.6rem 0.15rem;
    letter-spacing: 0.05rem;
    /* right side menu fix white-space: nowrap;*/
    font-size: 1.25rem;
}
    .microsite-template .micro-tertiary-navbar li.nav-item-with-children {
        display: grid;
        grid-template-columns: 4fr 1fr;
    }
    .microsite-template .micro-tertiary-navbar li .animate--arrow {
        display: block;
    }

    .microsite-template .micro-tertiary-navbar li :hover {
        background: transparent !important;
    }

    .microsite-template .micro-tertiary-navbar li .dropdown-menu {
        grid-column: 1 / 5
    }

    @media (min-width: 1045px) {
        .microsite-template .micro-tertiary-navbar li {
        font-weight: 600;
        font-size: 12px;
        padding: 0;
    }
        .microsite-template .micro-tertiary-navbar li.nav-item-with-children {
            display: list-item;
        }
    
        .microsite-template .micro-tertiary-navbar li .animate--arrow {
            display: none;
        }
}

.microsite-template .micro-tertiary-navbar li a {
    color: black;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

    .microsite-template .micro-tertiary-navbar li a:after {
        display: none;
    }

@media (min-width: 1045px) {
    .microsite-template .micro-tertiary-navbar li a {
        text-transform: capitalize;
        padding: 20px 15px;
    }
}

.microsite-template .micro-tertiary-navbar li > a {
    font-weight: 600;
}

.microsite-template .micro-tertiary-navbar li > .dropdown-menu {
    border-radius: 0;
    background: white !important;
    padding: 0;
}

@media (min-width: 1045px) {
    .microsite-template .micro-tertiary-navbar li > .dropdown-menu {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        top: 60px;
        left: 0;
    }
}

.microsite-template .micro-tertiary-navbar li > .dropdown-menu li {
    border: none;
    padding: 0;
}

    .microsite-template .micro-tertiary-navbar li > .dropdown-menu li a {
        font-size: 13px;
        font-weight: 500;
        padding: 13px 22px !important;
        text-transform: capitalize;
        font-weight: 400;
    }

    .microsite-template .micro-tertiary-navbar li > .dropdown-menu li > a:hover {
        color: black;
        background: #f4f4f4 !important;
    }

@media (min-width: 1045px) {
    .microsite-template .micro-tertiary-navbar li:hover > .dropdown-menu {
        display: block;
    }
}

@media (max-width: 1044px) {
    .microsite-template .micro-tertiary-navbar .nav-item {
        position: relative;
        padding: 0 !important;
    }

        .microsite-template .micro-tertiary-navbar .nav-item a {
            padding: 22px 21px;
            z-index: 2;
            position: relative;
        }

        .microsite-template .micro-tertiary-navbar .nav-item:last-child:after {
            display: none;
        }

        .microsite-template .micro-tertiary-navbar .nav-item:after {
            content: "";
            border-bottom: 1px solid #ccc;
            width: 85%;
            position: absolute;
            display: block;
            bottom: 0;
            left: 1.5rem;
        }

        .microsite-template .micro-tertiary-navbar .nav-item.dropdown:before,
        .microsite-template .micro-tertiary-navbar .nav-item.animate--arrow:before {
            font-family: "Bootstrap-Icons";
            top: 18px;
            right: 18px;
            position: absolute;
            font-weight: bold;
            font-size: 18px;
            content: "\f282";
            transition: all 0.3s ease;
            transform: rotate(0deg) scale(1);
        }

        .microsite-template .micro-tertiary-navbar .nav-item.dropdown.animate:before,
        .microsite-template .micro-tertiary-navbar .nav-item.animate--arrow.animate:before {
            transform: rotate(-180deg) scale(1);
            opacity: 1;
        }

        .microsite-template .micro-tertiary-navbar .nav-item.dropdown.expand:before,
        .microsite-template .micro-tertiary-navbar .nav-item.animate--arrow.expand:before {
            content: "\f286";
        }

    .microsite-template .micro-tertiary-navbar .dropdown-toggle,
    .microsite-template .micro-tertiary-navbar .dropdown-menu {
        padding: 0;
    }

    .microsite-template .micro-tertiary-navbar .dropdown-menu {
        margin: 0 !important;
    }

        .microsite-template .micro-tertiary-navbar .dropdown-menu li:last-child {
            margin-bottom: 0;
        }

        .microsite-template .micro-tertiary-navbar .dropdown-menu li a {
            padding: 1.25rem 1.5rem !important;
        }

    .microsite-template .micro-tertiary-navbar .dropdown-item {
        padding: 0 !important;
    }
}

@media (min-width: 1045px) {
    .microsite-template .micro-tertiary-navbar {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .microsite-template .micro-tertiary-navbar .nav-item.dropdown:active *,
        .microsite-template .micro-tertiary-navbar .nav-item.dropdown:focus * {
            pointer-events: none;
        }

        .microsite-template .micro-tertiary-navbar .navbar-nav {
            flex-direction: row;
        }

        .microsite-template .micro-tertiary-navbar .dropdown-menu {
            position: absolute;
        }

        .microsite-template .micro-tertiary-navbar > .container {
            flex-wrap: nowrap;
        }

        .microsite-template .micro-tertiary-navbar .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .microsite-template .micro-tertiary-navbar .navbar-toggler {
            display: none;
        }
}

@media (min-width: 1045px) {
    .microsite-template .micro-tertiary-navbar .nav-item--bottom {
        display: none;
    }
}

.microsite-template .micro-tertiary-navbar .navbar-toggler {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: #c3c37e; /* revert to old color, TODO use #00AD85 */
    border-radius: unset;
    padding: 10px 15px 2px;
    background: #f4f4f4;
    height: 49px;
}

@media (min-width: 1056px) {
    .microsite-template .micro-tertiary-navbar .navbar-toggler {
        height: 65px;
    }
}

.microsite-template .micro-tertiary-navbar .navbar-toggler .bi {
    top: 6px;
    right: 0px;
    position: absolute;
    font-weight: bold;
    font-size: 16px;
    content: "\f282";
    transition: all 0.3s ease;
    transform: rotate(0deg) scale(1);
    padding: 14px 20px;
}

.microsite-template .micro-tertiary-navbar .navbar-toggler.animate .bi {
    transform: rotate(-180deg) scale(1);
    opacity: 1;
}

.carousel .owl-dot,
.carousel .owl-nav .owl-next,
.carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    position: absolute;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.carousel .owl-nav .owl-prev {
    left: -30px;
    top: 20%;
    background: url(../png/prev-arrow.png) no-repeat !important;
    width: 27px;
    height: 40px;
    display: block;
}

.carousel .owl-stage {
    display: flex;
}

.carousel .owl-nav .owl-next {
    right: -30px;
    top: 20%;
    background: url(../png/next-arrow.png) no-repeat !important;
    width: 27px;
    height: 40px;
    display: block;
}

.carousel-item-title {
    text-align: left;
    padding-bottom: 0px !important;
    text-transform: uppercase;
    margin: 20px 0px 10px 0px;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
}

.section-carousel p {
    text-align: left;
    font-size: 0.9em;
    padding-bottom: 0px !important;
}

.nav-tabs .nav-link {
    border: 0px;
    padding: 0px;
    color: #000;
    transition: none;
}

.active > .nav-link, .nav-link:hover {
    color: #FFF;
    background: #000;
}

.nav-tabs .nav-item:hover > .nav-link {
    color: #FFF;
    background: #000;
}

.nav-tabs .nav-item {
    color: #000;
    background: #FFF;
}

    .nav-tabs .nav-item.active, .nav-tabs .nav-item:focus, .nav-tabs .nav-item:hover {
        color: #FFF !important;
        background: #000 !important;
    }



ul.sb-filter-options {
    margin-left: 0;
}

.basic-template .search-layout .primary-navbar {
    box-shadow: none;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: none;
}

.search-layout .navBar:before {
    content: none;
}

.search-layout .navbar-brand {
    height: auto;
}

.search-layout .navbar {
    margin-bottom: 0px;
}

.search-layout .dropdown-menu {
    left: auto;
    right: 0;
}

.search-layout .search-input {
    width: 286.4px;
}

.basic-template .search-layout .primary-navbar .donate .btn--donate {
    border-radius: 0;
    background: #132a44;
    color: white;
    border: none;
    padding: 20.5px 17.6px;
    font-weight: bold;
    margin-left: 0;
    text-transform: uppercase;
    padding-top: 28px;
    letter-spacing: 0.35rem;
}

.basic-template .search-layout .secondary-navbar li:hover > .dropdown-menu {
    min-width: 25rem;
}

.search-main .dropdown-menu > li > a {
    color: inherit;
}

    .search-main .dropdown-menu > li > a:hover {
        color: #f0f0f0;
    }

.search-main .dropdown-toggle::after {
    content: none;
}

.search-layout .interior-banner-skinny {
    /*margin-top: 65px;*/
}

.locally_items img {
    width: auto;
}

/* added arrow back to dropdown */
.form-control {
    -webkit-appearance: auto;
}

.btn--donate {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


@media (min-width: 1044px) {
    .mobile-only {
        display: none;
    }
}

/* right side menu fix */
.dropdown-item {
    white-space: normal;
}