/* Default Styles - DO NOT EDIT */

body {
    position: static !important;
}

a:link:hover {
    opacity: 0.75;
}

.hero {
    min-height: 170px;
    background-size: cover;
    background-position: center center;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.title {
    display: block;
    width: 100%;
}

.sticky {
    position: inherit;
    transform: none;
    z-index: auto;
}

.gallery-caption {}

.bypostauthor {}

.small-text {font-size: 0.9rem;}
.large-text {font-size: 1.1rem;}

hr.clear {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    clear: both;
    display: block;
    height: 0;
    margin: 0;
    width: 100%;
}

.no-padding {
    padding: 0px;
}

.no-padding-top {
    padding-top: 0px;
}

.no-padding-right {
    padding-right: 0px;
}

.no-padding-bottom {
    padding-bottom: 0px;
}

.no-padding-left {
    padding-left: 0px;
}

.text-white {
    color: #fff;
}

.text-black {
    color: #000;
}

.htext-white:hover {
    color: #fff;
}

.htext-black:hover {
    color: #000;
}

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #000;
}

.hbg-white:hover {
    background-color: #fff;
}

.hbg-black:hover {
    background-color: #000;
}

#template-name {
    background-color: rgba(255, 255, 255, 0.25);
    bottom: 0;
    display: inline-block;
    opacity: 0.5;
    padding: 1rem;
    position: fixed;
    right: 0;
}

.notouch {
    background: transparent;
    position: relative;
    z-index: 10;
}


/* Default WP styles */

img.alignnone {
    margin: 0.25rem 1.25rem 1.25rem 0;
}

img.alignright {
    float: right;
    margin: 0.25rem 0 1.25rem 1.25rem;
}

img.alignleft {
    float: left;
    margin: 0.25rem 1.25rem 1.25rem 0;
}

img.aligncenter {
    display: block;
    margin: 0.25rem auto 0;
}

.alignnone {
    margin: 0.25rem 1.25rem 1.25rem 0;
}

.alignright {
    float: right;
    margin: 0.25rem 0 1.25rem 1.25rem;
}

.alignleft {
    float: left;
    margin: 0.25rem 1.25rem 1.25rem 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0.25rem auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 0.25rem 0.125rem 0.625rem;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 0.25rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
    margin: 0.25rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
    margin: 0.25rem 0 1.25rem 1.25rem;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 0.25rem 0.25rem;
}


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 0.25rem;
    line-height: normal;
    padding: 10.25rem 1.5rem 0.875rem;
    text-decoration: none;
    top: 0.25rem;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Admin bar indicators */

#wpadminbar #wp-admin-bar-root-default .bb .ab-item,
#wpadminbar #wp-admin-bar-root-default .bb .ab-item:hover {
    color: white;
}

#wpadminbar #wp-admin-bar-root-default .bb.dev .ab-item,
#wpadminbar #wp-admin-bar-root-default .bb.dev .ab-item:hover,
#wpadminbar #wp-admin-bar-root-default .bb.broken .ab-item,
#wpadminbar #wp-admin-bar-root-default .bb.broken .ab-item:hover {
    background-color: red;
}

#wpadminbar #wp-admin-bar-root-default .bb.stage .ab-item,
#wpadminbar #wp-admin-bar-root-default .bb.stage .ab-item:hover,
#wpadminbar #wp-admin-bar-root-default .bb.wip .ab-item,
#wpadminbar #wp-admin-bar-root-default .bb.wip .ab-item:hover {
    background-color: darkorange;
}

#wpadminbar #wp-admin-bar-root-default .bb.prod .ab-item,
#wpadminbar #wp-admin-bar-root-default .bb.prod .ab-item:hover,
#wpadminbar #wp-admin-bar-root-default .bb.stable .ab-item,
#wpadminbar #wp-admin-bar-root-default .bb.stable .ab-item:hover {
    background-color: green;
}

.bb.css a::before {
    content: "";
    top: 2px;
}


/* Offcanvas Menu */

.off-canvas button.close-button {
    z-index: 20;
}


/* List Posts */

.bb_posts_wrapper {
    list-style: none;
}

.bb_posts_item {
    text-align: center;
}

.bb_posts_item img {
    border-radius: 50%;
    padding: 2rem;
}


/* Some tweaks to help GF and Zurb play nicely together */

span>[type=text],
span>[type=password],
span>[type=date],
span>[type=datetime],
span>[type=datetime-local],
span>[type=month],
span>[type=week],
span>[type=email],
span>[type=tel],
span>[type=time],
span>[type=url],
span>[type=color],
span>[type=number],
span>[type=search],
span>textarea {
    margin-bottom: 0.25rem;
}

label.gfield_label {
    font-size: 1rem;
}

body .gform_wrapper .gfield_date_day label,
body .gform_wrapper .gfield_date_month label,
body .gform_wrapper .gfield_date_year label,
body .gform_wrapper .gfield_time_ampm label,
body .gform_wrapper .gfield_time_hour label,
body .gform_wrapper .gfield_time_minute label,
body .gform_wrapper .ginput_complex label,
body .gform_wrapper .instruction {
    margin-bottom: 1.5rem;
}


/* Gravity Forms validation errors */

body .gform_wrapper div.validation_error,
body .gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message {
    border: 2px solid #E02E48;
    background-color: #FED7DA;
    color: inherit;
    width: auto;
    display: inline-block;
    padding: 0.8rem 0.5rem;
}

body .gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message span {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 1.25rem;
    min-height: 1rem;
    border: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_creditcard_warning,
body .gform_wrapper li.gfield.gfield_error.gfield_creditcard_warning,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent;
    border: none;
    padding: 0;
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0;
}

body .gform_wrapper .validation_message,
body .gform_wrapper .gfield_error .gfield_label,
body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
body .gform_wrapper li.gfield_error ul.gfield_checkbox,
body .gform_wrapper li.gfield_error ul.gfield_radio {
    color: inherit;
}

body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper li.gfield_error select,
body .gform_wrapper li.gfield_error textarea,
body .gform_wrapper li.gfield_error a.chosen-single {
    border-color: #E02E48;
    border-width: 1px 1px 1px 5px;
}

body .gform_wrapper .gfield_description.validation_message {
    padding: 0 0 0.6rem;
}


/* Add support for multi-column Gravity Forms */

.gform_wrapper .two-column .gsection:not(.empty),
.gform_wrapper .three-column .gsection:not(.empty) {
    display: none;
}

@media only screen and (min-width: 40.063em) {
    /* <-- min-width 641px, medium screens */
    .gform_wrapper ul.gform_column {
        float: left;
        display: inline-block;
        padding: 0.5rem 1.5rem;
        min-height: 100%;
    }
    .gform_wrapper .two-column .gform_column {
        width: 49.5%;
    }
    .gform_wrapper .three-column .gform_column {
        width: 33%;
    }
    .gform_wrapper .gsection {
        margin: 0;
    }
    .gform_wrapper .two-column .gform_column:nth-of-type(3),
    .gform_wrapper .three-column .gform_column:nth-of-type(4) {
        float: right;
    }
    /* Extra 1 because there's an empty one at the start */
}


/* Children as paragraphs */

aside .menu.vertical>li>a {
    padding-left: 0;
    padding-right: 0;
}

aside .sticky {
    background-color: white;
}


/* START Panels */

.panel-wrapper {
    position: relative;
}

.panel-wrapper a:hover {
    opacity: 0.5;
}

.panel-wrapper,
.panel-inner-wrapper {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.panel-inner-wrapper {
    width: 100%;
    height: 100%;
}

.panel-inner-wrapper>.column {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: table-cell;
    vertical-align: middle;
    height: inherit;
    min-height: inherit;
}

.panel-inner-wrapper>.column>a {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    position: absolute;
    top: 0;
    left: 0;
}

.panel-inner-wrapper.no-image {
    text-align: inherit;
    color: inherit;
}

.panel-inner-wrapper p.action-button {
    text-align: center;
}


/* Edit link */

.edit-panel a {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    color: #fff !important;
    display: table-caption;
    margin-top: -3rem;
    opacity: 0.2;
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

.edit-panel a i.fa {
    color: #fff;
    display: inline;
    margin-right: 0.2rem;
}


/* Children as Slider */

.panel-slider.slick-slider {
    padding: 0;
}

.panel-slider .panel-inner-wrapper {
    padding-left: 4rem;
    padding-right: 4rem;
}

.slick-prev,
.slick-next {
    z-index: 10;
    position: absolute;
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent !important;
    color: transparent;
    top: 50%;
    margin-top: -2.5rem;
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:after,
.slick-next:focus:after {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:after {
    font-family: "slick";
    font-size: 5rem;
    line-height: 1;
    color: white;
}

.slick-prev {
    left: 25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: 25px;
}

.slick-prev:before {
    content: "‹";
}

[dir="rtl"] .slick-prev:before {
    content: "›";
}

.slick-next {
    right: 25px;
}

[dir="rtl"] .slick-next {
    left: 25px;
    right: auto;
}

.slick-next:after {
    content: "›";
}

[dir="rtl"] .slick-next:after {
    content: "‹";
}


/* Children as Tiles */

.panel-tiles .tile {
    display: inline-block;
    padding: 0;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    border: 4px solid transparent;
}

.panel-tiles .tile .panel-wrapper,
.panel-tiles .tile .panel-inner-wrapper {
    height: inherit;
    min-height: inherit;
}

.panel-tiles .panel-wrapper.video {
    height: 100%;
    padding: 0;
}


/* Default recipe */

.default .link {
    display: block;
}


/* Custom styles for specific recipes */

.panel-wrapper.half_image {
    position: relative;
    overflow: hidden;
}

.panel-wrapper.half_image .panel-inner-wrapper>.column {
    padding-top: 0;
    padding-bottom: 0;
}

.panel-wrapper.half_image .image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    width: 110%;
    margin-left: -1rem;
}

.panel-wrapper.half_image .content {
    padding: 0.975rem;
}

.panel-wrapper.event_of_the_day {
    position: relative;
    overflow: hidden;
}

.panel-wrapper.event_of_the_day .panel-inner-wrapper>.column {
    padding-top: 0;
    padding-bottom: 0;
}

.panel-wrapper.event_of_the_day .image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    width: 110%;
    margin-left: -1rem;
}

.panel-wrapper.event_of_the_day .content {
    padding: 0.975rem;
}

.panel-wrapper.recent_posts .image {
    display: table;
    height: 300px;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

.panel-wrapper.recent_posts .title {
    margin-top: 1rem;
    text-transform: uppercase;
}

.panel-wrapper.recent_posts .content {
    margin-top: 1rem;
}

.panel-wrapper.tile_menu .column {
    display: inline-block;
    padding: 0;
    height: 250px;
    overflow: hidden;
    position: relative;
    border: 4px solid transparent;
}

.panel-wrapper.tile_menu .image {
    display: table;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.panel-wrapper.tile_menu .image::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.25);
}

.panel-wrapper.tile_menu .link {
    display: table-row;
    height: 100%;
    -moz-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    transform: translateY(-0%)
}

.panel-wrapper.tile_menu span {
    display: table-cell;
    vertical-align: middle;
}

/*.panel-wrapper*/.video {
    min-height: 200px;
}

.panel-wrapper.video .panel-inner-wrapper {
	min-height: inherit;
}

.panel-wrapper.video .column {
    display: inline-block;
    padding: 0;
    min-height: inherit;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.panel-wrapper.video .wrapper {
    display: table;
    height: 100%;
    width: 100%;
    min-height: inherit;
}

.panel-wrapper.video .link {
    display: table-row;
}

.panel-wrapper.video .link .fa {
    display: table-cell;
    vertical-align: middle;
    color: #E62117;
}

.panel-wrapper.event {
    position: relative;
    overflow: hidden;
}

.panel-wrapper.event .panel-inner-wrapper>.column {
    padding-top: 0;
    padding-bottom: 0;
}

.panel-wrapper.event .image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    width: 110%;
    margin-left: -1rem;
}

.panel-wrapper.event .content {
    padding: 0.975rem;
}

/* Medium and up */

@media only screen and (min-width: 40em) {
    /* <-- min-width 640px - medium screens and up */
    .panel-wrapper.half_image .image {
        background-position-x: left;
        height: 100%;
        position: absolute;
        width: 50%;
        left: 0;
    }
    .panel-wrapper.half_image .image-right .image {
        background-position-x: right;
        left: auto;
        right: 0;
    }
    .panel-wrapper.half_image .content {
        float: right;
        padding: 0.975rem;
        width: 50%;
    }
    .panel-wrapper.half_image .image-right .content {
        float: left;
    }
    .panel-wrapper.tile_menu .column {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: none;
        border-bottom: none;
    }
    .panel-wrapper.event_of_the_day .image {
        height: 100%;
        position: absolute;
        width: 50%;
        left: 0;
    }
    .panel-wrapper.event_of_the_day .image-right .image {
        left: auto;
        right: 0;
    }
    .panel-wrapper.event_of_the_day .content {
        float: right;
        padding: 0.975rem;
        width: 50%;
    }
    .panel-wrapper.event_of_the_day .image-right .content {
        float: left;
    }
}


/* Large and up */

@media only screen and (min-width: 64em) {
    /* <-- min-width 1024px - large screens and up */
    .panel-wrapper.video {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}


/* END Panels */


/* End Default Styles - BEGIN EDITING BELOW THIS LINE */


/* Happening */

.happening-header {
    margin-bottom: 2rem;
}

.happening-header a {
    color: #000 !important;
}

.happening-item {
    margin-bottom: 2rem;
}


/* Components extending */

.media-object-image {
    width: 30%;
}


/*.media-object-members {
    width: 50%;
	padding-right: 2rem !important;
}*/

.button-border {
    border: 2px solid white;
    border-radius: 7px;
}

.button-transparent {
    background-color: transparent !important;
    color: currentColor !important;
}

.button-transparent:hover {
    opacity: 1 !important;
    background-color: white !important;
    color: black !important;
}

.cta-donate {
    margin-bottom: initial;
}

.home-tile {
    margin-top: -37px;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    background-color: #ffffff;
}

.tile-link {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
}

.tile-image {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.tile-image-border {
    border-top: 1.7rem solid #ffffff;
}

.tile-image::after {
    display: block;
    padding-top: 66%;
    content: '';
}

/* .media-object-image .tile-image::after {
    padding-top: 100%;
} */

.tile-title {
    display: inline-block;
    margin-bottom: 0.5rem;
    padding: 0.3rem 0.7rem;
    text-transform: uppercase;
    color: #ffffff;
    font-family: Oswald;
    font-weight: 400;
}

.tile-heading {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 2rem;
    line-height: 1.2;
}

.tile-content {
    margin-bottom: 2rem;
}

.tile-image-article {
    margin-bottom: 1rem;
    border: 1px solid currentColor;
}

.footer {
    padding-top: 1rem;
}

.footer a {
    font-size: 1rem;
}

.footer-logo {
    min-height: 345px;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 1rem;
}

.footer-content {
	padding-top: 1rem;
    padding-left: 140px;
}

.footer-button {
    padding: .7rem 1rem;
}

.footer-copyright {
    font-size: 0.9rem;
    padding: 1rem 0 1.1rem;
}

footer .menu>li>a {padding: .7rem 0 0.7rem 1rem;}


/* Hero */

.hero-header {
    font-family: 'Satisfy';
    font-size: 2.3rem;
    line-height: 1;
    text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35%;
}


/* Members panel */

.members {
    padding: 2rem;
    position: relative;
}

.circular {
    position: absolute;
    top: -42px;
    left: 0;
    right: 0;
    text-align: center;
}

.circular--icon {
    border-radius: 50%;
    border: 16px solid #cd222b;
    background-color: #cd222b;
}


/* Header menu */

.title-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.5rem 1.1rem;
}

.title-bar-title {
    width: 45%;
    max-width: 250px;
}

.nav-menu {
    padding: 0.3rem 0;
}

.top-bar-menu {
    position: absolute;
    top: 50%;
    right: 0.7rem;
    transform: translateY(-50%);
}

.top-bar-button {
    margin-left: auto;
}

.logo-text {
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 0.8rem;
    line-height: 1.1;
}

.button-hamburger {
    margin-left: 0.9rem;
}

.button-hamburger,
.button-hamburger:hover,
.button-hamburger:focus {
    background-color: transparent;
}

.hamburger-icon {
    display: block;
}

.hamburger-text {
    display: block;
    text-transform: uppercase;
    color: white;
    font-size: 0.6rem;
}


/* Top socail icons*/

.top-login {
    padding-bottom: 0.4rem;
}

.top .menu>li>a {
    padding: 0.7rem 0.7rem;
}


/* Offcanvas */

.menu .active>a {
    background-color: transparent;
}


/* Headline */

.subheadline {
    margin: 1rem auto 2rem;
}


/* Helper class */

.margin-bottom {
    margin-bottom: 2rem;
}

.header-font {
    font-family: 'Montserrat', sans-serif;
}

.body-font {
    font-family: 'Open Sans', sans-serif;
}

.block {
    display: block;
}

.margin-zero {
    margin: 0 !important;
}

.width-50 {
    max-width: 50%;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.table {
    display: table;
}

.table-vertical {
    display: table-cell;
    vertical-align: middle;
}

.font-weight-600 {
    font-weight: 600;
}

.bg-initial {
    background-color: rgba(0,0,0,0);
}

.radius-zero {
    border-radius: initial;
}

.h-100 {
    height: 100%;
    min-height: inherit;
}

button:not(.close-button), .button, a.button, a.button:visited {border-radius: 5px; border-width: 2px;}
input[type=submit] {border: none;}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}


/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.cf {
    *zoom: 1;
}

/* Header search form */

.button-search {
    float: right;
}

#searchsubmit {
    display: none;
}

header .search-form-container {
    background-color: #cd222b !important;
}

header .search-form-container .searchform {
    float: left;
    margin-right: 10px;
    margin-left: 0;
    display: none;
}

header .search-form-container .searchform #s {
    height: 25px;
    font-size: 1rem;
    line-height: 1rem;
    vertical-align: middle;
    margin-top: 7px;
    margin-left: 10px;
    margin-right: 7px;
    font-size: 0.9rem;
    padding-left: 0.4rem;
}


/* END: Header search form */

/* Upcoming event panel */
.upcoming-event h1 { font-size: 1.9375rem;}
/* END: Upcoming event panel */

/* page-as-paragraph */
#row-children-as-paragraph { margin-bottom: 2rem;}

/* Footer */
.footer-content .footer-description { font-family: Open Sans;}
.footer-content .menu .active > a { color: #cd222b;}
/* END: Footer */

/*store page*/
.store-page .row, #row-checkout .row { margin: 0 auto;}
.store-page .tabs-panel { padding: 0; }
.store-page a { text-decoration: none; }
.pagination {text-align: center; padding-top:2rem;}
.pagination .current {background: transparent;}
.pagination .current a { border-radius: 0;}
.onboard-list { padding: 0; list-style-type: none; }
.onboard-item { position: relative; margin-bottom: 1rem; }
.onboard-item span { display: inline-block; padding-left: 2.3rem; line-height: 1.4; }
.onboard-image { position: absolute; width: 32px; }

/*store item*/
.store-give-tile { display: inline-block; width: 40%; height: 200px; /* background-color: #f4efe9; */ background-size:contain; background-repeat: no-repeat; background-position: center top; }
.store-price {margin-bottom: 0.5rem; color: #000;}
.store-description { font-size: 1rem; }
.store-item { position: relative; padding: 1rem; border: 2px solid #fff; }
.store-item-title, .store-description p { color: #222222; line-height: 1.4; }
.store-item-title p {display: block;}
.store-page ul {margin-left:0; }

.items.column { padding-left:0; padding-bottom:1rem; padding-right:0;}

.title-bar-accordion{padding-top:1rem; padding-bottom:1rem;}

.product-info {padding-top: 1rem;}
.product-info .store-price {font-size: 1.5rem;}

.side-cart {padding-bottom: 1rem; background-color: #ffffff;}
.side-cart .bb-table {line-height: 1.4; }
.side-cart .button, .accordion-cart .button { margin-bottom: 1rem; text-decoration: none; text-transform: uppercase; color: #ffffff; }
.side-cart .button:hover, .side-cart .button:focus, .accordion-cart .button:hover, .accordion-cart .button:focus { color: #ffffff; }
.side-header { margin-bottom: 0.5rem; }
.tabs-content { border: 0;}
input#gform_submit_button_10 {margin-bottom: 19px; padding: 0.6rem 1rem;}

/*Store product*/
.product-details { width: 55%;}

/*Store category*/
.category { list-style-type: none; }
.category > li {display: inline; padding: 0.3rem 0.8rem; font-size: 0.9rem;}
.category li.active{background-color:#f89821;}
.category li.active a { color:#ffffff;}

/*store item tab mode*/
.tabs-title { font-weight: 700; }

/*store item accordion*/
.accordion { margin-bottom: 0; margin-left: 0; padding-left: 0; list-style-type: none; background: #fefefe; }
.accordion-title { padding: 0.7rem 1rem; text-decoration: none; border-radius: 0; font-size: 1rem; }
.accordion-item .accordion-title:before { margin-top: -0.9rem; content: '\f0d7'; color:#f89821; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 1.7rem; position: absolute; transform: rotate(360deg); transition: transform 0.5s ease;}
.accordion-item.is-active > .accordion-title:before { margin-top: -0.9rem; }
.badge.store { padding: 0.6em; font-size: 0.9rem; font-weight: 700; line-height: 0.9; margin-right: 1.5rem; position: relative; top: -0.5rem;}
/*Joyride*/
.page .joyride-tip-guide { background-color: #6699cc; }
.page .joyride-tip-guide span.joyride-nub.top { right: 7px !important; left: auto; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: #6699cc; border-left-color: transparent !important; }
.page .joyride-tip-guide span.joyride-nub.bottom { bottom: -14px; border-color: #6699cc !important; border-right-color: transparent !important; border-bottom-width: 0; border-bottom-color: transparent !important; border-left-color: transparent !important; }
.page .joyride-tip-guide p { padding-right: 0.8rem; color: #ffffff; }
.page .joyride-tip-guide .joyride-next-tip { width: auto; padding: 6px 18px 4px; text-decoration: none; color: #6699cc; border: 0; border-radius: 2px; background: #ffffff; box-shadow: none; text-shadow: none; font-size: 13px; }
.page .joyride-tip-guide .joyride-next-tip:hover { color: #6699cc !important; border: none !important; }

/* member header support button */
a.support-member {display: none;}

.progress {position: relative; height: 1.75rem;}
.progress-meter-text {font-size: 1rem;}
.tile .project-progress {margin-top: 0.5rem;}

/* Content template project and newest member*/
.project-member-link .project { margin-bottom: 2rem; position: relative; padding: 0;}
.project-member-link p { position: absolute; bottom: 0; padding-left: 0.5rem; color: #fff; background-color:rgba(0,0,0,0.5); margin: 0; line-height: 1.1; font-family: Montserrat; padding-bottom: 0.2rem;}
.project-member-link .member { margin-bottom: 2rem; position: relative; padding-right: 0;}
.project-member-link img { background-size: cover; width: 100%;}

/* Feeds */
div.feed {padding-bottom: 1rem;}
div.feed .icon {height: 120px;}
div.feed .icon .comment_image {width: 100%; padding-top: 100%; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
div.feed .icon .overlay_icon {position: absolute; bottom: 0; right: 0; width: 30%; padding-top: 30%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
div.feed .referrers img {border-radius: 50%;}

/** Panel upcoming event */
.upcoming-event .content {text-align: center;}
.upcoming-event .action-button a { background-color: transparent !important; color: currentColor !important;}
.upcoming-event .action-button a:hover { opacity: 1 !important; background-color: white !important; color: black !important;}

/* Portal */
#row-portal-login h1 {font-size: 2rem;}
.login-submit input { font-family: Montserrat; padding: 0.35rem 1rem;}
#row-portal-dashboard .tiles .column {margin-bottom: 1rem;}
#row-portal-dashboard .tiles .column > a {background-color: #eee; display: inline-block; padding: 1rem; width: 100%; height: 100%; position: relative; text-align: center;}
#row-portal-dashboard .tiles .column > a span {display: inline-block; float: left; font-size: 0.8rem; width: 100%;}
#row-portal-dashboard .tiles .column > a span.post_type {float: none; position: absolute; right: 0.5rem; text-align: right; top: 0.375rem; opacity: 0.125;}
#row-portal-dashboard .tiles .column > a > span.h1 {color: blue; font-size: 1rem; margin-bottom: 0.4rem; text-decoration: underline;}
#row-portal-dashboard .tiles .column > a:hover {background-color: #222; color: #fff;}

/* Donations */
.frequency .gfield_radio li input[type=radio]:checked+label { background: #f89821; width:100%}

/* Gravity form phone number field s*/
.gform_fields .phone-number .gfield_description { padding-top: 0 !important;}
.phone-number .ginput_container input {margin-bottom:0 !important;}

/*children as paragraph*/
#row-children-as-paragraph article {margin-bottom:2rem; }

/* Slick slider */
.slick-list {min-height: inherit; }
.slick-track {min-height:inherit; }
.slick-track .slick-slide {min-height: inherit; }
.panel-slider .panel-inner-wrapper {min-height: inherit;}
.panel-slider .panel-wrapper.default {display: table;}
.panel-slider .panel-wrapper.default .panel-inner-wrapper {display: table-row;}
.panel-slider .panel-wrapper.default .panel-inner-wrapper>.column {float: none;}
.panel-slider .panel-wrapper.default .panel-inner-wrapper .button { background-color: transparent; border: 2px solid white; font-weight:600;}
.panel-slider .panel-wrapper.default .panel-inner-wrapper .button:hover { background-color: #ffffff; opacity:1; color:#000000; border-color:#000000;}
.panel-tiles .tile p.button { background-color: transparent; border: 2px solid #25aae1; color: #25aae1; font-weight: 600;}
.panel-tiles .tile p.button:hover { background-color: #25aae1; border: 2px solid #ffffff; color: #ffffff;}


#row-content {padding-bottom:2rem;}


/* project and member tiles on chidlren as paragraph */
#row-children-as-paragraph .project-member-link div {height:180px; background-size: cover;}

/* single job page*/
#row-content .duration { display:inline-block; padding:0 1rem; font-size: 0.9rem;}
#row-content .roles-and-region { display:inline-block; padding:0 1rem; font-size: 0.9rem;}

/* Medium and up */
@media only screen and (min-width: 40em) {
    /* <-- min-width 640px - medium screens and up */
    .onboard-list { margin-bottom: 2rem; }
    .hero-header {
        font-size: 3rem;
        bottom: 37%;
    }
    .home-tile {
        margin-top: -100px;
    }
    .margin-bottom {
        margin-bottom: 4rem;
    }
    .media-object-members {
        width: 50%;
        padding-right: 0 !important;
    }
    .media-object-section:last-child {
        padding-left: 1.1rem;
    }
    a.support-member {display: inline-block;}
    .upcoming-event .content {text-align: left;}
    .panel-inner-wrapper p.action-button { text-align: left;}
    div.feed {padding-bottom: 2rem;}
    .items.column { padding-right:0.9375rem;}
    .store-page .pagination {text-align: right;}
    
    .category > li {display: inline; padding: 0.5rem 1rem; font-size: 1rem;}
}


/* Large and up */

@media only screen and (min-width: 64em) {
    /* <-- min-width 1024px - large screens and up */
    .hero-header {
        font-size: 3.8rem;
        bottom: 44%;
    }
    .subheadline {
        width: 70%;
    }
    div.feed .icon {height: 160px;}
}

@media print {
    a[href]:after {
        content: ""
    }
}