/* SITE COLORS 
		Orange #f16a2f
		Yellow #fadf5a
		Site Blue #2b3e7a
		Dark Blue #11182e
		Light Gray #e4e4e4
		Med Gray #cdcdcd


Access Token

3909526446.e029fea.2c471d23f62e4b10bfc1ebd730bb34e0
User ID

3909526446

/* ####### HEADER STYLES ####### */

.header-wrapper {background-color: #2b3e7a;}
.header-logo {
	overflow: visible;
	margin-bottom: -50px;
	margin-top: 20px;
	}
	.header-logo img {text-align: center;}
	
.header-top {
	padding: 0 20px 20px 20px;
	display:block;
	background: -webkit-linear-gradient(#11182e, #2b3e7a); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#11182e, #2b3e7a); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#11182e, #2b3e7a); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#11182e, #2b3e7a); /* Standard syntax */
  	background-image: linear-gradient(#11182e, #2b3e7a); /* IE 11... */
}
.site-name {font-family: 'Lato'; color: #fff; font-size: 2.2em; line-height: 1em; display:block; margin-top:50px;}	
.header-bottom {background-color: #11182e; border-bottom: 6px solid #f16a2f; display:block;}

.next-event {
	background-color: #11182e;
	padding: 15px 15px 5px 15px;
	color: #fff;
	text-align: center;
	overflow: visible;
	margin-bottom: -50px;
	}
	.next-event h4 {color: #fff;}

.member-login-bar {
	background-color:#e4e4e4;
	padding: 15px;
	display:block;
	}
	.member-login-bar a {color: #11182e !important;}
	
	.member-login-bar::-webkit-input-placeholder {color: #2b3e7a;}
	.member-login-bar:-moz-placeholder {color: #2b3e7a;}
	.member-login-bar::-moz-placeholder {color: #2b3e7a;}
	.member-login-bar:-ms-input-placeholder {color: #2b3e7a;}

	.home-social { padding: 25px 0px;}
	.home-social a:hover {color: #f16a2f !important;}

.camp-video {
	background-color: #000;
	}
	
.sign-in {
	display: block;
	margin-top: 5px;
	}


.slideshow-wrapper {
		border-bottom: 6px solid #11182e;
}

.main-content-area-white {
	padding: 30px 0;
	background-color: #fff;
}
.main-content-area-gray {
	padding: 30px 0;
	background-color: #f2f2f2;
}

.page-title {	
	background-color: #f2f2f2;
	padding: 5px;
	font-family: 'Lato';
	}
	.page-title h4 {
		font-weight: 900;
		text-transform: uppercase;	
		}

.footer-sub-fade {
		padding: 30px 0;
		background: -webkit-linear-gradient(#2b3e7a, #11182e); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#2b3e7a, #11182e); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#2b3e7a, #11182e); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#2b3e7a, #11182e); /* Standard syntax */
  	background-image: linear-gradient(#2b3e7a, #11182e); /* IE 11... */	
	}

.footer-bottom {
	background-color: #11182e;
	color: #fff;
	padding: 20px;
	height: 400px;
	}
	.footer-bottom a {color: #cecece;}
	.footer-bottom a:hover {color: #2b3e7a;}
	
a.buy-brick-button {
	padding: 10px 30px;
	background-color: #2b3e7a;
	border: 1px solid #fadf5a;
	color: #fff;
	font-weight: 900;
	margin-right: 30px;
}
	a.buy-brick-button:hover {color: #fadf5a;}

a.buy-brick-button-mobile {
	padding: 10px 30px;
	background-color: #2b3e7a;
	border: 1px solid #fadf5a;
	color: #fff;
	font-weight: 900;
	margin-bottom: 10px;
	display: block;
}
	a.buy-brick-button-mobile:hover {color: #fadf5a;}


/* Miscellaneous Styles */
.youtube {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 1200px) {}
@media (max-width: 1199px) {}
@media (max-width: 979px) {}
@media (max-width: 767px) {}
@media (min-width: 100px) and (max-width: 768px) {
	.header-logo {max-width: 150px;}
	.next-event {margin-top: 20px;}
	
	}
	
img.img-responsive {
  display: block;
  max-width: 100%; // Set a maximum relative to the parent
  height: auto;    // Scale the height according to the width, otherwise you get stretching
}