/*----------------Core---------------------------*/
body{
	margin: 0px;
	background: #c9e265;
	font: 20px 'Lato', Arial, sans-serif;
	line-height: 1.5em;
	color: #000;
}
img, input[type=image] { border: 0px; vertical-align: middle; }
a:link, a:visited, a:active { color: #008677; }
a:focus {outline: 0; }
a:hover { color: #008677; opacity: 0.7; text-decoration: underline;}
form { margin: 0px; padding: 0px; }


h1,h2,h3,h4,h5,h6 { font-family: 'Georgia', Arial, sans-serif; }


/*------------ Utilities ----------------------*/
.clear{ clear: both; height: 0px; margin: 0px; overflow: hidden; }

.form-control { border-radius: 0; font-size: 16px; padding: 8px 12px; height: 40px; border: 1px solid #ddd; border-bottom: 1px solid #aaa; box-shadow: unset; background: #fcfcfc; color: #000;}
label { font-weight: bold; font-size: 14px;  }

.small-padding { margin-left: -5px; margin-right: -5px; }
.small-padding .col-sm-1, .small-padding .col-sm-2, .small-padding .col-sm-3, .small-padding .col-sm-4, .small-padding .col-sm-5, .small-padding .col-sm-6, .small-padding .col-sm-7, .small-padding .col-sm-8, .small-padding .col-sm-9, .small-padding .col-sm-10, .small-padding .col-sm-11, .small-padding .col-sm-12,
.small-padding .col-xs-1, .small-padding .col-xs-2, .small-padding .col-xs-3, .small-padding .col-xs-4, .small-padding .col-xs-5, .small-padding .col-xs-6, .small-padding .col-xs-7, .small-padding .col-xs-8, .small-padding .col-xs-9, .small-padding .col-xs-10, .small-padding .col-xs-11, .small-padding .col-xs-12 { padding: 0 5px; }

.btn-primary, a.btn-primary { display:  inline-block; margin-top: 15px; font-family:  'Georgia'; font-size:  18px; line-height: 1em; font-weight: bold;  background-color: #c9e265; border: 0px solid #008677; padding: 10px 30px; color: #254b87; border-radius: 8px; }
	.btn-primary:hover, .btn-primary:active .btn-primary:focus, a.btn-primary:hover, a.btn-primary:active a.btn-primary:focus  { border-color:  #008677; opacity: 1; background: #008677; color: #fff; }
	.btn-primary .fa-solid { margin-left: 8px;  }
.flex-row { display: flex; align-items: center; flex-wrap: nowrap; flex-direction: row; justify-content: center; }

a.btn-give-get { display: block; text-decoration:  none; background-color: #254b87; color: #fff; font-family: 'Georgia'; font-weight: bold; font-size: 26px; line-height: 40px; padding: 13px 15px; text-align: center; border-radius: 4px;  }
		a.btn-give-get.btn-give-help { background: #c9e265; color: #254b87 !important; }
		a.btn-give-get.btn-get-help  { background: #254b87; color: #fff !important;  }
		a.btn-give-get span { display: inline-block; vertical-align:  middle; width: 40px; height: 40px; margin-right: 10px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }
		a.btn-give-get.btn-give-help span { background-image: url('../images/give-help-icon.png'); }
		a.btn-give-get.btn-get-help span { background-image: url('../images/get-help-icon.png');  }
	
iframe { border: 2px solid #008677; border-radius: 8px; width: 100%; }

/*------------ Header & Menu ----------------------*/
#top-level { background: #fff;  }
	#top-level .flex-row { align-items: center; justify-content: flex-end; }
	#top-level .col { padding-left: 15px; }
	#donate-btn { display: inline-block; text-transform:  uppercase; text-decoration:  none; background-color: #fb6950; color: #fff; font-family: 'Georgia'; font-size: 22px; line-height: 1em; padding: 10px 45px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

	#google_translate_element select { float:  right; background: #fff; border: 1px solid #ddd; border-radius: 4px; color: #666; padding: 4px; margin: 0 0 0 6px; font-size: 12px;  }	
	
#header { background: #fff; padding: 0 0 15px;  }
	#header .flex-row { align-items: center; justify-content: space-between; }
	#header .logo { flex-basis: 280px; padding: 0 20px; }
		#header .logo .img-responsive { max-height: 150px; }
	#header .icon  { flex-basis: 250px;   }
	#header .search-holder { flex-basis: 30%;  }

	.search-form { padding: 13px 11px; background: #f6f6f6; border: 1px solid #ddd; border-radius: 4px; position: relative; overflow: hidden; }
		.search-form form { position: relative; margin: 0; padding: 0;  }
		.search-form button { position: absolute; top: 4px; right: 0px; background: none; border: none; color: #AAA; }
		.search-form .form-control { border: 0px; background: transparent; color: #000; ; font-size: 18px; padding: 6px; margin: 0px; box-shadow: none; height: auto; }
		.search-form .form-control:focus { box-shadow: none;   }
		.search-form .form-control::placeholder { color: #AAA;  }


#menu { background:  #008677; color: #fff; border-bottom: 4px solid #95c8c2; }
.sf-menu {  text-align: center; text-transform: uppercase; }
.sf-menu ul li { display: inline-block; vertical-align: middle; padding: 20px 0; line-height: 1em; margin: 0; float: none;   }
	.sf-menu li a { width: 100%; display: block; font-weight: normal; line-height: 1em; padding: 0 17px; text-decoration: none; font-size: 18px; color: #fff; border-right: 1px solid rgba(255,255,255,0.2); text-align: center;  }
		.sf-menu li:hover a, .sf-menu li.selected a { opacity: 0.8;  }
	.sf-menu li.last a { border: 0px;   }
	.sf-menu li ul { min-width: 225px; transition: all 0s ease-in-out 0s; border: 1px solid rgba(0,0,0,0.2); border-top: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; overflow: hidden; box-shadow: 2px 2px 8px rgba(0,0,0,0.2);  }
	.sf-menu li li, .sf-menu li.selected li {  border-radius: 0; transition: all 0.1s ease-in-out 0s; background: #254b87; padding: 0px 0px; display: block; text-align: left; border-bottom: 1px solid rgba(0,0,0,0.2); }
	.sf-menu li li a, .sf-menu li:hover li a, .sf-menu li.selected li a { display: block; color: #fff; background: transparent; text-align: left; transition: all 0.1s ease-in-out 0s; border: 0;  font-size: 14px; line-height: 1em; padding: 8px 12px; }
		.sf-menu li li:hover { background: #fff; border-radius: 0;  }
		.sf-menu li li:hover a{ color: #254b87; text-decoration: none; }
		.sf-menu li li.last { border: 0px; }
		
.sf-menu ul li:hover ul, .sf-menu ul li.sfHover ul { top: 58px; }

		
.mobile-trigger{ }
	.mobile-text { font-size: 16px; color: #ffffff; font-weight: normal; display: inline-block; padding: 15px 0px;  }
	.mobile-text:hover { color:#fff; }
#mobile-menu-btn { float: left; margin-right: 15px; background: none; z-index: 14; cursor: pointer; width: 45px; margin-top: 15px; padding: 5px 0px; overflow: hidden; text-decoration: none;  }
	#mobile-menu-btn .icon-bar { height: 2px; background: #ffffff; display: block; margin: 4px 5px; border-radius: 0px; }
		#mobile-menu-btn:hover .icon-bar { background: #fff; opacity: 0.8; color:#ffffff }

.search-trigger { position:  relative; z-index:  12; font-size: 16px; color: #fff; padding: 15px 0px; padding-left:  40px; padding-right:  5px; float: right;   }
#search-menu { display:  none; background: rgba(0,0,0,0.4); padding: 15px; margin: 0 -15px 0px;  }


#mobile-menu { display: none; background: rgba(0,0,0,0.2); text-align: left; margin: 0px -15px 10px; padding: 0px 0px; overflow: auto; z-index: 14; text-transform: uppercase; font-size:16px;  }
	#mobile-menu a { text-decoration: none; }
	#mobile-menu ul { margin: 0px; padding: 0px; list-style: none; width: auto; }
	#mobile-menu li { margin: 0px; padding: 0px 15px; background: none; list-style: none; font-weight: normal;  }
	#mobile-menu li a{ display: block; padding: 6px 15px 6px 0; font-size: 16px; color: #ffffff; border-bottom: 1px solid rgba(255,255,255,0.2); }
	#mobile-menu li.last a{ border: 0; }
	#mobile-menu li a:hover { opacity: 0.8; background: none; }
		#mobile-menu ul ul { display: none;   }
		#mobile-menu li li { margin: 0px; padding: 0px; border-bottom: 0px solid #000; background: none; font-weight: normal;  }
		#mobile-menu li li a{ border-left: 2px solid #ddd; display: block; padding: 4px 15px 6px 0; padding-left: 15px; font-size: 16px; color: #fff; }
		#mobile-menu li li a:hover { background: none; opacity: 0.8; }
		#mobile-menu li li.last a { border-left: 2px solid #ddd; }	

#banner { background: #fff; }
	#banner .img-responsive { margin: 0 auto; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; overflow: hidden; border: 4px solid #95c8c2; border-top: 0; }

/*------------ FOOTER ----------------------*/
#footer{ padding:  30px 0; background:  #008677; color: #fff; text-align: center; }
	#footer a { color: #c9e265;  }
	#footer .flex-row { align-items: center; justify-content: space-between; }
	#footer .logo { flex-basis: 220px; }
		#footer .logo .img-responsive { max-height: 100px; margin: 0 auto 15px;  }

	#footer .footer-menu ul { list-style: none; padding: 0; margin: 0; }
		#footer .footer-menu li { display: block; margin:  4px 0; padding:  0; }
		#footer .footer-menu li a { display: block; text-decoration: none; color: #fff; text-transform: uppercase; border: 1px solid #fff; border-radius: 4px; padding: 8px 30px; text-align: left;  }
	#footer .give-get { flex-basis: 235px; }
		#footer .give-get .btn-get-help { margin-bottom: 30px;  }

	#footer .social-icons { margin-top: 15px;  }
	#footer .social-icons a { display: inline-block; background: #fff; color: #008677; text-decoration: none; padding: 10px; line-height: 1em; border-radius: 4px; margin: 6px 3px;   }


#sponsors { background: #fff; padding: 30px 0; text-align: center; }
	#sponsors .flex-row { align-items: center; justify-content: space-between; } 
	#sponsors .flex-row .col { padding: 10px;  }

#copyright { padding: 15px; color: #000; text-align: center; font-size: 14px; line-height: 1.2em;  }

#education-footer { padding: 45px 0; background: #f2f2f2; color: #008677; font-family: 'Georgia'; font-size: 28px; line-height: 1.1em; text-align: center; }
	#education-footer .flex-row { align-items: stretch; justify-content:  space-between; margin-top: 45px; }
	#education-footer .education-btn { padding:  30px 15px; line-height: 1.3em; text-decoration: none;  border-radius: 8px; background:  #95c8c2; color:  #fff; font-weight: bold; text-align: center; display: flex; align-items: center; justify-content: center; flex-basis: calc(100% / 4 - 10px);   }
		#education-footer .education-btn span.small { display: block; font-size: 0.6em; line-height: 1.5em;  }
		#education-footer #edu-2 { background: #c9e265; color: #254b87; }
		#education-footer #edu-3 { background: #008677; color: #fff; }

/*------------ CONTENT ----------------------*/
.content { padding: 45px 0; background: #fff; color: #111; }
	.content h1 { font-size: 42px; font-weight:  bold; line-height: 1.2em; margin: 0px 0px 15px; color: #008677;  }
	.content h2 { font-size: 28px; font-weight:  bold; margin: 30px 0px 8px; color: #254b87; }
	

/*------------ HOME PAGE ----------------------*/
#subhead { background: #fff; padding: 30px 0; }
	a.home-main-button { display: block; background: #fff; overflow: hidden; text-decoration: none; border: 2px solid #008677; border-radius: 8px; margin: 15px 0; padding: 15px; }
		a.home-main-button span { display: block; }
		a.home-main-button span.photo { padding-top: 60%; background-color: #ccc; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; margin: -15px -15px 20px;  }
		a.home-main-button span.heading { color: #008677; font-family: 'Georgia'; font-size: 22px;   }
		a.home-main-button span.blurb { color: #333; font-size: 16px; line-height: 1.3em; margin: 10px 0; min-height: 5.5em;  }
		a.home-main-button span.readmore { color: #008677; font-size: 16px; font-weight: bold;    }

#factoids { background: #254b87; color: #fff; padding: 45px 0 15px; text-align: center; }
	#factoids h2 { font-size: 42px; line-height: 1.4em; margin: 0 0 30px; font-weight: normal; }
	#factoids #sb-banner { margin: 15px 0; }
		.bx-wrapper .bx-pager { position: relative !important; bottom: unset !important; margin-top: 45px !important; }
		.bx-wrapper .bx-pager.bx-default-pager a { width: 8px !important; height: 8px !important; background: #fff !important; }
		.bx-wrapper .bx-pager.bx-default-pager a.active { background: #c9dd67 !important; } 
		#factoids #sb-banner-2 { display: flex; align-items: center; }
	/* #factoids #sb-banner-2 { height: 100%; list-style: none; margin: 0; padding: 0; }
	#factoids #sb-banner-2 li { display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%; }
	#factoids #sb-banner-2 li .col { flex: 0 1 auto; padding: 0 12px; }
	#factoids #sb-banner-2 li .box { display: flex; flex-wrap: wrap; align-items: center; }
	#factoids #sb-banner-2 li .box .img { flex: 0 1 auto; }
	#factoids #sb-banner-2 li .box .content { flex: 0 1 auto; }
	#factoids #sb-banner-2 .img { text-align: center; }
	#factoids #sb-banner-2 .img img { display: inline-block; }
	#factoids #sb-banner-2 .content { background-color: transparent;  padding: 0; text-align: center; }
	#factoids #sb-banner-2 .content h2 { color: #fff; font-family: 'Poppins', sans-serif; font-size: 48px; font-weight: 800; line-height: 1.2em; margin-bottom: 0; }
	#factoids #sb-banner-2 .content p { color: #fff; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 600; line-height: 1.5em; margin: 0 auto; } */

#home-icons-container { background: #f2f2f2; padding: 45px 0; }
	#home-icons .flex-row { align-items: stretch; justify-content: space-between; flex-wrap: wrap; margin: 30px -15px 0; }
	#home-icons .col { flex-basis: 25%; padding: 0 15px;  }
	#home-icons a.icon {  display: block; background: #fff; overflow: hidden; text-decoration: none; border: 2px solid #008677; border-radius: 8px; margin: 15px 0; padding: 15px; }
		#home-icons a.icon span { display: block; text-align: center;  }
		#home-icons a.icon .photo { padding-top: 100%; background-color: #ccc; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; margin: -15px -15px 15px;  }
		#home-icons a.icon .heading { display: flex; align-items: center; flex-wrap: nowrap; flex-direction: row; justify-content: center; color: #008677; font-family: 'Georgia'; font-size: 22px; line-height: 1.2em; height: 2.4em; }

.home-callouts { background: #fff; }
.home-callouts .flex-row { align-items: stretch; justify-content: space-between; }
		.home-callouts .flex-row .col { flex-basis: 50%; max-width: 50%; color: #333; display: flex; align-items: center;  }
			.home-callouts .flex-row h2 { font-size: 42px; margin: 0px 0px 30px; color: #008677; }
			.home-callouts .flex-row .btn { margin-top: 30px; }
			.home-callouts .flex-row .col .wrap { padding: 10%;      }
		.home-callouts .flex-row .photo { flex-basis: 50%; max-width: 50%; padding-top: 40%; background-color: #cccc; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;  }


/*------------ SUB PAGES ----------------------*/
.sidebar { border-radius: 8px; border: 2px solid #008677; background: #fff; font-family: 'Georgia'; color: #333; margin-bottom: 15px; padding-bottom: 0px; overflow: hidden; }
	.sidebar h3 { margin: 0 0px; padding: 15px 15px; text-align: center; background: #008677; color:  #fff; font-size: 22px; font-weight: bold; text-transform: uppercase; }
	.sidebar ul { list-style: none; margin: 0; padding: 0; }
		.sidebar li { padding: 6px 15px; color: #333; display: block;  }
		.sidebar li a { display: block; color: #333; text-decoration: none; }
		.sidebar li:hover {  }
		.sidebar li.selected { background: #c9e265; }
		.sidebar li.selected a { color: #254b87; font-weight: bold; }

a.service-box { display: block; font-family: 'Georgia'; background: #c9e265; color: #254b87; overflow: hidden; text-decoration: none; border: 2px solid #c9e265; border-radius: 8px; padding: 15px; margin: 15px auto; text-align: center;  }
	a.service-box:hover { opacity: 0.7; text-decoration: none; }
	.service-box .icon { display: block; min-height: 225px; padding: 15px 0; background-color: #f9fbfd; background-size: auto 80%; background-repeat: no-repeat; background-position: 50% 50%; margin: -15px -15px 15px; }
	.service-box .title {display: flex; align-items: center; flex-direction: row; justify-content: center; padding: 15px; text-transform: uppercase;  min-height: 2.6em; line-height: 1.3em; padding: 0; margin: 0 -15px 4px; font-size: 18px; font-weight: bold;  }
	

#page-staff .content .flex-row, #page-bod .content .flex-row { align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
	#page-staff .content .flex-row .col, #page-bod .content .flex-row .col { flex-basis: 50%; margin-bottom:  15px; }
	#page-staff .staff-member, #page-bod .staff-member { height: 100%; padding: 15px; margin-right:  15px;   border: 1px solid #ccc; border-radius: 8px; padding: 15px;   }
		#page-staff .staff-member .headshot, #page-bod .staff-member .headshot { background: #ccc; overflow: hidden; margin-bottom: 15px; border-radius: 8px;  }
		#page-staff .staff-member .fullname, #page-bod .staff-member .fullname { color: #008677; font-family: 'Georgia'; font-size: 20px; font-weight: bold;   }
		#page-staff .staff-member .title, #page-bod .staff-member .title { font-size: 16px; font-style: italic; margin-bottom: 8px;   }
		#page-staff .staff-member .phone, #page-staff .staff-member .email   { font-size: 16px;    }
		#page-bod .staff-member .phone { font-size: 16px; text-transform: uppercase; }


.newsbox { border: 1px solid #ddd; border-radius: 8px; overflow: hidden; position: relative; margin-bottom: 30px; }



.blue-header { background:  #234b86; color:  #fff; border-radius: 8px; padding: 30px 15px; text-align: center; max-width: 1400px; margin: 0 auto -45px;  }
	.blue-header h1, .blue-header h2 { color: #cddf6f; margin: 0px 0px 15px; }

.page-flex-row { align-items: stretch; justify-content: space-between; }
	.page-flex-row .col { flex-basis: 50%; padding-right: 30px; }
	.page-flex-row .graphic { flex-basis: 50%; border-radius: 4px; min-height: 400px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;  }

#page-news .content .flex-row { display: flex; align-items: center; justify-content: space-between; }
	#page-news .content .flex-row .newsbox { flex-basis: 33%;  }
	#page-news .content .flex-row .img-box { padding-top: 70%; background-color: #ccc; background-position: 50% 50%; background-size: cover;    }
	#page-news .content .flex-row .img-box a { display: block; height: 100%; width: 100%; position: relative; }
	#page-news .content .flex-row .article-box {  padding: 15px 30px; min-height: 14em;     }

	a.news-box { display: block; text-decoration: none;  }
		a.news-box:hover { opacity: 0.8; }
	a.news-box .title { display: block; font-size: 24px; font-family: 'Georgia';  font-weight: bold; color: #254b87; line-height: 1.4em;  }
	a.news-box .date { display: block; font-size: 16px; line-height: 1.2em; color: #888; margin-bottom: 4px; }
	a.news-box .readmore { display: block;  font-size: 18px; font-weight: bold; color: #008677; }

#page-calendarclasses .content h3 {     display: block; font-size: 18px; font-family: 'Lato'; font-weight: bold; text-transform: uppercase; background: #c9e265; color: #254b87; border-radius: 8px; padding: 8px; margin: 0 0 15px; }
#page-calendarclasses .img-box { border: 1px solid #ddd; margin: 0 0 30px; height: 200px; background-color: #ccc; background-position: 50% 50%; background-size: cover;  border-radius: 4px; overflow: hidden; position:relative; }
	#page-calendarclasses a.news-box { min-height: 420px; padding: 15px; transition: background 0.3s ease-in-out 0s; background: #fff; display: block; overflow: hidden;  text-decoration: none; margin: 0 0 30px; border: 1px solid #ddd; border-radius: 4px; }
	#page-calendarclasses a.news-box .img-box { border: 0; border-bottom: 1px solid #ddd; margin: -15px -15px 15px; }

.faq { cursor: pointer; background: #fff; border:  2px solid #008677; padding: 15px; padding-left: 45px; border-radius: 8px; margin: 15px 0;  }
	.faq h3 {  font-weight: bold; font-size: 20px; margin: 0px 0 0px -30px; color: #000; }
		.faq h3:before { content: '\f138'; padding-right: 8px; color: #008677;    display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }
		.faq.active h3:before { content: '\f13a';  }
		.faq p, .faq ul { display: none; margin: 8px 0; }
		.faq.active p, .faq.active ul { display: block; }

.google-map { border-radius: 8px; overflow: hidden; border: 2px solid #008677; margin-bottom: 15px;  }

#page-events .content h3 {     display: block; font-size: 18px; font-family: 'Lato'; font-weight: bold; text-transform: uppercase; background: #c9e265; color: #254b87; border-radius: 8px; padding: 8px; margin: 0 0 15px; }
#page-events .content .flex-row { display: flex; align-items: center; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; }
	#page-events .content .graphic { flex-basis: 20%; width: 20%; padding-top:  20%;  border-radius: 4px; background-color: #ccc; background-image:  url('../images/default-thumbnail.png'); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;  }
	#page-events .content .graphic a { display: block; height: 100%; text-decoration: none;  }
	#page-events .content .col { flex-basis: 80%; width: 80%; padding-left: 15px;   }
#page-events .content .event-row { margin-bottom: 15px; border: 0px solid #ddd; border-radius: 4px; overflow: hidden; padding: 0px; margin: 15px 0; padding: 15px; }
#page-events .content .event-row:nth-child(even) { background: #f6f6f6; }
#page-events .content .event-row:hover { background: #eee; }
	#page-events .content .calendar-icon { background: #eee;  color: #28355a; border-radius: 0px; overflow: hidden; border-radius: 4px; }
		#page-events .content .calendar-icon span { display: block; text-align: center; }
		#page-events .content .calendar-icon span.month {  padding: 8px 2px; font-size: 14px; font-weight: bold; line-height: 1.2em; background: #f2a322; }
		#page-events .content .calendar-icon span.day { font-size: 30px; line-height: 2.3em; font-weight: bold; }
	#page-events .content .event { transition: all 0.2s ease-in-out 0s; display: block; text-decoration: none; }
		#page-events .content .event a { color: #254b87; text-decoration: none;  }
		#page-events .content .event .fa-fw  { color: #888; }
		#page-events .content .event .title { display: block; font-family: 'Georgia'; font-weight: bold; color: #254b87; font-size: 24px; line-height: 1.3em; }
		#page-events .content .event .subtitle { display: block; font-size: 18px; color: #333; line-height: 1.4em; margin-bottom: 15px; text-transform: uppercase;  }
		#page-events .content .event .date { display: block; font-size: 18px; line-height: 1.4em; opacity: 0.8; }
		#page-events .content .event .location { display: block; font-size: 18px;  line-height: 1.4em; opacity: 0.8; margin-bottom: 20px; }
		#page-events .content .event .website { display: block; font-size: 18px;  line-height: 1.4em; opacity: 0.8; }
			#page-events .content .event .website a { color: #22a9e5;  }
		#page-events .content .icons span { display: inline-block; font-size: 12px; text-transform: uppercase; line-height: 1em; padding: 4px 15px; background: #f2a322; color: #28355a; letter-spacing: 1px; border-radius: 8px; }


#page-locations .content .flex-row { align-items: stretch; justify-content: space-between; }
	#page-locations #locations-map { flex-basis: 70%; border-radius: 8px; min-height: 45vw; }
	#page-locations .locations-sidebar { flex-basis: 30%; margin-right: 15px;   }
	#page-locations .location { padding: 15px; border-top: 1px solid #ccc; }
	#page-locations .location h4 { font-size: 22px; font-weight:  bold; margin: 0px 0px 8px; color: #254b87;  }
	#page-locations .location .address { font-size: 16px; line-height: 1.3em; text-transform: uppercase; }
	#page-locations .location .phone { font-size: 16px; line-height: 1.3em; text-transform: uppercase; }
	#page-locations .location .hours { font-size: 14px; line-height: 1.3em; text-transform: uppercase; }
		#page-locations .location:hover { background: #f6f6f6; }

	#page-locations .location-popup h4 { font-size: 22px; font-weight:  bold; margin: 0px 0px 8px; color: #254b87;  }
	#page-locations .location-popup .address { font-size: 16px; line-height: 1.3em; text-transform: uppercase; }
	#page-locations .location-popup .phone { font-size: 16px; line-height: 1.3em; text-transform: uppercase; }


#program-offerings-btn { display: block; background: #254b87; color: #fff; font-weight: bold; text-decoration: none; margin-bottom: 30px; text-align: center; padding: 20px 15px; border-radius: 4px;  }
	#program-offerings-btn span { display: inline-block; width: 3.5em; height: 3.5em; margin:  -40px 15px -40px 0; position: relative; background: url('../images/calendar-btn.png') 50% 50% no-repeat; background-size: cover;  }


#pagetop { display:  none; position: fixed; bottom: 15px; right: 15px; width: 3em; height: 3em; border-radius: 100%; line-height: 3em; font-size: 1em; color: #000; background: rgba(220,220,220,0.8); text-align: center; text-decoration: none;  }

.bx-wrapper:nth-child(odd) .bx-pager { display: none; }

/*------------ POPUP ----------------------*/
.popup { backdrop-filter: blur(15px) saturate(100%); -webkit-backdrop-filter: blur(15px) saturate(100%); background-color: rgba(255, 255, 255, 0.25); height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 15; transition: all 0.4s ease; }
.popup.active { opacity: 1; visibility: visible; overflow-y: auto; }
	.popup .container { --bs-gutter-x: 0; display: flex; flex-wrap: wrap; align-items: center; height: 100%; }
	.popup .box { background-color: #254b87; border-radius: 4px; margin: 0 auto; max-width: 500px; padding: 80px 40px 60px; position: relative; width: 100%; z-index: 2; }
	
	.popup .close { cursor: pointer; opacity: 1; position: absolute; right: 20px; top: 20px; }
	.popup .close i { color: #fff; opacity: 0.3; font-size: 26px; }

	.popup .title { color: #fff; font-size: 28px; font-weight: 700; line-height: 1.2em; margin-bottom: 20px; margin-top: 0; text-align: center; }
	.popup .text p, .popup .text a { color: #fff; }
	.popup .text a { text-decoration: underline; }
	.popup .text p, .popup .cta { text-align: center; }

	.popup .overlay {  border: 1px solid rgba(209, 213, 219, 0.3); height: 100%; left: 0; position: absolute; top: 0; width: 100%; }


/* @media all AND (max-width: 1199px) {
	#factoids #sb-banner-2 li .symbol { display: none; }
} */

@media all AND (max-width: 991px) {
	/* #factoids #sb-banner-2 li, #factoids #sb-banner-2 li .box { justify-content: center; }
	#factoids #sb-banner-2 li .col { margin-bottom: 20px; text-align: center; width: 50%; }
	#factoids #sb-banner-2 li .box .img { margin-bottom: 10px; width: 100%; }
	#factoids #sb-banner-2 li .box .content { text-align: center !important; width: 100%; } */
}
@media all AND (max-width: 767px) {
	.flex-row { flex-wrap: wrap;  }
		.flex-row .col, .flex-row .photo { flex-basis: 100%; min-width: 100%; }
		.flex-row .photo { padding-top: 100%; order: 3; }
		.flex-row .col .wrap { padding: 30px 15px;   }
		.page-flex-row .graphic { flex-basis: 100% !important; height: 75% !important; margin: 30px auto;  }

	/* #top-level { display: none;  } */
	#top-level .flex-row { justify-content: center;   }
	#top-level .flex-row .col { flex-basis: 100%; padding: 0; text-align: center;   }
	#top-level #google_translate_element { display: none; }
	#top-level #donate-btn { font-size: 14px; padding: 10px 15px; margin: 0 auto 10px;   }

	#header .flex-row .logo { flex-basis: 40%; }
	#header .flex-row .icon { flex-basis: 30%; padding: 0 4px; }
	#header .flex-row .icon a.btn-give-get { font-size: 14px; line-height: 1.5em; padding: 15px 4px; border-radius: 0; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;  }
	#header .flex-row .icon a.btn-give-get span { display: block; margin: 0 auto 5px; text-align: center;  }

	#header .flex-row .search-holder { display: none; flex-basis: 100%; }
	#header .logo .img-responsive { max-height: 80px; margin:  0px auto 0px; }

	#banner .img-responsive { border: 0; border-radius: 0;  }

	#footer .flex-row { justify-content: center; }
		#footer .flex-row div { flex-basis: 100%;  }
		#footer .footer-menu { margin: 30px auto;  }
		#footer .give-get { margin-bottom: 30px;  }
		#footer .give-get .btn-get-help { margin:  5px auto; } 

	#sponsors .flex-row .col { flex-basis: 25%; min-width: 25%; }

	.home-callouts .flex-row .photo { padding-top: 100%; }

	#factoids h2, .home-callouts .flex-row h2 { font-size:  32px; line-height: 1.2em; }

	.blue-header { border-radius: 0; margin: 0; }

	.content { padding: 15px 0;  }
		.content h1 { font-size: 32px; line-height: 1.2em; }
		.content h2 { font-size: 24px; line-height: 1.2em; }

	.sidebar { margin-top: 45px;  }

	#page-locations .content .flex-row { align-items: center; }
		#page-locations #locations-map { order: 4; flex-basis: 100%; margin: 0 auto 30px; min-height: 60vh;  }
		#page-locations .locations-sidebar { order: 2; flex-basis: 100%; margin: 0;  }


	#education-footer .education-btn { flex-basis: 100%; margin-bottom: 15px;  }

	.content { overflow: hidden; }

	#program-offerings-btn span { display: none; } 

	#page-news .content .flex-row { flex-wrap: wrap; }
	#page-news .content .flex-row .newsbox { flex-basis: 100%; }

}

@media (max-width: 575.98px) {
	/* Popup */
	.popup .box { padding: 60px 15px 30px; }
	.popup .close { right: 15px; top: 15px; }
	.popup .close i { font-size: 22px; }

	/* #factoids #sb-banner-2 li .col { width: 100%; } */
}