@import "bootstrap-compass";
@import "partials/base";
@import "bootstrap";

// padding needed with fixed navbar
body {
	padding-top: 70px;
}

.jumbotron {
	background-color: $color-jumbotron;
}

.well {
	background-color: $color-well;
	.btn-primary {
		background-color: $color-well-button;
		border: $color-well-button;
	}
}

// fill width and height - with black edges as needed
.videocontainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 999;
}
video {
	display: block;
	width: 100%;
	height: 100%;
}

// Hide eye field except when human checkbox enabled
.eye {
   opacity: 0;
}
#human:checked ~ .eye {
   opacity: 100;
}

table {
	@extend .table, .table-striped;
}