/* BEGIN SITE-WIDE STYLES */

/* BEGIN CAREERS POP-UP BOX */

.careersPopupBackground {
	background: rgba(0,0,0,.4);
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
}

.careersPopupContainer {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
}

.careersPopup {
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	flex-flow: row wrap;
	position: relative;
	height: auto;
	width: auto;
	font-size: 2vw;
	margin: 2vw;
	padding: 1vw;
	border-radius: 3vw;
}

.careersPopupInfoContainer {
	font: normal 2vw/2.6vw Arial,sans-serif;
	padding: 1vw;
	text-align: center;
	justify-content: center;
}

.careersPopupCloseButton {
	background-color:rgba(140,198,64,1);
	border: .1vw solid #999;
	border-radius: 50%;
	cursor: pointer;
	font: bold 4vw/3.6vw Arial,sans-serif;
	position: absolute;
	top: -1.2vw;
	right: -1.2vw;
	width: 3.6vw;
	height: 3.6vw;
	text-align: center;
	align-self: center;
}

.careersPopupContinueButton {
	background-color:rgba(140,198,64,1);
	border: .1vw solid #999;
	border-radius: 3vw;
	cursor: pointer;
	font: bold 2vw/6vw Arial,sans-serif;
	width: 50%;
	height: 3.6vw;
	margin: 1.6vw;
	padding: 1vw;
	text-align: center;
}

/* END CAREERS POP-UP BOX */

/* BEGIN CONTACT US POP-UP BOX */

.contactPopupBackground,
.contactAccessOnlyBackground {
	background:rgba(0,0,0,.4);
	cursor:pointer;
	display:none;
	height:100%;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:1000;
}

.contactPopup{
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	display: inline-block;
	/*width: 80%;*/
	height: auto;
	vertical-align: middle;
	position: relative;
	font-size: 2vw;
	margin: 2vw;
	padding: 1vw;
	white-space: nowrap;
	border-radius: 3vw;
}

.contactPopupCloseButton {
	background-color:rgba(140,198,64,1);
	border: .1vw solid #999;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	font: bold 4vw/3.6vw Arial,sans-serif;
	position: absolute;
	top: -1.2vw;
	right: -1.2vw;
	width: 3.6vw;
	height: 3.6vw;
	text-align: center;
}

.contactPopupCloseButton:hover,
.careersPopupCloseButton:hover,
.careersPopupContinueButton:hover {
	background-color:#ccc;
}

.contactPopupInfoContainer {
	width: 100%;
	height: auto;
	text-align: left;
	font-size: 2.0vw;
	padding: 1vw;
}

.contactPopupRow {
	padding: 1vw;
}		

.contactPopupOddLine {
	background-color:rgba(140,198,64,0.5);
}

.contactPopupEvenLine {
	background-color:rgba(140,198,64,0.2);
}

/* END CONTACT US POP-UP BOX */

/* BEGIN EPAY POP-UP BOX */

.epayPopupBackground {
	background: rgba(0,0,0,.4);
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
}

.epayPopupContainer {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
}

.epayPopup {
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	flex-flow: row wrap;
	position: relative;
	height: auto;
	width: auto;
	font-size: 2vw;
	margin: 2vw;
	padding: 1vw;
	border-radius: 3vw;
}

.epayPopupInfoContainer {
	font: normal 2vw/2.6vw Arial,sans-serif;
	padding: 1vw;
	text-align: center;
	justify-content: center;
}

.epayPopupCloseButton {
	background-color:rgba(140,198,64,1);
	border: .1vw solid #999;
	border-radius: 50%;
	cursor: pointer;
	font: bold 4vw/3.6vw Arial,sans-serif;
	position: absolute;
	top: -1.2vw;
	right: -1.2vw;
	width: 3.6vw;
	height: 3.6vw;
	text-align: center;
	align-self: center;
}

.epayPopupContinueButton {
	background-color:rgba(140,198,64,1);
	border: .1vw solid #999;
	border-radius: 3vw;
	cursor: pointer;
	font: bold 2vw/6vw Arial,sans-serif;
	width: 50%;
	height: 3.6vw;
	margin: 1.6vw;
	padding: 1vw;
	text-align: center;
  text-decoration: none;
}

/* END EPAY POP-UP BOX */


* {
	box-sizing: border-box;
}


a {
	cursor: pointer;
}

html {
	text-transform: center;
}

body {
	display: flex;
	flex-direction: column;
	font: normal 1.5vw/1.8vw Arial,sans-serif;
	background-color: #fff;
	margin: 0px;
}

img {
	width: 100%;
}

.bodyWrapper {
	max-width: 1920px;
	flex: 1 0 auto;	
}

#superHeaderWrapper{
	border: 0;
  border-bottom: .15vw solid rgba(140,198,64,1.0);
	text-align: right;
	font: normal 1.6vw/1.6vw Arial,sans-serif;
	background: rgba(255,255,255,1.0) center/cover url("../images/texture.homepage.baw.1240.680.300.png") no-repeat;
	position: sticky;
	top: auto;
}

#superHeaderScreen{
	background: rgba(255,255,255,1.00);
	padding: .8vw;
}

#headerWrapper {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-around;
  flex-basis:100%;
  align-items:center;
	border-bottom: .15vw solid rgba(140,198,64,1.0);
  background: center/cover url('images/texture.homepage.baw.1240.680.300.png') no-repeat;
	z-index: 100;
}

#headerLeft, #stickyHeaderLeft,
#headerCenterLeft, #stickyHeaderCenterLeft,
#headerCenter, #stickyHeaderCenter,
#headerCenterRight, #stickyHeaderCenterRight,
#headerRight, #stickyHeaderRight,
#headerLogo, #stickyHeaderLogo {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#headerSocial, #stickyHeaderSocial,
#headerBBHSButtons, #stickyHeaderBBHSButtons {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

#headerInstagram, #stickyHeaderInstagram,
#headerFacebook, #stickyHeaderFacebook,
#headerYouTube, #stickyHeaderYouTube,
#headerLinkedIn, #stickyHeaderLinkedIn,
#headerChatOrEmail, #stickyHeaderChatOrEmail,
#headerCallUs, #stickyHeaderCallUs,
#headerDonate, #stickyHeaderDonate,
#headerEpay, #stickyHeaderEpay,
#headerPortal, #stickyHeaderPortal {
  display:flex;
  align-items:center;
  filter:drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
}

#headerInstagram a:hover img, #stickyHeaderInstagram a:hover img,
#headerFacebook a:hover img, #stickyHeaderFacebook a:hover img,
#headerYouTube a:hover img, #stickyHeaderYouTube a:hover img,
#headerLinkedIn a:hover img, #stickyHeaderLinkedIn a:hover img,
#headerChatOrEmail a:hover img, #hstickyHeaderChatOrEmail a:hover img,
#headerCallUs a:hover img, #stickyHeaderCallUs a:hover img,
#headerDonate a:hover img, #stickyHeaderDonate a:hover img,
#headerEpay a:hover img, #stickyHeaderEpay a:hover img,
#headerPortal a:hover img, #stickyHeaderPortal a:hover img {
  filter: contrast(200%);
}

#stickyHeaderWrapper {
  position: fixed;
	top: 0;
	display: none;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-around;
  flex-basis: 100%;
  align-items: center;
	border-bottom: .15vw solid rgba(140,198,64,1.0);
  background: center/cover url('images/texture.homepage.baw.1240.680.300.png') no-repeat;
	z-index: 200;
}
	
#navWrapper{
	width: 100%;
	border-bottom: .15vw solid rgba(140,198,64,1.0);
	text-align: center;
	font: normal 1.6vw/1.6vw Arial,sans-serif;
	color: rgba(0,51,0,1.00);
	background-color: rgba(255,255,255,1.0);
	position: sticky;
	top: auto;
	z-index: 100;
}

#navLinksWrapper a:link, a:visited, a:hover, a:active {
	color: black;
	text-decoration: none;
}

#navLinksWrapper ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #fff;
	text-align: center;
}

#navLinksWrapper > ul {
	filter: drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
}

#navLinksWrapper ul > li {
	margin: 0;
	padding: 0.8vw;
	display: inline-block;
}

#navLinksWrapper ul > li:hover #events,
#navLinksWrapper ul > li:hover #clientportal,
#navLinksWrapper ul > li:hover #careers,
#navLinksWrapper ul > li:hover #subscribe,
#navLinksWrapper ul > li:hover #faq {
	background: #ddd;
	border-radius: 15px;
	transition: .2s;
}

#navLinksWrapper ul > li:hover #services,
#navLinksWrapper ul > li:hover #news,
#navLinksWrapper ul > li:hover #about {
	background: #ddd;
	padding-bottom: 0.8vw;
	border-radius: 15px 15px 0 0;
	transition: .2s;
}		

#navLinksWrapper ul > li:hover > ul {
	transition: .2s;
	visibility: visible;
	opacity: 1;
}

#navLinksWrapper ul > li > ul {
	background: #ddd;
	margin: 0;
	padding: 0;
	padding-top: 0.5vw;
	position: absolute;
	border-radius: 0 4% 0 0;
	visibility: hidden;
	transition: .2s;
	opacity: 0;
}

#navLinksWrapper ul > li > ul > li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0.5vw 1.4vw 0.5vw 1.4vw;
	background: #ddd;
	text-align: left;
	color: rgba(0,51,0,1.00);
	font: normal 1.4vw/1.0vw Arial,sans-serif;
}

#navLinksWrapper ul > li > ul > li:hover {
	background: #bbb;
}

#navLinksWrapper ul > li > ul > li > ul {
	top: 0;
	left: 100%;
	padding-top: 0;
	z-index: 100;
	background: #bbb;
	visibility: hidden;
	transition: .2s;
	opacity: 0;
}

#navLinksWrapper ul > li > ul > li > ul > li {
	margin: 0;
	padding: 0.5vw 1.4vw 0.5vw 1.4vw;
	background: #bbb;
	clear: both;
	text-align: left;
	color: rgba(0,51,0,1.00);			
}

#navLinksWrapper ul > li > ul > li > ul > li:hover {
	background: #999;
}

#navLinksWrapper ul > li > ul > li .services,
#navLinksWrapper ul > li > ul > li .news,
#navLinksWrapper ul > li > ul > li .about,
#navLinksWrapper ul > li > ul > li .programs,
#navLinksWrapper ul > li > ul > li .counties,
#navLinksWrapper ul > li > ul > li .pressreleases,
#navLinksWrapper ul > li > ul > li .newsletters,
#navLinksWrapper ul > li > ul > li .trainings {
	margin-left: 0;
	text-align: left;
	width: 100%;
	height: auto;
}

#navLinksWrapper ul > li > ul > li > ul > li > ul {
	top: 0;
	left: 100%;
	z-index: 100;
	background: #999;
	visibility: hidden;
	transition: .2s;
	opacity: 0;
}

#navLinksWrapper ul > li > ul > li > ul > li > ul > li {
	margin: 0;
	padding: 0.5vw 1.4vw 0.5vw 1.4vw;
	background: #999;
	clear: both;
	text-align: left;
}

#navLinksWrapper ul > li > ul > li > ul > li > ul > li:hover {
	background: #666;
}

.mainContentWrapper {
	margin: 0;
	padding: 0;
	border: 0;
}

.sectionWrapper {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: center;
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
	width: 100%;
	max-width: 1920px;
	height: auto;
}

.homeBannerStack {
	padding: 0 0 2vw 0;
	filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
}

.homeBannerStackHeaderText {
	color: rgba(255, 255, 255, 1.0);
	font: bold 5vw/6vw Arial,sans-serif;
	filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
	position: absolute;
	justify-content: space-around;
}

.homeBannerStackHeaderText a:link,
.homeBannerStackHeaderText a:visited,
.homeBannerStackHeaderText a:hover,
.homeBannerStackHeaderText a:active {
	color: rgba(255, 255, 255, 1.0);
	text-decoration: none;
}

#homeBannerStackHeaderTextAccessServices {
	text-align: left;
	left: 0;
	margin-top: 7vw;
	margin-left: 7vw;
}

#homeBannerStackHeaderTextCareers {
	text-align: right;
	right: 0;
	margin-top: 12vw;
	margin-right: 12vw;
}

#homeBannerStackHeaderTextOurPledge {
	text-align: center;
	margin-top: 2vw;
}

#homeBannerStackHeaderTextOurPledgeSub {
	font: normal 2.2vw/3vw Arial,sans-serif;
	filter: drop-shadow(0.1vw 0.1vw 0.1vw #333333);
	position: absolute;
	justify-content: space-around;
	text-align: center;
	left: 0;
	margin: 9vw 14vw 0 14vw;
}

.sectionHeaderText {
	font: bold 2.6vw/3.0vw Arial,sans-serif;
	flex-flow: column wrap;
	width: 100%;
	padding: 2% 0;
	margin: 0;
}

.sectionHeaderSubText {
	font: bold 1.8vw/2.2vw Arial,sans-serif;
	flex-flow: column wrap;
	width: 100%;
	padding: 2% 0;
	margin: 0;
}

.sectionHeaderSubText a:link, a:visited, a:hover, a:active {
	color: black;
}

.footer {
	flex-shrink: 0;
	padding: 2vw 2vw 2vw 2vw;
	border: 0;
	text-align: left;
	font: normal 1.2vw/1.8vw Arial,sans-serif;
	color: rgba(255,255,255,1.00);
	background-color: rgba(30,73,34,1.0);
}

.pageOnlyOneColumn {
	width: 70%;
	text-align: left;
}

/* END SITE-WIDE STYLES */

/* BEGIN HOME PAGE STYLES */

span.italic {font-style: italic}

@media screen and (max-width: 636px) {
	.facebookFeedWrapper {width: 100%;}
	.fb-page {data-width: 400;}
}

/* END HOME PAGE STYLES */

/* BEGIN ABOUT PAGE STYLES */

.aboutWrapper {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-start;
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
	max-width: 1920px;
	height: auto;
}

.aboutPhotoTitlePairs {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 1%;
	width: 25%;
	height: auto;
}

.aboutPhoto, .aboutText {
	display: flex;
	flex-flow: column wrap;
	width: 50%;
}

.aboutPhoto img {
	border-radius: 1vw;
}

.aboutTextBig {
	font: bold 1.5vw/1.8vw Arial,sans-serif;
	margin: 2% 0;
}

.aboutTextMedium {
	font: bold 1.3vw/1.5vw Arial,sans-serif;
	margin: 2% 0;
}

.aboutTextSmall {
	font: normal 1.0vw/1.2vw Arial,sans-serif;
	margin: 2% 0;
}

/* END ABOUT PAGE STYLES */

/* BEGIN VIDEO PAGE STYLES */

.videoThumbContainer {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 1%;
	width: 100%;
	height: auto;
}

.videoThumb, .videoDetails{
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	width: 50%;
	height: auto;
}

.videoThumb img {
	border-radius: 1.5vw;
}

.videoResources {
	text-align: left;
}

.videoTextBig, .videoTextBig a {
	font: bold 2vw/2.4vw Arial,sans-serif;
	margin: 2% 0;
}

.videoTextMedium {
	font: bold 1.5vw/1.7vw Arial,sans-serif;
	margin: 2% 0;
}

.videoTextSmall {
	font: normal 1.2vw/1.4vw Arial,sans-serif;
	margin: 2% 0;
}

/* END VIDEO PAGE STYLES */

/* BEGIN FAQ PAGE STYLES */

.listindent a,
.listindent a:hover,
.listindent a:active,
.listindent a:visited {
	color: black;
}

/* END FAQ PAGE STYLES */

/* BEGIN SERVICES PAGE STYLES */

.rightreadmorelink,
.rightreadmorelink a:link,
.rightreadmorelink a:visited,
.rightreadmorelink a:hover,
.rightreadmorelink a:active {
	font: bold italic 1.5vw/1.8vw Arial,sans-serif;
	text-align: right;
}

.serviceWrapper {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-start;
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
	max-width: 1920px;
	height: auto;
}

.serviceInfoMapPairs {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 1%;
	width: 80%;
	height: auto;
}

.serviceInfo, .serviceMap {
	display: flex;
	flex-flow: column wrap;
	width: 50%;
}

.serviceTextVeryBig {
	font: bold 1.8vw/2.1vw Arial,sans-serif;
	margin: 2% 0;
}

.serviceTextBig {
	font: bold 1.5vw/1.8vw Arial,sans-serif;
	margin: 2% 0;
}

/* END SERVICES PAGE STYLES */