/*----------------------------------------------------
	Title: 		
	Author:		
----------------------------------------------------*/

/* ------------------------------------------------------------------------------------------
Design Info

Colors
	⁃	Blue: #1C84C6 - 93, 109, 157
	⁃	Poop Green: #c2d81b - 194, 216, 27
	⁃	Darker Poop Green: #92a214 - 146, 162, 20
	⁃	Light Grey (Cards): #e6e6e6 - 230, 230, 230
	⁃	Gradient: Left - #fff18d, 255, 241, 141 Right - #1C84C6, 93, 109,157

Fonts
	⁃	Classic Comic
	⁃	Proxima Nova
	⁃	SS Pika (Icons)
	⁃	SS Social Circle (Icons)

Photo Sizes
	⁃	Headers: 1500 X 750
	⁃	Sub-Page Header: 1500 X 750

Dropbox Photo Location
	⁃	“MWI Dev > Children’s Haven > Marketing Site > assets > jpg & png”

------------------------------------------------------------------------------------------ */

/* Resets */
section,nav,hgroup,header,footer,figure,dialog,aside,article,td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,q,img,em,dfn,del,code,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,span,div,body,html{margin:0;padding:0;border:0;vertical-align:baseline}section,nav,hgroup,header,footer,figure,dialog,aside,article{display:block;}table{border-collapse:collapse;border-spacing:0}td,th,caption{text-align:left;font-weight:normal}th,td,table{vertical-align:middle}q:after,q:before,blockquote:after,blockquote:before{content:""}q,blockquote{quotes:"" ""}a img{border:none}


/* ------------------------------------------------------------------------------------------
Base Framework
------------------------------------------------------------------------------------------ */
.left       				{float: left;}
.right      				{float: right;}
.left-img      				{float: left;margin:5px 15px 10px 0;}
.right-img     				{float: right;margin:5px 0 10px 15px;}
.no-marg    				{margin: 0px !important;}
.top-marg					{margin-top: 40px !important;}
.center 					{text-align: center !important;}
strong, .strong 			{font-weight: bold;}
strong em, .strong em 		{font-weight: 800;}
em, .em 					{font-style: italic;}
.small 						{font-size: 12px !important; line-height: 20px;}
.wrap						{float: left; width: 100%;}
img 						{max-height: 100%; max-width: 100%;}
.no-bull 					{list-style: none;}
span.gc-cs-link				{color:#fff !important; text-decoration:none !important;}

.map img {
	max-width: none;
	max-height: none;
}
.map label {
	width:auto;
	display:inline;
}

body {
	position: relative;
	right:0;
	-webkit-transition:right 500ms;
	-moz-transition:right 500ms;
	-ms-transition:right 500ms;
	-o-transition:right 500ms;
	transition:right 500ms;
}
body.active {
	right:250px;
}
.squeeze{
	width:80%;
	margin:auto;
}
.slide-up{
	position: relative;
	top:-60px;
}

/* ------------------------------------------------------------------------------------------
Typography styles 
------------------------------------------------------------------------------------------ */

/* Base Text
--------------------------------------------- */


p,ul,ol,li {
	font-family: "proxima-nova",sans-serif;
	margin-bottom: 20px;
	line-height: 32px;
	font-size: 18px !important;
	font-weight: 300;
}
p {
	margin-bottom: 20px;
	font-size: 18px !important;
	font-weight: 300;
}
ul,ol {

}
a {
	font-family: "proxima-nova",sans-serif;
	text-decoration: none; 
}
/* Headings
--------------------------------------------- */
h1 {
	font-family: "proxima-nova",sans-serif;
}
h2 {
	font-family: "classic-comic",sans-serif;
	margin-bottom: 30px;
}
h3 {
	font-family: "proxima-nova",sans-serif;
	margin-bottom: 30px;
}
h4 {
	font-family: "proxima-nova",sans-serif;
	margin-bottom: 30px;
}

/* Buttons
--------------------------------------------- */
.inline{width:inline-block !important}
.btn{
	font-size:18px;
	padding:10px 35px;
	border-radius: 8px;
	border:1px black solid;
	margin:10px;
	cursor: pointer;
}
.btn.white{
	border-color: white !important;
	color:white;
}
.btn.white:hover{
	border-color: white !important;
	color:#1C84C6;
	background:white;
}
.btn.blue{
	border-color: #1C84C6 !important;
	color:#1C84C6;
}
.btn.blue:hover{
	border-color: #1C84C6 !important;
	color:white !important;
	background:#1C84C6 !important;
}


/* ------------------------------------------------------------------------------------------
Fluid Grid Elements
------------------------------------------------------------------------------------------ */
.container {
	clear: both;
	display: block;
	margin: 0px auto;
	width: 92%;
	max-width: 1160px;
	position: relative;
}
.squeeze {
	max-width:960px;
}
.col1	{ width: 100%; float: left; }
.col2	{ width:49%;}
.col3	{ width:32%; }
.col2-3	{ width:65.33%; }
.col4	{ width:23%; }
.col3-4	{ width:74%; }
.col5	{ width:16.8%; }
.col2-5	{ width:37.6%; }
.col3-5	{ width:58.4%; }
.col4-5	{ width:67.2%; }
.col6	{ width:13.33%; }
.col5-6	{ width:82.67%; }
.col2,.col3,.col2-3,.col3-4,.col4,.col5,.col2-5,.col3-5,.col4-5,.col6,.col5-6{
	position:relative; margin-right:2% !important; float:left;
}
.last{
	margin-right:0 !important;
}
.clear-left {
	clear: left;
}
.clear-both {
	clear: both;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0px;
}
button{
	background:none !important;
}
button:hover{
	color:#1C84C6 !important;
}
form{
	margin-bottom: 40px
}
.col1.squeeze{
	margin:auto !important;
	float:none;
}


/* ------------------------------------------------------------------------------------------
Forms
------------------------------------------------------------------------------------------ */
label{
	font-family: "proxima-nova",sans-serif;
	margin-bottom: 15px;
	font-size: 24px !important;
	color:#1C84C6 !important;
}
input, textarea {
	padding:10px 12px;
	height:58px;
	line-height:38px;
	border: 1px solid #ccc !important;
	-webkit-box-shadow: inset 0 1px 3px #dfdfdf;
	background:#f1f1f1;
	outline: none;
	margin: 10px 0;
	font-size: 16px;
	font-family: "proxima-nova",sans-serif;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;

}
textarea {	
	height: 120px;
}

/* ------------------------------------------------------------------------------------------
Responsive Table Elements
------------------------------------------------------------------------------------------ */
.mwi-table {
	display: table;
	width: 100%;
	position: relative;
	margin-bottom:30px;
}
.mwi-table ul {
	display: table-row;
}
.mwi-table ul li {
	display: table-cell;
	padding: 5px 8px;
	font-size: 14px;
}
.mwi-table .th {
	background-color: #eee;
}
.mwi-table .tr li {
	border-bottom: 1px dashed #ddd;
}
.mwi-table .tr li span {
	display: none;
}
.mwi-table .tf {
	background-color: #eee;
	position: relative;
	text-align: right;
	color: #233046;
}
.mwi-table .tf li {
	font-weight: 600;
}
.mwi-table .tf span {
	background-color: #fff;
	padding: 4px 4px 4px 30px;
	color: #9cc563;
}
.mwi-table .title {
	background-color: #aaa;
	color: #fff;
	text-align: center;
}
@media (max-width:660px) {
	.mwi-table, .mwi-table ul, .mwi-table ul li {
		display: block;
		margin: 0 !important;
	}
	.mwi-table {
		margin-bottom: 30px !important;
	}
	.mwi-table ul {
		margin-bottom: 10px !important;
	}
	.mwi-table ul li {
		display: block;
	}
	.mwi-table .title {
		height: 30px;
		text-align: center;
		border-bottom: 1px solid #fff;
		width: 100%;
	}
	.mwi-table .title li {
		display: inline-block;
		float: left;
	}
	.mwi-table .title li:last-child {
		float: right;
	}
	.mwi-table .th {
		display: none;
	}
	.mwi-table .tr {
		border-bottom: 2px solid #aaa;
	}
	.mwi-table .tr:last-child {
		border: none;
	}
	.mwi-table .tr li {
		text-align: right !important;
		position: relative;
		padding-left: 50%;
		border-top: 1px dashed #ddd;
		border-bottom: none;
	}
	.mwi-table .tr li span {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #888;
		color: #fff;
		line-height: 30px;
		height: 100%;
		width: 40%;
		padding-right: 10px;
	}
	.mwi-table .tf li {
		padding: 0;
	}
	.mwi-table .tf li:last-child {
		padding: 10px;
	}
}
.select-options i:after{
	border-bottom:2px solid #1C84C6 !important;
	border-right:2px solid #1C84C6 !important;
}

/* ------------------------------------------------------------------------------------------
Responsive Table HTML
------------------------------------------------------------------------------------------ *
<div class="mwi-table">
	<ul class="th">
		<li>First</li>
		<li>Last</li>
	</ul>
	<ul class="tr">
		<li>Ryan</li>
		<li>Doss</li>
	</ul>
	<ul class="tf">
		<li class="span-all">Footer Content</li>
	</ul>
</div>


/* ------------------------------------------------------------------------------------------
Navigation
------------------------------------------------------------------------------------------ */
.hidden{
	display:none;
}
/* Utility Nav
--------------------------------------------- */
.ss-icon.loc{
	width:20px;
	display: inline-block;
	margin-right: 10px
}
.utility li a{
	margin-top: -10px;
	position: relative;
	top:-5px;
}
.utility {margin-bottom: 0px}

.utility li{
	margin-left:20px;
}

/* Main Nav
--------------------------------------------- */
.fixed-nav{
	position: fixed;
	z-index: 3;
	background: #1C84C6;
	width:100%;
	right:0;
}
.fixed-nav.mobile {
	right:250px;
}
.fixed-nav nav{
	padding-top: 0px !important;
}
.fixed-nav .mobile-btn span{
	background: white !important;
}
.fixed-nav ul, .fixed-nav li{
	margin:0px;
}
.fixed-nav ul.main-nav li a{
	display: block;
	padding:45px 30px;
}
.fixed-nav ul.main-nav li a:hover{
	background: rgba(194, 216, 27, 1);
}
.fixed-nav nav{
	padding:0px;

}
.fixed-nav .main-nav a{
	font-size: 20px !important;
	font-weight: 300;
}
.fixed-nav img{
	max-width:300px !important;
	margin-top: -4px !important;
}
header nav, .fixed-nav nav{
	list-style: none;
	float:right;
	width:65%;
}
.main-nav li,.utility li{
	display:inline-block;
	list-style: none;
}
header .main-nav li a{
	padding:5px 0px 5px 20px;
	font-size: 23px;
}
header .main-nav li a:hover{
	color:white;
}
.fixed-nav nav li a{
	padding:5px 0px 5px 20px;
	font-size: 23px;
	color:white !important;
}

header nav, .fixed-nav nav{
	text-align: right;
	padding-top: 40px
}
header nav a{
	color:#fff;
	font-weight: 300;
}

footer{
	margin-top:20px;
}
#donation a{
	position:relative;
	color:#fff;
	float:right;
}
@media (max-width:1103px){
	#donation a{
		float:none !important;
	}
	#donation{
		text-align:center;
	}
}
@media (max-width:1000px) {
	header nav{
		padding-top: 20px
	}
}
@media (max-width:431px){
	.foot-li{
		width:100%;
	}
}
@media (max-width:837px) {
	.ss-icon.loc{
		width:15px;
		display: inline-block;
		margin-right: 10px
	}
	ul.utility li a{
		margin-top: -8px;
		position: relative;
		top:-5px;
		font-size:13px;
	}
	ul.utility {
		margin-top:15px;
	}

	ul.utility li{
		margin-left:20px;
		margin-bottom: 0px !important;
	}
}
@media (max-width:768px) {
	header article{
		margin-top:100px !important;
	}
	ul.utility,ul.main-nav{
		display:none;
	}
	footer .utility{
		display:block !important;
	}
}
@media (max-width:880px){
	header article{
		margin-top:175px !important;
	}
}
@media (max-width:1062px){
	footer .utility{
		width:100% !important;
		text-align: center
	}
	footer .utility li{
		margin:0px 10px!important;
	}
	footer .foot-logo{
		float:none !important;

	}
	footer div {
		text-align: center;
	}
	.fixed-nav ul.main-nav li a{
		padding:45px 20px;
	}
}

/* Mobile Nav
--------------------------------------------- */

/* Mobile Button 
	<a>
		<span></span>
		<span></span>
		<span></span>
	</a>
*/

.mobile-btn {
	display:none;
	width:40px;
	height:35px;
	float:right;
	margin-top:10px;
	position:relative;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-ms-transition:all 500ms;
	transition:all 500ms;
}
.mobile-btn span {
	content:"";
	width:80%;
	height:3px;
	display:block;
	background-color:#1C84C6;
	position:absolute;
	left:50%;
	margin-left:-40%;
	-webkit-transition:all 500ms;
}
.mobile-btn span:nth-child(1) {
	top:8px;
}
.mobile-btn span:nth-child(2) {
	top:16px;
}
.mobile-btn span:nth-child(3) {
	top:24px;
}

.mobile-btn.active {
	-webkit-transform:rotate3d(0, 0, 1, 180deg);
}
.mobile-btn.active span:nth-child(1) {
	-webkit-transform:rotate3d(0,0,1,45deg) translate(5.5px,5.5px);
}
.mobile-btn.active span:nth-child(2) {
	opacity:0;
}
.mobile-btn.active span:nth-child(3) {
	-webkit-transform:rotate3d(0,0,1,-45deg) translate(5.8px,-5.7px);
}

#mobile-nav { 
	width: 250px;
	position:fixed;
	overflow:auto;
	right:-250px;
	height:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,5d6d9d+0,2989d8+100 */
	background:#1C84C6;
	top:0;
	-webkit-transition:right 500ms;
	-moz-transition:right 500ms;
	-ms-transition:right 500ms;
	-o-transition:right 500ms;
	transition:right 500ms;
}
.fixed-nav #mobile-nav{
	top:0px;
}
.fixed-nav #mobile-nav .utility a{
	padding:27px 48px 21px !important;
}
#mobile-nav a{
	color:white !important;
}
#mobile-nav .sub-nav{
	display: block;
}
#mobile-nav .sub-nav li{
	border:none;
}
#mobile-nav li{
	text-align:left !important;
	padding-left:20px;
	list-style: none;
	border-bottom: 1px solid #7685B1;
	margin-bottom: 0px;
}
#mobile-nav li.utility{
	padding-left: 0px;
	background: #206A84 !important;
}
#mobile-nav li.utility a{
	display: inline-block;
	background: #206A84;
	padding:5px 48px !important;
}
#mobile-nav li.utility a:last-child{
	border-left:1px solid #383D4C;
}
#mobile-nav li.utility a img{
	width:25px;	
}
#mobile-nav li a{
	display: block;
	padding:20px !important;
	font-size: 18px;
}

#mobile-nav.active { 
	right:0px;
}
.fixed-nav{
	top:-500px;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-ms-transition:all 500ms;
	transition:all 500ms;
}
.fixed-nav.active{
	top:0px !important;
}
@media (max-width:880px) {
	.fixed-nav{
		height:89px;
		display:block !important;
		top:0px;
	}
	.fixed-nav h1 img{
		max-width: 200px !important;
		margin-top: -8px !important;
		width:300px !important;
	}
	.fixed-nav .main-nav{
		display: none;

	}
	.fixed-nav h1{
		width:75% !important;
	}
	.fixed-nav nav{
		width:25% !important;
	}
	.fixed-nav .mobile-btn {
		display:block;
		margin-top: 28px
	}
	header h1, header nav{
		display:none;
	}
	.col3 {
		width: 100% !important;
	}
}


/* ------------------------------------------------------------------------------------------
Global Style
------------------------------------------------------------------------------------------ */

/* Header
--------------------------------------------- */

header{
	padding:10px 0px 100px;
	background-position: center !important;
	position: relative;
	background-size: cover !important;
	-webkit-transition:background-image 1s;
}
.on-top{
	position: relative;
	z-index:2;
}
.overlay{
	position: absolute;
	opacity: .75;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */
	background: #1e5799; /* Opera 11.10+ */
	background: -moz-linear-gradient(left,  #1e5799 0%, #fff18d 0%, #1C84C6 100%); /* IE10+ */
	background: linear-gradient(to right,  #FFFFFF 0%,#fff18d 0%,#1C84C6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1C84C6',GradientType=1 ); /* IE6-9 */
}
header.push-up{
	margin-top: -50px !important;
}
.fixed-nav h1, header h1{
	width:35%;
	text-indent:-777777777px;
	overflow:hidden;
	float:left;
}
.fixed-nav img.logo, header img.logo{
	float:left;
	max-width:400px;
	padding-top: 20px;
	width:100%;
}
header .slide {
	left:0;
	width:100%;
}
header .slide h2{
	font-size:35px !important;
}
header .slide .p{
	font-size:21px !important;
}
header article{
	clear:both;
	max-width:650px;
	margin:0px auto;
	padding-top: 130px
}
header article h2{
	font-size: 45px;
	color:white !important;
	/*text-shadow:0px 0px 20px #999;*/
	font-weight: 300;
}
hr.small{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid white;
    border-bottom: 0px;
    margin: 30px auto;
   	max-width:200px;
    padding: 0; 
}
header article p{
	padding:0px 10%;
	color:white;
	font-size: 18px;
	font-weight:500;
	/*text-shadow:0px 0px 50px #999;*/
}
.main-nav .sub-nav{
	display:none;
	position: absolute;
}
.fixed-nav .main-nav .sub-parent:hover{
	background: rgba(194, 216, 27, 1) !important;
}
.fixed-nav  .main-nav .sub-parent:hover ul.sub-nav{
	display:block !important;
}

header .sub-nav{
	display:block !important;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-webkit-transition:all 200ms;
	-ms-transition:all 200ms;
	-moz-transition:all 200ms;
	transition:all 200ms;
}
header .sub-parent:hover .sub-nav{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-webkit-transition:all 200ms;
	-ms-transition:all 200ms;
	-moz-transition:all 200ms;
	transition:all 200ms;
}
header .sub-nav li{
	display: block;
	text-align: left;
	margin-bottom:-10px !important;
	-webkit-transition:all 500ms;
}
header .sub-parent:hover .sub-nav li{
	margin-bottom:5px !important;
	-webkit-transition:all 500ms;
}
header .sub-nav li a{
	font-size: 16px !important;
}
.fixed-nav  .main-nav .sub-nav li{
	display:block;
	text-align: center;
}
.fixed-nav  .main-nav .sub-nav li a{
	background: rgba(194, 216, 27, .8) !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
}
.fixed-nav .main-nav .sub-nav li a:hover{
	background: rgba(194, 216, 27, 1) !important;
}
p.home-cta{
	padding:30px 0px 70px;
}
@media (max-width:768px) {
	header h1{
		width:75%;
		text-indent:-777777777px;
		overflow:hidden;
		float:left;
		max-width:250px;
		min-width:200px !important;
	}
	header nav{
		width:25%;
	}
	header article{
		padding-top: 50px;
	}
	header article h2{
		font-size: 25px;
	}
	.card.col2{
		width:100%;
	}
}
.card-clear:after{
	clear:both;
	display:block;
}

/* Heading
--------------------------------------------- */
.heading{
	padding-bottom: 10px
}
.heading h2{
	float:left;
	border-bottom: 2px solid #c2d81b;
	padding-bottom: 10px;
	font-weight: 300;
	color:#1C84C6;
	font-size: 30px
}
.heading a{
	float:right;
}
.show-btn{
	position:relative;
	z-index:100000;
}
/* Card
--------------------------------------------- */
.card{
	background: #fcfcfc;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-ms-border-radius:30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	border:#eee 1px solid;
	box-shadow: 0px 2px 3px #ccc;
	-moz-box-shadow: 0px 2px 3px #ccc;
	-webkit-box-shadow: 0px 2px 3px #ccc;
	-ms-box-shadow: 0px 2px 3px #ccc;
	margin-bottom: 40px;
	padding-bottom: 20px;
}
.card img{
	margin:40px 0px 0px;
}
.card p{
	width:80%;
	margin:auto;
	margin-bottom: 30px
}
.card h3{
	font-weight: 500;
	font-size: 22px;
}
@media (max-width:624px){
	.filter-btn{
	width:100%;
	display:block;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	}
}
.faq .card{
	width:46%;
	margin:2% 2%;
	display:inline-block;
}
.faq{
	text-align:center;
}
@media (max-width:786px){
	.faq .card{
		width:100% !important;
		margin:2% 0;
	}
}
.updates .card img{
	width:103%;
	margin-top:0px;
	border-radius:30px 30px 0px 0px;
	-moz-border-radius:30px 30px 0px 0px;
	-webkit-border-radius:30px 30px 0px 0;
	-ms-border-radius:30px 30px 0px 0;
}
.recommend-gift{
	font-family: "proxima-nova",sans-serif;
	color:#999;
	display: block;
	width:80%;
	margin:auto;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.gift-input{
	position:relative;
	top:35px;
	margin-right:0% !important;
	color:#A9A9A9;
	font-size:25px;
	font-weight:300;
}
.donate-input{
	width:65%;
}
@media (max-width:500px){
	.gift-input p{
		position:relative;
		left:10px !important;
	}
}
@media (max-width:590px){
	.gift-input p{
		position:relative;
		left:25px;
	}
}
@media (max-width:950px){
	.gift-input{
		width:20% !important;
	}
	.donate-input{
		width:75% !important;
		position:relative;
	}
	.donate-input input{
		width:86% !important;
		display:block;
	}
}
.social-wrap{
    position:absolute !important;
    top:-5px !important;
    right:0px !important;
}
.social-wrap a{
	padding-right:5px !important;
}
.view-all{
	position:relative;
	z-index:1000000;
}
.card.upd-single{
	padding:0 40px !important;
}
.card.upd-single p{
	width:100% !important;
}
.card.upd-single time{
	width:100% !important;
}
.news-squeeze p a{
	float:none !important;
}
@media (max-width:500px){
	.news-squeeze.upd-single{
		width:100% !important;
	}
}
.card a.btn{
	font-size: 20px !important;
	display:block;
}
.card h3{
	color: #1C84C6;
	padding-top: 40px;
	font-size: 30px !important;
	font-weight: 400;
}
.downloads .card h3 {
	font-size: 1.5em !important; 
}

.card time{
	font-family: "proxima-nova",sans-serif;
	color:#999;
	display: block;
	width:80%;
	padding:0px 0px 30px;
	margin:auto;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

@media (max-width:950px) {
	.card.col4{
		width:100% !important;
	}
	.card h3{
		padding: 40px 2% 0px !important;
	}
}
@media (max-width:704px) {
	.card.col4{
		width:100% !important;
	}
}

/* Updates
--------------------------------------------- */
.updates{
	padding-bottom: 100px
}

/* Content
--------------------------------------------- */
.content{
	padding:50px 0px;
	font-family: "proxima-nova",sans-serif;
}
.content p{margin-bottom:40px;
}
.content .btn{
	margin:0px;
}
.content img{
	padding-top: 20px
}
.content .card h3{
	width:80%;
	margin:auto;
	margin-bottom: 20px;
}
.content.updates{
	padding-bottom: 160px !important;
}
.content .wide{
	display:block !important;
}
.content.downloads h3{margin-bottom: 40px !important}
.content-wrap h1, h2, h3, h4, h5, h6{
	color:#1C84C6 ;
	font-weight:300 !important;
	font-size:30px !important;
}
.content-wrap ul{
	margin-left:20px;
}
.board{
	text-align:center !important;
	height:200px !important;
}
.board h3{
	font-weight:400 !important;

}
.board p{
	
}
@media (max-width:1084px){
	.board h3{
		font-size:22px !important;
	}
	.board p{
		font-size:15px;
		line-height:30px;
	}
}
@media (max-width:950px){
	.board h3{
		font-size:32px !important;
	}
	.board p{
		font-size:17px;
	}
}
.about-wrap{
	positon:relative !important;
}
.about-wrap h2{
	border-bottom: 2px solid #c2d81b;
    text-transform: uppercase;
    padding-bottom: 10px;
	display:inline-block;
}



/* News
--------------------------------------------- */
.filters{
	padding:60px 0;
}
.filters a{
	margin-left: 0px !important
}
.news-squeeze p, .news-squeeze a,.news-squeeze i{
	font-size: 18px !important;
	font-weight: 300
}
.news-squeeze{
	font-family: "proxima-nova",sans-serif;
	width:80%;
	margin:0px auto;
}
.news-squeeze time{
	text-align: left !important;
	padding-top:40px;
	color:#1C84C6;
	font-size: 18px;
	position: relative;
}
.news-squeeze a{
	float:right;
}
.news-squeeze ul{
	display: block;
	width:80%;
	margin:auto;
}
.news-squeeze i{
	display: block;
	width:73%;
	margin:auto 15%;
	border-left: 3px solid #1C84C6;
	padding-left: 2%;
	font-family: "proxima-nova",sans-serif;
	line-height: 28px;

}
.news-squeeze ul li{
	margin-left: 20px;
	margin-bottom: 10px;
}
.news-squeeze ul li a{
	float:none;
	color:#1C84C6;
}
.news-squeeze .fitvid{
	width:80% !important;
	margin:0px 10%;
	margin-bottom: 40px
}

.contact .card{
	height:400px;
}
.d-cta{
	text-align: center;
}
.d-cta a{
	display:inline !important;
}
/*.donate .card .pay.col1{
	text-align: left !important;
}*/
.pay.col1 input{
	background: white;
	height:40px;
	font-size: 25px;
	font-weight: 300;
	width:66%;
	margin:20px 4%;
}
.col3.btn{
	float:left;
}
.fund input{
	background: white;
	height:40px;
	font-size: 25px;
	font-weight: 300;
	width:80%;
	margin:20px 4% !important;
}
.fund button{
	width:86%;
	padding:0px;
	height: 61px;
}

.pay button{
	height:61px !important;
	width:18%;
	padding:0px !important;
	margin-left:0px;
}
.pay button:hover{
	background: #1C84C6 !important;
	color:white !important;
}
.d-other h3{
	padding-bottom: 30px;
	margin:0 20px 20px!important;
}
.get-involved.updates
	margin-bottom: -80px;
	padding-bottom: 0px !important;
}
@media (max-width:768px) {
	.pay button{
		width:80% !important;
		margin:10px 10% !important;
		display:boock !important;
	}
	.pay.col1 input{
		width:75% !important;
		float:none ;
		margin-left:10% !important;
		display:boock !important;
	}
}
.col3.card{
	width:29%;
}
@media (max-width:704px) {
	.contact .card{
		height:auto;
	}
}
@media (max-width:568px) {
	header article p{
		width:90%;
		padding:0px 5% !important;
		text-transform: center
	}
	.home-cta{
		padding-top: 10px !important;
	}
	header article p a{
		display: block;
	}
	.d-cta a{
		display:block !important;
		width:80;
	}

}
.donate-active{
	background-color:#1C84C6 !important;
	color:#fff !important;
}
/* Donate Checkout
--------------------------------------------- */
.info-cont{
	padding-top:75px;
}
.errors{
	margin-top:25px;
	font-size:20px;
	color:red;
}

/* Footer
--------------------------------------------- */
footer{
	background: #1C84C6;
	padding:20px 0;
}
.foot-logo{
	float:left;
}
footer .utility{
	float:right;
	margin-top:20px;
}
footer .utility a{
	color:white !important;
	vertical-align: middle;
	top:-8px;
}
footer .utility li a.facebook{
	top:10px;
	margin-right: 20px
}
footer .utility li a.united{
	top:13px;
}



/* ------------------------------------------------------------------------------------------
Layout Specific styles 
------------------------------------------------------------------------------------------ */

/* Donate
--------------------------------------------- */
.none{
	display:none;
}
.show{
	display:block !important;
}
.credit-cards{
	list-style:none;
}
.credit-cards li{
	display:inline;
	padding-right:3px;
}
@media (max-width:525px){
	.credit-cards img{
		width:35px !important;
	}
}
@media (max-width:680px){
	.general-div{
		text-align:center !important;
	}
	.general-submit{
		border-size:box-sizing;
		width:80% !important;
	}
	.general{
		width:90% !important;
		box-sizing:border-box !important;
		height:71px !important;
	}

}

p {
	word-break: break-word;
}

@media print {
    pre {
        white-space: pre-wrap;
    }
}


/* Group Lists
------------------------------------------*/
.group-client-list {
	min-height: 150px;
	text-align: left;
}
.group-client-list .user-tag {
	background-color: #2f4050;
	color: #A7B1C2;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 5px 10px 5px 0;
}
.group-client-list .user-tag span {
	background-color: #253846;
	margin-right: 5px;
	padding: 5px 10px;
}