/* .nav-roboto {
	font-family: "Roboto", sans-serif;
} */

.content-plain {
    margin-left: 3em;
    margin-top: 3em;
}

a.fullbuttonlink, .fullbuttonlink a {
    background-color: #C74D00;
    padding: 0.5rem 1rem;
    color: #FFF;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
    text-align: center;
}

    a.fullbuttonlink:hover, .fullbuttonlink a:hover {
        color: #FFF;
        text-decoration: none;
        background-color: #923800;
    }

a.buttonlink, .buttonlink a {
    background-color: #C74D00;
    padding: 0.5rem 1rem;
    color: #FFF;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    a.buttonlink:hover, .buttonlink a:hover {
        color: #FFF;
        text-decoration: none;
        background-color: #923800;
    }

    a.buttonlink.gray, buttonlink a.gray {
        color: #080808;
        background-color: #dddddd;
    }

        a.buttonlink.gray:hover, buttonlink a.gray:hover {
            background-color: #bbbbbb;
        }

.caption {
    font-size: 0.8rem;
}
/** start Home Banner Template **/
.homebanner-content {
    padding-bottom: 5em;
    margin-left: 5em;
}

    .homebanner-content .js-homebanner-content {
        padding-top: 9em;
    }

    .homebanner-content h1 {
        color: #002F6B;
        font-family: 'Raleway';
        font-weight: 300;
    }

@media (min-width: 266px) {
    .home-mvp-col {
        /*		-ms-flex: 0 0 100%;
		flex: 0 0 100%;*/
        max-width: 100%;
    }
}

.content-body[data-context="nature_based"] .toolkitintro {
    color: #44A035;
}

.content-body[data-context="virtual"] .toolkitintro {
    color: #00378A;
}

.content-body[data-context="justice"] .toolkitintro {
    color: #09305B;
}

.homebanner-square {
    background-color: #44A035;
    color: #FFF;
    padding: 0 4em;
    line-height: 3.4em;
    margin-bottom: 6em;
    font-weight: 500;
    min-width: 15em;
}

/** end Home Banner Template **/

/** start Grant Banner Template **/
.grantbanner-content {
    background-color: #ECF2F5;
    /* padding-bottom: 4em;
	margin-bottom: 6em; */
}

    .grantbanner-content .js-grant-header {
        padding: 4em 0;
    }

    /* .grantbanner-content .js-grant-body {
	padding-top: 2em;
}

.grantbanner-content img {
	padding-left: 5em;
} */

    .grantbanner-content h1 {
        color: #002F6B;
        font-family: 'Raleway';
        font-weight: 300;
    }

    .grantbanner-content .grantbutton {
        background-color: #00378A;
        padding: 0 4em;
        line-height: 3.4em;
        /* margin-top: 4em; */
        /* margin-bottom: 6em; */
        font-weight: 500;
        text-align: center;
        /*min-width: 24em;*/
        color: #FFF;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

        .grantbanner-content .grantbutton + .grantbutton {
            margin-top: 1rem;
        }

        .grantbanner-content .grantbutton a {
            color: #FFF;
        }

            .grantbanner-content .grantbutton a:hover {
                font-weight: 600;
                text-decoration: none;
            }

        .grantbanner-content .grantbutton.gray {
            color: #080808;
            background-color: #dddddd;
        }

            .grantbanner-content .grantbutton.gray a {
                color: #080808;
            }

            .grantbanner-content .grantbutton.gray:hover {
                background-color: #bbbbbb;
            }
/** end Grant Banner Template **/

/** start Content Header Template **/
.content-header-container {
    margin-left: -5em;
    margin-bottom: 2em;
    padding: 1em;
    padding-left: 5em;
    background-color: #F1F1F1;
    box-shadow: 1px 1px 7px 1px #D0D0D0;
    color: #5A5A5A;
}

.toolkitintro {
    color: #92BE28;
    font-weight: 800;
}
/** end Content Header Template **/

/** start News Card Template **/
.card-row {
    margin-bottom: 1rem;
}

.news-card-container {
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 3em;
}

    .news-card-container h1 {
        color: #92BE28;
        font-size: 1.6rem;
    }

.news-card {
    padding: 1em;
    background: linear-gradient(to bottom, #FAFAFA, #E7E7E7);
    border: 1px solid #E8E8E8;
    color: #5A5A5A;
}

    .news-card strong {
        color: #00378A;
    }

.ncard, .newscard {
    color: #00378A;
    font-size: 1.2rem;
}
/** end News Card Template **/

/** start Contacts Template **/
.contact-content {
    /* background-color: #00378A; */
    /* padding: 0 4em; */
    background-color: #024F8A;
    color: #FFF;
}

.contact-square {
    /* background-color: #44A035; */
    /* background-color: #923800; */
    background-color: #024F8A;
    color: #FFF;
    padding: 0 4em;
    line-height: 3.4em;
    font-weight: 600;
}

.contact-list-container p {
    margin-bottom: 0;
}

    .contact-list-container p:nth-child(2n+2) {
        margin-bottom: 1rem;
    }
/** end Contacts Template **/

/** start spotlight **/
.spotlight {
    background-color: #F7F7F7;
    margin-left: -0.8rem;
    padding-top: 4em;
    padding-bottom: 4em;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #d2d2d2;
}

    .spotlight.spotlight-container {
        margin-bottom: 1rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

.accordion-container .spotlight {
    padding-left: 2rem;
    padding-right: 2rem;
}

.nested-spotlight-container {
    margin-left: -8.5rem;
    padding-left: 8.5rem;
    background-color: #F7F7F7;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #d2d2d2;
    padding-right: 2rem;
    margin-right: -2rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}

/*
.content-plain > .spotlight {
    margin-left: -3.95rem;
    padding-left: 3.1rem;
    padding-right: 2rem;
}*/

.spotlight .sidephotocaption img {
    display: block;
}

.content-section.content-plain + .content-section:not(.content-plain) {
    margin-top: 2rem;
}

.content-plain.spotlight {
    margin-bottom: 1rem;
}

    .content-plain.spotlight h1 {
        color: #002F6B;
        font-size: 1.4rem;
        font-weight: 600;
    }

.plain-flush {
    margin-left: -2rem;
}

/** end spotlight **/
/** start Accordion Template **/
.accordion-btn {
    border: 2px solid #C0C0C0;
    background-color: #FFF;
    /* font-weight: 800; */
    color: #5d9e3e;
    padding: 4px 8px;
    /* margin-right: 2em;
	min-width: 2em; */
    min-width: 2rem;
    font-size: 2.6rem;
    line-height: 1.7rem;
    margin-top: -0.1rem;
    overflow: hidden;
    font-family: monospace;
    border-radius: 0.2rem;
}

    .accordion-btn::after {
        content: '-';
        position: relative;
        top: -2px;
    }

    .accordion-btn.collapsed::after {
        content: '+';
        position: relative;
        top: -1px;
    }

.accordion-container {
    margin-bottom: 2em;
}

    .accordion-container h1 {
        color: #002F6B;
        font-size: 1.4rem;
    }

    .accordion-container .sidephotocaption, .accordion-container .photocaption {
        font-size: 0.8em;
    }

    .accordion-container .photocaption {
        display: inline-table;
        caption-side: bottom;
    }

        .accordion-container .photocaption img {
            padding-bottom: 0;
        }

        .accordion-container .photocaption .figcaption {
            display: table-caption;
        }

    .accordion-container img {
        padding-bottom: 1em;
        display: block;
    }

.accordion-content h2 {
    color: #92BE28;
    font-size: 1.2rem;
    margin-bottom: 2rem;
    display: inline-block;
}

.accordion2 {
    color: #92BE28;
}

.nested-accordion-header-container {
    margin-top: 1rem;
}

.nested-accordion-container {
    margin-left: 3em;
}

.nested-accordion-btn {
    border: 2px solid #C0C0C0;
    background-color: #FFF;
    font-weight: 800;
    color: #002F6B;
    padding: 4px 8px;
    margin-right: 1rem;
    min-width: 2em;
    display: inline-block;
}

    .nested-accordion-btn::after {
        content: '-';
    }

    .nested-accordion-btn.collapsed::after {
        content: '+';
    }

.box-img-row + .box-img-row {
    margin-top: 1rem;
}

.box-img img {
    margin: 0 auto;
}

.box4, .box3, .box2 {
    color: #00378A;
    font-weight: 600;
    text-align: center;
}

    .box2 img, .box3 img, .box4 img {
        display: block;
        margin: 0 auto;
    }

/** end Accordion Template **/

/** start scroll template **/
.scroll-body {
    max-height: 14em;
    overflow-y: auto;
    margin-bottom: 2rem;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
    /*	box-shadow: 1px 1px 1px 1px #d6d6d6; */
    background-color: #FAFAFA;
}

.press-release a {
    font-size: 1rem;
    display: block;
}

.press-release {
    font-size: 0.8rem;
    font-weight: 500;
    color: #646464;
}

/** end scroll template **/

.arrowlink {
    color: #FFB31C;
    font-weight: 600;
    transition: color .15s ease-in-out;
}

    .arrowlink:hover {
        text-decoration: none;
        color: #FFF;
    }

    .arrowlink::after {
        content: ' >';
    }

.home-banner-right {
    color: #002F6B;
    font-weight: 700;
}


.home-banner-right-text {
    margin-top: 6.5rem;
    font-size: 1.25rem;
    padding: 1rem 3rem;
    display: inline;
    z-index: 2;
    position: absolute;
    right: 0;
    color: #FFF;
    /* margin-right: 3rem; */
    text-shadow: 1px 1px 1px #080808;
    /* background-color: #A9A9A996; */
    background-color: #8B8B8B96;
}

@media (min-width: 576px) {
    .home-banner-right-text {
        margin-top: 3.5rem;
        font-size: 2em;
        padding: 1rem 4rem;
    }
}

.home-banner-right-text em, .home-banner-right-text strong {
    display: block;
}

.home-banner-left .carousel-item {
    height: 20rem;
    background-size: cover;
}

.carouselimage {
    /* height: 20rem; */
    display: none;
}

.home-tool-title {
    font-weight: 600;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.home-tool-icon {
    height: 4.5rem;
    margin-top: 1rem;
}

.tool-item-col {
    /*min-height: 12em;
	max-height: 12em;*/
    place-items: center;
}

.hometitle {
    text-align: center;
    font-weight: 600;
    color: #00378A;
    padding: 4rem 0;
    /* font-size: 3.4rem; */
}

/** start news and highlights */
.newsdate {
    color: #8C9092;
    font-size: 0.8rem;
}

.newstitle {
    font-weight: 600;
}

.newsitem {
    font-weight: 600;
}

.news-item-list {
    max-height: 28rem;
    overflow-y: scroll;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}

    .news-item-list::-webkit-scrollbar {
        width: 0.4rem;
    }

    .news-item-list::-webkit-scrollbar-track {
        background-color: #F0F0F0;
    }

    .news-item-list::-webkit-scrollbar-thumb {
        background-color: #A0A0A0;
        border-radius: 0.5rem;
    }

.newsitem + .newsitem {
    padding-top: 1rem;
    border-top: 1px solid #c0c0c0;
}

.newsitem .arrowlink {
    color: #001F4E;
    font-weight: 700;
}

    .newsitem .arrowlink::after {
        color: #FFB31C;
    }

/** end news and highlights */

/** start imageblockcontent **/
.imageblockcontainer {
    margin: 1rem 0;
}

@media (min-width: 992px) {
    .imageblockcontainer {
        margin: 6rem 0;
    }
}

.imageblockcontainer.gray {
    background-color: #F6F6F6;
    margin: 0;
}

.imageblockcontainer h2 {
    color: #00378A;
}

.imageblockcontent {
    margin: 0;
}

.imageblock-text {
    /*padding: 1rem 8rem;*/
}

.imageblockcontainer .buttonlink {
    margin-top: 4rem;
}

    .imageblockcontainer a.buttonlink, .imageblockcontainer .buttonlink a {
        font-weight: 600;
        background-color: #FFB31C;
        padding: 0.5rem 2rem;
        text-transform: uppercase;
        color: #001F4E;
        border-radius: 0.1rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

        .imageblockcontainer a.buttonlink:hover, .imageblockcontainer .buttonlink a:hover {
            color: #FFF;
            text-decoration: none;
        }

/** end imageblockcontent **/

/** begin news-and-highlights **/
.news-and-highlights .buttonlink {
    margin-top: 4rem;
}

    .news-and-highlights a.buttonlink, .news-and-highlights .buttonlink a {
        font-weight: 600;
        background-color: #FFB31C;
        /* padding: 0.5rem 2rem; */
        text-transform: uppercase;
        color: #001F4E;
        border-radius: 0.1rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

        .news-and-highlights a.buttonlink:hover, .news-and-highlights .buttonlink a:hover {
            color: #FFF;
            text-decoration: none;
        }
/** end news-and-highlights **/

/** begin homefooter **/
.home-footer {
    background-color: #00378A;
    color: #FFF;
    margin-top: 8rem;
}

.footer-logo-container {
    text-align: center;
    height: 0;
}

    .footer-logo-container img {
        position: relative;
        top: -7rem;
        width: 12rem;
        padding: 0.8rem;
        background-color: #FFF;
        border-radius: 50%;
        display: inline-block;
    }

.footer-top-spacer {
    padding-top: 6rem;
}

.footer-title {
    font-size: 1.6rem;
}

.footer-subtitle {
    display: none;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.home-footer-content {
    font-size: 0.8rem;
    color: #E4E4E4;
}

    .home-footer-content a {
        text-decoration: underline;
        color: #E4E4E4;
    }


.mailicon::before {
    position: relative;
    display: inline-block;
    background: url(/assets/envelope.svg) no-repeat 0 0;
    content: '';
    width: 1.2rem;
    height: 0.8rem;
    top: 0.1rem;
}

.fineprint {
    color: #4F7BBE;
}

    .fineprint a {
        text-decoration: underline;
        color: #4F7BBE;
    }

.footer-seal {
    margin-left: 15px;
    opacity: 0.3;
    height: 20rem;
}

/** end homefooter **/

.rmat-contact-link a, .rmat-contact-link a:active {
    /* color: #EC7C30; */
    color: #D1EFFF;
    transition: color 300ms;
}

    .rmat-contact-link a:hover {
        /* color: #ffa354; */
        color: #92d9ff;
        transition: color 300ms;
        text-decoration: none;
    }

.contact-link {
    color: #FFF;
}

    .contact-link:hover {
        color: #BBB;
    }

    .contact-link:active {
        color: #FFF;
    }

/** Begin utility functions for widths */
.w-1 {
    width: 8.33333333%;
}

.w-2 {
    width: 16.66666667%;
}

.w-3 {
    width: 25%;
}

.w-4 {
    width: 33.33333333%;
}

.w-5 {
    width: 41.66666667%;
}

.w-6 {
    width: 50%;
}

.w-7 {
    width: 58.33333333%;
}

.w-8 {
    width: 66.66666667%;
}

.w-9 {
    width: 75%;
}

.w-10 {
    width: 83.33333333%;
}

.w-11 {
    width: 91.66666667%;
}

.w-12 {
    width: 100%;
}