/* COLOUR REFERENCES

Red: #bb1f19


*/

/* ==== GENERAL ==== */

body {
	font-family: 'Raleway', Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

/* ==== GLOBAL ==== */

h1,
h2,
h3,
h4,
h5,
h6 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-weight: bold;
}

h1 {
	font-size: 2.5em;
}

h1,
h2 {
	margin: 0 0 20px;
}

h2 {
	font-size: 1.25em;
}

h3 {
	margin: 20px 0;
	font-size: 1.0em;
}

h4 {
	font-size: 18px;
}

p.lead {
	font-weight: normal;
}

p {
	margin: 0 0 15px;
}

.navbar a:link,
.navbar a:visited {
	color: #000;
	font-weight: bold;
	/* 	margin-right: 18px; */
}

.navbar a:hover,
.navbar-nav > li > a:hover {
	background-color: #608c25;
	color: #fff;
	/*
   border: 1px solid #608c25;
   border-radius: 5px;
*/
}

sup {
	font-size: 0.45em;
	vertical-align: super;
}

/*
a:link, a:visited {
	color: #bb1f19;
}
*/

a:hover {
	text-decoration: none;
	color: #bb1f19;
	/* 	background-color: #fff !important; */

	/* 	padding-bottom: 15px !important; */
	/* 	border-bottom: none !important; */
}

/* .navbar-nav > li.active > a:hover { */
	/* 	color: #fff; */
	/*	background-color: #bb1f19 !important; */
/* } */

/*
.navbar-nav>li>a:hover {
	color: #fff;
*/
/* 	background-color: #fff !important; */
/* } */

/* .navbar-nav > li.active > a { */
	/* 	border-bottom: 5px solid #fff !important; */
/* } */
.navbar-nav > li.active > a {
	padding-bottom: 0px !important;
}

.navbar-nav > li {
	margin-top: 20px;
}

.center {
	text-align: center;
}

.wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
/*
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100% !important;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
*/

.bottom-pad {
	padding-bottom: 40px;
}

blockquote {
	padding: 0;
	border: none;
	font-style: italic;
	text-align: left;
}

blockquote cite {
	display: block;
	color: #777;
	margin: 15px 0 0 0;
}

blockquote:before {
	display: none;
}

img {
	max-width: 100%;
}

button,
input,
.btn,
a.btn {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	color: white;
}

.btn {
	font-weight: bold;
}

.btn:focus {
	outline: none;
}

.btn-success {
	background: #79b044;
	border: none;
}

.btn-success:hover {
	background: #6a9b3d;
	border-color: #6a9b3d;
}

.btn-danger {
	background-color: #dd5638;
	border-color: #d95131;
}

.text-danger,
li.text-danger a {
	color: #dd5638;
}

a.text-danger:hover {
	color: #e55939;
}

/* .modal-content { */
	/* 	background: url('../img/tile.jpg') top left repeat; */
/* } */

.badge.social {
	background: #ccc;
	font-size: 24px;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 42px;
	margin: 0 5px 20px 0;
	padding: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color: white;
}

.badge.social.twitter:hover {
	background: #55acee;
}

.badge.social.facebook:hover {
	background: #3b5998;
}

.badge.social.gplus:hover {
	background: #db4b39;
}

.video-window {
	max-width: 100%;
	width: 100%;
	height: auto;
}

/* === CUSTOM ICON SPRITES === */

i.ci {
	display: inline-block;
	height: 40px;
	width: 40px;
	background: url('../img/icon-sprite.png') no-repeat;
}

.ci.ci-computer {
	background-position: 0 0;
}
.ci.ci-watch {
	background-position: -40px 0;
}
.ci.ci-calendar {
	background-position: -80px 0;
}
.ci.ci-community {
	background-position: -120px 0;
}
.ci.ci-instructor {
	background-position: -160px 0;
}
.ci.ci-device {
	background-position: -200px 0;
}

/* ==== FORMS ==== */

label {
	display: block;
	font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="select"],
textarea,
select {
	color: #777;
	border: 1px solid #ccc;
	border-radius: 3px;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 12px;
}


input[type="submit"],
button[type="submit"] {
	display: inline-block;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: none;
	border-radius: 6px;
}

/*
input[type="checkbox"] {
	color: #777;
/*
	padding: 10px 12px;
	margin-top: 10px;
*/ /*
	margin-right: 5px
}
*/

/* label { */
	/*    display: inline-block; */
/* } */

input[type="submit"]:hover,
button[type="submit"]:hover {
	outline: none;
	border: none;
	background: #aaa;
}

form.search-form .form-group {
	margin: 0;
}

form.search-form .input-group {
	width: 100%;
}

form.search-form .input-group input[type="search"],
form.search-form .input-group input[type="text"] {
	width: 70%;
}

form.search-form .input-group input[type="submit"] {
	width: 30%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	float: right;
}

form textarea {
	width: 100%;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* ==== 334 ==== */

#hero {
	/* 	background: url('../img/hero-bg.jpg') 50% 0 repeat fixed; */
	/* 	background-color: #fff; */
	/* 	min-height: 200px; */
	/*
	position: relative;*/
	display: table;
	width: 100%; /*
	padding-top: 20px;
*/

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

#hero article {
	width: 100%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

#hero .hero-text {
	margin-top: 40px;
	color: #a3238e;
}

#price-timeline {
	margin: 30px 0 60px;
	text-align: center;
}

#price-timeline .price {
	display: inline-block;
	width: 30%;
	margin: 0 2% 0 0;
	background: #3e4249;
	padding: 10px 20px 30px;
	position: relative;
	vertical-align: top;
}

#price-timeline .price.active {
	background: #dd5638;
}

#price-timeline .price span {
	background: #101010;
	display: block;
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	font-weight: bold;
	font-size: 24px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	/* position: absolute; */
	bottom: -35px;
	left: 50%;
	margin-left: -35px;
}

#price-timeline h4 {
	margin: 0 0 10px;
}

#price-timeline h4 small {
	color: white;
	font-weight: bold;
	display: block;
}

.piece-title {
	font-style: italic;
}

.line-item {
	margin-bottom: 10px;
}

/* ==== LAYOUT ==== */

/* .row + .row { */
	/* 	margin-top: 20px; */
/* } */

/* section { */
	/* 	padding-top: 40px; */
/* } */

.section-header {
	text-align: center;
}

section h2 {
	margin: 20px 0;
}

section h3 {
	/* 	margin: 30px 0 10px; */
	text-align: left;
}

section p {
	text-align: left;
}

section.main-content {
	padding: 40px 0;
}

#primary {
	padding-top: 40px;
	padding-bottom: 40px;
}

section#videos {
	background-color: #777;
}

section#video-gallery {
	background-color: #fff;
}

section#videos h2 {
	color: #fff;
}

.feature-image {
	display: table;
	width: 100%;
}

.feature-image-default {
	background: url('../img/stuff-feature.jpg') no-repeat;
	background-size: cover;
}

.feature-image-default-alt {
	background: url('../img/hipster-stuff.jpg') no-repeat;
	background-size: cover;
}

.feature-image h1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: white;
}

#optin {
	background: #3e4249;
	padding: 20px 0;
	color: white;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-size: 1.2em;
}

#optin p {
	margin: 7px 0 0 0;
}

#course-features {
	background: #3e4249;
	color: white;
	text-align: center;
}

#who-benefits {
	background: white;
}

#project-features,
#project-features p,
#project-features h2,
#project-features h3 {
	text-align: center !important;
}

#featurette {
	background: url('../img/stuff-bg.jpg') 50% 100% repeat fixed;
	background-size: cover;
	text-align: center;
	color: white;
}

#instructor {
	background: white url('../img/brad-elvis.png') 90% -10px no-repeat;
}

#instructor h2 {
	margin: 0 0 20px;
}

#instructor .num {
	display: table;
	font-size: 30px;
	font-weight: bold;
	color: white;
	line-height: 24px;
	height: 140px;
	width: 140px;
	text-align: center;
	background: #dd5638;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

#instructor .num .num-content {
	display: table-cell;
	vertical-align: middle;
}

#instructor .num span {
	display: block;
	font-size: 20px;
	font-weight: normal;
}

#kudos {
	text-align: center;
}

.testimonial {
	margin-bottom: 60px;
}

.testimonial img {
	border-radius: 50%;
}

#signup {
	text-align: center;
	/* background: url('../img/hipster-stuff.jpg') center center repeat fixed; */
	background-size: cover;
	color: white;
	padding: 140px 0;
}

#signup h2 {
	font-weight: normal;
}

#signup h2 strong {
	border-bottom: solid 2px #dd5638;
}

#signup .btn {
	font-size: 24px;
}

footer {
	background: #4f6f24;
	color: white;
	padding: 20px 0 10px;
	font-size: 12px;
	/*
	/* position: absolute; */
	bottom: 0;
	
}

footer p {
	/* 	margin: 0; */
	text-align: center;
	font-size: 1.5em;
}

footer a:link,
footer a:visited {
	color: white;
}

footer a:hover {
	color: #dd5638;
}

footer li.signup-link a {
	color: #dd5638;
}

footer li.signup-link a:hover {
	font-weight: bold;
}

/* ==== BLOG ==== */

.post,
.widget,
#comments {
	position: relative;
	border: solid 1px #ddd;
	background: white;
	margin: 0 0 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.post header,
.post .post-excerpt,
.post .post-body,
#comments .comments-wrap {
	padding: 20px;
}

.post header h3 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #ddd;
}

.post header h1 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #ddd;
	font-size: 24px;
}

.post-image {
	height: auto;
}

.post-details {
	font-size: 12px;
	width: 90%;
}

.post-details i.fa {
	padding-left: 10px;
}

.post-details i.fa:first-child {
	padding: 0;
}

/* === COMMENTS === */

.post-comments-badge {
	height: 70px;
	width: 70px;
	/* position: absolute; */
	top: 25px;
	right: 20px;
	border: none;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: #79b044;
	text-align: center;
	display: table;
}

.post-comments-badge a {
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-size: 20px;
	line-height: 20px;
}

.post-comments-badge i.fa {
	display: block;
	font-size: 15px;
	padding: 0;
	margin-bottom: 4px;
}

.post-comments-badge:hover {
	background-color: #8bc653;
}

#comments h3 {
	text-align: center;
}

#comments h4 {
	font-size: 1.3em;
}

#comments ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

#comments ol li {
	background: rgba(0, 0, 0, 0.02);
	padding: 10px 20px;
	margin: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0.03);
}

#comments ol li ol.children {
	padding: 0;
	list-style: none;
	font-size: 0.96em;
}

#leave-comment {
	margin: 40px 0 0;
	padding: 20px 0 0;
	border-top: solid 1px #eee;
}

/* === RESOURCES === */

.resource {
	width: 31.33333333%;
	float: left;
	margin: 0 3% 40px 0;
}

.resource:nth-child(3n) {
	margin-right: 0;
}

/* === WIDGETS === */

.widget {
	padding: 20px;
}

.widget h4 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: solid 1px #ddd;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin: 0 0 5px;
}

.widget ul li:hover {
	position: relative;
	left: 1px;
}

.navbar {
	background-color: #8dc63f;
	height: 85px;
	margin-top: 125px;
}

.nav-btn,
.nav-btn:hover,
.nav-btn:active,
.nav-btn:visited {
	background-color: #8064a2;
}
.navbar-default .navbar-nav > li,
.navbar-default .navbar-nav > li:hover,
.navbar-default .navbar-nav > li:focus {
	color: #df0032; /* <—– change your color here*/
	/* background-color: transparent; */
}
/*

.navbar-default .navbar-nav>li>a:focus { color: #df0032; }
   .navbar-default .navbar-brand:focus { color: #df0032; }
*/

/* ==== MEDIA QUERIES ==== */

@media screen and (max-width: 991px) {
	#instructor .container {
		background: rgba(255, 255, 255, 0.8);
		padding: 20px;
	}
}

@media screen and (max-width: 768px) {
	.logo {
		width: 50%;
	}

	#optin p {
		margin: 0 0 10px;
	}

	#featurette iframe {
		height: 240px;
	}

	.resource {
		width: 48%;
		margin-right: 2%;
	}
}

@media screen and (max-width: 568px) {
	#instructor .num {
		height: 100px;
		width: 100px;
		font-size: 22px;
	}

	#instructor .num span {
		font-size: 16px;
	}

	.resource {
		width: 100%;
		margin-right: 0;
	}
}

/* soundcloud overrides */

.sound__artwork {
	display: none !important;
}

.reg-form {
	font-size: 1.4em;
}

/*
.reg-form p {
   margin-top: 5px;
}

.reg-form div {
   margin-bottom: 30px;
}
*/

div.instrument,
div.instrument-checkbox {
	/*    padding-top: 5px; */
	display: inline;
}

.field-group {
	margin-bottom: 20px;
}

label.container {
	display: block;
	position: relative;
	padding-left: 40px;
	padding-top: 5px;
	margin-bottom: 20px;
	cursor: pointer;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.container input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	width: 35px;
	background-color: #eee;
	border: 1px solid #777;
	border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.container input ~ .checkmark:hover {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
	background-color: #6bab38;
	border: 1px solid #777;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
	left: 12px;
	top: 0px;
	width: 12px;
	height: 28px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.icon-box {
	background-color: #f47940;
	border: 1px solid #f47940;
	padding: 9px;
	display: inline;
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	border-radius: 5px 0px 0px 5px;
	text-align: right;
	box-sizing: padding-box;
}

.icon-box i {
	margin-left: 5px;
	box-sizing: padding-box;
}

.far,
.fas, .fa {
	color: #fff;
	width: 28px;
}

label.container {
	width: auto;
	float: left;
	margin-right: 18px;
}

.reg-button {
	font-size: 24px !important;
	color: #fff;
	background-color: #f47940;
	padding: 9px 18px !important;
	margin-top: 20px;
	margin-bottom: 18px;
	border-radius: 9px !important;
	border: 0px;
}

.reg-button:hover {
	background-color: #df0032 !important;
}

.reg-button:disabled {
	background-color: #777777 !important;
	cursor: not-allowed;
}

header {
	width: 100%;
}

.row {
	margin: 0px !important;
}

span.session-info {
	display: inline-block;
	margin-bottom: 20px;
	/*    margin-left: 36px; */
}

/*
.session-type {
   font-size: 1.5em; font-weight: bold;
}

.session-dates {
   font-size: 1.5em; font-weight: bold;
}
*/

.teaser {
	font-size: 1.125em;
	margin-top: 18px;
}

.teaser.callout {
	border: 1px solid #77b700;
	padding: 15px;
	background-color: #b7d382;
	font-weight: 900;
}

.carousel-indicators {
	/*    bottom: -40px; */
	position: relative;
	margin-top: 30px;
}

.carousel-indicators > li.active {
	background-color: #5a2e75;
	height: 15px;
	width: 15px;
	border-radius: 15px;
	cursor: pointer;
}

.carousel-indicators > li {
	border-color: #5a2e75;
	height: 15px;
	width: 15px;
	border-radius: 15px;
	cursor: pointer;
}

/* .carousel-inner > .item,
.carousel-inner > .active {
	   display: inline-block;
} */

.item {
	width: auto;
}

div#myCarousel {
	margin: 0px auto;
	width: 800px;
	max-width: 100%;
}

.site-header {
	/*    background: url(/assets/img/camp-jobey-header-design.png) no-repeat; */
	background-position: right top;

	/*    background-size: cover; */
	/*
   width: 100%;
   height: 330px;
   max-height: 330px;
*/
}

.camp-jobey {
	font-family: 'Cinzel', serif;
	font-size: 5em;
	text-shadow: 1px 1px #8dc63f;
	/*    margin-top: 80px; */
}

.institute {
	font-family: 'Cinzel', serif;
	font-size: 3.2rem;
	text-shadow: 1px 1px #8dc63f;
}

.header-desc {
	text-shadow: 1px 1px #fff;
}

.camp-jobey-header-image {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	max-width: 50%;
}

.nav-btn,
.nav-btn:active,
.nav-btn .active {
	border: 1px solid #608c25;
	background-color: #8dc63f;
	border-radius: 5px;
	text-align: center;
	margin-right: 18px;
}

.navbar-header {
	background-color: #8dc63f;
	height: auto;
}

ul.navbar-nav {
	/*
   position: absolute;
   top: 50px;
   z-index: 2;
*/
	/*    background-color: #8dc63f; */
	padding-left: 15px;

	text-align: center;
	margin: 0px -15px;
}

.navbar-collapse.collapse {
	position: absolute;
	z-index: 1;
	height: 150px;
	max-width: 100%;
	
}

.navbar-collapse {
	padding-right: -15px;
	border: 0;
}

.navbar {
	margin-bottom: 0px;
}

/* #header-design { */
	/*    margin-top: 80px; */
	/* position: absolute; */
	/*
   top: 80px;
   z-index: 20;
*/
/* } */

.navbar {
	/*    background: -moz-linear-gradient(top, #8dc63f 0%, #8dc63f 76px, #ffffff 77px, #ffffff 100%); */ /* FF3.6-15 */
	/*    background: -webkit-linear-gradient(top, #8dc63f 0%,#8dc63f 76px,#ffffff 77px,#ffffff 100%); */ /* Chrome10-25,Safari5.1-6 */
	/*    background: linear-gradient(to bottom, #8dc63f 0%,#8dc63f 76px,#ffffff 77px,#ffffff 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=0 ); */ /* IE6-9 */

	border: none;
}

/*
#hero {
   margin-top: 100px;  
}
*/

#sample-schedule {
	margin-bottom: 36px;
}
.schedule-header {
	font-size: 2.5em;
	text-align: left;
}

.schedule-subheader {
	font-size: 2.0em;
}

.start-time {
	width: 75px;
	min-width: 75px;
	margin-right: 5px;
	display: inline-block;
	text-align: right;
}
.time-sep {
	width: 15px;
	min-width: 15px;
	margin-right: 5px;
	display: inline-block;
}
.end-time {
	width: 65px;
	min-width: 65px;
	margin-right: 10px;
	display: inline-block;
	text-align: right;
}
/* .time-slot-desc {
} */

.far,
.fas {
	color: #fff;
	width: 28px;
}

.fa-bars {
	color: #fff;
	font-size: 40px;
	/* position: absolute; */
	z-index: 21;
	margin-right: 20px;
}

#reg-button,
#reg-button-2 {
	font-weight: bold;
}

#name-group-error,
#email-group-error,
#instrument-group-error,
#session-group-error,
#school-group-error,
#age-group-error,
#tshirt-group-error,
#parent-name-group-error,
#teacher-group-error,
#teacher-email-group-error,
#phone-group-error {
	color: #df0032;
	font-size: 0.65em;
	display: none;
	/*    visibility: hidden; */
}

#error-modal,
#enroll-error-modal,
#enroll-success-modal,
#info-modal {
	position: fixed;
	z-index: 2000;
	top: 20%;
}

#spinner {
	display: none;
	text-align: center;
}

#spinner img {
	width: 50px;
	height: 50px;
}

.fa-exclamation-triangle {
	color: #df0032;
	font-size: 50px;
	float: left;
}

.fa-award {
	color: #0081c6;
	font-size: 50px;
	float: left;
}

.fa-times-circle,
.close {
	/*    color: #8dc63f; */
	opacity: 1;
	font-size: 40px;
	margin-right: 10px;
	margin-top: 5px;
	text-shadow: none;
}

.fa-times-circle:hover,
.close:hover {
	color: #aaa !important;
	opacity: 1;
}

.modal-title {
	font-size: 2.0em;
	margin-left: 80px;
	margin-top: 5px;
	color: #fff;
}

.success-modal {
	margin-left: 50px;
}

.modal-header-error {
	background-color: #df0032;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	border-bottom: 0px;
}

.modal-header-success {
	background-color: #8dc63f;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	border-bottom: 0px;
}

#close-modal {
	color: #fff;
}

.modal-content {
	border-radius: 9px;
}

#fa-icon {
	color: #fff;
}

#modal-body {
	font-size: 1.5em;
	text-align: center;
	padding: 18px;
}

#instructors {
	background: url('../img/tile.jpg') top left repeat fixed;
}

.instructors {
	padding-bottom: 40px !important;
}

#cost {
	font-weight: bold;
	font-size: 1.5em;
	text-align: left;
}
.price-info {
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 4px;
}
.bottom-pad {
	margin-bottom: 80px;
}

.session-dates {
	font-size: 1.25em;
	font-weight: bold;
}
.session-type {
	font-size: 1.25em;
	font-weight: bold;
}

.session-checkbox .session-dates {
	font-size: 1.0em;
	font-weight: bold;
}
.session-checkbox .session-type {
	font-size: 1.75em;
	font-weight: bold;
}

input[name="session"] {
	display: none;
}
.session label span.checkmark {
	margin-top: 10px;
}

.gallery {
	text-align: center;
	margin-top: -30px;
}

.align-left {
	text-align: left;
}

.register-header {
	font-size: 3.5em;
}

.register-subheader {
	font-size: 2.5em;
}

.maker {
	text-align: center;
}

.field-label {
	font-weight: bold;
}

.reporting {
	margin-bottom: 5px;
}
.reporting-row {
	padding: 10px !important;
}

@media screen and (max-width: 767px) {
	.site-header {
		background: none;
		width: auto;
		height: auto;
	}

	.camp-jobey-header-image {
		position: relative;
		text-align: center;
	}

	ul.navbar-nav {
		position: relative;
	}

	/* .navbar { */
		/*
       width: 100%;
       z-index: 22;
*/
	/* } */

	/* .nav-btn { */
		/*       margin: 0px 18px; */
	/* } */

	#reg-button {
		margin-left: 18px;
		margin-right: 18px;
		text-align: center;
		box-sizing: border-box;
	}

	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse {
		text-align: center;
		height: auto;
		background-color: #8dc63f;
	}

	ul.navbar-nav {
		/*     z-index: 28; */
		width: 100%;
		background-color: #8dc63f;
		/*     top: 55px; */
	}

	#header-design {
		margin-top: 20px;
		text-align: center;
	}

	#camp-jobey-graphic {
		display: inline-block;
		text-align: center;
	}

	.camp-jobey {
		text-align: center !important;
		font-size: 4em;
	}

	.institute {
		text-align: center;
		font-size: 2.4em;
	}

	.mugshot {
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 986px) {
	.session-type {
		font-size: 1.35em !important;
	}

	/*
   .camp-jobey {
      text-align: left;
   }
   
   .institute {
      text-align: left;
   }
*/
	#camp-jobey-graphic {
		display: inline-block;
		text-align: center;
	}

	.camp-jobey-header-image {
		position: relative;
	}

	#header-design {
		text-align: center;
	}
}

@media screen and (max-width: 1100px) {
	.session-type {
		font-size: 1.5em;
	}

	.session-dates {
		font-size: 1.0em;
	}

	/*
   #header-design {
      width: 100%;
      text-align: center;
   }
*/
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #777;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index: 10000;
}

#login {
	position: absolute;
	width: 300px;
	height: auto;
	top: -300px;
	background-color: #fff;
	border-radius: 18px;
	border: 1px solid #777;
	z-index: 10001;
	padding: 18px;
}

#invalid-login {
	color: #df0032;
	font-weight: bold;
	display: none;
}

#vaccination-requirement-message {

	z-index: 2;
	position: absolute;
	top: 10px;
	text-align: center;
	width: 100%;

}
#inner-message {
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	margin: 10px auto;
	vertical-align: middle;
	background-color: #df0032;
	padding: 10px;
	width: 600px;
	border-radius: 9px;
}

@media screen and (max-width: 640px) {
	#inner-message {
		width: 350px;
	}	

	.session-type {
		font-size: 1.0em !important;
	}

}