/* ----------------
	GENERAL STUFF
   ---------------- */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance:textfield;
}

p, li, div > strong {
	font-size: 1.3em;
}
	.modal li {
		font-size: 1.0em;
		padding-bottom: 0;
	}

p {
	margin-bottom: 1em;
}
h1, h2, h3, h4 {
	margin: 1em 0;
}
h1 {
	font-size: 40px;
	font-weight: bold;
}
@media all and (max-width: 1023px) {
	h1.banner {
		font-size: 32px;
	}
	h4.wl-center-small {
		font-size: 21px;
		text-align: center;
		margin-top: 0;
	}
}

a { cursor: pointer; }

li { padding-bottom: 0.5em; }
.dropdown-menu>li { padding-bottom: 0 !important; }
.dropdown-menu>li>a {
	padding: 6px 20px;
}

@media all and (max-width: 1023px) {
	ul.wl-small-nobullet {
		padding: 0;
	}

	ul.wl-small-nobullet > li {
		list-style: none;
	    text-align: center;
	} 	
}


hr.blue {
	border-color: rgb(61, 155, 233);
}



.wl-inner-icon {
	position: relative;
	margin-bottom: 5px;
}

.wl-inner-icon .glyphicon {
	position: absolute;
	padding: 15px;
	pointer-events: none;
	left: 0px;
	color: gray;
}

.wl-inner-icon input,
.wl-inner-icon select {
	padding-left: 35px;
	width:100%;
}




@media all and (min-width: 1024px) {
	div.carousel {
		max-width: 1024px;
		margin: 4em auto 1em auto;
	}
}
@media all and (max-width: 1023px) {
	div.carousel {
		margin: 1em 0;
	}

	.carousel-caption {
		padding-bottom: 0;
	}
	.carousel-inner {
		padding-bottom: 30px;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		top: 36%;
	}
}
.carousel-inner > .item > img {
	margin: 0 auto;
	padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
	.carousel-caption {
	    padding-bottom: 35px;
	    font-size: 1.3em;
	}
}




.navbar > h4  {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 5%;
}

.navbar-default .navbar-nav > li.dropdown.open > a, 
.navbar-default .navbar-nav > li.dropdown.open > a:focus, 
.navbar-default .navbar-nav > li.dropdown.open > a:hover {
	color: rgb(49, 132, 201);
	background-color: #edf6fd;
}

.dropdown-menu>li>a:focus, 
.dropdown-menu>li>a:hover {
	color: rgb(49, 132, 201);
	background-color: #edf6fd;
}

.navbar-default .navbar-nav > li {
	padding-bottom: 0;
	font-size: inherit;
}
.dropdown-menu>li, .dropdown-menu>li>a {
	font-size: inherit;	
}

.navbar-default .navbar-nav > li > a,
.dropdown-menu>li, .dropdown-menu>li>a {
	color: rgb(61, 155, 233);
	font-weight: 500;
	font-size: inherit;	
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: rgb(49, 132, 201);
	font-weight: 500;
	font-size: inherit;	
}


.navbar-default .navbar-nav > li > a.btn.btn-primary {
	color: white;
    margin: 6px 10px;
    padding: 8px;
}
.navbar-default .navbar-nav > li > a.btn.btn-primary:hover,
.navbar-default .navbar-nav > li > a.btn.btn-primary:focus,
.navbar-default .navbar-nav > li > a.btn.btn-primary:active {
	background-color: #388DD4;
}


.g-recaptcha {
	display: inline-block;
}
@media all and (min-width: 1024px) {
	.wl-recaptcha {
		width: 100%; 
		text-align: center; 
		padding: 1em;"
	}
}


.btn {
	font-size: 1.3em;
	font-weight: 500;
}
	.modal .btn {
		font-size: 1.0em;
	}

.btn-primary {background-color: rgb(61, 155, 233); }
.btn-primary:hover,.btn-primary:focus {background-color: rgb(49, 132, 201);}






.footer {
	padding: 0.8em;
	background-color: rgb(61, 155, 233);
	color:white;
	text-align: center;
}

	@media print {
		.footer { display: none ; }
	}

.footer a, .footer a:visited {
	color:white;
	text-decoration: underline;
}
.footer a:hover {
	color:white;
}




/* -------------------
	MAIN CONTENT PANELS
   ------------------- */

div.wl-panel {
	width: 100%; 
	text-align: center; 
}
	@media all and (max-width: 1023px) {
		div.wl-panel { padding: 4em 1.5em; }
	}
	@media all and (min-width: 1024px) {
		div.wl-panel { padding: 4em 3em; }
	}

div.wl-panel > h1, div.wl-panel > h2, div.wl-panel > h3 {
	margin-top: 0;
}

div.wl-panel-container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: inline-block;
}



h1.wl-page-header {
	width: 100%; 
	text-align: center; 
	background-color: rgb(61, 155, 233); 
	color: white;
	margin: 0;
}
	@media all and (max-width: 1023px) {
		h1.wl-page-header { 
			padding: 24px 10px; 
			font-size: 32px;
		}
	}

	@media all and (min-width: 1024px) {
		h1.wl-page-header { 
			padding: 32px 10px; 
		}
	}




@media all and (max-width: 1023px) {
	.wl-large-only { display: none !important; }
}

@media all and (min-width: 1024px) {
	.wl-small-only { display: none !important; }
}



/* -------------------
	2 and 3 TIER PANELS
   ------------------- */

@media all and (max-width: 1023px) {
	.wl-column-one, 
	.wl-column-two,
	.wl-column-thirds {
		width: 100%;
		padding: 1em; 
		display: block;
	}

 	.wl-min-500-desktop {
 		width: 100%;
 	}
}

@media all and (min-width: 1024px) {
	.wl-column-one,
	.wl-column-two {
		width: 40%;
		display: inline-block;
		vertical-align: top;
		max-width: 500px;
	}
	.wl-column-one {
		margin-right: 50px;
	}

	.wl-column-thirds {
		width: 32%; 
		padding: 2em; 
		display: inline-block;
		vertical-align: top;
	}

 	.wl-min-500-desktop {
 		min-width: 500px;
 		text-align: left;
 	}

 	.wl-left-align-desktop > p {
 		text-align: left;
 	}

 	.wl-home-our-story-panel {
 		text-align: left;
 		margin-right: 20px;
 		max-width: 580px;
 	}
}





@media all and (max-width: 767px) {
	.wl-feature-left-text,
	.wl-feature-left-img,
	.wl-feature-right-text,
	.wl-feature-right-img {
		width: 100%;
		padding: 1em; 
		display: block;
	}
}

@media all and (min-width: 768px) {
	.wl-feature-left-text {
		width: 75%;
		vertical-align: top;
		float: left;
		display: inline-block;
	}
	.wl-feature-left-img {
		width: 25%;
		vertical-align: top;
		float: right;
		display: inline-block;
	}
}




@media all and (max-width: 1023px) {
	.wl-welcome-tile {
		width: 100%; 
		display: block; 
		vertical-align: top;
		font-size: 1.2em;
		margin-bottom: 2em;
	}
}

@media all and (min-width: 1024px) {
	.wl-welcome-tile {
		width: 25%; 
		margin: 0 3%; 
		max-width: 250px; 
		display: inline-block; 
		vertical-align: top;
		font-size: 1.2em;
	}
}


.wl-welcome-tile a.btn.btn-primary {
	display: block;
    margin: 0.5em auto;
    max-width: 200px;
    font-size: 1.0em;
}




/* -------------------
	TOP PANEL
   ------------------- */

@media all and (max-width: 724px) {
	#wl-welcome-text {
		margin: 2em;
	}

	#wl-welcome-text p {
		font-size: 1.2em;
		text-align: left;
		margin: 1em 0;
	}

	#wl-welcome-text a.btn {
		display: block;
		width: 100%;
		margin: 1em 0;
	}
}

@media all and (min-width: 768px) {
	#wl-welcome-text {
		background-color: rgba(10, 10, 10, 0.6); 
		border: 2px solid white; 
		border-radius: 10px;

	    color: white;
	    text-align: center;
	    margin: 0 auto;
	    width: 750px;
	    max-width: 750px;
	}

	#wl-welcome-text p {
		margin: 1em 0 2em 0;
		color: white;
		font-size: 20px;
	}
}


#wl-welcome-image {
    width: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: top center;
}

@media all and (max-width: 479px) {
	#wl-welcome-text { margin-top: 100px; }
	#wl-welcome-text h2 { font-size: 30px; color: white; height: 107px;  text-align: center; }
	#wl-welcome-image { background-image: url('../../../img/apply/home_480.jpg'); min-height: 207px; }
}

@media all and (min-width: 480px) and (max-width: 599px) {
	#wl-welcome-text { margin-top: 150px; }
	#wl-welcome-text h2 { font-size: 35px; color: white; text-align: center; height: 108px;}
	#wl-welcome-image { background-image: url('../../../img/apply/home_600.jpg'); min-height: 258px; }
}

@media all and (min-width: 600px) and (max-width: 767px) {
	#wl-welcome-text { margin-top: 200px; }
	#wl-welcome-text h2 { font-size: 35px; color: white; text-align: center; height: 131px;}
	#wl-welcome-image { background-image: url('../../../img/apply/home_800.jpg'); min-height: 331px; }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	#wl-welcome-text { margin-top: 150px; }
	#wl-welcome-text h2 { font-size: 30px; }
	#wl-welcome-text .btn-lg { font-size: 20px; }
	#wl-welcome-image { background-image: url('../../../img/apply/home_1024.jpg'); min-height: 441px; }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
	#wl-welcome-text { margin-top: 250px; }
	#wl-welcome-text h2 { font-size: 35px; }
	#wl-welcome-text .btn-lg { font-size: 22px; }
	#wl-welcome-image { background-image: url('../../../img/apply/home_1280.jpg'); min-height: 551px; }
}
@media all and (min-width: 1281px) {
	#wl-welcome-text h2 { font-size: 40px; }
	#wl-welcome-text .btn-lg { font-size: 24px; }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
	#wl-welcome-text { margin-top: 300px; }
	#wl-welcome-image { background-image: url('../../../img/apply/home_1440.jpg'); min-height: 620px; }
}
@media all and (min-width: 1441px) and (max-width: 1600px) {
	#wl-welcome-text { margin-top: 350px; }
	#wl-welcome-image { background-image: url('../../../img/apply/home_1600.jpg'); min-height: 689px; }
}
@media all and (min-width: 1601px) and (max-width: 1920px) {
	#wl-welcome-text { margin-top: 400px; }
	#wl-welcome-image { background-image: url('../../../img/apply/home_1920.jpg'); min-height: 826px; }
}
@media all and (min-width: 1921px) and (max-width: 2048px) {
	#wl-welcome-text { margin-top: 450px; }
	#wl-welcome-image { background-image: url('../../../img/apply/home_2048.jpg'); min-height: 881px; }
}
@media all and (min-width: 2049px) and (max-width: 2300px) {
	#wl-welcome-text { margin-top: 500px; }
	#wl-welcome-image { background-image: url('../../../img/apply/home_2300.jpg'); min-height: 990px; }
}
@media all and (min-width: 2301px) {
	#wl-welcome-text { margin-top: 600px; }
	#wl-welcome-image { background-image: url('../../../img/apply/home_2880.jpg'); min-height: 1239px; }
}



@media all and (min-width: 768px) {
	.wl-welcome-column-a {
		border-right: 1px solid white; 
		padding: 0 3em;
	}
	.wl-welcome-column-b {
		padding: 0 3em;
	}
}

@media all and (max-width: 767px) {
	.wl-welcome-column-a, 
	.wl-welcome-column-b {
		padding: 1em 0;
	}
}




.italic-quote {
	text-align: left;
	margin: 1.5em 0;
	font-style: italic;
	line-height: 1.5em;	
}







#wl-contact-form {
	margin: 0 auto;
	max-width: 500px;
}

#wl-contact-form input,
#wl-contact-form textarea {
	margin: 1em 0;
}

#wl-contact-form input:active,
#wl-contact-form input:focus,
#wl-contact-form textarea:active,
#wl-contact-form textarea:focus {
	box-shadow: 0 0 20px 5px lightblue;
    -webkit-box-shadow: 0 0 20px 5px lightblue;
    -moz-box-shadow: 0 0 20px 5px lightblue;
}




@media all and (min-width: 1024px) {
	a.wl-youtube-inline { margin-left: 2em; }
}
@media all and (max-width: 1023px) {
	a.wl-youtube-inline { text-align: center; display: inline-block; width: 100%; }
}

@media all and (min-width: 450px) and (max-width: 500px) {
	.wl-youtube-inline { max-width: 390px; }
}
@media all and (min-width: 400px) and (max-width: 449px) {
	.wl-youtube-inline { max-width: 340px; }
}
@media all and (min-width: 350px) and (max-width: 399px) {
	.wl-youtube-inline { max-width: 290px; }
}
@media all and (max-width: 349px) {
	.wl-youtube-inline { max-width: 100%; }
}







.wl-floating-signup {
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-decoration:none;
    background: #333;
    width: 220px;
    padding: 20px;
    color: white;
    border-radius: 10px;    
    display: inline-block;
    border: 2px solid white;

    -webkit-box-shadow: 0 0 8px #aaa;
    -moz-box-shadow: 0 0 8px #aaa;
    box-shadow: 0 0 8px #aaa;
}
/*
.wl-floating-signup:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 70%;
    width: 0;
    height: 0;
    border-top: solid 15px #333;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}
*/


@media all and (max-width: 1023px) {
	.wl-floating-signup { display: none; }

}




#waitlist_fee_payout:empty {
	display: none !important;
}




.wl-subscription-plan {
	border: 1px solid rgb(61, 155, 233);
	border-radius: 10px;

    -webkit-box-shadow: 0 0 3px #aaa;
    -moz-box-shadow: 0 0 3px #aaa;
    box-shadow: 0 0 3px #aaa;
    max-width: 800px;
}

	.wl-subscription-plan p {
		padding: 0 2em;
		font-size: 1.2em;
		margin-bottom: 1.5em;
	}

	.wl-subscription-plan a {
		font-size: 1.1em;
		margin-bottom: 0.5em;
	}

	.wl-subscription-plan h2 {
		margin-top: 1em;
		margin-bottom: 0.8em;
	}

	@media all and (max-width: 1023px) {
		.wl-subscription-plan.wl-column-one {
			margin-bottom: 3em;
		}

		.wl-subscription-plan.wl-column-one,
		.wl-subscription-plan.wl-column-two {
			padding: 0;
		}
	}

.wl-subscription-plan .wl-plan-features {
	background-color: #f9f9f9;
	text-align: center;
	margin-top: 2.5em;
}

.wl-subscription-plan .wl-plan-features .wl-plan-bullet {
	font-size: 1.1em;
	padding: 0.7em 1em;
	border-bottom: 1px solid #ccc;
}

	.wl-subscription-plan .wl-plan-features .wl-plan-bullet strong {
		font-size: 1.1em;
	}

.wl-subscription-plan .wl-plan-features .wl-plan-bullet:last-child {
	border-bottom: none;
	margin-bottom:10px;
}

.media-body {
	font-size: 16px;
	padding-left: 5px;
}

.media {
	margin-top: 25px;
	margin-bottom: 10px;
}

.media:first-child {
    margin-top: 5px;
}