/*
Child Style Stylesheet for Media Queries
Updated: 2020-04-182 JAD
Updated: 2022-09-13 JAD Join our Team and StorkFest Slider css
*/


/*****************************************************
/*           M E D I A   Q U E R I E S               *
/*               Smallest to Largest                 *
/*****************************************************/
/********************
/* Small devices - Portrait & Landscape  *
/********************/
@media screen and (max-device-width:575px) {
   		
	/* share top bar with hamburger */
	#top-bar div div div div.row.m-0 {
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
	}
	#top-bar div div div div.row.m-0  .col-md-2 {
		left:30%;
	}
	#top-bar div div div div.row.m-0  .col-md-3 {
		left:30%;
	}
	/*	logo image */
	#top-bar {
		display:block;
	}
	#top-bar img {
		width: 50%;
		height: auto;
	}
	#top-bar .textwidget p {
		margin-bottom: 0;
	}
	/* Do not show the donate button on small screens */
	#header .donate {
		display:none !important;
	}
	
	#header .container .row .logo {
		display:none;
	}

	/* navigation menu, use 3/4 of the screen and 
       pull to the left as far possible*/
	.nav {
	    display: block;
	    width: 75%;
		margin-left:-10px !important;
		padding-top: 0;
	}

	#header .nav ul li {
		border-top-color: #5699af;
	} 
	#header .nav ul.sub-menu {
		margin-top:2px
	}
	#header .nav ul li a {
		border-right:none;
		margin-top:10px;
	}
	#header .nav ul li a:hover {
		color: #5699af;	
	}
	#header .nav ul li ul.sub-menu li  {
		display:none; 
	}
	/* when hover, show sub-menu */
	#header .nav ul li:hover > ul.sub-menu li {
		display:block; 
		background: #e8e8e8;
		color: #5699af ; 
		font-weight:bold;
	}
	#carouselExampleCaptions .carousel-caption {
		display:flex;
		height:95px;
		width:40%;
	}
	#carouselExampleCaptions .inner_carousel {
		padding: 5px;
		line-height: .95 !important;
		background-color: transparent !important;
	}
	#carouselExampleCaptions .inner_carousel h2 {
		font-size:1.0rem;
		padding: 2px;
		margin-bottom: 5px;
	} 
	#carouselExampleCaptions .inner_carousel h3 {
		font-size:.9rem;
		padding: 2px;
		margin-bottom: 5px;
	}

	#carouselExampleCaptions .inner_carousel p {
		font-size:.5rem;
	} 

	#carouselExampleCaptions .inner_carousel p.show-slide-caption {
		padding: 2px;
		font-size:.7rem !important;
	}
	#carouselExampleCaptions .inner_carousel .more-btn {
		padding-left: 0 !important;
	}
	#carouselExampleCaptions .inner_carousel .more-btn a {
		font-size:.5rem;
		padding: 2px;
	}
	#carouselExampleCaptions .inner_carousel p.has-drop {
		font-size:1.0em;
	}	
	/* COVID-19 
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="SliderBackground."] + .carousel-caption h2.show-slide-caption{
		margin-top:-15px;
		font-size: .7rem !important;
	}*/
	/* Slide 2 - Thank You */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider2-1"] + .carousel-caption .inner_carousel  p.show-slide-caption{
		width:inherit;
	}
	/* Mother's Day */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption {
		top:30% !important;
		left: 30% !important;
		font-size: .9rem !important;
	}
	/* Mother's Day */ 
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption .inner_carousel h2 {
		font-size: 1.0rem !important;

	}
	/* Mother's Day  */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption .inner_carousel p {
		font-size: 0.9rem !important;
		padding-left:55px !important;
	}
	/* Mother's Day  */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption .inner_carousel .more-btn {
		padding-left: 55px !important;
		font-size: 1.0rem !important;
	}
    /* Exec Dir */
		#carouselExampleCaptions .carousel-inner .carousel-item img[src*="ExecDir"] + .carousel-caption {
		top: 20% !important;
	}

	/* GTTM */ 
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption {
		top: 15% !important;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel h2 {
	   /*width:60%;
	   padding:5px;*/
	   display:none;
       font-size: .7rem !important;
	}
    #carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel p {
		font-size: .5rem !important;
		display:block !important;
	}		
	
	/* Storkfest - watch the case on Fest */ 
	#slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption {
	    left:10% !important;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption .inner_carousel {
		top: 10% !important;
		left: 30% !important;
    }
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption .inner_carousel h4 {
	    font-size: 1rem !important;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption .inner_carousel p {
	    display:block !important;
	    font-size: 0.75rem !important;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption .inner_carousel p a {
	    font-size: 0.75rem !important;
	}
	/* By the numbers */
	#bythenumbers div div div {
		line-height: 1.15;
		font-size:12px !important;
	}
  	/* font size  */
	#what-do h3 {
		font-size:16px !important;
	}
}

/********************
/* Small devices - Portrait only  *
/********************/
@media screen and (max-device-width:575px) and (orientation: portrait) {
    /* Mother's Day */ 
    #carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption .inner_carousel {
		top: 50% !important;
		left: 55% !important;
    }
    /* Mother's Day */ 
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption .inner_carousel h2 {
		padding-left: 45px !important;
    /* Storkfest */
	}
    #carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption .inner_carousel {
		top: -35% !important;
		left: 12% !important;
    }
    /* Storkfest */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption .inner_carousel p a {
	    font-size: 0.5rem !important;
	}
}
/***********************************/
/* Small devices - Landscape only  */
/***********************************/
@media screen and (max-device-width:575px) and (orientation: landscape) {
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption .inner_carousel {
		top: 30% !important;
		left: 35% !important;
    }

}


/*******************
/* Medium devices  *
/*******************/
@media screen and (min-device-width:576px) 
			  and (max-device-width:767px) 
			  and (orientation: portrait) 
 {
   
	/* share top bar with hamburger */
	#top-bar div div div div.row.m-0 {
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
	}
	#top-bar div div div div.row.m-0  .col-md-2 {
		left:30%;
	}
	#top-bar div div div div.row.m-0  .col-md-3 {
		left:30%;
	}
	
	/*	logo image */
	#top-bar img {
		width: 30%;
		height:auto;
	}
	#header .donate {
		display:none !important;
	}

	/* navigation menu use 3/4 of the screen and 
   	pull to the left as far possible*/
	.nav {
	    display: block;
	    width: 75%;
		margin-left:-10px !important;
	}
	#header .nav ul li {
		border-top-color: #5699af;
	} 
	#header .nav ul.sub-menu {
		margin-top:2px
	}
	#header .nav ul li a {
		border-right:none;
		margin-top:10px;
	}
	#header .nav ul li a:hover {
		color: #5699af;	
	}
	#header .nav ul li ul.sub-menu li  {
		display:none; 
	}
	/* when hover, show sub-menu */
	#header .nav ul li:hover > ul.sub-menu li {
		display:block; 
		background: #e8e8e8;
		color: #5699af ; 
		font-weight:bold;
	}
	/* Carousel slider */
	#carouselExampleCaptions .carousel-caption {
		display:flex;
		height:95px;
		width:40%;
	}
	#carouselExampleCaptions .inner_carousel {
		padding: 5px;
		line-height: .95 !important;
		background-color: transparent !important;
	}
	#carouselExampleCaptions .inner_carousel h2 {
		font-size:1.25rem !important;
		padding: 2px;
		margin-bottom: 5px;
	} 
	#carouselExampleCaptions .inner_carousel h3 {
		font-size:1.2rem !important;
		padding: 2px;
		margin-bottom: 5px;
	} 
	#carouselExampleCaptions .inner_carousel p {
		font-size:1.0rem;
	}
	#carouselExampleCaptions .inner_carousel .show-slide-caption {
		padding: 2px;
		font-size:.9rem;
	}
	#carouselExampleCaptions .inner_carousel .more-btn {
		padding-left: 60px;
	}	
	#carouselExampleCaptions .inner_carousel .more-btn a {
		font-size:1.0rem;
		padding: 2px;
	}
	#carouselExampleCaptions .inner_carousel p.has-drop {
		font-size:1.7em;
	}
	#carouselExampleCaptions .inner_carousel {
		padding: 5px;
		line-height: .95 !important;
	}
	/* COVID-19 
	#carouselExampleIndicators .carousel-inner .carousel-item img[src*="SliderBackground."] + .carousel-caption h2.show-slide-caption{
		margin-top:-15px;
		font-size: .7rem !important;
	}*/
	/* Slide 2 - Thank You */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider2-1"] + .carousel-caption .inner_carousel  p.show-slide-caption{
		width:inherit;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider2-1"] + .carousel-caption {
		top:25% !important;
	}
	
    /* Exec Dir */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="ExecDir"] + .carousel-caption {
		top: 20% !important;
	}
		#carouselExampleCaptions .carousel-inner .carousel-item img[src*="ExecDir"] + .carousel-caption .inner_carousel  p.show-slide-caption{
		width:inherit;
	}

	
	/* Slide 3 - Volunteers */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="SliderWorkers"] + .carousel-caption {
		top:25% !important;
	}
	
    /* GTTM */ 
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption {
		top: 35% !important;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel h2 {
		font-size: 1.1rem !important;
		right: 62%;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel p {
		font-size: 0.9rem !important;
		display:block !important;
		margin-bottom: 0.5rem;
	}

	/* Mother's Day */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption {
		top:15% !important;
	}
	 	/* Mother's Day */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay."] + .carousel-caption h2.show-slide-caption{
		margin-top:-15px;
		font-size: .7rem !important;
	}
	 	/* Storkfest - watch the case on 'Fest' */
    #slider #carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption {
	    left:10% !important;
    }
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption .inner_carousel h4 {
	    font-size: 1rem !important;
		top: 70% !important;
    }
	 #carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption .inner_carousel {
		top: 0% !important;
		left: 50% !important;
    }
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Storkfest"] + .carousel-caption .inner_carousel p a {
	    font-size: 1rem !important;
    }
}

/*******************************
/* Medium devices  - Landscape *
/*******************************/
@media screen and (min-device-width:576px) 
			  and (max-device-width:767px) 
			  and (orientation: landscape) {
   /* GTTM */ 
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption {
		top: 35% !important;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel h2 {
		font-size: 1.5rem !important;
		right: 62%;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel p {
		font-size: 1.1rem !important;
		margin-bottom: 0.5rem;
	}
	      
}
			  
/***************************************
/* Tablets and large phones - Portrait *
/***************************************/
@media screen and (min-device-width:768px) 
			  and (max-device-width:1280px) 
			  and (orientation: portrait) {	
			      
 /* phone,email location */
    #top-bar {
    		text-align:right;
    		margin-left:-20px;
    		margin-bottom: 0px;
    	  	padding-bottom: 0px;
    }
	#top-bar div div div div.row.m-0 {
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
	}
	#top-bar div div div div.row.m-0  .col-md-2{
		left:30%;
	}
	#top-bar div div div div.row.m-0  .col-md-3{
		left:30%;
	}
	/*	logo image */
	#top-bar img {
		width: 30%;
		height:auto;
	}
	#header .donate {
		display:none !important;
	}
	#top-bar div div div div.row.m-0 {
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
	}
	#top-bar div div div div.row.m-0  .col-md-2 {
		left:30%;
	}
	#top-bar div div div div.row.m-0  .col-md-3 {
		left:30%;
	}
	/* navigation menu use 3/4 of the screen and 
	   pull to the left as far possible*/
	.nav {
	    display: block;
	    width: 75%;
		margin-left:-10px !important;
		margin-top:-20px !important;
		margin-bottom:0px;
	}
	#header .nav ul li {
		border-top-color: #5699af;
	} 
	#header .nav ul.sub-menu {
		margin-top:2px
	}
	#header .nav ul li a {
		border-right:none;
		margin-top:10px;
	}
	#header .nav ul li a:hover {
		color: #5699af;	
	}
	#header .nav ul li ul.sub-menu li  {
		display:none; 
	}
	/* when hover, show sub-menu */
	#header .nav ul li:hover > ul.sub-menu li {
		display:block; 
		background: #e8e8e8;
		color: #5699af ; 
		font-weight:bold;
	}
	/* Carousel slider */
	#carouselExampleCaptions .carousel-caption {
		display:flex;
		height:95px; /* orig was 110px */
		width:40%;/* orig was 60%x*/
	}
	#carouselExampleCaptions .inner_carousel {
		padding: 5px;
		line-height: .95 !important;
		background-color: transparent !important;
	}
	#carouselExampleCaptions .inner_carousel h2 {
		font-size:2.0rem !important;
		padding: 2px;
		margin-bottom: 5px;
	}	
	#carouselExampleCaptions .inner_carousel h3 {
		font-size:1.7rem !important;
		padding: 2px;
		margin-bottom: 5px;
	}
	#carouselExampleCaptions .inner_carousel p {
		font-size:1.0rem;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
  	}
	#carouselExampleCaptions .inner_carousel p.show-slide-caption {
		padding: 2px;
		font-size:1.0rem !important;
	}
	#carouselExampleCaptions .inner_carousel .more-btn {
		font-size:1.2rem;
		padding: 2px;
		padding-left: 40px;
	}
	#carouselExampleCaptions .inner_carousel .more-btn a {
		font-size:1.2rem;
		padding: 2px;
	}
	#carouselExampleCaptions .inner_carousel p.has-drop {
		font-size:1.0rem;
	}
	/* COVID-19 
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="SliderBackground."] + .carousel-caption h2.show-slide-caption{
		margin-top:-5px;
		font-size: 1.6rem !important;
	}*/
	/* Slider 2, Thank You */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider2-1"] + .carousel-caption .inner_carousel  h2.show-slide-caption{
		text-align:inherit;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider2-1"] + .carousel-caption .inner_carousel  p.show-slide-caption{
		width:50%;
	}
    #carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider2-1"] + .carousel-caption {
		top:35% !important;
    }

	/* Mother's Day */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption {
		top:12% !important;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption .inner_carousel  .more-btn {
		margin-top: -25px !important;
	}
	#carouselExampleCaptions .carousel-item img[src*="MothersDay"] + .carousel-caption .inner_carousel p {
		display:block;
		white-space: normal;
  		overflow: visible;
  	}
  	
	/* Thank You */
	#carouselExampleCaptions .carousel-item img[src*="Slider2-1"] + .carousel-caption .inner_carousel p {
		white-space: normal;
  		overflow: visible;
  	}

	/* ExecDir */
		#carouselExampleCaptions .carousel-inner .carousel-item img[src*="ExecDir"] + .carousel-caption {
		top: 20% !important;
	}
	
   /* GTTM */ 
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption {
		top: 35% !important;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel h2 {
		font-size: 1.5rem !important;
		top: 75%;
		right: 62%;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel p {
		font-size: 1.1rem !important;
		display:block !important;
		margin-bottom: 0.5rem;
	}


	/* By the numbers */
	#bythenumbers div div div {
		line-height: 1.15;
		font-size:12px !important;
	}
	
  	/* font size  */
	#what-do h3 {
		font-size:16px !important;
	}
}
/****************************************
/* Tablets and large phones - Landscape *
/****************************************/
@media screen and (min-device-width:768px) 
			  and (max-device-width:1280px) 
			  and (orientation: landscape) {	

	#top-bar img {
        max-width: 25%;
		height: auto;
	}
    
	#carouselExampleCaptions .inner_carousel {
		padding: 5px;
		line-height: .95 !important;
	}
	#carouselExampleCaptions .inner_carousel h2 {
		font-size:2.0rem !important;
		padding: 2px;
		margin-bottom: 5px;
	}	
	#carouselExampleCaptions .inner_carousel h3 {
		font-size:1.7rem !important;
		padding: 2px;
		margin-bottom: 5px;
	}
	#carouselExampleCaptions .inner_carousel p {
		font-size:1.0rem;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
  	}
	#carouselExampleCaptions .inner_carousel p.show-slide-caption {
		padding: 2px;
		font-size:1.0rem !important;
	}
	#carouselExampleCaptions .inner_carousel .more-btn {
		font-size:1.2rem;
		padding: 2px;
		padding-left: 5px;
	}
	#carouselExampleCaptions .inner_carousel .more-btn a {
		font-size:1.2rem;
		padding: 2px;
	}
	#carouselExampleCaptions .inner_carousel p.has-drop {
		font-size:1.0rem;
	}
	/* Mothers Day */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="MothersDay"] + .carousel-caption .inner_carousel  .more-btn {
		margin-top: -25px !important;
	}
	#carouselExampleCaptions .carousel-item img[src*="MothersDay"] + .carousel-caption .inner_carousel p {
		white-space: normal;
  		overflow: visible;
  	}
  	
	   /* GTTM */ 
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption {
		top: 35% !important;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel h2 {
		font-size: 2.0rem !important;
		top: 81%;
		right: 62% !important;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="GTTM"] + .carousel-caption .inner_carousel p {
		font-size: 1.5rem !important;
		margin-bottom: 0.5rem;
	}
	

	/* COVID-19 
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="SliderBackground."] + .carousel-caption h2.show-slide-caption{
		margin-top:-5px;
		font-size: 1.6rem !important;
	}*/
	/* Slider 2, Thank You */
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider2-1"] + .carousel-caption .inner_carousel  h2.show-slide-caption{
		text-align:inherit;
	}
	#carouselExampleCaptions .carousel-inner .carousel-item img[src*="Slider2-1"] + .carousel-caption .inner_carousel  p.show-slide-caption{
		width:50%;
	}
    /* Exec Dir */
		#carouselExampleCaptions .carousel-inner .carousel-item img[src*="ExecDir"] + .carousel-caption {
		top: 20% !important;
	}

}