/*
Child Style Stylesheet
Updated: 2022-04-18 JAD 
Updated: 2202-09-13 JAD - Added Join Our Team 
*/

/* Entire site */
body, h1, h2, h3, h4, h5, h6, p, a {
	font-family:"Calibri", "Trebuchet MS", sans-serif; /* Default site font, and like-alternatives */
}
a { 
  	color:#de7383; /* rosy pink */
}
input[type="submit"] {
	background: #ffffff;
	color: #6e6e6e;	
}
.hidden {
	display:none !important;
  	visibility:hidden;
}
.page-title {
	display:none !important;
}
/* TOP BAR */
#top-bar {
	background-color: #ffffff;
	border-bottom-color: #ffffff;
	padding-bottom: 20px;
	box-sizing:content-box;
}
#top-bar span {
	color: #6e6e6e;
}
#top-bar img {
	background-color:white;
	position: absolute;
	z-index: 5;
	margin:0;
	left: 1%;
	top:0px;
	padding:0;
	border:none;
	max-width:90%;
	width: auto;
	height: 110px;
	overflow:visible;
	box-shadow: 1px 1px 4px 4px white;
}

/* HEADER */
#header {
	background-repeat: repeat-x;
	background-color: #96c8dc !important;
    border-top:3px solid #797979;
	border-bottom:7px solid #797979;
	-webkit-box-shadow:0 8px 10px -3px #797979;
	-moz-box-shadow:0 8px 10px -3px #797979;
	box-shadow:0 8px 10px -3px #797979;
	padding-bottom:0px !important;
	padding-top:10px;
    position:relative !important;
	z-index:2 !important;
}

#header .container .row  {
	margin-left:10px;
	margin-right:-50px;
}

#header .container .row .nav {
	margin-left:25px;
	padding-top:20px;
}

#header .container .row .nav .menu {
	padding-left:25px;
}

/* DONATE BUTTON */
#header .container .row .col-lg-2 {
	flex: 0 1 15%;	
	padding-right:50px;
	margin-left:-15px;
}

#header .donate {
	background-size: 60% !important;
  	display: block;
 	position: relative;
 	padding-bottom: 50%;
	padding-top:0px;
	margin-top:-10%;
}

#header .donate a {
	position:absolute;
	display:block;
	background:none;
	height:70%;
	width: 65%;
	margin: 0px;
	margin-left:8%;
}

/* MAIN MENU */
#header .nav {
    font-family:"Calibri", "Trebuchet MS", sans-serif;
}
#header ul ul {
  	border-top-style: none;
  	border-bottom-style: none;
}
#header ul ul a {
  	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
#header .nav ul {
	margin-bottom: 10px;
}
#header .nav ul li a {
	border-right:solid 2px #797979;
	padding: 0 10px 3px 10px;
	color:#fff;
}
#header .nav ul li:nth-last-child(1):last-child a {
	border-right:none;
}

#header .nav ul li a:hover {
	background: #e8e8e8;
	color: #5699af;
	font-weight:bold;
	border-radius: 3px;
	box-shadow: 5px 10px 30px 2px #acacac inset;
	transition:unset;
}
	/* SUBMENUS */
#header ul.sub-menu a:hover{
  	padding-left: 10px !important;
}
#header ul.sub-menu>li>a:before {
	height:0px;
  	-webkit-transition: none !important;
  	-moz-transition: none !important;
  	-o-transition: none !important;
  	transition: none !important;
}
#header ul.sub-menu>li>a:hover:before {
  	left: 0px;
}
#header .nav ul li > ul {
	background: none;
}
#header .nav ul li:hover > ul {
	background: #e8e8e8; 
	color: #5699af;
	font-weight:bold;
}
#header .nav ul li:hover > ul li a:hover {
	background: #e8e8e8;
	color: #5699af !important; 
	font-weight:bold;
}

#header .nav ul.sub-menu li a {
	background: #e8e8e8;
	color: #797979;
	border-radius: 5px;
	border-right:none;
	margin:-2px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#header .nav ul li:hover ul li:first-child:hover > ul {
  	left: 60px;
	top: 35px;
} 

#header .nav ul li:hover ul li:hover > ul {
  	left: 60px;
	top: 35px;
} 

#header .nav ul.sub-menu li ul.sub-menu li a {
	background: #e8e8e8;
	color: #797979;
	border-radius: 5px;
	border-right:none;
	margin:-2px;
}

#header .nav ul.sub-menu li ul.sub-menu li a:hover {
	background: #e8e8e8;
	color: #5699af;
	font-weight:bold;
}

/* SLIDER */

#slider {
	/*max-width: 1140px;*/
	z-index: 1;
	position:relative;
	display:block;
}

#carouselExampleCaptions.carousel.slide .carousel-caption {
    left:10%;
}

#carouselExampleCaptions .carousel-item img {
	width:100%;
	height:auto;
	z-index:2;
}

#carouselExampleCaptions .carousel-control-prev, #carouselExampleCaptions .carousel-control-next {	
	width:5%;
	z-index:3;
}

#carouselExampleCaptions .carousel-control-prev-icon, #carouselExampleCaptions .carousel-control-next-icon { 
	margin-left:0px;
	margin-right:0px;
	padding:2px;
	color:#afafaf;
  	opacity: .5;
	background-color:#797979;
}
/*
#carouselExampleCaptions .carousel-caption {
	width: 40%;
	top:50%;
	position:absolute;
	z-index:3;
}
*/
#carouselExampleCaptions.carousel.slide .carousel-caption .inner_carousel h2 ,
#carouselExampleCaptions.carousel .head-line {
	display:none;
}

#carouselExampleCaptions.carousel.slide .carousel-caption .inner_carousel .show-slide-caption {
	display:block;
	color:#de7383;
	margin-bottom: 15px;
}

#carouselExampleCaptions.slide .inner_carousel {
	background-color: #fafafa;
	border-radius: 5px;
}

#carouselExampleCaptions.slide .inner_carousel p {
	color:#de7383;
}
/*
#carouselExampleCaptions.slide .inner_carousel .show-slide-caption{
	margin-top:0;
	color:#de7383;
}
*/
#carouselExampleCaptions.slide .inner_carousel .more-btn a {
	background-color:#de7383;
	border-radius: 5px;
}

#carouselExampleCaptions.slide .inner_carousel .more-btn a:hover {
	background-color:#de7383;
	color:white;
    font-size: 1.1rem;
}

/* Slider GITBG */
#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider1.png"] + .carousel-caption .inner_carousel p {
	font-size: 1.5rem;
	padding-left: 10px;
}
#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider1.png"] + .carousel-caption .inner_carousel .more-btn {
	padding-left: 15px;
}

/* Slider Nurses */
#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider-Nurses"] + .carousel-caption .inner_carousel p {
	font-size: 1.55rem;
	padding-left: 15px;
}

/* Slider Volunteers */
#carouselExampleCaptions .carousel-inner .carousel-item img[src*="SliderWorkers"] + .carousel-caption .inner_carousel p {
	font-size: 1.55rem;
	padding-left: 15px;
}

/* Slider Thank You Donors and Volunteers*/
#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider2-1"] + .carousel-caption .inner_carousel p {
	font-size: 1.5rem;
	padding-left: 15px;
}

/* Slider Mothers Day */
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption {
	top:50%;
	left:45%;
	width:40%;
}
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption p {
	font-size: 1.5rem;
	padding-left:25px;
}

/* Slider GTTM */
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption {
	width:75%;
	height:80%;
	background-color: transparent;
}

#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel{
	background-color:transparent;
	width:100%;
	height:100%;
	/*position:absolute;*/
	margin:0;
	padding:0;
	display: block;
}

#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel a{
	background-color:transparent;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display: block;
}
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel a:focus{
	outline:none;
}

#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel h2 {
	background-color:#de7383;
	color:white;
	font-weight:bold;
	font-size: 2.5rem;
	border-radius:15px;
	border-color: white;
    border-style: solid;
	padding:15px;
	width:40%;
	position:absolute;
	right: 65%;
	top: 70%;
}

#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel p {
	color:white;
	font-weight:bold;
	font-size: 1.5rem;
}

/* Slider Storkfest */
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption {
	top:50%;
	left:5%;
	width:90%;
	height:50%;
}
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption .inner_carousel{
	background-color:transparent;
	width:100%;
	height:50%;
	position:absolute;
	top:10%;
	left:35%;
	margin:0;
	padding:0;
	display: block;
}

#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption .inner_carousel p a {
	background-color:#547148;
	color:white;
	font-weight:bold;
	font-size: 1.5rem;
	border-radius:15px;
	padding:5px;
}

/* Slider FotF */
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="FotF"] + .carousel-caption {
	top:75%;
	left:5%;
	width:90%;
	height:50%;
}

#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="FotF"] + .carousel-caption .inner_carousel{
	background-color:transparent;
	width:100%;
	height:50%;
	position:absolute;
	top:35%;
	left:0;
	margin:0;
	padding:0;
	display: block;
}
#carouselExampleCaptions .carousel-inner .carousel-item img[src*="FotF"] + .carousel-caption .inner_carousel p {
	display:none;
}
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="FotF"] + .carousel-caption .more-btn {
	display: block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:transparent;
}
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="FotF"] + .carousel-caption .more-btn a{
	display: block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	color:transparent;
	background-color:transparent;
}


/* Slider StorkOpen */
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="StorkOpen"] + .carousel-caption {
	top:75%;
	left:5%;
	width:90%;
	height:50%;
}

#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="StorkOpen"] + .carousel-caption .inner_carousel{
	background-color:transparent;
	width:100%;
	height:50%;
	position:absolute;
	top:35%;
	left:0;
	margin:0;
	padding:0;
	display: block;
}
#carouselExampleCaptions .carousel-inner .carousel-item img[src*="StorkOpen"] + .carousel-caption .inner_carousel p {
	display:none;
}
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="StorkOpen"] + .carousel-caption .more-btn {
	display: block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:transparent;
}
#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="StorkOpen"] + .carousel-caption .more-btn a{
	display: block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	color:transparent;
	background-color:transparent;
}



/* COVID Slider css */
/*#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="SliderBackground"] + .carousel-caption {
	top:25%;
	left:5%;
	width:90%;
	height:50%;
}
#carouselExampleCaptions.carousel.slide .carousel-item img[src*="SliderBackground."] + .carousel-caption .inner_carousel .show-slide-caption {
	color: #797979;
	margin-bottom: 5px;
}

#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="SliderBackground."] + .carousel-caption inner_carousel{
	background-color:transparent;
	width:100%;
	height:50%;
	position:absolute;
	top:35%;
	left:0;
	margin:0;
	padding:0;
	display: block;
}*/
/* SCHOLARSHIP SECTION - NOT CURRENTLY USED */
#scholarship {
	display:none;
}
/* WHO WE ARE SECTION */
#what-do .title, #what-do .what_do  {
	border-top-color: #de7383;
}	

#what-do h3 {
	color:#797979 !important;
}

#what-do .row iframe:hover {
	margin-top: -10px;
	margin-bottom: 10px;
	-webkit-transition: background 50ms ease-in-out;
	-moz-transition: background 50ms ease-in-out;
	-o-transition: background 50ms ease-in-out;
}

#what-do .row img:hover {
	margin-top: -10px;
	margin-bottom: 10px;
	-webkit-transition: background 50ms ease-in-out;
	-moz-transition: background 50ms ease-in-out;
	-o-transition: background 50ms ease-in-out;
}

/* FOOTER */
#footer {
	 background: #fafafa;
}
#footer h3 {
	color: #919191;}
#footer-2 {
	 background: #96c8dc;
}
#footer .facebook_account {
	font-size: 20px;
}
#footer .container .row aside .widget-title{
	padding-bottom: 0px;
}
/* COPYRIGHT */
#footer-2 .copyright p {
	text-align: center;
	color:#96c8dc;
}

#footer-2 .copyright a {
	display:none;
}

#content-vw .middle-align img:first-of-type {
	display:inline !important;
}

/** CSS for MailChimp Subscribe Button **/
#mc_embed_signup{ background: #fff; 
	clear: left; 
	text-align: center; 
	width: 250px; 
	margin: 0 auto; 
    float:right;
    margin-right:10px;
}
/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {
	display: block; 
	position: relative; 
	text-align: left; 
	padding: 10px 0 10px 3%; 
}
#mc_embed_signup h2 {
	font-weight: bold; 
	padding: 0; 
	margin: 15px 0; 
	font-size: 1.4em; 
}
#mc_embed_signup input { 
	border: 1px solid #ababab; 
	-webkit-appearance: none; 
}
#mc_embed_signup input[type=checkbox]{ 
	-webkit-appearance: checkbox; 
}
#mc_embed_signup input:focus {
	border-color: #96c8dc; 
}
#mc_embed_signup .button {
	display: block;
	position: relative;
	float:right;
	background-color: #96c8dc;
	padding: 0;
	margin: 0 auto;
	margin-top: 5px;
	border: 0 none;
	border-bottom: #797979 3px solid;
	border-radius: 6px;
	color: #fff; 
	cursor: pointer;
	font-size: 14px;
	width: 100px;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
}
#mc_embed_signup .button:hover { 
	background-color: #96c8dc; border-bottom-color: #8e8e8e; 
}
#mc_embed_signup .button:active { 
	top: 2px; border-bottom-width: 1px; 
}
#mc_embed_signup .small-meta { 
	font-size: 11px; 
}
#mc_embed_signup .nowrap { 
	white-space: nowrap; 
}     
#mc_embed_signup .clear { 
	clear: none; display: inline; 
}
#mc_embed_signup label { 
	display: block; 
	text-transform: uppercase; 
	font-weight: bold; 
    font-size: 	18px;
}
#mc_embed_signup input.email {
	display: block;
	padding: 8px 4px;
	margin: 0 4% 2px 0;
	text-indent: 5px;
	color: #818181;
	font-size: 1.0em;
	background: #f3f3f3;
	font-weight: bold;
	width: 100%;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#mc_embed_signup input.email:focus {
  	color: #666;
  	background: #f3f3f3;
  	-webkit-box-shadow: 0 0 12px #96c8dc;
  	-moz-box-shadow: #96c8dc;
  	box-shadow: #96c8dc;
}
#mc_embed_signup div#mce-responses { 
	float: left; 
	top: -1.4em; 
	padding: 0em .5em 0em .5em; 
	overflow: hidden; 
	width: 90%; 
	margin: 0 5%; 
	clear: both; 
}
#mc_embed_signup div.response { 
	margin: 1em 0; 
	padding: 1em .5em .5em 0; 
	font-weight: bold; 
	float: left; 
	top: -1.5em; 
	z-index: 1; 
	width: 80%; 
}
#mc_embed_signup #mce-error-response { 
	display: none; 
}
#mc_embed_signup #mce-success-response { 
	color: #96c8dc; 
	display: none; 
}
#mc_embed_signup label.error {
	display: block; 
	float: none; 
	width: auto; 
	margin-left: 1.05em; 
	text-align: left; 
	padding: .5em 0; 
}
#mc_embed_signup .alert {
	font-size: 12px; 
	padding-left: 0;
}

.rockLeft { 
	-webkit-animation:delaySpin3D 10s linear infinite;
    -moz-animation: delaySpin3D 10s linear infinite;
    -o-animation: delaySpin3D 10s linear infinite;
    animation: delaySpin3D 10s linear infinite;

 }

.rockRight { 
	-webkit-animation:delaySpin3D 10s linear infinite 5s;
    -moz-animation:delaySpin3D 10s linear infinite 5s;
    -o-animation:delaySpin3D 10s linear infinite 5s;
    animation:delaySpin3D 10s linear infinite 5s ;
 }

@keyframes spin3D { 
	f0% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  10% {
    -webkit-transform: rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
  20% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  30% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  40% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  50% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes delaySpin3D { 
  0% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  10% {
    -webkit-transform: rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
  20% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  30% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  40% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  50% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

/* Flip card on the Mothers Day donation page */
 /* The flip card container */
.flip-card {
  background-color: transparent;
  margin-left:30px;
  width: 300px;
  height: 200px;
  border: 1px solid #797979;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}