/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {color: #222; font-size: 1em; line-height: 1.4;}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,canvas,iframe,img,svg,video {vertical-align: middle;}

/*Remove default fieldset styles.*/
fieldset {border: 0; margin: 0; padding: 0;}

/*Allow only vertical resizing of textareas.*/
textarea {resize: vertical;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



/*
Project: 		CEMF
Web Design (excluding logo): Mostaque Ahammed (www.studiomaqs.com)
Front-end coding and Drupal templating, subpage design:	Devon Lesk (www.devonlesk.com)
Primary use:	Web, Mobile

A new redesign in 2015.
*/

/*Icon Fontface declaration*/
@font-face {
  font-family: "icons";
  src:url("fonts/icons.eot");
  src:url("fonts/icons.eot#iefix") format("embedded-opentype"),
    url("http://www.cemf.ca/en/sites/all/themes/cemf/assets/css/fonts/icons.woff") format("woff"),
    url("fonts/icons.ttf") format("truetype"),
    url("http://www.cemf.ca/en/sites/all/themes/cemf/assets/css/fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before { font-family: "icons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
[class^="icon-"]:before,
[class*=" icon-"]:before { font-family: "icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon-facebook:before {content: "a";}
.icon-twitter:before {content: "b";}
.icon-call-phone:before {content: "c";}
.icon-align-justify:before {content: "d";}
.icon-delete-circle:before {content: "e";}
.icon-quote:before {content: "f";}
/**/

/*Keyframes for CSS3 Animations*/
@keyframes content-anchors{
from {color:#3078bd;}
to {color:#173b5e;}
}

/************************/

@media screen and (max-width: 800px) {
#about-section{background:none!important;}
#news{background:none!important;}
}


/*General Classes and Styles
*********************/
* {
	box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;	
	-webkit-box-sizing:border-box!important;
}

/*solution for long single words on mobile*/
.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

html{font-size:16px; font-family: 'Open Sans', sans-serif!important;}

a{text-decoration:none; color:#3078bd; animation-name: content-anchor; animation-duration:4s;}

.left{float:left; display:inline;}
.right{float:right; display:inline;}
.clear{clear:both;}

.alignLeft{text-align:left;}
.alignRight{text-align:right!important;}
.alignCenter{text-align:center;}

/*Smallest/0.688em;Smaller/0.750em;Small/0.875em;Normal/1em;Large/1.125em;Larger/1.250em;Largest/1.500em; Drupal CKeditor font sizes for reference*/

.padding{padding:1%;}
.leftPadding{padding:0 0 0 1%;}
.leftLargerPadding{padding:0 0 0 5%;}
.rightPadding{padding:0 1% 0 0;}

.margin{margin:1%;}
.leftMargin{margin:0 0 0 1%;}
.rightMargin{margin:0 1% 0 0;}

/*Image styles for Drupal's ckeditor*/
img[style*="left"]  {margin:0 10px 10px 0;}
img[style*="right"] {margin:0 0 10px 10px; }
/**/

.imgBorder{border:#CCC solid 1px; padding:4px; margin:1%;}

iframe{padding:1%; border:#455a64 solid 1px; z-index:1;}

.underline{text-decoration:underline;}

.width-wrapper{display:block; margin:0 auto; width:80%; max-width:1200px;}
.width-wrapper-padding-left{display:block; margin:0 auto; width:100%; max-width:1200px; padding:0 0 0 300px;}
.width-wrapper-padding-right{display:block; margin:0 auto; width:100%; max-width:1200px; padding:0 500px 0 0;}
.width-wrapper-small{display:block; margin:0 auto; width:800px;}

hr{clear:both; width:100%; margin:20px 0; position:relative; background:#e1e3e4; border:none;}

/*tables*/
table{float:left; display:inline; display:table;}
	table tbody{display:table; width:100%; border-top:none;}

/*forms*/
label{float:left; width:10%; font-size:0.875em; color:#232323; margin:0%!important; padding:2% 1% 1% 1%;}
input{float:left; border:none; background:#eaebed; padding:1%; width:25%; color:#b0bec4; border-radius:3px; display:inline; padding:1% 2%; margin:1% 0;}
input:focus{color:#666e72;}
textarea{float:left; padding:1%; display:inline!important; border:none; background:#eaebed; color:#c5c5c5; border-radius:3px;}
textarea:focus{color:#666e72;}
input[type=submit]{float:right; border-radius:3px; background:#73b0eb; color:#fff; text-transform:uppercase; text-align:center; width:18%; margin:1% 0 0 2%!important;}
.grippie{display:none;}

#user-login{width:100%;} #user-login input{width:80%;} #user-login label{width:20%;} .description{clear:both; width:50%; margin:0 0 2% 20%; font-size:.75em; color:#999;}

#contact-form label{display:none;}
#contact-form input{float:left; border:none; background:#eaebed; padding:1%; width:25%; color:#b0bec4; border-radius:3px; display:inline; width:49%; padding:1% 2%; margin:1% 0;}
#contact-form input:focus{color:#666e72;}
#contact-form input:last-of-type{margin:0 1% 0 0;}
#contact-form textarea{width:70%; height:70px; padding:1% 2%; margin:1% 0;}
#contact-form input[type=submit]{border-radius:3px; background:#73b0eb; color:#fff; text-transform:uppercase; text-align:center; width:28%; height:70px; margin:1% 0 0 1%!important;}

.search-form{float:left; display:block; width:100%;}
.search-form input{float:left; width:60%;}
.search-form label{display:none;}
.search-form input[type="submit"]{width:36%;}
.search-advanced{float:left; display:block; width:100%;}
.search-results ol{margin:0px!important; padding:0px!important; list-style:none!important;}
.search-results li{float:left; width:100%; margin:10px 0px 10px 0px; padding:10px 0 20px 0; border-bottom:#D5D5D5 dotted 3px; list-style:none!important;}
.search-results .pager{}
.search-results .pager li{float:left; display:inline;}
/**/

.button{display:block; clear:both; color:#fff!important; border:#8b8b8b solid 1px; width:15%; margin:4% 0 0 40%; padding:.5% 2.5%; text-align:center;}
.button:hover{color:#fff!important;}

.photo{float:left; margin:1%;}
a .photo{padding:.5%; border:#0060aa solid 1px;}

#mobile-checker{display:none;}

li{list-style:none;}

h1{color:#455a64; font-size:2.25em; font-weight:600; margin:0 0 20px 0; padding:0;}
	#subpage h1{color:#fff; margin:100px 0 30px 0;}
	.subpage h1{ padding:0 0 10px 0;}
h2{color:#455a64; font-size:1.875em; margin:0; padding:0; font-weight:400;}
h3{color:#393c3d; font-size:1.600em; margin:0 0 35px 0; padding:0; font-weight:600;}
	h3 span{font-size:0.550em; display:block;}
	footer h3{margin:0;}
h4{color:#3077bd; font-weight:400; font-size:1.188em; margin:0;}
h5{font-size:1.125em; font-weight:600; color:#393c3d; margin:0; padding:0;}

.column-half{float:left; width:50%;}

.orange_border{border:#fec057 solid 3px; padding:2%; border-radius: 10px;}

.white-back-trans{background:rgba(255,255,255,.85); padding:30px 10px;}

/*Common Colors*/
/* Light Blue (Link Color) #3078bd
/* Lighter Blue (Subscribe Button) #73b0eb
/* Heading Dark Grey #393c3d
/* Dark Bluish Grey #455a64
/**/
/*********************/



/*Body and Wrapper*/
body{height:100%; padding:0; background:#ffffff;}
#main{position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
/**/

.donate-btn{
background: #3b93cc; /* Old browsers */
background: -moz-linear-gradient(top, #3b93cc 0%, #2761b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b93cc), color-stop(100%,#2761b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3b93cc 0%,#2761b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3b93cc 0%,#2761b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3b93cc 0%,#2761b1 100%); /* IE10+ */
background: linear-gradient(to bottom, #3b93cc 0%,#2761b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b93cc', endColorstr='#2761b1',GradientType=0 ); /* IE6-9 */

position:relative; display:inline-block; z-index:11; margin:16px 0 0 0; padding:1% 3%; color:#fff; text-transform:uppercase; font-weight:700; font-size:1.125em; border-radius:3px;
border: 3px solid rgba(0, 0, 0, 0.1);
-moz-background-clip: padding;     /* Firefox 3.6 */
-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
background-clip: padding-box;
}

#memorial{float:left; width:100%; background:#2c6db7 url(../img/memorial-back-compressed.png) no-repeat center bottom; padding:20px 0 20px 0;}
	#memorial p{color:#fff; font-size:.75em; text-align:center;}
	#memorial-intro{font-size:1.2em!important;}

header{float:left; width:100%; height:auto; height:250px; position:relative; background:#fff; border-bottom:#f79d41 solid 10px;}
	#home .width-wrapper{position:relative;}
	#subpage{min-height:100px; height:auto; overflow:hidden; background:#3077bd; border-bottom:#263238 solid 1px;}
	#logo{float:left; top:30px; margin:6px 0 6px 0; z-index:101; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
		#subpage #logo{position:fixed; top:8px; left:12px; width:54px; height:39px; background:url(../img/cemf-logo-black.png) no-repeat}/*SUBPAGE*/
		#subpage #logo img{display:none;}/*SUBPAGE*/
	#mobile-menu-btn{display:none;}
	header nav{float:right; margin:60px 0 0 0; padding:0 2%; width:60%; height:auto; z-index:100; background:rgba(255,255,255,.85); border-radius:3px; font-size:1.2em; -webkit-transition: width 0.6s ease; transition: width 0.6s ease;}
		#subpage nav{position:fixed; top:0px; left:0px; margin:0px; padding:0 2% 0 2%; width:100%; background:#f0f0f0; border-bottom:#d6d6d6 solid 1px; border-radius:0px;}/*SUBPAGE*/
	header nav ul{margin:0; padding:0;}
		#home nav li{float:left; position:relative; margin:0 0;}
			#subpage nav li{float:left; margin:0 0; padding:0 0;}/*SUBPAGE*/
		.leaf{float:left; position:relative; background:none!important;}
		.last{}
		header nav a{float:left; color:#151515; padding:15px 9px; font-weight:600;}
		header nav ul li ul{display:none; position:absolute; z-index:101; top:101%; left:0px; width:200%; background:rgba(255,255,255,.85); font-size:.85em;}
				#subpage nav ul li ul{position:absolute; top:101%; width:100%; padding:0 0 0 0%; border-bottom:#d6d6d6 solid 1px; background:#e5e5e5;}/*SUBPAGE*/
			header nav ul li ul a{padding:10px 9px;}
		nav li a.more, nav li a.less {display:none; width:25%; text-align:center; z-index:500; font-size:1.5em;}
		
		#header-links p{display:inline-block; margin:0; padding:0; color:#f0f0f0;}
		#header-links a{margin:14px 13px 0px 0px; padding:5px 6px; color:#151515; border:rgba(128, 128, 128, .3) solid 1px; font-size:0.6em; font-weight:600; border-radius:3px;}
		#header-links a:hover{border:#f79d41 solid 1px;}
		
		header.sticky nav{position:fixed; top:0px; left:0px; z-index:100; width:100%; margin:0px; padding:0 0 0 10%; background:rgba(255,255,255,.85);}
		header nav ul li ul{background:rgba(255,255,255,.9);}
		header.sticky #logo{position:fixed; top:4px; left:4px; z-index:101; width:90px; height:auto;}
			header.sticky #logo img{width:90px; height:auto;}
			
		iframe{z-index:10;}	


#hero ul{margin:0; padding:0;}
#hero {float:left; width:100%; height:560px; padding:200px 0 0 0; position:relative; overflow:hidden; background:url(../img/masthead/home-banner.jpg) no-repeat; background-size:cover; background-position:top right; color:#fff;}
			.hero-box{position:relative; width:60%; left:20%; top:100px;}
			.line1{margin:0 0 10px 0; font-size:2em; font-weight:700; text-transform:uppercase;}
			.line2{margin:0 0;}

			.bx-wrapper{position:relative; width:100%; max-height:700px; padding:0px;}
			.bx-wrapper .bx-loading {min-height: 50px; background: url(http://www.cemf.ca/en/sites/all/themes/cemf/assets/css/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
			.bx-pager{list-style:none; margin:0; padding:0; width:50%; left:50%; margin-left:-25%; position:absolute; bottom:20%; height:15px; text-align:center; z-index:51; text-align:center;}
				.bx-pager-item{display:inline;}
				.bx-pager a{text-align:center; display:inline-block; list-style:none; margin:0 1%; padding:0; position:relative; text-indent:-999em; background:rgba(0,0,0,.5); width:15px; height:15px; border-radius:15px;  -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
				.bx-pager a:hover{background:#3788c6;}
				
#masthead{position:relative;}				
#masthead img{position:absolute; top:0px; left:0px; width:100%!important; min-height:400px; height:auto!important; z-index:0;}
	#masthead-content{float:left; margin:120px 0 60px 0; width:100%; z-index:2;}
		.masthead-box{background:rgba(255,255,255,.6); padding:10px; border-radius:3px; position:relative; z-index:2; width:50%;}
		#masthead-content p{color:#151515;}			
				
	#donate-promo{float:left; position:relative; z-index:52; width:60%; margin:-60px 20% 0 20%; padding:.5% 1%; background:rgba(255,255,255,.85); color:#525252; border:rgba(224,231,238,.5) solid 1px; border-radius:3px; font-weight:600;}			
		#donate-promo a{float:right; background:#3078bd; color:#fff; padding:1% 5%; border-radius:3px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
		#donate-promo a:hover{background:#283883;}
	
#content{float:left; width:100%;}
	.subpage{padding:60px 0 60px 0;}
	#content p{color:#5f5f5f;}
	#content a{color:#3078bd; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
	#content a:hover{color:#2c3c43; border-color:#2c3c43;}
	#content ul li{list-style:circle; color:#5f5f5f;}
	#content ol li{list-style:circle; color:#5f5f5f;}
	
	.more-link{border:#3077bd solid 1px; border-radius:3px; margin:40px 0 0px 0; padding:10px 20px; font-weight:600; display:inline-block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
	.more-link:hover{opacity:.6;}
	.btn{border:#3077bd solid 1px; border-radius:3px; margin:10px 0 20px 0; padding:10px 20px; font-weight:600; display:inline-block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
	.btn:hover{opacity:.6;}
	.logout{font-size:1.4em; float:right; border-radius:6px; color:#fff!important; background:#3078bd; padding:10px 20px;}
	.deadline-btn{float:left; width:100%;font-size:2em; text-align:center; border-radius:6px; color:#fff!important; background:#3078bd; padding:10px 20px; margin:0 0 30px 0; transition:.4s all;}
	.deadline-btn:hover{background:#455a64;}
	section{float:left; width:100%; margin:0% 0;}
	.subpage section{margin:0 0;}
	#breadcrumbs{float:left; width:100%; margin:0 0 30px 0; border-top:#e1e3e4 solid 1px; border-bottom:#e1e3e4 solid 1px;}
	
	#about-section{margin:0 0!important; background:url(../img/about-back.jpg) no-repeat; background-position:center left; background-size:contain;}
	
	#ambassadors-section{margin:0 0 3% 0; background:#f79d41;}
		#ambassadors-section .info{position:relative; padding:5%; height:100%;}
		#ambassadors-section a{ padding:2%; color:#fff; background:#e58e34; font-size:1.5em;}
		#ambassadors-section .video p{margin:0; padding:0;}
		#ambassadors-section iframe{padding:0; border:none;}
		#ambassadors-section p{color:#fff;}
		#ambassadors-section h3{color:#fff;}

	#news{margin:0; padding:0 0; background:url(../img/news-back.jpg) no-repeat; background-position:bottom right;}
		.news-item{float:left; width:100%; margin:0 2% 4% 0; color:#5f5f5f;}
		.news-item:after{display:block; content:' '; margin:3% 0 0 0; width:50%; margin-left:25%; border-bottom:#CCC dotted 4px;}
		.news-item:last-of-type{border:none;}
		.news-alt{margin:2% 0 2% 2%;}
		.news-item a{border-bottom:#3077bd solid 1px;}
		#news .date{margin:0px; padding:0; font-size:.85em; color:#455a64;}
		
		.partner{float:left; width:220px; height:240px; margin:10px;}
		
		.paypal{background:none; padding:0; margin:0; border:none; width:auto; border-radius:0px;}


footer{float:left; width:100%; margin:0; color:#5f5f5f;}
	footer a{color:#3078bd; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
	footer a:hover{color:#2c3c43;}
	h5{margin:0 0;}
	#testimonials {float:left; width:100%; position:relative; margin:0; padding:10% 0 0 0; background:#4e5c99; background:#4e5c99 url(../img/testimonials-back.jpg) no-repeat; background-size:cover;}
	#testimonial-slider{position:relative; width:35%; margin:0 auto; height:auto; background:#fff; border-top-left-radius:4px; border-top-right-radius:4px;}
		#quotation-mark{position:absolute; top:-30px; z-index:99; left:-30px; background:#fff; color:#b0bec5; font-size:2em; text-align:center; padding:16px 0 0 0; width:60px; height:60px; border-radius:30px; line-height:1; box-shadow:#d5d5d5 3px 3px 2px;}
	#testimonials ul{margin:0; padding:0;}
    #testimonials ul li {list-style:none; float: left; width:100%; font-size:0.875em; padding:4% 4% 8% 4%;}
	#testimonials .bx-pager{bottom:5%;}
		#testimonials .bx-pager a{margin:0 4%;}
	#testimonials .dots{position:absolute; bottom:40%;}
	#testimonials a{background:#d7e1e5; border:none; width:10px; height:10px; padding:0; border-radius:10px;}
	#testimonials a:hover{background:#263781;}
	#testimonials .active{background:#263781;}
		.name{color:#455a64; font-size:1.250em; display:block;}
		.title{color:#3077bd; font-weight:600; display:block;}
	#testimonials img{position:absolute; top:0; left:0; z-index:-1; width:100%; height:auto;}
	
	#footer-info{float:left; width:100%; position:relative; z-index:10; padding:100px 0 0 0; box-shadow:rgba(7,7,7,.25) -10px 0px 10px;}
	#social{float:left; width:32%; margin:0 10% 0 6%;}
		#social h5{margin:0 0 0 0;}
		#social p{color:#a8b6bc; margin:0 0 10px 0;}
			#social-links{float:left; width:100%; margin:6% 0 0 0; font-size:1.5em;}
			#social-links a{margin:0 5%; color:#a8b6bc;} #social-links a:hover{color:#3077bd;}
	#sitemap{float:left; width:20%;}
		footer nav ul{margin:5% 0 0 0; padding:0; font-size:0.938em; font-weight:600;}
		footer nav li{float:left; width:100%; padding:3px 0;}
		#sitemap .menu .menu {display:none;}
	#contact{float:left; width:20%; margin:0 6% 0 6%;}
		#contact p{font-size:0.875em;}

	#footer-bottom{float:left; width:100%; margin:40px 0 1% 0; padding:1% 0%; font-size:0.875em; text-transform:uppercase; border-top:#e1e3e4 solid 1px;}
		#footer-bottom .left{color:#b8c6cd;}
		#footer-bottom .right{color:#78909c;}
	
		







@media screen and (max-width: 1199px) {
.width-wrapper{position:relative; display:block; margin:0 auto; width:100%; padding:0 2% 0 2%;}
.width-wrapper-small{position:relative; display:block; margin:0 auto; width:100%;}
.width-wrapper-padding-right{display:block; margin:0 auto; width:100%; padding:0;}

.hero-info{position:absolute; width:100%; left:0; bottom:24%; text-align:center; z-index:10;}
.hero-box{position:relative; width:90%; left:5%;}
#hero .bx-pager{list-style:none; margin:0; padding:0; width:50%; left:50%; margin-left:-25%; position:absolute; bottom:10%; height:15px; text-align:center; z-index:51; text-align:center;}

#subpage nav {font-size:1em;}

.donate-btn{padding:1% 3%;}

header{height:auto;}
header nav{top:60px; width:100%;}
#subpage header .menu{padding:0 0 0 50px;}
#subpage nav{margin:0 0 0 0; padding:0 0 0 0;}
#header-links{margin:0 0 0 50px;}
#header-links a{margin:14px 13px 14px 13px;color:#151515; border:rgba(128, 128, 128, .3) solid 1px; font-size:0.6em; font-weight:600; border-radius:3px;}

#news{background-position:center center; background-size:cover;}

#masthead{position:relative;}				
#masthead img{position:absolute; top:0px; left:0px; width:160%!important; height:auto; z-index:0;}
	#masthead-content{float:left; margin:0px 0 60px 0; padding:120px 0 0 0; width:100%; z-index:2;}
		.masthead-box{background:rgba(255,255,255,.6); padding:10px; border-radius:3px; position:relative; z-index:2; width:50%;}
		#masthead-content p{color:#151515;}			
}

/*Large Phones/Tablets*/
@media screen and (max-width: 800px) {
#mobile-checker{display:inline;}
#mobile-menu-btn{display:inline;}
#main-menu{display:none;}

#about-section{background:none!important;}
#news{background:none!important;}

td{display:inline-block; width:100%; margin:3% 0;}

#breadcrumbs{font-size:1.5em;}
	
.width-wrapper{position:relative; display:block; margin:0 auto; width:100%;}
.width-wrapper-small{position:relative; display:block; margin:0 auto; width:100%;}
.width-wrapper-padding-left{position:relative; display:block; margin:0 auto; padding:0; width:100%; padding:0 2% 0 2%;}

.masthead-box{width:100%;}
#masthead-content{float:left; margin:0px 0 60px 0; padding:0px 0 0 0; width:100%; z-index:2;}

.column-half{float:left; width:100%;}

/*#spacer{width:50px; height:50px; display:inline-block;}*/
#logo{position:relative; float:left; width:100%; z-index:101; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#logo img{margin:0 auto; width:160px; height:auto;}
header nav{position:relative; float:left; padding:0 0%; margin:0 0 100px 0; width:100%; height:auto; right:0px; z-index:100; font-size:1.250em;}
header nav ul{float:left; position:relative; width:100%; margin:0; padding:0;}
#subpage nav ul{padding:0 0 0 50px;}
header nav li{}
header nav li a{padding:5px 6px;}
	header nav ul li ul{position:relative; float:left; width:100%; padding:0;}
nav li a.more, nav li a.less {display:block; float:right; width:12.5%; height:100%; padding:1% 0%; margin:0px; text-align:center; font-size:1.25em; border:none;}

		#subpage #logo{position:relative; float:left; top:56px;}
		#subpage nav{position:relative; width:100%; padding:10px;}/*SUBPAGE*/
			#subpage nav li{float:left; margin:0 0; padding:0 0;}/*SUBPAGE*/
			#header-links a{margin:10px 5px;}
				#subpage nav ul li ul{position:relative; float:left; top:0; width:100%; padding:0 0 0 0%; border-bottom:#d6d6d6 solid 1px; background:#e5e5e5;}/*SUBPAGE*/


#hero{clear:both; max-height:none;}

.dots{list-style:none; margin:0; padding:0; position:relative; bottom:10%; text-align:center; z-index:10;}


header.sticky nav{position:relative; top:100px; left:0px; z-index:100; width:100%; padding:0 0 0 0%; background:rgba(255,255,255,.85);}
header.sticky #logo{position:relative; float:left; width:100%; z-index:101; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
			header.sticky #logo img{margin:0 auto; width:160px; height:auto;}
			

#donate-promo{width:90%; margin:20px 20% 0 5%;}	

#masthead img{}

#about{background:none;}

#testimonial-slider{width:90%;}
#testimonials ul{width:90%}
#testimonials{background:none; background:#4e5c99;}

footer li a.more, footer li a.less {display:none;}

#social{width:100%; margin:0 0 10% 0;}
#sitemap{width:50%; margin:0 0}
#contact{width:50%; margin:0 0 0 0;}
}

/*Phones*/
@media all and (max-width:520px) {
.width-wrapper{position:relative; display:block; margin:0 auto; width:100%;}
.width-wrapper-small{position:relative; display:block; margin:0 auto; width:100%;}

img{max-width:100%!important; height:auto!important;}

#hero img{width:300%;}

.dots{list-style:none; margin:0; padding:0; position:relative; bottom:5%; text-align:center; z-index:10;}

.news-item{float:left; width:100%; margin:8% 2% 8% 2%; color:#5f5f5f;}
.news-alt{margin:8% 2% 8% 2%;}

#testimonials img{width:400%;}

#sitemap{width:100%; margin:0 0 10% 0}
#contact{width:100%; margin:0 0 0 0;}
}







/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {display: none !important;}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {visibility: hidden;}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {content: "";}

    pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {display: table-header-group;}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    p, h2, h3 {orphans: 3; widows: 3;}
    h2,  h3 {page-break-after: avoid;}
}