@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap');

/* Global Styles */

html,
body {
    height: 100%;
}

body {
	background: url(../jpg/site_bg.jpg) no-repeat center top;
	font-family: 'Bitter', serif;
	font-size: 15px;
	color: #50514f;
}

a {
	color: #a42385;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	outline: none;
}

h1 {
	color: #262261;
	font-family: 'Bitter', serif;
	font-size: 24px;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}
h2 {
	color: #50514f;
	font-family: 'Bitter', serif;
	font-size: 24px;
	font-style: italic;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}
h3 {
	color: #74aa42;
	font-family: 'Bitter', serif;
	font-size: 22px;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}
h4 {
	color: #3b6cb4;
	font-family: 'Bitter', serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}

img {max-width:100%;}

p {
    margin: 0 0 20px;
}

hr {
    background: none repeat scroll 0 0 #d5d6d7;
    height: 1px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.greenBG {
	background: #74aa42;
}
.blueBG {
	background: #2c3c68;
}
.purpleBG {
	background: #a42385;
}
.blueTxt {
	color: #2c3c68;
}

/* Marquee styles */
#marquee {
	margin-bottom: 25px;
}
#marquee .royalSlider {
	background-image: url(../png/marquee_transparent_bg.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	margin: 0px auto;
	position: relative;
	text-align: center;
	xheight: 615px;
	width: auto;
	padding: 0px 10px;
}
#marquee .royalSlider img {
	height: auto;
	width: 100%;
}
#marquee .rsThumbsContainer {
    display: flex;
    justify-content: space-around;
    width: 100% !important;
	transform: none !important;
}
#marquee .rsMinW .rsThumb {
	display: flex;
	height: auto;
	margin: 10px;
	width: 33%;
	background-color: #2c5d9d;
}
#marquee .rsMinW .rsThumb.rsNavSelected span.thumbIco {
	border: none;
}

#marquee .rsMinW .rsThumbsHor {
	background-color: #262261;
}
#marquee .rsTmb {
	/*padding: 30px 15px;*/
	position: relative;
	z-index: 1;
	width: 100%;
}
/*#marquee .thumbIco:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../img/marquee/thumb_bg.png);
	width: 100%;
	height: 100%;
}*/
#marquee .rsMinW .rsThumb img {
	max-width: 100% !important;
	width: auto !important;
}
#marquee .rsMinW .rsThumb.rsNavSelected img {
	opacity: 1;
}
#marquee .rsNavSelected .item-1 + .thumbIco {
	background-color: #f3cc49;
}
#marquee .rsNavSelected .item-2 + .thumbIco {
	background-color: #74aa42;
}
#marquee .rsNavSelected .item-3 + .thumbIco {
	background-color: #e27739;
}
/*#marquee .rsNavSelected .item-4 + .thumbIco {
	background-color: #52a7db;
}*/
/*#marquee .rsMinW.rsWithThumbsHor .rsThumbsContainer {
	display: flex;
	width: 100% !important;
}*/
#marquee .cta {
	position: absolute;
	bottom: 10%;
	right: 5%;
}
#marquee .btn {
	color: #000;
	font-weight: 700;
}
#marquee .btn.item-1 {
	background-color: #f3cc49;
}
#marquee .btn.item-2 {
	background-color: #74aa42;
}
#marquee .btn.item-3 {
	background-color: #e27739;
}
/*#marquee .btn.item-4 {
	background-color: #52a7db;
}*/

/* Template Styles */

header {
	padding: 10px 0;
	position: relative;
	z-index: 3000;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
	align-items: left;
}
.navbar-default .navbar-nav > li {
	font-size: 16px;
	font-weight: 700;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	margin: 0 5px;
	padding: 5px 15px;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	text-decoration: underline;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background: none;
	color: #fff;
}

.navbar {
  border-radius: 0px;
	padding: 0;
}
.navbar .navbar-brand {
	height: auto;
	padding: 15px 25px 15px 0;
}
.navbar .navbar-brand img {
	width: 100%;
	height: 97px;
}
.navbar .navbar-header {
	float: none;
}
/*.navbar .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top;
}*/
.navbar .navbar-collapse {
	text-align: center;
}
.navbar .dropdown-menu {
	border: none;
	border-radius: 0px;
	box-shadow: 0px 5px 10px #000;
	width: 250px;
}

.dropdown-menu > li > a {
	padding: 5px 15px;
	display: block;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	font-size: 14px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #262261;
	color: #fff;
	text-decoration: none;
}
.dropdown-menu > li > a i {
	color: #36609e;
	margin-left: 5px;
	font-size: .75em;
}

.navbar_inner_container {
	width: 100%;
	
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.navbar-toggler {
	background-color: #262261;
	color: #fff;
	padding: 7px 10px;
	border-radius: 0px;
}


#header-random {
	position: relative;
}
/*#header-random:before {
	content: "";
	position: absolute;
	left: 3%;
	bottom: 0;
	background-image: url(../img/pageHeader-watermark.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
}*/
#header-random .watermark {
	position: absolute;
	left: 1.5%;
	bottom: -10px;
	overflow: hidden;
}

#main > .container {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	z-index: 1000;
}

#main .content {
	background-color: rgba(255,255,255,.2);
	position: relative;
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

#editor {
	background-color: #f1f1f2;
	position: relative;
	top: -15px;
	margin-bottom: -15px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 75px;
}
.editor {
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
}

.two-column .left {
	padding-right: 20px;
}
.two-column .right {
	padding-top: 65px;
}
.two-column .right h3 {
	color: #a42385;
}

.breadcrumb {
	background-color: #fefeff;
	border-radius: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	padding: 15px 30px;
}
.breadcrumb > li + li::before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0";
}
.breadcrumb a {
	color: #929497;
}
.breadcrumb .active {
	color: #404041;
}

.pageheader {
	text-align: center;
}
.pageheader hr.divider {
    background-color: #a42385;
    bottom: 0;
    height: 2px;
    margin: 45px auto;
    text-align: center;
    width: 75px;
}

.announcement {
    display:block;
    position: absolute;
    top: 15px;
    left: 44%; /* Two banner placement */
	xleft: 51%; /* One banner placement */
/*    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.75);*/
}
.announcement a:first-child > img {
	width: 158px;
}
.announcement a:last-child > img {
	width: 156px;
}

.announcement-mobile {
	display: none;
	align-items: stretch;
	background-color: #FEC663;
	color: #2C3C68;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.5);
}
.announcement-mobile div:first-child {
	flex: 0 0 30%;
}
.announcement-mobile .donate-sticky {
	color: #fff;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 10px;
	text-align: center;
	text-decoration: none;
}
.announcement-mobile .donate-sticky:hover {
	background-color: #262261;
}
.announcement-mobile .notice-sticky {
	display: flex;
	justify-content: center;
}
.announcement-mobile .notice-sticky a {
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 60px 5px 20px;
}
.announcement-mobile.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
	z-index: 10000;
}

.pageTitle {
	bottom: -7px;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	margin: 0px;
	padding: 0 0 0 30px;
	position: absolute;
	xtext-align: center;
	text-transform: uppercase;
	width: 100%;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.subTitle {
	color: #262261;
	font-size: 34px;
	font-style: italic;
	font-weight: 500;
	margin-bottom: 35px;
	margin-top: 0px;
}
.longTitle {
	color: #000;
	font-size: 18px;
}

#header-random {
	position: relative;
	overflow: hidden;
}

.sideBar h4.heading {
    border-top: 1px solid #3c6db4;
	color: #262261;
    display: block;
    font-size: 20px;
	font-style: italic;
	font-weight: 400;
    margin: 0;
    padding: 15px;
}

.searchNews {
    margin-bottom: 25px;
}
.searchNews input[type="text"] {
    background: none repeat scroll 0 0 #fff !important;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0;
    padding-left: 10px;
}
.searchNews .btn-default {
    background: none repeat scroll 0 0 #77aec5;
    border-radius: 0;
    color: #fff;
}

.newsNav ul {
    margin: 0 0 25px;
    padding: 0;
}
.newsNav ul li {
    border-bottom: 1px solid #e4e5e5;
    font-size: 13px;
	font-weight: 700;
    list-style-type: none;
    padding: 10px 20px;
	text-transform: uppercase;
}
.newsNav ul li i {
    padding-right: 10px;
}
.newsNav ul li .date {
    font-weight: 100;
    text-transform: uppercase;
}
.newsNav ul li .day {
    font-size: 24px;
    margin-right: 5px;
}

.sideNav ul {
	border-top: 1px solid #b8babc;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.sideNav ul > li {
	border-bottom: 1px solid #b8babc;
}
.sideNav ul > li > a {
	display: block;
	padding: 10px 20px;
}
.sideNav ul > li > a:hover, .sideNav ul > li > a:focus, .sideNav ul > li > a:active, .sideNav ul > .selected a {
	background-color: #36609e;
	color: #fff;
	text-decoration: none;
}

.secondaryNav ul {
	border-top: 1px solid #b8babc;
	border-bottom: 1px solid #b8babc;
	list-style-type: none;
	margin: 0 0 25px 0;
	padding: 0px;
	display: flex;
}
.secondaryNav ul > li > a {
	display: block;
	padding: 10px 20px;
}
.secondaryNav ul > li > a:hover, .secondaryNav ul > li > a:focus, .secondaryNav ul > li > a:active, .secondaryNav ul > .selected a {
	background-color: #36609e;
	color: #fff;
	text-decoration: none;
}


#programs h4.subheading {
	color: #262261;
	font-size: 22px;
	font-style: italic;
	margin-bottom: 25px;
	text-align: center;
}
#programs .heading {
	/*background-image: url(../img/silhouette_bg.png);
	background-repeat: no-repeat;
	background-position: center center;*/
	color: #000;
	font-size: 18px;
	font-style: italic;
	line-height: 28px;
	margin-bottom: 0px;
	padding: 10px 75px 0 75px;
	position: relative;
	text-align: center;
}
#programs .heading > p:last-child {
	margin: 0px;
}
#programs hr {
	margin: 50px 0px;
}
#programs hr.divider {
    background-color: #a42385;
    bottom: 0;
    height: 2px;
    margin: 45px auto;
    text-align: center;
    width: 75px;
}
#programs ul.services  {
	margin: auto;
	padding: 0px;
	max-width: 700px;
}
#programs ul.services li {
	float: left;
	list-style-type: disc;
	width: 50%;
}

.program_box {
	color: #50514f;
	font-size: 13px;
	line-height: 19px;
	text-align: center;
}
.program_box h4 {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 2px;
}
.program_box .image {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
.program_box .quote {
	color: #2c3c68;
	font-size: 22px;
	line-height: 1.25em;
	padding: 0px 10px;
	margin-bottom: 15px;
	position: relative;
}
.program_box .quoteby {
	font-size: 16px;
}
.program_box blockquote::before {
  content: open-quote;
}
.program_box blockquote::after {
  content: close-quote;
}
.program_box blockquote {
  quotes: "“" "”" "‘" "’";
}

.servicesList .header {
	background-color: #62ad2b;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 6px 0;
	text-align: center;
	text-transform: uppercase;
}
.services_box {
	background-color: #fff;
	padding: 15px;
	margin-bottom: 3px;
}
.services_box h3 {
	color: #262261;
	font-size: 18px;
	font-weight: 500;
}
.services_box .category {
	background-color: #f3cc49;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	padding: 2px 15px;
	text-transform: uppercase;
}
.services_box .image {
	padding: 15px;
}
.services_box .desc {
	padding: 0 15px 15px 15px;
}
.services_box .desc p {
	font-size: 14px;
	margin: 0;
}
.services_box .button {
	padding: 10px 15px;
}

.help {
	background-color: #ffffff;
	padding: 25px;
    margin-top: 50px;
}
.help img {
	margin-bottom: 10px;
}
.help p {
	color: #2c3c68;
	font-size: 20px;
	font-weight: 500;
    margin-bottom: 20px;
}
.help h5 {
    color: #3b6cb4;
    margin-top: 0;
}
.help .name {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
}
.help .title {
    color: #2c3c68;
    font-size: 14px;
    text-transform: uppercase;
}
.help ul {
    list-style-type: none;
    padding: 0;
}
.help ul li {
    margin-bottom: 10px;
}
.help i {
    color: #3b6cb4;
    font-size: 20px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
}

.afterBorder {
	margin-bottom: 50px;
	position: relative;
}
.afterBorder:after {
	content: "";
	position: absolute;
	bottom: -25px;
	top: auto;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	width: 100px;
	height: 2px;
	background-color: #4da5dd;
}

.post-pagination ul {
    background: none repeat scroll 0 0 #fcfcfc;
    list-style: outside none none;
    margin: 10px 10px 10px 0;
    padding: 0;
    width: 100%;
}
.post-pagination ul li {
    display: inline-block;
    min-height: 91px;
    padding: 1em;
    vertical-align: top;
    width: 49%;
}
.post-pagination ul li:last-child {
    border-left: 5px solid #f5f5f5;
}
.post-pagination .post h5 {
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 5px;
    text-transform: uppercase;
}


/* General styles */
.donateNow {
	/*float: right;*/
	position: absolute;
	right: 0;
	top: 0;
	/*z-index: 1000;*/
}
.donateNow img {
	width: auto;
	height: 100%;
	max-width: 100%;
}
.donateNow .btn {
	position: absolute;
	top: 77px;
	right: 60px;
}

.events-panel .donateNow {
	display: none;
}

.ourMission {
    padding: 0px 30px;
	margin: 22px 0px;
}
.ourMission img {
    margin: 0 30px 0 0;
	max-width: 100%;
	height: auto;
}
.ourMission p {
    color: #69747C;
    display: block;
    font-size: 19px;
	font-weight: 400;
	font-style: italic;
    line-height: 26px;
	text-align: left;
}

.box {
	padding: 0px 33px;
}
.box .item {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	height: 382px;
	min-height: 305px;
	margin-bottom: 20px;
	position: relative;
}
.box .item > img {
	margin-bottom: 10px;
}
.box .item .item-content {
	padding: 10px 20px;
}
.box .item .item-content .date {
	font-size: 13px;
	margin-bottom: 10px;
}
.box .item .item-content p {
	font-size: 13px;
}
.box .item .item-content p:last-child {
	margin: 0;
}

.widget {
	padding: 0px 33px;
	margin: 25px 0;
}
.widget .item {
	border-right: 1px solid #d9dada;
	padding-bottom: 15px;
}
.widget .item:last-child {
	border-right: none;
}
.widget h3 {
	color: #2c3c68;
	font-size: 20px;
	font-style: italic;
	font-weight: 500;
	margin-bottom: 15px;
}

.report-block {
	display: flex;
}
.report-block div:first-child {
	padding-right: 25px;
}
.report-block .image {
	width: 95px;
	flex-shrink: 0;
}

.logo_sm {
	margin-bottom: 10px;
	max-width: 100%;
	height: auto;
}

.events-panel {
	margin-bottom: 25px;
}
.events-panel .item-content {
	background: #f1f1f2;
	padding: 25px;
}
.events-panel .item .image {
	margin-bottom: 25px;
}
.events-panel .item .headline {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.25em;
}
.events-panel .item .category {
	margin-bottom: 10px;
}

.fb-page > span {
	height: 596px !important;
}

.news-panel {
	background: #f1f1f2;
	padding: 25px;
	min-height: 220px;
}
.news-panel .item a {
	font-size: 18px;
	font-weight: 700;
}
.news-panel .heading {
	display: flex;
	align-items: baseline;
}
.news-panel .link {
	color: #000;
	text-decoration: underline;
}

.gallery-panel {
	background: #a42385;
	position: relative;
}
.gallery-panel .default {
	display:block;
	height: 219px;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;

	clip-path: polygon(0 0, 80% 0%, 100% 25%, 100% 100%, 0 100%);
}
.gallery-panel .default:before {
	content: "";
	position: absolute;
	top: 25px;
	left: 25px;
	background-image: url(../png/gallery.png);
	width: 183px;
	height: 45px;
	z-index: 9;
}
.gallery-panel .default:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(82,167,219,.6);
}
.gallery-panel::after {
	position: absolute;
	font:normal normal normal 18px/1 FontAwesome;
	content: '\f00e';
	right: 13px;
	top: 10px;
	color: #fff;
	z-index: 1;
}
.gallery-panel .title {
	background-color: rgba(241,241,242,.75);
	padding: 5px;
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
	color: #2c3c68;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	z-index: 10;
}

.news-content .news-header {
	margin-bottom: 25px;
}
.news-content .newsDate {
	background-image: url(../gif/news_date_bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
	width: 97px;
	height: 126px;
}
.news-content .newsDate span {
	display: block;
	text-align: center;
}
.news-content .newsDate .month {
	color: #fff;
	padding-top: 21px;
	text-transform: uppercase;
	line-height: 29px;
}
.news-content .newsDate .day {
	color: #3b6cb4;
	font-size: 55px;
	line-height: 75px;
}
.news-content article {
    margin-bottom: 25px;
}
.news-content h3 {
    font-size: 24px;
    font-weight: 300;
    margin: 0px 0px 25px 0px;
}
.news-content h3 a {
	color: #3b6cb4;
}
.news-content .label {
    color: #405673;
    font-size: 13px;
    padding: 0 5px 0 0;
    text-transform: uppercase;
}
.news-content hr.seperator {
    background: none repeat scroll 0 0 #d3d4d5;
    height: 1px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.news-content hr {
	margin-bottom: 35px;
}
.news-content figure {
    margin-bottom: 20px;
}
.news-content .btn {
    background: none repeat scroll 0 0 #9fc7f7;
    border: medium none;
	color: #404041;
}
.news-content .btn:hover {
    background: none repeat scroll 0 0 #3b6cb4;
    color: #fff;
}
ul.newsMeta {
    margin: 0;
    padding: 0;
}
ul.newsMeta li {
    color: #3b6cb4;
    display: inline-block;
    font-size: 12px;
    list-style-type: none;
}
ul.newsMeta li:first-child {
    margin-right: 10px;
}

#affiliates-slide .owl-buttons div {
	position: absolute;
}

#affiliates-slide .owl-buttons .owl-prev{
	left: 0px;
	top: 23px;
}

#affiliates-slide .owl-buttons .owl-next{
	right: 0px;
	top: 23px;
}

.lcnb_vertical .lcnb_contents {
	padding: 0px;
}
.lcnb_vertical .lcnb_buttons, .lcnb_vertical .lcnb_contents, .lcnb_vertical .lcnb_img {
	display: inline-block;
}
.lcnb_vertical.lcnb_boxed article.lcnb_news {
	margin: auto;
}
.lcnb_btm_bar {
	padding-left: 0px;
	padding-bottom: 0px;
}
.lcnb_minimal_theme .lcnb_txt a {
    color: #404041 !important;
}
.lcnb_minimal_theme .lcnb_btm_bar .lcnb_date, .lcnb_minimal_theme .lcnb_top_bar .lcnb_date, .lcnb_minimal_theme .lcnb_exp_date time {
	color: #1381c7 !important;
	font-weight: 700;
}

.pagination {
    margin: 0;
}
.pagination > li > a, .pagination > li > span {
    font-size: 15px;
	position: relative;
	display: block;
	padding: .5rem .75rem;
	color: #36609e;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: none repeat scroll 0 0 #36609e;
    border: 1px solid #ddd;
    color: #fff;
}
.pagination > li > a:hover {
    background: none repeat scroll 0 0 #36609e;
    color: #fff;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Footer Styles */

footer {
	z-index: 5000;
}
footer .row1,
footer .row2 {
	margin-top: 50px;
}

#footer {
	padding-bottom: 50px;
}
#footer h4 {
	color: #2c3c68;
	font-size: 16px;
	font-weight: 700;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}
#footer .address {
	color: #2c3c68;
	font-size: 13px;
}
#footer .address .phone {
	font-size: 16px;
}
#footer .logos {
	text-align: center;
}
#footer .logos img {
	max-width: 100%;
	height: auto;
}

.footer-nav ul {
	margin: 0px;
	padding: 0px;
}
.footer-nav ul li {
	list-style-type: none;
	font-size: 13px;
	margin-bottom: 7px;
}

.share {
	margin-top: 30px;
}
.share ul {
    margin: 0;
    padding: 0;
}
.share ul li {
    display: inline-block;
	margin-right: 20px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.share ul li:first-child {
	margin-right: 10px;
}
.share ul li a {
	color: #636363;
	text-decoration: none;
}
.share ul li a:hover {
	color: #3B6CB4;
}
.share ul li i {
	margin-right: 5px;
}

/* Parallax styles (footer) */
section.module.parallax {
	height: 300px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:static;
}
section.module.parallax .container {
	position: relative;
}
section.module.parallax-1 {
	background-image: url("../jpg/volunteer-image-2022.jpg");
}
section.module.parallax .image {
    height: auto;
    margin-top: 66px;
    max-width: 100%;
    position: relative;
}
section.module.parallax p {
	background: rgba(255,255,255,.85);
	color: #2c3c68;
	font-size: 20px;
	font-weight: 500;
	margin: 80px 0px 0px 0px;
	padding: 20px;
	position: absolute;
	right: 30px;
	top: 0px;
	width: 600px;
}
section.module.parallax .btn-parallax {
	bottom: 50px;
	left: 260px;
	font-size: 24px;
	padding: 5px 25px;
	position: absolute;
	z-index: 1000;
}

/* FORM STYLES */
.form_holder {
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ccc;*/
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ebebeb !important;
  padding: 4px 4px 4px 4px;
  font-size: 13px;
  color: #666666;
  border-top: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
}

.requiredText {
	color:#cc0000;
	font-size:12px;
}

.formError {
	color:#cc0000;
	font-size:12px;
	margin-top:5px;
}

.fielderror {
	border-color: #cc0000 !important;
	box-shadow: none;
	border-width: 1px;
}

.control-label {
	font-size:14px;
	color:#666;
}

.legendForm {
	font-size:18px;
	color:#009ea8;
	padding:10px;
}

.btn-form {
	background-color:#2c3c68;
	color:#fff !important;
	border: 0px;
	border-radius: 0px;
	font-size: 16px;
	letter-spacing: 2px;
	/*margin-top:20px;*/
	width:170px;
	text-decoration: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color:#ffcc33;
}

.btn-news {
	background-color:#ffcc33;
	color:#9a3464 !important;
	border: 0px;
	border-radius: 0px;
	font-size: 12px;
	letter-spacing: 2px;
	margin-top:20px;
	width:120px;
	text-decoration: none;
}

.btn-news:hover {
	background-color:#fde290;
	color:#9a3464;
}

.btn-form:hover, .btn-donate:focus, .btn-donate:active, .active.btn-donate, .open > .btn-donate.dropdown-toggle {
	background-color:#315A96;
	color: #fff !important;
}

.fieldLabelTxt {
	font-size: 13px;
}

.form-horizontal .control-label {
	text-align: left !important;
}

.btn-default {
	border: none;
	border-radius: 2px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	padding: 6px 1em;
	text-transform: uppercase;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.75);
}
.btn-search {
	background: #9fc7f7;
	border: none;
	border-radius: 2px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	padding: 6px 25px;
	text-transform: uppercase;
}

.fileinput-new .btn-default {
	background-color: #a1d0de;
	box-shadow: none;
	color: #404041;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.social {
    /*display: table-cell;
    float: right;*/
    list-style-type: none;
	padding: 0px;
	margin-bottom: 0px;
}
.social .heading {
	color: #2c3c68;
	font-size: 14px;
}
.social ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.social .link {
    display: inline-block;
	margin: 0px 0px 5px 5px;
}
.social a {
    background-color: #636363;
    border-radius: 0px;
    color: #fff;
    display: block;
    padding: 3px 0;
    width: 30px;
	text-align: center;
}
.social a:hover {
    background-color: #3b6cb4;
}
.social .Facebook {
	background-color: #36609e;
}
.social .Twitter {
	background-color: #5EA9DD;
}
.social .LinkedIn {
	background-color: #046c9a;
}

.sort-nav {
	display: flex;
	justify-content: center;
}
.sort-nav > ul {
	display: flex;
	align-items: baseline;
}
.sort-nav > ul li {
	list-style-type: none;
	position: relative;
	margin-right: 10px;
}
.sort-nav > ul li:after {
	content: "/";
	margin-left: 10px;
}
.sort-nav > ul li:first-child::after,
.sort-nav > ul li:last-child::after {
	display: none;
}
.sort-nav > ul li.label {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
.sort-nav > ul li > a {
	color: #262261;
	font-size: 18px;
	font-weight: 500;
}
.sort-nav > ul li.selected > a {
	color: #a42385;
	text-decoration: underline;
}

/* News Panel */

#newspanel{
	/*height:500px;*/
	width:350px;
	max-width:100%;
	display:block;
	position: fixed;
	right:0px;
	top:25%;
	background:#fff;
	z-index: 1200;
	padding: 0;
	/*padding: 0 15px 0 0;*/
	-webkit-box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	box-shadow: 0px 0px 15px #000;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#newspanel.inactive{
	right:-365px;
}

#newspanel:after{
	content:'';
	width:15px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index: 5;
	display: none;
	/*display:block;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dbb412+27,6c2e45+100 */
	background: rgb(219,180,18); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(219,180,18,1) 27%, rgba(108,46,69,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(219,180,18,1) 27%,rgba(108,46,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(219,180,18,1) 27%,rgba(108,46,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb412', endColorstr='#6c2e45',GradientType=0 ); /* IE6-9 */
}
#newspanel h3{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#f9a21b;
	margin: 0px;
	padding: 15px 35px;
	color:#000;
	font-size:18px;
	font-weight: 700;
	line-height: 20px;
	/*min-height:64px;*/
	text-transform: uppercase;
	background-image:url('../png/news-tab-transparent.png');
	background-repeat:no-repeat;
	background-position: center right;
}
#newspanel #close{
	z-index: 20;
	color:#fff;
	font-size: 22px;
	position:absolute;
	right:65px;
	top:0;
	width:60px;
	height:50px;
	line-height: 20px;
	text-align: center;
	padding: 12px 0 0 0;
}
#newspanel #close:hover{
	cursor:pointer;
	background:#2c5d9d;
}
#newspanel .panelimg{
	display:block;
	width:100%;
	position:relative;
	float:left;
	height:170px;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}
#newspanel .featuredText{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 25px 35px;
}
#newspanel .featuredText h4{
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#380c20;
	font-weight:600;
	font-size:17px;
	margin: 0 0 12px 0;
}
#newspanel .btn{
	text-transform:uppercase;
	/*color:#e71b50;*/
	margin: 0 35px 15px 35px;
}
#newspanel .featuredText a .fas{
	font-size:12px;
}

/* NEWS TAB */
#newstab{
	position: fixed;
	top:25%;
	right:-2px;
	width:113px;
	height:64px;
	z-index: 500;
	-webkit-transition: left 100ms ease-in-out;
	-moz-transition: left 100ms ease-in-out;
	-ms-transition: left 100ms ease-in-out;
	-o-transition: left 100ms ease-in-out;
	transition: left 100ms ease-in-out;
}
#newstab.inactive{
	right:-50px;
}
#newstab:hover{
	cursor:pointer;
	right:0;
}
#newstab .span{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	display: block;
	z-index: 5;
	background-image:url('../png/news-tab.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-size: contain;
}
#newstab:after{
	content: '';
	display:block;
	z-index: 0;
	position: absolute;
	top:25%;
	right:0;
	width:60%;
	height:50%;
	-webkit-border-radius: 0 50% 50% 0;
	-moz-border-radius: 0 50% 50% 0;
	border-radius: 0 50% 50% 0;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
#newstab:hover:after{
	-webkit-box-shadow: 0px 0px 50px #fff;
	-moz-box-shadow: 0px 0px 50px #fff;
	box-shadow: 0px 0px 50px #fff;
}

.instagram{
    background:#9FD5E1;
    margin: 25px 0;
}
.postbox{
    display: flex;
    flex-flow: row nowrap;
	justify-content: center;
}
.igpost{
	flex: 1 0 20%;
  	margin: 1rem;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
}

.igpost .ig_inner{
	background-position: center;
	background-size: cover;
	padding: 100% 0 0 0;
}
.igpost .icon{
	width:auto;
	opacity: 0;
	position:absolute;
	top:30px;
	left:20px;
	line-height:30px;
    font-size:30px;
	color:#fff;
	text-align: center;
	display:block;
	z-index: 10;
	background-repeat:no-repeat;
	background-position: center;
	background-size: 40px 40px;
	transition: ease all 300ms;
}
.igpost:hover .icon{opacity: 1;top:20px;}
.igpost .postbg{
	opacity: 0;
	transition: ease all 300ms;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
    background:#000;
	z-index: 4;
}
.igpost:hover .postbg{opacity: 0.9;}
.igpost .ig_posttext{
	transition: ease all 300ms;
	position:absolute;
	bottom:-5px;
	padding: 60px 30px 20px 30px;
	color:#fff;
	font-size:12px;
    font-family: 'Open Sans', sans-serif;
	/* font-weight:bold; */
	z-index: 5;
	opacity:0;
	transition-delay: 50ms;
}
.igpost:hover .ig_posttext{opacity: 1;bottom: 0px;}
.igpost .ig_posttext p{margin:0 0 10px 0;color:#fff;}

/* Portrait tablets and small desktops (iPad portrait) */
@media (max-width: 991px) {
	/* CB 1/11/22 - INSTAGRAM */
	.igpost{
		flex: 0 1 45%;
	}

}
@media (max-width: 500px) {
	.igpost{
		flex: 0 1 80%;
	}
    .igpost .postbg{
        opacity:0.7;
    }

	.igpost .ig_posttext{
        opacity:1;
		bottom:0;
        font-size:10px;
        font-weight:bold;
        padding: 40px 20px 10px 20px;
    }
	.igpost .icon{
        font-size:20px;
        line-height:20px;
		opacity:1;
		bottom:0;
	}
	.igpost:nth-child(3),
	.igpost:nth-child(4){
		display:none;
	}
}

.success-badge {
	display: flex;
	justify-content: center;
	padding-top: 25px;
}
.success-badge a {
	background-image: url(../png/successstories.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 946px;
	height: 207px;
}
@media (max-width: 991px) {
	.success-badge a {
		background-image: url(../png/successstories-mobile.png);
		width: 100%;
		height: 237px;
		margin-top: 25px;
	}

}

a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
    text-decoration: none;
    color: #2c3c68;

    pointer-events: none;
    cursor: default;
}

/* Adjust px here (1024px for tablets maybe) */
@media only screen and (max-device-width: 480px) {
    a[href^="tel"]:link,
    a[href^="tel"]:visited,
    a[href^="tel"]:hover {
        text-decoration: underline;
        color: #2c3c68;

        pointer-events: auto;
        cursor: pointer;
    }
}

.shop-promo {
	display: flex;
	margin: 0 10px 25px 10px;
}
.shop-promo .header {
	flex: 1 0 590px;
}
.shop-promo .header a {
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	height: 100%;
}
.shop-promo .promo {
	background: #fff;
	border: 20px solid #ff9643;
	padding: 1em;
	display: flex;
	flex: 0 1 auto;
}
.shop-promo .promo .image {
	flex: 1 0 auto;
}
.shop-promo .promo img {
	border: 1px solid #ccc;
	max-width: 215px;
	width: 100%;
}
.shop-promo .promo .details {
	flex: 0 1 50%;
	padding: 0 1em;
	font-size: 14px;
	font-family: Arial, sans-serif;
}
.shop-promo .promo .details p {
	margin-bottom: 10px;
}

@media (max-width: 1200px) {

	.shop-promo .header {
		flex: 1 0 425px;
	}
	.shop-promo .header a {
		background-size: 120%;
	}

	.shop-promo .promo .image {
		flex: 0 0 215px;
	}

}

@media (max-width: 991px) {

	.shop-promo {
		display: flex;
		margin: 0 10px 25px 10px;
		flex-direction: column;
	}
	.shop-promo .header {
		flex: 1 0 auto;
		height: 230px;
	}
	.shop-promo .header a {
		background-size: cover;
	}
	.shop-promo .promo .image {
		flex: 0 0 215px;
	}
	.shop-promo .promo .details {
		flex: 0 1 100%;
	}

}

@media (max-width: 767px) {

	.shop-promo .header {
		flex: 1 0 auto;
		height: 180px;
	}
	.shop-promo .header a {
		background-size: 120%;
		margin-bottom: 15px;
	}
	.shop-promo .promo img {
		max-width: 100%;
	}

}

@media (max-width: 480px) {

	.shop-promo {
		margin: 0 0 25px 0;
	}
	.shop-promo .promo {
		flex-direction: column;
	}
	.shop-promo .promo .image {
		flex: 0 0 auto;
		margin-bottom: 15px;
	}
	.shop-promo .promo .details {
		padding: 0;
	}
}