/* Social Ink Site Mods */
.bloomerang-container.container-donate {}

.bloomerang-container form.donation-form {
    margin-top: 0;
}

.bloomerang-container.container-donate .predefined-selections {
    display: flex;
}

.bloomerang-container.container-donate .donation .field.radio {
    font-size: 1.5em;
}

.page-template-page-donate-bloomerang-template .bloomerang-container.container-donate .donation .field.radio label {
    margin-right: 10px;
    margin-bottom: .5em;
    background: #feaf18;
    padding: 15px 20px;
    border-radius: 2px;
    color: #333;
}

.bloomerang-container.container-donate .donation .field.radio.other-option label {
    margin-right: 3px;
}

.bloomerang-container.container-donate .donation .field.radio:hover label {
    cursor: pointer;
    box-shadow: 0 0 5px #999;
}

.bloomerang-container.container-donate .donation .field.radio label {
    margin-bottom: 0;
}

.bloomerang-container.container-donate .donation .field.radio.active label,
.body.page-template-page-bloomerang-code .field.radio.active label {
    background: #00cc4a;
}

.bloomerang-container.container-donate .donation .field.radio input {
    margin-top: 5px;
    float: left;
    display: none;
}

.bloomerang-container.container-donate .section .recurring {}

.bloomerang-container.container-donate .donation-form .section.recurring {
    font-size: 1.2em;
}

.bloomerang-container.container-donate .section,
.body.page-template-page-bloomerang-code .section,
.body.page-template-page-bloomerang-code section,
.bloomerang-code-container {
    background: rgba(255, 255, 255, .7);
    padding: 1em;
    margin-bottom: 1em;
}

.bloomerang-container.container-donate .section h3,
.body.page-template-page-bloomerang-code .section h3,
.bloomerang-code-container h3 {
    color: #224a4c;
    margin-top: 0;
}

.page-template-page-donate-bloomerang-template .subtitle {
    margin-right: 2em;
    max-width: 100%;
    margin-left: 0;
}

.page-template-page-donate-bloomerang-template .btn-group .btn-submit-donation {
    padding: 20px;
    background: #feaf18;
    color: #333;
}

.page-template-page-donate-bloomerang-template .donation-form #other-amount {
    width: 65px;
    height: 41px;
    min-width: 120px;
}

.page-template-page-donate-bloomerang-template form.donation-form label {
    color: #224a4c;
}

.page-template-page-donate-bloomerang-template .donation-form .section.recurring {
    padding-left: 1em;
}

.page-template-page-donate-bloomerang-template .donation-form .field input,
.page-template-page-donate-bloomerang-template .donation-form .field textarea {
    max-width: none;
}

.page-template-page-donate-bloomerang-template .donation-form .field.zip-code input,
.page-template-page-donate-bloomerang-template .donation-form .field.phone-number input {
    max-width: 150px;
}

.page-template-page-donate-bloomerang-template .spreedly-button {
    background: #feaf18;
    border-radius: 0;
    color: #333;
}

.page-template-page-donate-bloomerang-template .spreedly-item .item-price,
.page-template-page-donate-bloomerang-template #spreedly-modal-form .spreedly-label {
    color: #224a4c;
}

.page-template-page-donate-bloomerang-template .donation-form label.error {
    color: #900;
    margin-top: -2px;
    padding: 0;
    display: block;
    font-size: .8em;
}

button#spreedly-close-button:hover {
    background: transparent;
}

.doner-wrap .mailer {}

.doner-wrap .donate-sidebar {
    color: #fff;
    margin-left: 2em;
}

.doner-wrap .donate-sidebar .subtitle {}

.accordion-outer.expandable .block .inner {
    display: none;
}

.accordion-outer.expandable .block.active .inner {
    display: block;
}

.accordion-outer.expandable,
.doner-wrap .donate-sidebar .expandable {
    margin-bottom: 2em;
}

.accordion-outer.expandable h2,
.doner-wrap .donate-sidebar .expandable h2 {
    color: #fff;
}

.doner-wrap .donate-sidebar .expandable h2 {}

.accordion-outer.expandable h2:hover,
.doner-wrap .donate-sidebar .expandable h2:hover {
    cursor: pointer;
}

.accordion-outer.expandable h2:after,
.doner-wrap .donate-sidebar .expandable h2:after {
    content: ' +';
}

.accordion-outer.expandable .block.active h2:after,
.doner-wrap .donate-sidebar .expandable .block.active h2:after {
    content: ' -';
}

.accordion-outer.expandable .block ul,
.accordion-outer.expandable .block p,
.doner-wrap .donate-sidebar .expandable .block ul,
.doner-wrap .donate-sidebar .expandable .block p {
    display: none;
}

.accordion-outer.expandable .block.active ul,
.accordion-outer.expandable .block p,
.doner-wrap .donate-sidebar .expandable .block.active ul,
.doner-wrap .donate-sidebar .expandable .block p {
    display: block;
}

.doner-wrap .donate-sidebar .expandable ul {}

.accordion-outer.expandable ul li,
.doner-wrap .donate-sidebar .expandable ul li {
    list-style: none;
    margin-bottom: 2em;
}

.accordion-outer.expandable ul li:before,
.doner-wrap .donate-sidebar .expandable ul li:before {
    content: ' ';
    background-image: url(../img/icon-checkmark.svg);
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 1em;
    margin-left: -2em;
    display: block;
    background-size: 18px;
    margin-top: 4px;
}

.doner-wrap .donate-sidebar address {
    padding: 1em;
    border: 1px solid #fff;
    font-style: normal;
}

.page-template-page-donate-bloomerang-template .pageheader {
    background-attachment: fixed !important;
}

header.primary .navigation nav ul li a {
    display: inline-block;
}

header.primary .navigation nav ul li ul {
    margin-top: 0;
    top: auto;
}

.section.captcha {
    margin: 1em 0;
}

/*****************
BACKGROUNDS
***********************************************/
.herospot {
    background-position: center center;
    background-size: cover;
    height: 400px;
    height: calc(100vw / 2.5);
    overflow: hidden;
    position: relative;
    width: 100%;
}

.herospot.contained {
    /* use this instead of height if the image is not full bleed; where the first number is the image height and the second number is the image width */
    /* padding-top: calc((460 / 1040) * 100%);*/
}

.herospot.semantic:before {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.herospot.semantic>div,
.herospot.semantic>article,
.herospot.semantic>section {
    position: relative;
}

.slides li {
    margin: 0;
    list-style: none
}

.slideshow_area {
    height: calc(100vw / 2.6);
}

.slideshow_area div.slide {
    background-position: center center;
    background-size: cover;
    height: calc(100vw / 2.6);
    width: 100%;
    position: relative;
}

.slidecaption {
    position: absolute;
    bottom: 1em;
}

.slidecaption h2,
section.socialink-module .slidecaption h2 {
    background: rgba(15, 178, 48, 0.81);
    color: #fff;
    font-size: 1.2em;
    padding: 5px;
    text-shadow: 0 1px #222;
    text-transform: none;
}

.wp-caption-text {
    color: #333;
}

#header .slideshow_area {
    position: absolute;
    top: 0;
    height: 600px;
    left: 0;
    max-height: 600px;
}

#header .slideshow_area div.slide {
    max-height: 600px;
    height: 600px;
}

header.primary .navigation .topnav {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
}

.topnav .search {
    display: inline;
    position: relative;
    margin-right: 20px;
}

header.primary .topnav a.icon-twitter,
header.primary .topnav a.icon-facebook-squared,
header.primary .topnav a {
    margin: 0;
    margin-left: 0px;
    padding: 0 5px;
}

header.primary a[class*="icon-"]:hover {
    color: #fff;
}

.icon-medium img {
    width: 20px;
    height: auto;
}

.slide_nav {
    color: #fff;
    font-size: 2em;
    left: 2%;
    position: absolute;
    z-index: 300;
    top: calc(100vw/5.4);
}

.slide_nav a:before {
    text-shadow: 1px 1px 3px #111;
}

.home .slide_nav {}

.slide_nav a {
    color: #fff;
}

.slide_nav a:hover,
.slide_nav a:active,
.slide_nav a:focus {
    text-decoration: none;
    color: #2D2C28;
}

.slide_nav.left {}

.slide_nav.right {
    left: auto;
    right: 2%;
}

.centering_box,
.notfound404,
.search-results .pageinfo {
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}

/* MODULES */
section.socialink-module {
    padding: 2em;
    /*     min-height: calc(100vw / 6); */
    margin-bottom: 1em;
    padding-bottom: 1em;
    padding-top: 1em;
    margin-top: 1em;
    background-position: center center;
    background-size: cover;
}

section.socialink-module.grid {}

section.socialink-module.grid .module_inner {
    display: flex;
    flex-wrap: wrap;
}

section.socialink-module.grid article {
    width: 31.5%;
    margin-right: 2%;
    display: block;
}

section.socialink-module.grid article:nth-child(3n) {
    margin-right: 0;
}

section.socialink-module.grid article .featimg {
    width: 100%;
    margin-bottom: 10px;
    /*     height: 270px; */
    overflow: hidden;
}

section.socialink-module.grid article .excerpt {
    display: none;
}

section.socialink-module.grid article aside.readmore a {
    color: #000;
    display: none;
}

section.socialink-module.grid article .mainpost h2 {
    font-size: 1.5em;
}

section.socialink-module.module-gallery {
    padding: 2em 0;
}

section.socialink-module.module-gallery .modheader {
    padding: 0 1em;
}

section.socialink-module .modheader {
    margin-bottom: .75em;
}

section.socialink-module .modheader h1,
section.socialink-module h2,
section.socialink-module h4,
section.socialink-module h5,
section.socialink-module h6 {
    color: #224a4c;
}

section.socialink-module h3 {
    color: #08b25b;
}

section.socialink-module .modheader h1 {
    margin: 0;
    text-transform: none;
    margin-bottom: 30px;
    font-size: 42px;
}

.single .container.container-cruft {}

section.socialink-module.module-button h1 {
    text-align: center;
}

section.socialink-module .module_inner {
    position: relative;
}

section.socialink-module .module_inner article {
    padding-top: 1em;
    padding-bottom: 1em;
}

section.socialink-module.module-button {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    margin-bottom: 0;
}

.module-button .module_inner {
    display: flex;
    justify-content: center;
    align-content: center;
}

.module-button .module_inner a {
    display: inline-block;
    background: #FFB713;
    color: #000;
    font-size: 1.5em;
    padding: 1em 1.5em;
    margin: 1em 0;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
}

.module-button .module_inner a:hover {
    background: #fff;
    color: #08b25b;
}

section.socialink-module.module-callout {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(100vw / 3);
    display: flex;
    align-items: center;
    margin-bottom: 2em;
}

section.socialink-module.module-callout .modheader {
    display: none;
}

section.socialink-module.module-callout .basic_text {
    padding: 2em;
    /*    box-shadow: 0 0 20px #222;*/
    opacity: 1;
    color: #fff;
    width: 50%;
    margin-left: 5em;
    background-color: #08b25b;
}

section.socialink-module.module-callout .basic_text {
    color: #fff;
}

section.socialink-module.module-callout .basic_text a {
    color: #fff;
    text-decoration: underline;
}

section.socialink-module.module-callout .basic_text h1 {
    margin-top: 0;
    font-size: 3em;
}

section.socialink-module.module-featured .module_inner {
    display: flex;
    flex-wrap: wrap;
}

section.socialink-module.module-featured.viewtype-rollover {}

section.socialink-module.module-featured.viewtype-rollover .box-text.rollover {
    background: #057b28bd;
    position: absolute;
    width: 100%;
    aspect-ratio: 1 / 1;
    top: 0;
    padding: 0 1em;
    box-sizing: border-box;
    color: #fff;
    opacity: 0;
    transition: all 0.3s ease;
}

section.socialink-module.module-featured.viewtype-rollover.gridrow-2 .box-text.rollover {}

section.socialink-module.module-featured.viewtype-rollover.gridrow-3 .box-text.rollover {}

section.socialink-module.module-featured.viewtype-rollover a.onefbimage:hover .box-text.rollover {
    opacity: 1;
}

section.socialink-module.module-featured.viewtype-rollover img {
    width: 100%;
}

section.socialink-module.module-featured.viewtype-rollover .feat-box {
    margin-right: 1px;
    margin-bottom: 1px;
}

section.socialink-module.module-featured.viewtype-rollover .feat-box a {
    display: block;
    aspect-ratio: 1;
    overflow: hidden;
    position: relative;
}

section.socialink-module.module-featured .modheader {
    margin-bottom: 1em;
}

.socialink-module .feat-box {
    width: 22.5%;
    flex-grow: 0;
    margin-right: 3%;
}

.socialink-module .feat-box:last-child {
    margin-right: 0;
}

.socialink-module.gridrow-3 .feat-box {
    width: 31%;
    margin-right: 1%;
}

.socialink-module.gridrow-2 .feat-box {
    width: 48%;
    margin-right: 1%;
}

.socialink-module .box-img {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1;
}

.archive_post {}

.archive_post h2 {
    margin-top: 0;
}

.archive_post .featimg {
    width: 150px;
    flex-shrink: 0;
    margin-right: 1em;
}

.archive_post .readmore {
    float: inherit;
    width: inherit;
    padding: 0;
    margin-left: 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.page-template-page-template-bloc-builder .accordion-extra-metadata {
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}

section.socialink-module.module-coalitions {
    padding: 3em 0;
    margin-bottom: 0;
    margin-top: 0;
}

section.socialink-module.module-coalitions .modheader h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 42px;
    margin-bottom: .5em;
}

.gridded-3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2em;
    margin-top: 3em;
}

.socialink-module.socialink-module-coalitions.gridrow-default.featview-popup.viewtype-regular {
    padding: 3em;
    padding-top: 33px;
}


    .page-template-page-template-coalitions .gridded-3 {
        margin-top: 0;
    }

.feat-coalition-box {
    padding: 20px;

    background: rgba(0, 0, 0, .5);
}

.feat-coalition-box.box-prominent {
    padding-bottom: 0;
}

.feat-coalition-box.box-prominent:after {
    content: '*';
    display: block;
    color: #fff;
    font-size: 1.5em;
    text-align: right;
}

.feat-coalition-box:hover {
    background: none;
    padding: 0;
    transition: all .3s ease;
}

.fb-container {
    display: none;
}

.coalition-box-popup {
    width: 95%;
    max-width: 1040px;
}

.coalition-inner {}

.coalition-inner .left {
    flex-shrink: 0;
    width: 30%;
    max-width: 300px;
}

.coalition-inner .left img {
    box-shadow: 10px 10px 25px 0px #00000040;
}

.coalition-inner .right {
    flex-grow: 5;
    width: 70%;
    padding-left: 2em;
}

.coalition-inner .right h2 {
    color: #224A4C;
    font-size: 2em;
}

.join_conversation {
    display: none;
}


h2,
.container.founders h2,
section.timeline>.container>h2,
section.team-member .member-text h3,
section.team-list h3,
section.related-posts h3,
.subpage-teaser h3,
section.home-featured .text h3 {
    font-size: 42px;
}

.resource_filter section.instructional h2 {
    margin-bottom: 0;
}

.filters input.submit {
    margin-bottom: 0;
    margin-top: 29px;
    margin-left: 1em;
    padding: 9px 20px;
    border-radius: 3px;
}

.pageheader h1 {
    text-shadow: 0 0 25px #464646;
}

.filters form {
    display: flex;
    align-items: center;
}

.filters .instruction {
    padding-top: 0;
}

.filters .filter_search input[type="search"] {
    margin-right: 5px;
}

.feat-coalition-box img {
    background: #fff;
}

.box-text {

    font-size: 1.1em;
}

.page-template-page-template-coalitions .box-text {
        color: #fff;
}

.page-template-page-template-coalitions .box-text p {
    margin-top: 0;
 
}

.page-template-page-template-coalitions .box-text p:last-child {
    margin-bottom: 0;
}



        button.carousel__button:hover {
          background: transparent;
        }

/* #######################################
media queries ... phones and small screens
####################################### */
@media (max-width:767px) {
    header.primary .navigation .topnav {
        position: absolute;
        top: 0;
        z-index: 9999;
        right: 37px;
    }

    .wp-caption {
        max-width: 100%;
    }

    .page-template-page-donate-bloomerang-template .subtitle {
        max-width: 100%;
        margin-bottom: 2em;
    }

    .bloomerang-container.container-donate .predefined-selections {
        flex-direction: column;
    }

    .page-template-page-donate-bloomerang-template .donation-form .field select {
        max-width: 87%;
    }

    section.socialink-module .modheader h1 {
        font-size: 2.2em;
    }

    section.socialink-module.module-addcontent h2 {
        font-size: 2em;
    }

    section.socialink-module.module-addcontent .archive_post .featimg {
        width: 75px;
    }

    section.socialink-module.module-addcontent.grid .archive_post .featimg {
        width: 100%;
        height: auto;
    }

    section.socialink-module.module-addcontent .archive_post {
        flex-direction: row;
    }

    section.socialink-module.module-addcontent .archive_post .excerpt {
        font-size: 14px;
    }

    section.socialink-modul h2 {
        font-size: 2em;
    }

    section.socialink-modul h3 {
        font-size: 1.7em;
    }

    section.socialink-module.module-featured .module_inner {
        flex-direction: column;
    }

    .socialink-module.gridrow-2 .feat-box,
    .socialink-module.gridrow-3 .feat-box,
    .socialink-module.gridrow-4 .feat-box {
        width: 100%;
    }

    section.socialink-module.module-callout {
        height: 95vh;
    }

    section.socialink-module.grid article {
        width: 100%;
    }

    .page-template-page-template-bloc-builder .accordion-extra-metadata {
        padding: 2em;
    }

    section.socialink-module.module-callout {
        background-size: cover;
        min-height: 100vh;
        justify-content: flex-end;
        align-items: flex-end;
        padding: 10px;
    }

    section.socialink-module.module-callout,
    section.socialink-module.module-callout .basic_text {
        margin-bottom: 0;
    }

    section.socialink-module.module-callout .basic_text h1 {
        font-size: 2em;
    }

    section.socialink-module.module-callout .basic_text p {
        font-size: 14px;
    }

    section.socialink-module.module-callout .basic_text {
        margin: 1em auto;
        margin: 1em auto;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 0;
    }

    .page-template-page-template-bloc-builder .accordion-extra-metadata {
        box-sizing: border-box;
    }

    .gridded-3 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 90%;
    }

    .coalition-inner .left {
        flex-grow: 0;
        max-width: none;
        width: 100%;
    }

    .coalition-inner .right {
        flex-grow: 5;
        width: 100%;
        padding-left: 0;
    }

    section.socialink-module.module-coalitions .modheader h1 {
        margin: auto;
        max-width: 90%;
    }
}

/* #######################################
    end media query for phone and small screens
    ####################################### */
/* media query for tweaner widths*/
@media (min-width:768px) and (max-width: 1040px) {
    .centering_box {
        max-width: 95%;
    }
}