/* Default Styles - DO NOT EDIT */
body {position: static !important;}
body h1, .h1 {font-size: 1.5rem; line-height: 1.1; font-weight: 900; color:<?php echo bb_get_theme_mod('bb_colour5'); ?>; }
body h2, .h2 {font-size: 1.25rem;line-height: 1.2;font-weight: 700; color:<?php echo bb_get_theme_mod('bb_colour5'); ?>; }9ccb3b
body h3, .h3 {font-size: 1rem; line-height: 1.3;}
body h4, .h4 {font-size: 0.9rem; line-height: 1.3;}
body h5, .h5 {font-size: 0.9rem;}
body h6, .h6 {font-size: 0.9rem;}
body p, .p, body {font-size: 0.9rem; line-height: 1.6;}

.everything {border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); margin-left: auto; margin-right: auto;}

a {color:#d34600;}9ccb3b
a:focus, a:hover {color:#f7941d;}

a:not(.cta):not(.button):link:hover {opacity: 0.75;}

.button {
	padding: 0.75rem 4rem;
    text-transform: uppercase;
    border-radius: 0;
    font-family: "Catamaran",sans-serif;
    font-weight: 700;}
   
.small-bullet {list-style-type: none;}
li.small-bullet::before { content: '•';  padding-right: 0.5rem;}


#row-hero {position: relative;}
#row-hero:before {content: ' '; display: block; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.title {display: block; width: 100%;}
.sticky {position: inherit; transform: none; z-index: auto;}
.gallery-caption {}
.bypostauthor {}

.profiles .post-preview-card, .card-text .post-preview-card {padding-left: 0;}
.profiles .profile-card, .card-text .profile-card {padding-left: 0;}

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

.absolute {position: absolute;}
.relative {position: relative;}
.background-contain, .background-contain .row-bg-wrapper {background-size: contain;}
.background-cover, .background-cover .row-bg-wrapper {background-size: cover;}
.background-center {background-position: center center;}

#logo {max-height: 5rem;}
#small-logo {max-height: 4rem; padding: 0.5rem 0;}
nav.top-bar {position: relative;}
nav.top-bar .top-bar-right {top: 0.5rem; position: absolute; right: 0.5rem;}
nav.top-bar .top-bar-left {top: 0.5rem; position: absolute; left: 0.5rem;}
nav.top-bar .menu > li > a {margin-left: 0.25rem; border-radius: 0rem; padding:0.5rem 0.75rem; font-size: 0.8rem;}
nav.top-bar, nav.top-bar ul {background-color:transparent;}

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

.gallery-caption {text-align: left; font-size: 0.7rem;line-height: 1.2;color: gray;}
.gallery img {border:1px solid #d8d8d8 !important;}

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

.gform_wrapper.gf_browser_gecko select {padding: 2px 24px 2px 2px!important;}
#input_28_2_4 {margin: 0;margin-bottom:0.25rem;}

/* 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; border-radius:4px; color: inherit; width: auto; display: inline-block; padding: 0.8rem 0.5rem; color: #E02E48; border-width: 1px 1px 1px 10px;}
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 {border-color: #E02E48; border-width: 1px 1px 1px 10px;}
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 */
}

/* Forms */

/* Children as paragraphs */


/* Children as Tiles */
.child-tiles .column {display: inline-block; height: 200px; overflow: hidden; position: relative;}
.child-tiles:not(.small-up-2) .column:not(:nth-child(+n+6)) {margin-bottom: 2rem;}
.child-tiles .image {position: relative; height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.child-tiles .image:hover::before {background-color: rgba(62, 62, 62, 0.7);}
.child-tiles .link {display: table; height: 100%; width: 100%; -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); transform: translateY(-0%);}
.child-tiles span {display: table-cell; vertical-align: middle;}

/* START Panels */
.panel-wrapper {position: relative;}
.panel-wrapper a:hover {opacity: 1;}
.panel-wrapper, .panel-bg-wrapper, .panel-inner-wrapper {background-position: center center; background-repeat: no-repeat; background-size: cover;}

.panel-wrapper .h1 {font-weight: 900;text-transform: uppercase; padding-top: 2rem;}


.panel-bg-wrapper {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.panel-inner-wrapper {width: 100%; height: 100%; position: relative; z-index: 3;}
.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;}


/* 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%; }
.panel-wrapper.half_image .content {padding-top: 0.975rem;padding-bottom: 0.975rem;padding:1rem;}

.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 {height: 300px;}
.panel-wrapper.video .column {display: inline-block; padding: 0; height: 100%; overflow: hidden; position: relative; text-align: center;}
.panel-wrapper.video .wrapper {display: block; position: absolute; width: 100%; height: 100%;}
.panel-wrapper.video .link {display: block; position: absolute; width: 100%; height: 100%;}
.panel-wrapper.video .link .fa {color: #E62117; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* Pagination */
.pagination li {border-radius: 0;}
.pagination .current {background: transparent; border-bottom: 3px solid #f7941d;padding: 0;}



/* Medium and up */
@media only screen and (min-width: 40em) { /* <-- min-width 640px - medium screens and up */	
    
   /*  body h1, .h1 {font-size: 2rem; line-height: 1}
    body h2, .h2 {font-size: 1.75rem;}
    body h3, .h3 {font-size: 1.5rem;}
    body h4, .h4 {font-size: 1.25rem;}
    body h5, .h5 {font-size: 1.1rem;}
    body h6, .h6 {font-size: 1rem;}
    body p, .p {font-size: 1rem; line-height: 1.4;} */

    .panel-wrapper.half_image .image {background-position-x: left; height: 100%; position: absolute; width: 50%; top: 0; 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.video {height: 500px;}
}

/* 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;}
    .panel-wrapper.video {height: 600px;}
}

/* END Panels */

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

#row-top .navigation .logo {
    max-width: 215px;
    padding: 0 !important;
    width: 100% !important;
}
#row-top .navigation ul.menu > li > a {
    color: white !important;
    position: relative;
}
#row-top .navigation ul.menu .active > a:after {
    background-color: #9ccb3b;
    bottom: 9px;
    content: "";
    display: block;
    height: 2px;
    left: 15%;
    position: absolute;
    width: 70%;
}

.navigation {
    background-color: rgba(0, 0, 0, 0.45);
    height: 52px;
}
#row-footer .footer-tile .menu > li > a {
    color: black !important;
}
@media only screen and (max-width: 767px) {
    .top-menu {
        width: 55% !important;
    }
    #row-top .navigation .logo {
        max-width: 154px;
    }
}
#row-top .navigation .off-canvas-menu .hamburger, #row-top .navigation .off-canvas-menu .search {
    color: white !important;
}
@media only screen and (min-width: 1024px) {
    .navigation {
        padding-right: 15%;
    }
}
@media only screen and (min-width: 1120px) {
    .navigation {
        width: calc(1120px + ((100vw - 1120px) / 2))
    }
}

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

.separator {border-bottom:1px solid #afbec3; position:relative; text-align:center; margin:0 0 2rem;}
.separator .more-button {position:relative; top: 1rem; margin-bottom:0; padding: 0.5rem 5rem; background-color:#afbec3; color: black; text-transform: uppercase; font-weight:700; border-top:0; border-bottom:0; border-right: 1rem solid #f2f2f2; border-left: 1rem solid #f2f2f2;}
.separator .more-button.news {position:relative; top: 1rem; margin-bottom:0; padding: 0.5rem 5rem; background-color:#afbec3; color: #000; text-transform: uppercase; font-weight:700; border-top:0; border-bottom:0; border-right: 1rem solid #fff; border-left: 1rem solid #fff;}
.separator .more-button:hover, .separator .more-button:active { background-color: #303e48;transition:ease-in-out 0.2s;color: white;}
.button a {
    color: black;
    transition: all 0.3s ease;
}
.button:hover a {
    color: white;
}
.child-tiles .h2 {
    color: white !important;
}
.tile-menu-header:after {
    display: none;
}
.subscribe form .gform_footer input {
    color: black !important;
}
h1.text6, #row-latest .latest {
    color: black !important;
    display: inline-block;
    margin-bottom: 15px !important;
    position: relative;
}
body:not(.page-template-default) h1.text6:after, #row-latest .latest:after {
    background-color: #9ccb3b;
    bottom: -3px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 110px;
}
.text6:after {
    bottom: -2px;
}
.page-template-default h1.text6 {
    display: block;
    margin-bottom: 25px !important;
}
.page-template-default h1.text6 span {
    position: relative;
}
.page-template-default h1.text6 span:after {
    background-color: #9ccb3b;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 110px;
}
.page-template-children-as-accordion h1.text6:after {
    bottom: 12px !important;
}
#row-latest .latest {
    font-size: 18px !important;
}
/* Footer tiles*/
.footer-tile {padding: 1rem 0.9375rem;}

#row-footer .footer-tile .top-row .icon > i {color: #FFFFFF; font-size: 1.75rem; padding: 0 1rem 0 0;}
.footer-tile .top-row .text {text-transform: uppercase; font-weight: 900; font-size: 1.75rem; padding:0 1rem; border-left:2px solid #FFF;}
.footer-tile .top-row .text > a {color: black;}
.footer-tile .top-row .text > a:hover, .footer-tile .top-row .text > a:active {color: #d3dcdf;}
.footer-tile .menu > li {display: block; padding: 0; border-bottom: 1px solid #FFF;}
.footer-tile .menu > li:last-of-type {border-bottom:0;}
#row-footer .footer-tile .menu > li > a {color: #FFFFFF; text-transform: uppercase; }

.date {
    font-size: 14.4px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: .9375rem;
}
@media only screen and (min-width: 40em) {
    .date {
        padding-left: 0;
    }
}
/* Theme Customisation */

 	.main-section {background-color: #f2f2f2;}
	 #row-content { padding:1rem 0;}


/* Portal */
	#row-donor-portal-dashboard { margin-bottom:2rem;}
	#row-donor-portal-dashboard article > div {border: 1px solid rgba(48,62,72,0.2); border-top:0;}

/* Sidebar */
aside .cta.column.column-block { padding:0;}
aside .preview.column.column-block { padding:0;}


/* Medium and up */
@media only screen and (min-width: 40em) { /* <-- min-width 640px - medium screens and up */
    nav.top-bar {min-height: 6rem;}
    .separator {margin:1rem 0 2rem;}
}

/* Large and up */
@media only screen and (min-width: 64em) { /* <-- min-width 1024px - large screens and up */

}

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

#row-top {
    background-color: transparent !important;
    border-top-color: #9ccb3b !important;
}
.sidebar-story .button {
    color: black !important;
}
#row-profile .button {
    color: black;
}
#row-profile .button:hover {
    color: white;
}

#row-profile .h2, #row-profile .subtitle {
    color: black !important;
}