/*

Jason Wishnow

reel.css


*/



/* /// Main Media Content //////////////////////////////// */



.whitecontainer {
	position:relative;
	margin:0px auto;
	text-align:left;
	width:680px;
	border:0;
	padding-top:0px; 
	padding-left:0px; 
	padding-right:0px; 
	padding-bottom:1px; 
	background:#ffffff;
}

.bluecontainer {
	position:relative;
	margin:0px auto;
	text-align:left;
	border:0;
	padding: 1rem 1rem;
	background:#eef1f4;
}

.blackestcontainer {
	position:relative;
	margin:0px auto;
	text-align:left;
	border:0;
	padding: 1rem 1rem;
	background:#000000;
}

.whitestcontainer {
	position:relative;
	margin:0px auto;
	text-align:left;
	border:0;
	padding: 1rem 1rem;
	background:#ffffff;
}



.project {
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	z-index:100;
}


.alpharollover:link img { opacity:0.4; filter:alpha(opacity=40); }
.alpharollover:hover img { opacity:1.0; filter:alpha(opacity=100); }
.alpharollover:active img { opacity:0.1; filter:alpha(opacity=10); }


/* /// Additional Descriptive Content //////////////////////////////// */



.collapsible {
  background-color: #ffffff;
  cursor: pointer;
  padding: 1rem 1rem;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
}

.active {
  background-color: #eef1f4;
}

.collapsible:hover {
  background-color: #eef1f4;
}

.collapsible:after {
  color: #666666;
  content: '(more)\00A0\21E9';
}

.active:after {
  color: #999999;
  content: '\21E7\00A0(less)';
}

.content {
  background-color: #eef1f4;
  padding: 0 1rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}



/* /// Video Fluidity //////////////////////////////// */



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

.btsvideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.btsvideoWrapper iframe {
	position: relative;
	top: 0;
	left: 0;
	width: 50%;
	height: 50%;




/* /// Remove mobile redundant images //////////////////////////////// */
/* Show only in mobile or desktop */

@media only screen and (min-width: 769px) {
.only-mo { display: none !important; }}

@media only screen and (max-width: 768px) {
.only-desktop { display: none !important; }}


@media (max-width: 3000px) {
  .hidden-xs {
    display: none !important;
  }
}