/*! 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
   ========================================================================== */
.file-icon{display: none; !important}

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 separatmee.
 * 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("fonts/icons.woff") format("woff"),
    url("fonts/icons.ttf") format("truetype"),
    url("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";}
.icon-mainpage {
    color: #a8b6bc;
    margin-right: 0.5em;
    font-size: 1.5em;
    padding: 0.1em;
    border-radius: 5px;
}

.icon-mainpage:hover {
	color: #3078bd;
}

.smContainer {
	float: right;
	margin-right: 10em;
	position: relative;
	top: -25px;
}

.inputText {
  width: 100%!important; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

.submitButton {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.submitButton:hover {
  background-color: #45a049;
}

    
/**/

/*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-large{display:block; margin:0 auto; width:90%; max-width:1600px;}
.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%;}
.field-prefix{float:left; width:100%;}
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; transition:.4s all;}
input[type=submit]:hover{background:#4e5c99;}
.grippie{display:none;}

#user-login{width:100%;} #user-login input{width:80%;} #user-login label{width:20%;} .description{clear:both; width:100%; margin:2% 0 2% 0%; 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:99%; 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:50%; height:70px; margin:1% 0 0 0%!important;}
.g-recaptcha{float:left; width:100%; border:none;}
.g-recaptcha iframe{border:none; padding:0px; margin:0px;}
.captcha{float:left; width:100%;}
	.captcha label{width:auto;}
	.captcha .field-prefix{width:auto; padding:2% 2% 0 0;}
	.captcha input{width:auto;}
.captcha iframe{border:none;}
.g-recaptcha-response{display:none!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; transition: 0s all!important;}
body.sticky{padding:170px 0 0 0;}
#main{position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
/**/

/*REMOVE THIS CLASS LATER - WILL NOT BE NEEDED*/
.donate{
	
background: #3b93cc; 
background: linear-gradient(to bottom, #3b93cc 0%,#2761b1 100%);
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);
background-clip: padding-box;
	
}

.donate-btn{
background: #3b93cc; /* Old browsers */
background: linear-gradient(to bottom, #3b93cc 0%,#2761b1 100%);
 width:12%;
position:relative; display:inline-block; z-index:11; margin:0; padding:1% 0%; text-align: center; color:#fff; text-transform:uppercase; font-weight:700; font-size:1.4em; border-radius:3px;
border: 3px solid rgba(0, 0, 0, 0.1);
background-clip: padding-box;
transition: .4s all;
}
.donate-btn:hover{background: linear-gradient(to bottom, #f47c3c 0%,#df581b 100%); box-shadow: rgba(0,0,0,.3) 0px 0px 10px;}

#notice{float:left; width:100%; background:#2c6db7 url(../img/memorial-back-compressed.png) no-repeat center bottom; /*padding:20px 0 20px 0;*/padding:10px 0 10px 0;}
	#notice p{color:#fff; font-size:.75em; text-align:center;}
	#notice-intro{font-size:1.2em!important;}
	#notice a{color:#fff; border-bottom:#FFFFFF dotted 3px; transition:.4s all;}
	#notice a:hover{color:#0a305b; border-bottom:#0a305b dotted 3px;}

header{float:left; width:100%; height:auto; 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;}
	
	header#home>div{display:flex; justify-content: center; align-items: center;}
	header#home>div>*{}
	
	#logo{margin:20px 0 20px 0; z-index:101; width:18%;}
	#logo img{width:100%; height:auto;}
		#subpage #logo{position:fixed; margin:3px 0 6px 0; top:8px; left:12px; width:54px; height:39px; background:url(../img/CEMF-logo-black.png) no-repeat}/*SUBPAGE*/
			#subpage #logo.english{background:url(../img/CEMF-logo-black-en.png) no-repeat}
			#subpage #logo.french{background:url(../img/CEMF-logo-black-fr.png) no-repeat}
		#subpage #logo img{display:none;}/*SUBPAGE*/
		#home.sticky #logo{margin:6px 0 6px 0;}
	#mobile-menu-btn{display:none;}
	header nav{float:left; margin:0 6% 0 2%; padding:0 0%; width:60%; height:auto; z-index:100; background:rgba(255,255,255,.85); border-radius:3px; font-size:1.2em;}
		#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; position: relative;}
		#home nav li{display: inline; margin:0 0;}
			#subpage nav li{display: inline; margin:0 0;}/*SUBPAGE*/
		.leaf{display: inline; background:none!important;}
		#home nav ul.menu .last{display:none;}
		/*#subpage nav ul .last a{color:#fff; background:linear-gradient(to bottom, #3b93cc 0%,#2761b1 100%);}*/
		header nav a{float:left; color:#151515; padding:15px 9px; font-weight:600; transition: .3s all;}
		header nav a:hover{color:#f79d41;}
		header nav ul li ul{display:none; position:absolute; z-index:101; top:141%; left:0px; width:200%; background:rgba(255,255,255,.85); font-size:.85em;}
				#subpage nav ul li ul{position:absolute; top:141%; 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{float:left; display:inline-block;}
		#header-links p{margin:0; padding:0; color:#f0f0f0; }
		#header-links a{margin:14px 6px 0px 6px; padding:4px 6px 5px 6px; color:#151515; border:rgba(128, 128, 128, .3) solid 1px; font-size:0.8em; font-weight:600; border-radius:3px; transition: all 0.6s ease;}
			#header-links .locale-untranslated{display:inline-block; margin:14px 6px 0px 6px; padding:4px 6px 5px 6px; color:rgba(128, 128, 128, .3); border:rgba(128, 128, 128, .3) solid 1px; font-size:0.8em; font-weight:600; border-radius:3px; transition: all 0.6s ease;}
		#header-links a:hover{border:#f79d41 solid 1px;}
		
		.social-links-masthead{display:inline-block; float:left; margin: 10px 0 0 0;}
		.social-links-masthead a{padding:10px 7px;}
		
		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;}
		
#featured{padding:40px 0 60px 0;}	


#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-2018.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(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;}
				.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%;}

	.first-column{float:left; width:48%; margin:0 2% 0 0;}
	.second-column{float:left; width:48%; margin:0 0 0 2%;}

	.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;}
	
	.apply-btn{display:block; background:#73b0eb; margin:0 0 40px 0; color:#fff!important; padding:30px; width:100%; text-align: center; font-size:2em; border-radius:20px;}
	.apply-btn:hover{background:#186dc0;}
	
	.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;}
	.donation-btn input{width:auto!important; background:none; padding:0px; margin:10px 0 10px 0;}
	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;}
			
	.winner{float:left; margin:10px 10px; width:200px; height: 280px;}
	article.winner{float:left; display:flex; width:100%; margin: 20px 0 20px 0;}
		article.winner .info{text-align: center; width:180px; flex:0 0 180px;}

		article.winner h1{font-size:1.6em; margin:0px;}
		article.winner h2{font-size:1em; margin:0px;}
		article.winner h3{font-size:.9em; margin:0px;}
		article.winner img{width:180px; height:auto; border:#CCC solid 2px; padding:3px; margin:0 0 10px 0;}
		article.winner .bio{margin:0 0 0 50px;}
		article.winner .type{color:#5178bd; font-weight:bold;}
		
	.winner-thumbnails{float:left; display:flex; width:100%; flex-wrap: wrap; align-items: center; margin:50px 0 100px 0;}
		.winner-thumbnails h2{width:100%; flex:0 0 100%;}
		a.winner{width:180px; text-align: center; padding:20px; /*background:#f6f6f6;*/ border-radius:10px; margin:30px 0px; color:inherit!important;}
			a.winner:hover img{border:#fec057 solid 6px;}
		a.winner img{width:100%; height:auto; border:rgba(0,0,0,0) solid 6px; border-radius:3px; margin:0 0 10px 0; transition:.4s all; background-clip: border-box;}
		a.winner span{display:block; font-size:.9em;}
			a.winner span:first-of-type{font-size:1.2em;}
			a.winner .university{}
			a.winner .type{color:#5178bd; font-weight:bold;}
			a.winner .region{}
            
    #winners-wrapper{clear:both; margin:20px 0; width:100%; display:flex; flex-wrap: wrap;} 
        article.winner{width:30%; padding:0 5%; margin:1.5% 1.5%; height:auto;}
        article.winner h1{font-size:1.3em;}
        article.winner .info{width:100%; flex:0 0 auto;}
        article.winner .type{font-size:.9em;}
        article.winner img{width:100%; height:auto;}
	


	#homepage-winners{display:block; width:100%; background:#3077bd; box-shadow:inset 0px 10px 10px -10px rgba(0,0,0,.4), inset 0px -10px 10px -10px rgba(0,0,0,.4);}
		#homepage-winners>h2{ font-size:2.5em; margin:100px 0 20px 0; color:#fff; text-align: center; font-weight:bold; text-shadow:rgba(0,0,0,.5) 0px 0px 10px;}
		#homepage-winners #winners-wrapper{display:flex; flex-wrap: nowrap; width:100%; padding: 0px 0 120px 0; margin: 0; list-style: none; }
		#homepage-winners #winners-wrapper article{flex: 1 1 10%; height:auto; position: relative; margin:5px; text-align: center;}
			#homepage-winners #winners-wrapper article h1{margin:0px; font-weight:bold;}
		#homepage-winners #winners-wrapper div{box-shadow:inset 0px 0px 0px 4px #f79d41; position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; padding:10px; font-size:.4em; transition:.6s opacity;}
			#homepage-winners #winners-wrapper article:nth-child(even) div{background:#ffffff;}
			#homepage-winners #winners-wrapper article:nth-child(odd) div{background:#f8f8f8;}
		#homepage-winners #winners-wrapper article a{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index: 10; cursor:pointer; box-shadow:inset 0px 0px 0px 4px #f8f8f8;}
		#homepage-winners #winners-wrapper article a:hover{box-shadow:inset 0px 0px 0px 4px #f79d41;}
		#homepage-winners #winners-wrapper article a:hover+div{opacity:1;}
		#homepage-winners #winners-wrapper article img{width:100%; height:auto;}

	#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;}
		.partners{display:flex; align-content: center; justify-content: center; margin:60px 0 0 0;}
			.partners>div{float:inherit; flex:1 1 auto; margin:0 10px 0 10px}
				.partners>div img{transition:.4s all;} .partners>div img:hover{opacity:.5;}
		
		.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:40px 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: 1590px) {
.width-wrapper-large{position:relative; display:block; margin:0 auto; width:100%; padding:0 2% 0 2%;}
	.smContainer {
		margin-right: 2em;
	}
}


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

#homepage-winners .container{flex-wrap:wrap;}
#homepage-winners .container article{flex: 1 1 auto; width:15%;}

.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; z-index:51; text-align:center;}

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

.donate-btn{width:20%; padding:1% 0%;}

header{height:auto;}
header#home #logo{width:20%;}
header nav{top:60px; width:50%; margin:0 5% 0 5%;}
#subpage header .menu{padding:0 0 0 50px;}
#subpage nav{margin:0 0 0 0; padding:0 0 0 50px;}
#header-links{margin:0 0 0 0px;}
#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) {

.first-column{float:left; width:96%; margin:0 2% 0 0;}
.second-column{float:left; width:96%; margin:0 0 0 2%;}

#homepage-winners #winners-wrapper{flex-wrap: wrap;}
#homepage-winners #winners-wrapper article{flex: 1 1 auto; width:20%; font-size:1.2em;}

#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%;}

header#home>div{flex-wrap: wrap;}
header#home #logo{width:50%; order:1;}
header#home #logo img{width:100%;}
header#home nav{order:2;}

.donate-btn{order:1; margin:0 0 0 5%;}

/*#spacer{width:50px; height:50px; display:inline-block;}*/
header#logo{position:relative; float:left; width:50%; z-index:101; transition: all 0.4s ease;}
#logo img{margin:0 auto; width:auto; 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*/

.social-links-masthead{margin:4px 0 0 0;}

#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;}

label{width:100%;}

.partners{flex-wrap: wrap; align-content: center; justify-content: center;}
.partners>div { margin:30px 0 30px 0; width:100%;}

article.winner{width:45%; margin:2.5% 2.5%;}
}

/*Phones*/
@media all and (max-width:520px) {
header#home>div{flex-wrap: wrap;}
header#home #logo{width:80%; margin:20px 0 0 0; order:1;}
header#home #logo img{width:100%;}
header#home nav{order:2;}

.donate-btn{order:1; margin:20px 0 -40px 0; width:50%;}

#homepage-winners #winners-wrapper article{flex: 0 1 45%; width:45%; margin:2.5%; font-size:1.2em;}

.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;}

#footer-bottom p{float:left; width:100%; text-align: center;}

#winners-wrapper{justify-content: center;}
article.winner{width:90%; margin:5% 5%; text-align: center;}

}







/* ==========================================================================
   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;}
}