/*  ----------- GENERAL  ----------- */
.dropDownContent a {
	background-color: rgba(0, 0, 0, 0.7);
}
ul h1 {
	color: #fff;
}
.previewContainerBG {
	position: fixed;
	max-width: 150px;
	left: 0px;
	top: 0px;
	display: block;
	background-color: #000;
	height: 100%;
	z-index: 10;
}
.previewContainerSM {
	direction: block;
	position: relative;
	overflow-y: scroll;
	top: 60px;
	height: 580px;	
	scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
}
.previewEmptyBoxBottom {
	height: 60px;
}
.previewContainerSM::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.previewThumb {
	display: block;
	object-fit: contain;
    width: 100%;
	margin-bottom: 5px;
}
ul {
	list-style-type: none;
}
.doubleDownArrow, .doubleUpArrow {
	display: block;
	position: relative;
	object-fit: contain;
	margin-top: 20px;
	width: 40px;
	opacity: 0.5;
	margin: auto;
}
/* ----------- end -----------  */

.otherTitleGroup {
	background-color: #000;
}
.otherOlderTitleList {
	max-width: 1080px;
	margin: auto;	
	background-color: #000;
	padding-top: 150px;
	color: #7b7b7b;
}
.otherTitle {
	display: inline-block;
}

.mediaDisplay, .otherTitleGroup {
	padding-left: 150px;
}
table {
	width: 100%;
	border-collapse: collapse;
}
td {
	background-color: #000;
	border: none;
	vertical-align: middle;
}
h4 {
	color: #7b7b7b;
	text-transform: uppercase;	
}
td p {
	max-width: 70%;
}
.pairedImg, .singleCell {
	background-color: #fff;
}
.singleCell {
}
.indivImg.extraPadding {
	padding-bottom: 25px;
}
.containerPhoto, .containerVideo {
	padding: 50px 0 50px 0;
}
.containerVideo {
	display: block;
	background-color: #000;
}
.videoVimeo {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: auto;
}
.videoDesc h4 {
	width: 700px;
	padding: 20px 0 0 0;
	margin: auto;
	transition: all 2s ease;
	opacity: 0;
}
.containerVideo:hover h4 {
	transition: all 1s ease;
    opacity: 1;		
}
.containerPhoto {
	box-sizing: border-box;
	position: relative;
	margin: auto;
}
.containerPhoto img {
	object-fit: contain;
	display: block;
    width: 100%;
    max-height: 800px;
    max-width: 800px;
	margin-left: auto;
	margin-right: auto;	
}
.indivImg {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: auto;
}

.PTRcol2 {
	width: 70%;
}
.PTLcol1 {
	width: 70%;
}


/* --------- photo descriptions appear ---------- */
.singleCell:hover h4, .singleCell:hover p, .photoTableLeft:hover p, .photoTableRight:hover p, .photoTableLeft:hover h4, .photoTableRight:hover h4 {
	transition: all 1s ease;
    opacity: 1;	
}
td h4, td p {
	display: block;
	color: #7b7b7b;	
	padding: 0 20px 0 0;
	transition: all 2s ease;
	opacity: 0;
}

/* -------- Projects / Series ------------ */
.seriesDesc, .pairedImg h4 {
	padding: 0 0 40px 0;
	max-width: 600px;
	margin: auto;
}
.series {
	padding-top: 20px;
	max-width: 930px;
	margin: auto;	
}
.series h1 {
	padding: 20px 0 0 20px;
	color: #7b7b7b;
}
.series h4 {
	padding: 5px 0 0 20px;
	color: #7b7b7b;
	opacity: 1;
}
.seriesDesc p {
	padding-bottom: 5%;
}
.singleCell p {
	color: #7b7b7b;	
}
.pairedImg {
	padding: 5% 0;
}


/* only in this one!! */
li a {
	text-decoration: none;
}
.previewScrollText {
	display: block;
	width: 150px;
	overflow: hidden;
}


footer {
	padding-left: 150px;
}
@media only screen and (min-width: 893px) {
}