/* 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: #000;
}

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

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

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;
}


/* #######################################
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;
    }
}

/* #######################################
end media query for phone and small screens
####################################### */