body {
background: #c2e0e5;
}





div#container-6, div#container-8, div#container-9, div#container-11 {
background: #fff;
}

div#container-6, div#container-9 {
padding-top: 60px;
}


div#container-7, div#container-14 {
padding-bottom: 40px;
background: #fff;
}

div#container-14 {
padding-top: 25px;
}
div#col-14-1 div.featured-image img.img-responsive {
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border: 8px solid #C2E0E5;
}



/*    H E A D E R    */

div#wrapper-4 {
border-top: 4px solid #7acedb;
border-bottom: 4px solid #7acedb;
background-color:#284664;
background: #395775;
}

div#container-4 {
background: #284664;
border-left: 1px solid #395775;
border-right: 1px solid #395775;
}

div#col-4-1 {
text-align: left;
color: #7acedb;
padding-left: 0px;
}

.header-icon {
width: 60px; height: auto; 
margin: 0px 5px 0px 25px;
}

div#col-4-1 div#logo-container h1 {
margin-top: 5px; margin-bottom: 5px;
}

div#col-4-2 {
text-align: right;
color: #7acedb;
/*padding-top: 45px;*/
font-size: 14px;
font-weight: bold;
line-height: 110px;
}

div#col-4-2 a:link, div#col-4-2 a:visited {
color: #7acedb;
 	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

div#col-4-2 a:hover, div#col-4-2 a:active {
color: #fff;
text-decoration: none;
}



/*     F O O T E R    */


div#wrapper-5 {
background: #c2e0e5;
padding-bottom: 0px;
background: #395775;
}

div#container-5 {
padding-top: 25px;
padding-bottom: 50px;
background: #284664;
}

div#col-5-1 h3, div#col-5-2 h3, div#col-5-3 h3 {
color: #7acedb;
}

div#col-5-1, div#col-5-3 {
color: #ffffff;
font-weight: 600;
line-height: 1.1;
font-family: "Raleway", Arial, sans-serif;
font-size: 18px;
}

div#col-5-1 { 
padding-left: 20px;
}

div#col-5-1 a:link, div#col-5-1 a:visited {
color: #fff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
div#col-5-1 a:hover, div#col-5-1 a:active {
color: #7acedb;
text-decoration: none;
}


div#col-5-2 { 
text-align: center;
}

div#col-5-3 { 
text-align: center;
padding-right: 20px;
}


div#col-5-3 img {
width: 100%;
max-width: 350px;
height: auto;
}

.footer-icon {
width: 60px; height: auto; 
margin: 0px 5px 0px -5px;
}

.footer-social-icon {
width: 90px; height: auto; 
}

#col-5-2 img {
	-webkit-transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	-ms-transition: all 0.9s ease 0s;
	transition: all 0.9s ease 0s;
}

#col-5-2:hover img {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}


div#wrapper-12 {
background: #c2e0e5;
background: #395775;
}

div#col-12-1 {
font-size: 80%;
letter-spacing: 3px;
text-transform: uppercase;
text-align: center;
color: #284664;
color: #f9f9f9;
padding: 5px 0px;
}





/*    H O M E P A G E   */

div#container-8 div.one_third, div#container-6 div.one_third {
width: 31%;
margin-right: 3.5%;
}
div#container-8 div.one_third_last, div#container-6 div.one_third_last {
width: 31%;
margin-right: 0px;
}
div#col-8-1, div#col-8-2, div#col-8-3, div#col-6-1, div#col-6-2, div#col-6-3 {
text-align: center;
}






div#wrapper-8 {
background: #f9f9f9;
}

div#container-8 {
padding: 0px;
}





div#col-8-1 img, div#col-8-2 img, div#col-8-3 img {
width: 100%;
max-width: 380px;
height: auto;
border: 7px solid #e5e5e5;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
div#container-8 .col-md-12 div.one_third {
 background-color: #ffffff; 
 	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
  }
 
div#container-8 .col-md-12 div.one_third:hover  {
	transform: scale(1.10);
 	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 1000000;
}






div#wrapper-9 {
background: #f9f9f9;
}

div#container-9 div.one_third, div#container-6 div.one_third {
width: 31%;
margin-right: 3.5%;
}
div#container-9 div.one_third_last, div#container-6 div.one_third_last {
width: 31%;
margin-right: 0px;
}


div#container-9 {
padding-top: 15px;
padding-bottom: 35px;

}


  
div#col-9-1 h3, div#col-10-1 h3 {
line-height: 1em;
background-color:#284664;
color: white;
font-size: 110%;
letter-spacing: 2px;
text-transform: uppercase;
padding: 10px 0px;
text-align: center;
}
div#col-10-1 h3 {
text-align: left;
padding-left: 10px;
}

div#col-9-1 img {
width: 100%;
max-width: 380px;
height: auto;
border: none;
margin-top: 25px;
}

div#col-9-1 p {
text-align: justify;
}

div#col-9-1 a.button:link, div#col-9-1 a.button:visited, div#col-10-1 a.button:link, div#col-10-1 a.button:visited {
line-height: 1em;
background-color:#C2E0E5;
color: #284664;
letter-spacing: 1px;
padding: 10px 0px;
text-align: center;
text-transform: uppercase;
width: 100%;
display: inline-block;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;  

}
div#col-9-1 a.button:hover, div#col-9-1 a.button:active, div#col-10-1 a.button:hover, div#col-10-1 a.button:active {
color:#C2E0E5;
background-color: #284664;
text-decoration: none;
}

div#col-10-1 a.button:link {
text-align: left;
padding-left: 10px;
}

.button, .button span {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}



div#wrapper-10 {
background: #f5f5f5;

}

div#container-10 {
background: #fff;
}


div#container-10 div.one_half {
width: 48.25%;
margin-right: 3.5%;
text-align: justify;
}
div#container-10 div.one_half_last {
width: 48.25%;
margin-right: 0px;
texty-align: right;
}




div#wrapper-6, div#wrapper-11, div#wrapper-14 {
background-color: #f9f9f9; 
}




div#col-6-1 img, div#col-6-2 img, div#col-6-3 img {
width: 40%;
max-width: 220px;
height: auto;
}


div#col-6-1 div.one_third img, div#col-6-1 div.one_third_last img {
	-webkit-transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	-ms-transition: all 0.9s ease 0s;
	transition: all 0.9s ease 0s;
}

div#col-6-1 div.one_third:hover img, div#col-6-1 div.one_third_last:hover img {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}





div#wrapper-11 {
background: #69A9B3;
background: #c2e0e5;
}

div#container-11 {
background: #fff;
}










/*  S I D E B A R   */


div#col-14-2 div.sidebar-callout-mission {
background: #69A9B3;
color: #f9f9f9;
font-size: 130%;
text-align: center;
letter-spacing: 1px;
font-family: raleway, arial;
font-weight: bold;
text-shadow: 4px 4px 6px #478791;
padding: 20px 10px; padding-bottom: 10px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

div#col-14-2 h3.element-title {
margin-top: 0px;
border-bottom: 2px solid #b1d0d4;
}

div#col-14-2 div.sidebar-excerpts {
background: #c2e0e5;
color: #333;
margin-top: 25px;
padding: 10px; padding-bottom: 15px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border-top: 2px solid #b1d0d4;
border-bottom: 2px solid #b1d0d4;
}



div#col-14-2 div.sidebar-callout-testimonials {
background: #284664;
color: #f9f9f9;
font-size: 120%;
text-align: center;
letter-spacing: 1px;
font-family: raleway, arial;
font-weight: bold;
text-shadow: 4px 4px 6px #173553;
margin-top: 25px;
padding: 20px 10px; padding-bottom: 15px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}





/*  F O O T E R   B A N N E R   */

h1 a.eligibility-banner {
background: #7acedb;
color: #284664;
font-size: 100%;
text-align: center;
letter-spacing: 1px;
font-family: raleway, arial;
font-weight: bold;
text-shadow: 4px 4px 6px #69bdca;
padding: 25px 10px; 
margin: 20px 0px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border: 4px solid #69bdca;
display: block; width: 100%;
}

h1 a.eligibility-banner:link, h1 a.eligibility-banner:visited {
color: #284664;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}  

h1 a.eligibility-banner:hover, h1 a.eligibility-banner:active {
background-color: #284664; 
border-color: #284664;
text-shadow: 4px 4px 6px #062442;
color: #f9f9f9;
text-decoration: none;letter-spacing: 3px;
}  


/*  G E N E R A L   C O N T E N T   */

a.inline-button:link, a.inline-button:visited {
line-height: 1em;
background-color: #C2E0E5;
color: #284664;
padding: 5px 10px;
margin: 5px 0px;
display: inline-block;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
letter-spacing: 1px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
a.inline-button:hover, a.inline-button:active {
color:#fff;
background-color: #284664;
text-decoration: none;
}

a.jmh_pew_readmore:link, a.jmh_pew_readmore:visited {
line-height: 1em;
color:#fff;
background-color: #69a9b3;
padding: 5px 10px;
margin: 5px 0px;
display: inline-block;
width: 100%;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
letter-spacing: 2px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
a.jmh_pew_readmore:hover, a.jmh_pew_readmore:active {
color:#fff;
background-color: #284664;
text-decoration: none;
}









div#wrapper-3 {
background: #69a9b3;
margin-top: 0px;
}



div#col-3-1 {
padding-left: 0px;
background: #69a9b3;
 /*#7abac4;*/
border-right: 1px solid #7ACEDB;
}





.nav-holder {
float: left;
font-family: raleway, arial;

}


.ultimatum-menu .nav-holder .navigation > li > a {
  color: #fff;  border-left: 1px solid #7ACEDB;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: 3px;
  padding: 14px 20px;
    
  text-decoration: none;
  -webkit-transition: color 0.2s linear, background 0.2s linear; 
  -moz-transition: color 0.2s linear, background 0.2s linear; 
  -o-transition: color 0.2s linear, background 0.2s linear;
  -ms-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear; 
  text-transform: uppercase;
}

.ultimatum-menu .nav-holder .navigation > li > a:hover {
  text-decoration: none;
  color: #7acedb;

}

.ultimatum-menu .nav-holder .navigation > li.donate-button > a {
background: #395775;
color: #FFD700;
font-size: 14px;
line-height: 14px;
letter-spacing: 3px;
padding: 13px 20px;
}.ultimatum-menu .nav-holder .navigation > li.donate-button > a:hover {
background: #8bcbd5;
color: #FFD700;
}

.nav-holder ul li {
  padding: 0;
}

.nav-holder ul ul {
  background: #7abac4;
  
  box-shadow: none;
  left: 0;
  width: 260px;
  /*width: 250px;*/
  z-index: 99997;
/*  padding-bottom: 10px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;*/
  border-bottom: 1px solid #7ACEDB;
}



.ultimatum-menu .nav-holder ul li ul li > a {
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold; 
  letter-spacing: 2px;
  text-decoration: none;
  border: none;
  padding: 14px 20px;
  -webkit-transition: color 0.3s linear, background 0.3s linear; 
  -moz-transition: color 0.3s linear, background 0.3s linear; 
  -o-transition: color 0.3s linear, background 0.3s linear;
  -ms-transition: color 0.3s linear, background 0.3s linear;
  transition: color 0.3s linear, background 0.3s linear;
  border-left: 1px solid #7ACEDB;
  border-right: 1px solid #7ACEDB;
}

.ultimatum-menu .nav-holder ul li ul li:nth-child(even) {
  background-color: #8bcbd5;
}

.ultimatum-menu .nav-holder ul li ul li:nth-child(3) {
  background-color: #9cdce6;
}


.ultimatum-menu .nav-holder ul li ul li > a:hover, .ultimatum-menu .nav-holder ul li ul li.current-menu-item > a, .ultimatum-menu .nav-holder .ultimatum-menu-nav > li .sub-menu .current-menu-ancestor {
  background-color: #fff; /*#c2e0e5;*/
    text-decoration: none;
    color: #284664;
}


.ultimatum-menu .nav-holder .navigation > li:hover > a, .ultimatum-menu .nav-holder .navigation > li.current-menu-ancestor > a, .ultimatum-menu .nav-holder .navigation > li.current_page_item > a, .ultimatum-menu .nav-holder .navigation > li.current-menu-item > a, .ultimatum-menu .nav-holder .navigation > li.current-menu-parent > a {
  text-decoration: none;
  background: #fff; 
  color: #7acedb;
  color: #284664;

  
}


.ultimatum-menu .caret {
 vertical-align: middle;
}






/*     M O B I L E    N A V I G A T I O N    */
.slicknav_btn {
margin: 5px auto;
padding: 10px 0px 10px 0px;
display: block;
width: 100%;
letter-spacing: 2px; 
background: #7ACEDB;
background: #284664;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid rgba(255,255,255,0.4);
border: 2px solid #7ACEDB;
}
  
  
.slicknav_menu .slicknav_menutxt {
line-height: 1em;
padding-left: 10px;
text-shadow: none;
}


.slicknav_menu .slicknav_icon {
}

.slicknav_menu .slicknav_no-text {
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
}

.slicknav_nav .slicknav_arrow {
  font-size: 1em;
  margin: 0 0 0 0.5em;
}


.slicknav_nav ul {
  margin: 0px 0px 0px 10px;

}

.slicknav_nav li, .slicknav_nav ul {
    display: block;
    background: white;
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.slicknav_menu {
  font-size: 16px;
  padding: 5px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


.slicknav_nav {
    font-size: 1em;
}


.slicknav_nav, .slicknav_nav ul {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.slicknav_nav .slicknav_row, .slicknav_nav a {
padding: 10px 10px;
line-height: 1em;
}


.slicknav_nav a, .slicknav_nav a:link, .slicknav_nav a:visited,
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #777777;
margin: 2px 0 0 0; 
background: none;

}


.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover, 
.slicknav_nav a:active {
  background-color: #9cdce6;
color: #7acedb;
  color: #284664;
}


#ultimatummenu-2-responsive-menu .slicknav_btn {
  float: none;
}








/*  MEDIA QUERIES FOR RWD EXPERIENCES  */



@media only screen and (max-width : 990px) {

  div#col-4-1 {
	text-align: center;
	padding-left: 20px;
  }
  
   div#logo-container h1 a.logo img {
    margin:0 auto;
    width: 60%;
    max-width:450px;
    min-width:350px;
    height: auto;
    }

div#col-4-2 {
	text-align: center;
	line-height: 60px;
  padding-bottom: 15px; 
}

.header-icon {
	width: 60px; 	height: auto; margin: 0px 0px 0px 0px;
}

div#col-3-1 {
	padding-left: 20px;
}

div#container-7, div#container-14 {
	padding-bottom: 0px;

}





}



@media only screen and (max-width : 769px) {

div#col-9-1 h3, div#col-10-1 h3 {
	font-size: 90%;
	letter-spacing: 1px;
	padding: 10px 0px;
}

div#col-10-1 h3 {
	padding-left: 10px;
}

div#col-9-1 a.button:link, div#col-9-1 a.button:visited, div#col-10-1 a.button:link, div#col-10-1 a.button:visited {
	letter-spacing: 0px;
font-size: 90%;
}


h1, h1 a, h1 a:hover, h1 a:visited {
	font-size: 18px;
	}
h1 a.eligibility-banner:hover, h1 a.eligibility-banner:active {
	letter-spacing: 2px;
}

div#col-5-1, div#col-5-3 {
	font-size: 18px;
  text-align: center;
}

div#col-5-2 {
	padding-top: 20px;
}


.two_third, .one_third, .one_half {
    width: 100%;
    float: none;
    }



}  /* ============================================ */



@media only screen and (max-width : 641px) {


   div#logo-container h1 a.logo img {
    width: 70%;
    height: auto;
    min-width: 260px;
    }

  .header-icon {
	width: 40px;
	height: auto;
	margin: 0px 0px 0px 0px;
}





}




@media only screen and (max-width : 480px) {  





}




@media only screen and (max-width : 320px) {  

}