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






body {
	font-size: 18px;
	background-color: #EEE;
	padding-top: 40px;
}

body.home-page {
	padding-top: 0;
}

.btn-padding {
  padding-left: 50px;
  padding-right: 50px;
}

.hero-small {
	display: none;
}

.subhead {
	margin-top: 20px;
}

body.home-page:not(.scrolling) .navbar-default .navbar-nav>li>a {
	color: rgba(255,255,255,0.75);
}

body.home-page:not(.scrolling) .navbar-default .navbar-nav>li>a:hover {
	color: rgba(255,255,255,0.9);
}

.home-images img{
  max-width: 100%;
}

.navbar-nav>li {
	margin-bottom: 0;
}

body.home-page .navbar-default .navbar-nav>li>a.cta {
background-color: #337ab7!important;
  color: white!important;
}

.nav>li>a {
  padding-left: 0;
  padding-right: 0;
}

.nav>li {
  padding-left: 10px;
  padding-right: 10px;
}

.nav .cta:hover {
  background-color: #337ab7!important;
  color: white!important;
}

.container {
	width: 970px;
}

a.navbar-brand {
	text-indent: -99999px;
	width: 160px;
	height: 24px;
	background-image: url(../img/inner-logo-18.png);
	background-size: 160px 24px;
	background-repeat: no-repeat;
	margin-left: 0!important;
	margin-top: 14px;
}

@media only screen 
and (min-width : 769px) {
	nav .container-fluid {
		width: 100%;
		max-width: 970px;
	}	
  .nav .cta {
    background-color: #337ab7!important;
    color: white!important;
    padding: 6px 15px;
    margin-top: 8px;
    border-radius: 4px;
    margin-right: 15px;
    margin-left: 10px;    
  }
  
  .nav .cta:hover {
    background-color: #337ab7!important;
    color: white!important;
  }
  
	body.about-page .nav-about,
  body.story-page .nav-story,
  body.beacons-page .nav-beacons,
  body.updates-page .nav-updates {
    padding-bottom: 10px;
    color: #333!important;
    border-bottom: 5px solid #333;
  }  
}

@media only screen 
and (max-width : 970px) {
  .container {
	  width: 100%;
  }
}

@media only screen 
and (max-width : 768px) {
	a.navbar-brand {
		margin-left: 15px!important;
	}	
	ul.nav.navbar-nav.navbar-right {
		background-color: rgba(248,248,248,1);
	}
	
	body.home-page .navbar-default .navbar-nav>li>a {
		color: #777!important;
	}
	
	.navbar-nav {
		margin-top: 0;
		text-align: center;
	}	
	
}

.home-page:not(.scrolling):not(.nav-open) a.navbar-brand {
	display: none;
}

.home-page nav {
	transition: all 0.25s ease;
}

.home-page:not(.scrolling):not(.nav-open) nav{
	background-color: rgba(248,248,248,0);
    border-color: rgba(248,248,248,0);
}

.jumbotron {
	margin-bottom: 0;
	padding: 28px 0;
}

.jumbotron ul{
	margin-bottom: 15px;
	margin-bottom: 15px;
  line-height: 24px
}

.jumbotron p.disclaimer {
	font-size: 18px;
}

.jumbotron li{
  font-size: 21px;
  color: #333;
  font-weight: 200;
}

.jumbotron h1 {
	font-size: 40px;
	line-height: 28px;
	color: #999;
	font-weight: 300;
	margin-bottom: 30px
}

p {
	clear: both;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
  font-style: italic;
}

blockquote p small {
	font-style: normal;
	padding-top: 10px;
}
p.subhead {
	font-size: 30px;
	padding: 0  0 20px 0;
}

li {
	margin-bottom: 10px;
}
.row > div {
	margin-top: 20px;
	margin-bottom: 20px;
}

.hero img {
	width: 100%;

}

.carousel-wrap {
	padding-top: 85x;
/* 		padding-top: 60px; */
}

.home-head {
	background: #000;
}

.home-head h1 {
	text-align: center;
	margin: 0 auto;
}

.home-head h1 img {
	width: 100%;
	max-width: 1600px;
}

.home-head h1 span {
	text-indent: -99909px;
	position: absolute;
}

.home-page {
	text-align: center;
}

.btn-primary {
  background-image: none;
  border: none;
  padding: 20px;
  font-size: 16px;
}

.home-page .btn-primary {
	margin-bottom: 30px;
	margin-top: 30px;	
	border: 3px solid #337AB7;
	box-shadow: none;
}

.home-page .btn-primary:hover {
	border: 3px solid #245580;	
}

.home-page .btn-primary.btn-ghost {
	color: #337AB7;
	background-color: transparent;
}

.home-page .btn-primary.btn-ghost:hover {
	color: white;
	background-color: #337AB7;
		border: 3px solid #337AB7;
}

.home-about {
	font-size: 15px;
}

.home-page .subhead span {
	white-space: nowrap;
}

.jumbotron p.home-copy {
	 color: #999;
	 margin-bottom: 0;
}

.row > div.col-xs-12 {
		margin: 0;
	}

.inner-cta {
	margin-top: 20px;
}

@media only screen 
and (max-width : 715px) {
	
/*
	.jumbotron h1 span.heading-text {
		font-size: 28px;
	}
*/
	
	.btn-primary {
	  min-width: 300px;
	}
}


@media only screen 
and (max-width : 375px) {
	.hero-small {
		display: block;
	}
	
	.hero-large {
		display: none;
	}
  
  .btn-large, .ss-q-short, #ss-submit {
    width: 100% !important;
  }
}


.btn-primary.donate-btn {
  min-width: 300px;
}

#paypalForm input {
	display: block;
	margin-bottom: -5px;
}

/* Beacon Form */

li.ss-choice-item {
  list-style-type: none;
  font-weight: normal;
}

li.ss-choice-item label {
  font-weight: normal;
}

.beacon-form-wrap h2 {
  color: #999;
  font-weight: 300;
  margin-top: 0;
}

.beacon-form-wrap ul {
  padding: 0;
}

#ss-submit {
  display: block;
  padding-left: 50px;
  padding-right: 50px;
  margin: 10px 0 20px;
}

.ss-q-item-label {
  margin-left: 2px;
}

.ss-item {
  margin-bottom: 20px;
}

.ss-q-short {
  padding: 5px 10px;
}

#formError, #emailError, #referalError {
  color: red;
  font-weight: bold;
  padding-top: 5px;
}

.updates-form {
  width: 50%;
  margin: 0 0 40px 0;
}

@media only screen 
and (max-width : 769px) {
  .updates-form {
    width: 100%;
  }
}

.better-way {
  font-style: italic;
}

.we-believe small {
  font-size: 15px;
  padding-top: 10px;
  display: block;
}

@media only screen 
and (min-width : 768px) {
  
  .we-believe .carousel {
    top: 25px;
  }

} 

.rules-list {
  padding-left: 21px;
}

.videoContainer {
	/* now it is 100% of viewport (window) width.*/
	/*   width: 100vw; */ 
	width: 100%;
  display: inline-block;
  position: relative;
}

.videoContainer::after {
  padding-top: 56.25%; /* 16:9 ratio - divide height by width and multiply by 100 */
  display: block;
  content: '';
}

.videoContainer>iframe{
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}


.update-container {
	text-align: center;
}

.updates-page .update-container {
	display: none;
}



@media only screen 
and (min-width : 768px) {
  
  .home-page #vidwrap {
	height: 526px;
	}
	
	.fluid-width-video-wrapper {
		padding-top: 56%!important;
		
	}

}