/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center;
 }
  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    background-color: #6e2d6a;
    color: #ffffff;
    cursor: pointer;	
    text-transform: uppercase; }
    #nav-trigger span:after {
      display: inline-block;
      margin-right: 10px;	 
	  float:right;
      width: 20px;
      height: 10px;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }
    #nav-trigger span:hover {
      background-color: #126064; }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }

nav {
  margin-bottom: 0px; }

#nav-mobile {
  position: relative;
  margin-right:0px;
  display: none;
  color:#ffffff; }
  #nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
	top:-2em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #6e2d6a;
	color:#ffffff; }
  #nav-mobile li {
	  color:#ffffff;
	  font-weight:bold;
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #125C56; }
    #nav-mobile li:last-child {
      border-bottom: none; }
  #nav-mobile a {
    display: block;
    color:#ffffff !important;
    padding: 10px 30px; }
    #nav-mobile a:hover {
      background-color: #126064;
      color: #fff; }

/* =Sections
-------------------------------------------------------------- */
.padleft2 {margin-left:2em;}
section h1 {
  margin-bottom: 10px; }
/*iframe {max-width:98% !important; height:auto;}*/
.one-fourth img, .one-fourth2 img, .one-fourth3 img, .one-fourth4 img {max-width:98%; height:auto;}
img {max-width:100%; height:auto;}
.floatright {float:right; margin-left:1em;margin-bottom:1em;}
.floatleft {float:left; margin-right:1em;margin-bottom:1em;}
img.floatright {float:right; margin-left:1em;margin-bottom:.5em;}
img.floatleft {float:left; margin-right:1em;margin-bottom:.5em;}
.one-third {width:30%; float:left;}
.one-third-middle {width:30%; margin-right:5%; margin-left:5%; float:left;}
.two-thirds {width:63%; float:left; margin-right:4.5%;}
.one-fourth {width:22%; float:left; margin-bottom:2em;}
.one-fourth2 {width:22%; margin-left:2%; float:left; margin-bottom:2em;}
.one-fourth3 {width:22%; margin-left:2%; float:left; margin-bottom:2em;}
.one-fourth4 {width:22%; margin-left:2%; float:left; margin-bottom:2em;}
.moveup {margin-top:-3em;}
.moveup6 {margin-top:-6em;}
.height15 {height:18em;}
.donate { border: 2px #fff solid;}
.round-image {
	float: right;
	width: 73px;
	height: 73px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #f6f6f6;
}
.round-image img {
	width:100%;
	height:100%;
}
.testimonial-name{
	font-family: 'Homemade Apple', cursive;
	color: #404040;
}
.emplus{font-size:1.1em;line-height:1.2em;}
#nav-main a:hover {color:#FEFF49;}
/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 1100px) {.height15 {height:20em;} }
@media all and (max-width: 994px) {.height15 {height:23em;} }
@media all and (max-width: 900px) {
.donate { border: none;}
	.height15 {height:16em;}
	.one-fourth {width:48%; float:left; max-width:350px;}
	.one-fourth2 {width:48%; margin-left:2%; float:left; max-width:350px; }
	.one-fourth3 {width:48%; margin-left:0%; float:left; max-width:350px;}
	.one-fourth4 {width:48%; margin-left:2%; float:left; max-width:350px;}
	.floatright, floatleft {clear:both;float:none;}
	
	#nav-trigger { display: block;float: right; position:absolute; top:1em; right:1em;} 
	#nav-mobile ul {position:relative; top:.5em;}
	nav#nav-main { display: none; }

  #nav-mobile {
	display: block;
	color: #ffffff;
	}
}/* end media */
@media all and (max-width:750px) {

.one-third, .one-third-middle {width:100%; margin-left:auto; margin-right:auto; float:none; max-width:450px;}	
.height15 {height:16em;}
.two-thirds{width:100%;float:none; margin-right:none;}
}
@media all and (max-width: 600px) {
	.one-fourth ,
.one-fourth2, .one-fourth3, .one-fourth4 {width:100%; margin-left:auto; margin-right:auto; float:none; max-width:350px;}
.one-third, .one-third-middle {width:100%; margin-left:auto; margin-right:auto; float:none; max-width:450px;}
.height15 {height:16em;}
    .moveup {margin-top:1em;}
.moveup6 {margin-top:1em;}
}

@media all and (max-width: 450px) {
    .padleft2 {margin-left:.5em;margin-right:.5em;}
	#nav-trigger { position:relative; } 
	#nav-mobile ul {position:relative; top:.5em;}
	.container {margin-top:2em;}
	.height15 {height:16em;}
        .moveup {margin-top:1em;}
.moveup6 {margin-top:1em;}

} /* end media */	
	
.tealborder {
	padding: 1em;
	line-height: normal;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
	border: 10px solid #6e2d6a;
	text-align: center;
}
.centered {text-align:center !important;}
.font2em {font-size:2em;}
.curly {font-family: 'Lobster', cursive;}
.purplebox {background-color: rgba(110, 45, 106, 0.5); color:#fff;max-width:22em;padding:1em;margin:1em;text-align: center;border: 1px #6e2d6a solid;margin-bottom:3em;}
 .oceanbg {width:100%. padding:0px; background-size: 100% 100%; background-image: url("ocean.jpg")}
.clear {clear:both;float:none;}
.alignleft {text-align:left;}
img.alignleft{margin-right:1em; margin-bottom:1em; float:left;}

.alignright {text-align:right;}
img.alignright{margin-left:1em; margin-bottom:1em; float:right;}
.aligncenter {text-align:center;}
footer {background-color:#6e2d6a; padding:1em; float:none; clear:both; color:#fff;}
footer a {color:#fff;}
footer a:hover {text-decoration:underline;}

#mc_embed_signup{background:#fff; clear:left; font-size:14px; line-height:normal; }
#mce-EMAIL,#mce-FNAME,#mce-LNAME,
#mc-embed_signup input {background-color:#D4FDD5; border: 1px #7DAFCA outset; height:1.5em; margin-bottom:.7em;}
#mc-embedded-subscribe,
#mc-embed_signup submit {
	background-color: #DCF7AA;
	height:2em; 
	text-align: center;
}
.subtitle {font-size: 1.5em; font-weight:bold; text-align:center;}
.wide100 {width:100%;}
@media all and (min-width: 1170px) {
.padleft {padding-left:7em;}
}
.meter { 
			height: 1.23em;  /* Can be anything */
			position: relative;
			
			background: #555;
			-moz-border-radius: 1em;
			-webkit-border-radius: 1em;
			border-radius: 1em;
			padding: 5px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			background-color: #2BC253;
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		.orange > span {
			background-color: #f1a165;
			background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
		
		.red > span {
			background-color: #f0a3a3;
			background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
			background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
		}
		
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			background-image: none;
		}