@charset "utf-8";

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

Name: custom.css
Version: 2.0

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


/* ----------------------------------
Moves the logo slightly up header a.logo img {margin-bottom:9px;}

decreases logo size on small screens
------------------------------------- */
header a.logo img {max-height:45px;}


@media (max-width: 400px) {
	header a.logo img {max-height:26px;}
}

@media (max-width: 360px) {
	header a.logo img {max-height:24px;}
}

@media (max-width: 320px) {
	header a.logo img {max-height:22px;}
}


/* ----------------------------------
For the transparency photo
------------------------------------- */

.alignleft { margin: 0px 10px 0px 0; }

/* ----------------------------------
Makes the sectop top/bottom gaps less
------------------------------------- */

section {padding-top:80px;padding-bottom:80px;}


/* ----------------------------------
footer logo size
------------------------------------- */

.footer-logo {max-height: 44px;}
.candid {max-height: 100px;}

/* ----------------------------------
Styling of links
------------------------------------- */

.subscribe a, .subscribe a:active, .subscribe a:focus { text-decoration: none; border-bottom: 3px solid #cf2e50; }
.subscribe a:hover, .subscribe a:active{border-bottom: 3px solid #0e5116; color: #0e5116; text-decoration: none;  }

.subscribe2 a, .subscribe2 a:active, .subscribe2 a:focus { text-decoration: none; border-bottom: 0px solid #cf2e50; }
.subscribe2 a:hover, .subscribe2 a:active{border-bottom: 3px solid #cf2e50; color: #0e5116; text-decoration: none;  }

/* ----------------------------------
styling of subscription email icon
------------------------------------- */

.ti-email {color:#cf2e50;}


/* ----------------------------------
text sizing
------------------------------------- */

.text-smallmedium {font-size:15px; line-height:22px;}


/* ----------------------------------
contact button
------------------------------------- */

.contact-btn{
display: inline-block;
font-family: inherit;
font-size: 14px;
min-width: 20px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 14px;
margin: 0;
background: #cf2e50;
border: 0;
cursor: pointer;
outline: none;
}
.contact-btn:hover{ background: #a21c38; }

/* ----------------------------------
amazon button
------------------------------------- */

.amazon-button  {max-width:222px; height:auto;}




/* ----------------------------------
Alternative headlines
------------------------------------- */

/* heading */
h1, h2, h3, h4, h5, h6 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;}
h1 {font-size:70px; line-height:70px;}                          /* Top photo headline all pages  */
h2 {font-size:16px; line-height:25px; margin-bottom:20px; font-style: italic;}
h3 {font-size:20px; line-height:26px; margin-bottom:0px;}       /* sponsor history / share / subheads in text */
h4 {font-size:40px; line-height:46px;}
h5 {font-size:32px; line-height:40px;}
h6 {font-size:25px; line-height:30px;}                          /* section head on all pages */

@media (max-width: 999px) {
	h3 {font-size:16px; line-height:26px; margin-bottom:0px;}
}

@media (max-width: 999px) {
	h1 {font-size:55px; line-height:60px;}
}

@media (max-width: 620px) {
	h1 {font-size:40px; line-height:46px;}
}

/* ----------------------------------
Creates a gap between icon and text in download/link lists
------------------------------------- */

.ti-file, .ti-world {padding-right:10px; }
.ti-file {position:relative; top: 0px;}
.ti-video-camera {position:relative; top: 3px;}
.ti-heart, .ti-world, .ti-mobile {position:relative; top: 2px;}


/* ----------------------------------
Progress bar for endowment fund
------------------------------------- */
.tile-progress {
	background-color: #303641;
	color: #fff;
	}
	.tile-progress {
	background: #00a65b;
	color: #fff;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	.tile-progress .tile-header {
	padding: 15px 20px;
	padding-bottom: 40px;
	}
	.tile-progress .tile-progressbar {
	height: 10px;
	background: rgba(0,0,0,0.18);
	margin: 0;
	}
	.tile-progress .tile-progressbar span {
	background: #fff;
	}
	.tile-progress .tile-progressbar span {
	display: block;
	background: #00a65b;
	width: 0;
	height: 100%;
	-webkit-transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000);
	-moz-transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000);
	-o-transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000);
	transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000);
	}
	.tile-progress .tile-footer {
	padding: 20px;
	text-align: right;
	background: rgba(0,0,0,0.1);
	-webkit-border-radius: 0 0 3px 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 0 3px 3px;
	-moz-background-clip: padding;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	}
	.tile-progress.tile-red {
	background-color: #cf2e50;
	color: #fff;
	}
	.tile-progress {
	background-color: #303641;
	color: #fff;
	}
	.tile-progress.tile-blue {
	background-color: #0073b7;
	color: #fff;
	}
	.tile-progress.tile-aqua {
	background-color: #00c0ef;
	color: #fff;
	}
	.tile-progress.tile-green {
	background-color: #00a65a;
	color: #fff;
	}
	.tile-progress.tile-cyan {
	background-color: #00b29e;
	color: #fff;
	}
	.tile-progress.tile-purple {
	background-color: #ba79cb;
	color: #fff;
	}
	.tile-progress.tile-pink {
	background-color: #ec3b83;
	color: #fff;
	}

/* ----------------------------------
paypal button styling and positioning
------------------------------------- */

.paypal_btn{
display: inline-block;
font-family: inherit;
font-size: 14px;
min-width: 20px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 14px;
margin: 0;
background: #cf2e50;
border: 0;
cursor: pointer;
outline: none;
}

.paypal_btn:hover{ background: #a21c38; }

.paypal {max-width:250px; height:auto;}

.paypalborder {border:none; padding:0px;}


/* ----------------------------------
menu donate button background
------------------------------------- */

.donate{
	background: #cf2e50;
	padding-right: 20px;
	}

.donatetext{
	color: #fff;
	}	
/* ----------------------------------
menu : decrease gap between menu points to decrease width of menu
------------------------------------- */

.navbar-nav > li { margin-left: -12px;}


/* ----------------------------------
additional margins and paddings
------------------------------------- */

.margin-1px-top {margin-top:1px}
.margin-2px-top {margin-top:2px}
.margin-3px-top {margin-top:3px}
.margin-4px-top {margin-top:4px}

.margin-0px-bottom {margin-bottom:0px}
.margin-1px-bottom {margin-bottom:1px}
.margin-2px-bottom {margin-bottom:2px}
.margin-3px-bottom {margin-bottom:3px}
.margin-4px-bottom {margin-bottom:4px}

.margin-11px-bottom {margin-bottom:11px}
.margin-12px-bottom {margin-bottom:12px}
.margin-13px-bottom {margin-bottom:13px}
.margin-14px-bottom {margin-bottom:14px}

.margin-21px-bottom {margin-bottom:21px}
.margin-22px-bottom {margin-bottom:22px}
.margin-23px-bottom {margin-bottom:23px}
.margin-24px-bottom {margin-bottom:24px}

.padding-1px-left {padding-left:1px;}
.padding-2px-left {padding-left:2px;}
.padding-3px-left {padding-left:3px;}
.padding-4px-left {padding-left:4px;}
.padding-6px-left {padding-left:6px;}
.padding-7px-left {padding-left:7px;}
.padding-8px-left {padding-left:8px;}
.padding-9px-left {padding-left:9px;}

.padding-1px-right {padding-right:1px;}
.padding-2px-right {padding-right:2px;}
.padding-3px-right {padding-right:3px;}
.padding-4px-right {padding-right:4px;}
.padding-6px-right {padding-right:6px;}
.padding-7px-right {padding-right:7px;}
.padding-8px-right {padding-right:8px;}
.padding-9px-right {padding-right:9px;}

.padding-m1px-right {padding-right:-1px;}
.padding-m2px-right {padding-right:-2px;}
.padding-m3px-right {padding-right:-3px;}
.padding-m4px-right {padding-right:-4px;}
.padding-m6px-right {padding-right:-6px;}
.padding-m7px-right {padding-right:-7px;}
.padding-m8px-right {padding-right:-8px;}
.padding-m9px-right {padding-right:-9px;}
.margin-m9px-right {margin-right:-9px;}

.padding-81px-right {padding-right:81px;}
.padding-81px-left {padding-left:81px;}
.padding-86px-right {padding-right:86px;}
.padding-86px-left {padding-left:86px;}


.padding-12px-bottom {padding-bottom:12px;}
.padding-13px-bottom {padding-bottom:13px;}
.padding-14px-bottom {padding-bottom:14px;}

.padding-21px-bottom {padding-bottom:22px;}
.padding-22px-bottom {padding-bottom:22px;}
.padding-23px-bottom {padding-bottom:23px;}
.padding-24px-bottom {padding-bottom:24px;}