@charset "UTF-8";

@font-face {
	font-family: 'JHCIcons';
	src: url('../fonts/JHCIcons-Regular_web.woff');
}

/* 
	Desktop main font size: 22/30
	Desktop small font size: 15/20
	Mobile main font size: 18/24
	Mobile small font size: 13/15
*/

html, body {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.03em;
	color: black;
	-webkit-text-size-adjust: 100%; /* prevent ios devices from changing font size on landscape orientation */
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: calc(100% - 60px);
	padding: 30px 0;
}

a,
a:visited,
a:active {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p > a {
	text-decoration: underline;
}

em {
	font-style: italic;
}

img {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
}

sup.footnote {
	position: relative;
	top: -9px;
	font-size: 15px;
	line-height: 15px;
}

.desktop_hide {
	display: none !important;
}

video {
	cursor: url('../images/play_cursor-lo_white.cur'), auto;
	cursor: url('../images/play_cursor-lo_white.png') 20 20, auto;
/*
	cursor: -webkit-image-set(
	  url('../images/play_cursor-lo_white.png') 1x,
	  url('../images/play_cursor_white.png') 2x
	) 20 20, auto;
*/
/*
	background-image: url('../images/play_cursor_white.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	background-color: rgba(128,128,128,0.25);
*/
}

video.playing {
	cursor: url('../images/pause_cursor-lo_white.cur'), auto;
	cursor: url('../images/pause_cursor-lo_white.png') 20 20, auto;
/*
	cursor: -webkit-image-set(
	  url('../images/pause_cursor-lo_white.png') 1x,
	  url('../images/pause_cursor_white.png') 2x
	) 20 20, auto;
*/
}

#back_to_top_button {
	position: fixed;
	bottom: 30px;
	left: 50px;
	width: 32px;
/*
	font-family: 'JHCIcons';
	font-size: 24px;
	line-height: 36px;
*/
	display: none;
	cursor: pointer;
}

#back_to_top_button.active {
	display: block;
}


/* NAV */

#nav, 
#nav_collapse,
#project_nav_collapse {
	width: calc(100% - 80px);
	margin: 0 40px 80px 40px;
	padding: 0;
}

#nav_collapse {
	position: absolute;
	top: 100px;
	border-bottom: 2px solid black;
	background-color: white;
	display: none;
	z-index: 999;
}

#nav_collapse.active {
	display: block;
}

#project_nav_collapse {
	display: none;
}

.nav_item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 36px 0 0;
	padding: 0;
}

.nav_item.title {
	width: 60%;
	left: 20%;
	text-align: center;
	margin-right: 0;
}

.nav_item:not(.choosable) a:not(.icon):hover,
.nav_item:not(.choosable) span:not(.icon):hover {
	cursor: pointer;
	text-decoration: underline;
}

.nav_subitem {
	cursor: pointer;
}

.nav_item.choosable a:hover {
	color: black;
}

.nav_item:last-child {
	margin-right: 0;
}

.nav_item.right {
	display: block;
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

.nav_item > span {
	display: none;
}

.nav_item > span.active {
	display: inline;
}

.nav_subgroup {
	display: none;
}

.nav_item.chosen .nav_subgroup {
	display: block;
	margin-top: 20px;
	margin-bottom: 40px;
	position: absolute;
	width: 400px;
}

.nav_subitem {
	position: relative;
}

.nav_item.chosen {
	text-decoration: underline;
}

/* .nav_subitem:hover::before, */
.nav_subitem.hovered::before,
.nav_subitem.chosen::before {
	content: '\25A0'; /* '\00D7'; */
	position: absolute;
	left: -15px; 
	font-family: 'JHCIcons';
}

.projects_nav.nav_item.chosen {
	height: 100px;
}

.journal_icon {
	height: 36px;
	width: auto;
	text-decoration: none !important;
}

.journal_icon::before {
	content: '\2B1B';
	font-family: 'JHCIcons';
}

.journal_icon:hover::before {
	color: black;
	content: '\259E';
	font-family: 'JHCIcons';
}

#home_button::before {
	content: '\2B1B';
	font-family: 'JHCIcons';
}

#home_button:hover::before {
	content: '\259A';
	font-family: 'JHCIcons';
}

#nav_collapse #close_mobile_nav_button {
	font-family: 'JHCIcons';
	width: 100%;
	margin: 20px 0 20px 0;
	text-align: center;
	cursor: pointer;
}


/* FOOTER */

.footer-copyright {
	display: block;
	width: calc(100% - 80px);
	margin: 30px 40px 0 40px;
	padding-bottom: 40px;
	float: left;
	clear: both;
}

.project_page .footer-copyright {
	margin-left: 40px;
	padding-top: 100px;
}

#profile_content .footer-copyright {
	margin-left: 0;
}


/* CONTENT */

#main_content {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#main_content.error_page,
#main_content.default_page {
	width: calc(100% - 80px);
	padding-right: 40px;
	padding-left: 40px;
}

#main_content::after,
#project_text_list::after {
	content: '';
	display: block;
	width: 100%;
	height: 120px;
	float: left;
}


/* HOMEPAGE */

.project_block,
.project_collapse {
	width: calc(100% - 80px);
	margin: 0;
	padding: 0 40px;
	overflow: hidden;
	float: left;
}

.project_block {
	cursor: pointer;

	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: 	opacity 0.25s ease-in-out;
	-ms-transition: 	opacity 0.25s ease-in-out;
	-o-transition: 		opacity 0.25s ease-in-out;
	transition: 		opacity 0.25s ease-in-out;
}

.project_block.transparent {
	opacity: 0;
}

/*
.project_block.transparent:hover {
	opacity: 1;
}
*/

.project_block.transparent .project_index {
	display: none;
}

.project_block .thumbnail_image,
.project_block .project_title {
	display: none;
}

.project_block .main_image_container {
	position: relative;
	height: 0;
}

.project_block .main_image_container.landscape {
	width: 72%; /* 70% */
	padding-bottom: 43%; /* 42% */
}

.project_block .main_image_container.landscapenarrow {
	width: 58%; /* this should match up with the corner of a square image */
	padding-bottom: 43%;
}

.project_block .main_image_container.landscapenarrow2 {
	width: 63%; /* this should match up with the corner of a portrait image */
	padding-bottom: 43%;
}

.project_block .main_image_container.portrait {
	width: 37%; /* 42% */
	padding-bottom: 50%; /* 70% */
}

.project_block .main_image_container.portraitxl {
	width: 58%;
	padding-bottom: 70%;
}

.project_block .main_image_container.square {
	width: 42%;
	padding-bottom: 42%;
}

.project_block .main_image_container.largesquare {
	width: 58%;
	padding-bottom: 58%;
}

.project_block.left .main_image_container {
	float: left;
}

.project_block.right .main_image_container {
	float: right;
}

.project_block .main_image_container .main_image {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	
	-webkit-transition: opacity 5s ease-in-out;
	-moz-transition: 	opacity 5s ease-in-out;
	-ms-transition: 	opacity 5s ease-in-out;
	-o-transition: 		opacity 5s ease-in-out;
	transition: 		opacity 5s ease-in-out;
	
	background-color: rgb(240,240,240);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.project_block.left .main_image_container .main_image {
	left: 0;
}

.project_block.left .main_image_container .main_image img {
	float: left;
}

.project_block.right .main_image_container .main_image {
	right: 0;
}

.project_block.right .main_image_container .main_image img {
	float: right;
}

.project_block .main_image_container .main_image.active {
	opacity: 1;
}

.project_block .project_index {
	margin-top: 15px;
}

.project_block .main_image_container.landscape .project_index {
	width: calc(39% - 15px);
}

.project_block .main_image_container.landscapenarrow .project_index {
	width: calc(72% - 15px);
}

.project_block .main_image_container.landscapenarrow2 .project_index {
	width: calc(59% - 15px);
}

.project_block .main_image_container.portrait .project_index {
	width: calc(170% - 15px);
}

.project_block .main_image_container.portraitxl .project_index {
	width: calc(72% - 15px);
}

.project_block .main_image_container.square .project_index {
	width: calc(138% - 15px);
}

.project_block .main_image_container.largesquare .project_index {
	width: calc(72% - 15px); /* TODO */
}


.project_block.right .project_index {
	float: left;
	margin-right: 0;
	transform: translateX(-100%) translateX(-15px); /* translate(calc(-100% - 15px), 0) */
	text-align: right;
}

.project_block.left .project_index {
	float: right;
	margin-right: 0;
	transform: translateX(100%) translateX(15px); /* translate(calc(100% + 15px), 0) */
}

.project_block[data-projectindex="1"] .project_index {
	margin-top: -3px;
}

.project_block .project_index .project_index_title {
	display: none;
}

.project_block:hover .project_index .project_index_title {
	display: inline;
}

.project_block:hover .project_index .project_index_number {
	display: none;
}

.project_block .mobile_slideshow {
	display: none;
}

.project_collapse {
	height: 0;
	overflow: hidden;
	position: relative;
}

.project_collapse.expanded {
	height: auto;
}

.project_collapse_inner {
	position: relative;
}

/*
.project_collapse .project_title,
.project_collapse .project_blurb,
.project_collapse .project_info,
.project_collapse .project_slideshow {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: 	opacity 0.5s ease-in-out;
	-ms-transition: 	opacity 0.5s ease-in-out;
	-o-transition: 		opacity 0.5s ease-in-out;
	transition: 		opacity 0.5s ease-in-out;	
}
*/

.project_collapse .project_title {
	width: 100%;
	position: relative;
	padding: 64px 0 54px 0; /* this should equal 2 lines of text below, and optically the same above */
	text-align: center;
}

.project_collapse .project_blurb {
	width: calc(100% - 400px);
	max-width: 1000px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px; /* this should equal 2 lines of text */
	max-height: 270px; /* 9 lines + 1 line for full text link */
	overflow: hidden;
	cursor: pointer;
}

.project_collapse .project_blurb::after {
	content: 'Read full text';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-decoration: underline;
	background: white;
}

.project_collapse .project_info {
	padding-bottom: 60px; /* this should equal 2 lines of text */
	margin-left: 100px;
	width: calc(50% - 100px);
}

.project_collapse .project_info .project_info-team,
.project_collapse .project_info .project_info-collaborator {
	max-height: 60px; /* cap these to two lines */
	overflow: hidden;
}

.project_collapse .project_info ul {
	max-height: 150px;
	overflow: hidden;
}

.project_collapse.slideshow_active {
	overflow: visible;
}

.project_collapse.slideshow_active .project_title,
.project_collapse.slideshow_active .project_info,
.project_collapse.slideshow_active .project_blurb {
	opacity: 0;
}

.project_collapse.longtext_active .project_title,
.project_collapse.longtext_active .project_info,
.project_collapse.longtext_active .project_blurb, 
.project_collapse.longtext_active .project_slideshow {
	opacity: 0;
}

.project_collapse .project_slideshow {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: visible;
	top: 0;
	right: -100%;
	margin-right: 0;
	z-index: 99;
}

.project_collapse .project_slideshow.inactive {
	cursor: pointer;
	overflow: hidden;
	position: absolute;
}

.project_slideshow .slideshow_image {
	position: absolute;

	opacity: 0;

/*
	-webkit-transition: opacity 0.1s ease-in-out;
	-moz-transition: 	opacity 0.1s ease-in-out;
	-ms-transition: 	opacity 0.1s ease-in-out;
	-o-transition: 		opacity 0.1s ease-in-out;
	transition: 		opacity 0.1s ease-in-out;
*/
}

.project_collapse .project_slideshow .slideshow_image {
	height: calc(100% - 120px);
	width: calc(100% - 260px);
	top: 44px;
	left: 130px;
	
	overflow: hidden;
}

.project_collapse .project_slideshow.inactive .slideshow_image {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;	
}

.project_collapse .project_slideshow .slideshow_image img,
.project_collapse .project_slideshow .slideshow_image video {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
	top: 50%;
	left: 50%;	

	-webkit-transform: 	translate(-50%, -50%);
	-ms-transform: 		translate(-50%, -50%);
	transform: 			translate(-50%, -50%);
}

.project_collapse .project_slideshow.inactive .slideshow_image img,
.project_collapse .project_slideshow.inactive .slideshow_image video {
	height: 100%;
	top: 0;
	left: 0;
	width: auto;
	
	-webkit-transform: 	none;
	-ms-transform: 		none;
	transform: 			none;
}

.project_slideshow .slideshow_image.active {
	opacity: 1;
}

.project_collapse .project_slideshow .slideshow_image .caption {
/*
	position: absolute;
	bottom: 0px;
	left: 50%;
	-webkit-transform: 	translate(-50%, 20px);
	-ms-transform: 		translate(-50%, 20px);
	transform: 			translate(-50%, 20px);
*/
	display: none;
}

/*
.project_collapse .project_slideshow .slideshow_image .caption p {
	position: relative;
	top: 27px;
}
*/

.prev_intercept,
.next_intercept {
	position: absolute;
	top: 0;
	height: 100%;
	width: 50%;
}

.prev_intercept {
	left: 0;
	cursor:	url('../images/left_arrow_cursor-lo.cur'), w-resize; /* Edge */
	cursor: url('../images/left_arrow_cursor-lo.png') 0 20, w-resize;
/*
	cursor: -webkit-image-set(
	  url('../images/left_arrow_cursor-lo.png') 1x,
	  url('../images/left_arrow_cursor.png') 2x
	) 0 20, auto;
*/
}

.next_intercept {
	right: 0;
	cursor: url('../images/right_arrow_cursor-lo.cur'), e-resize; /* Edge */
	cursor: url('../images/right_arrow_cursor-lo.png') 22 20, e-resize;
/*
	cursor: -webkit-image-set(
	  url('../images/right_arrow_cursor-lo.png') 1x,
	  url('../images/right_arrow_cursor.png') 2x
	) 22 20, auto;
*/
}

.project_collapse .project_slideshow.inactive .prev_intercept,
.project_collapse .project_slideshow.inactive .next_intercept {
	cursor: pointer;
}


.project_collapse .project_controls {
	position: absolute;
	top: 20px;
	left: 40px;
	z-index: 999;
}

.project_collapse.longtext_active .project_controls,
.project_collapse.slideshow_active .project_controls,
.project_collapse .project_controls.out_of_way {
	position: fixed;
	top: 16px;
}

.project_collapse .project_controls.transparent {
	opacity: 0;
}

.project_collapse .project_controls .button {
	margin-right: 10px;
	cursor: pointer;
	display: none;
	font-family: 'JHCIcons';
}

.project_collapse .project_controls .button.active {
	display: inline-block;
}

/*
.project_collapse .slideshow_counter,
.project_collapse .text_button,
.project_collapse .journal_page_button,
*/
.project_collapse .slideshow_bottom_container,
.project_collapse .slideshow_caption_container {
	display: none;
}

/* .project_collapse.expanded.slideshow_active .slideshow_counter */
.project_collapse.expanded.slideshow_active .slideshow_bottom_container {
	display: block;
	position: fixed;
	bottom: 30px;
	left: 40px;
	z-index: 999;
}

.slideshow_bottom_container > div {
	float: left;
	margin-right: 40px;
}

.project_collapse.expanded.slideshow_active .text_button,
.project_collapse.expanded.slideshow_active .journal_page_button,
.project_collapse.expanded.slideshow_active .caption_button {
/*
	display: block;
	position: fixed;
	bottom: 30px;
	left: 140px;
	z-index: 999;
*/
	position: absolute;
	left: 90px;
	cursor: pointer;
	text-decoration: underline;
}

.project_collapse.expanded.slideshow_active .caption_button {
	display: none;
}

.project_collapse.expanded.slideshow_active .journal_page_button {
	left: 170px;
}

.project_collapse.expanded.slideshow_active .slideshow_caption_container {
	display: block;
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translate(-50%, 0);
	height: 30px;
	overflow: hidden;
	z-index: 999;
	background-color: white;
}

.project_collapse.expanded.slideshow_active .slideshow_caption_container.positioned {
	transform: none;
}

.project_collapse.expanded.slideshow_active .slideshow_caption_container p {
	position: relative;
	text-align: center;
	top: 0;
	padding-left: 5px;
	padding-right: 5px;

	-webkit-transition: top 0.2s ease-in-out;
	-moz-transition: 	top 0.2s ease-in-out;
	-ms-transition: 	top 0.2s ease-in-out;
	-o-transition: 		top 0.2s ease-in-out;
	transition: 		top 0.2s ease-in-out;
}

.project_collapse.expanded.slideshow_active .slideshow_caption_container.expanded p {
	top: -30px;
}

.project_collapse.expanded.slideshow_active .slideshow_caption_container.positioned p {
	text-align: left;
}


#slideshow_lightbox,
#text_lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0;
	display: none;
}

#slideshow_lightbox.active,
#text_lightbox.active {
	display: block;
}

#slideshow_lightbox #slideshow_caption {
	position: absolute;
	height: 80px;
	width: 100%;
	bottom: 0;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.03em;
	text-align: center;
}

#text_lightbox {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#text_lightbox #long_text,
#text_lightbox #long_text_title,
#text_lightbox #long_text_journal_link,
#text_lightbox #long_text_close_button {
	width: calc(100% - 480px);
	margin: 36px auto 60px auto;
	max-width: 1000px;
}

#text_lightbox #long_text_title {
	text-align: center;
	margin-top: 70px;
}

#text_lightbox #long_text p {
	margin-bottom: 30px;
}

#text_lightbox #long_text_info {
	padding-bottom: 30px; /* this should equal 2 lines of text */
	margin-left: 40px;
	width: calc(50% - 80px);	
}

#text_lightbox #long_text_journal_link {
	text-decoration: underline;
	margin-top: -30px;
}

#text_lightbox #long_text_journal_link.empty_text {
	margin-top: 0px;
}

#text_lightbox #long_text_journal_link.no_space {
	margin-top: -60px;
}

#text_lightbox #long_text_close_button {
	text-align: center;
	cursor: pointer;
}

/* PROJECT INDEX PAGE */

.project_page #project_thumbnail_list {
	width: 100%;
	height: 100%;
	display: none;
}

.project_page #project_text_list {
	width: calc(100% - 80px);
	padding: 0 40px;
	height: 100%;
	display: none;
}

.project_page #project_thumbnail_list.active,
.project_page #project_text_list.active {
	display: block;
}

.project_page .project_block {
	display: block;
	float: left;
	height: auto;
	width: calc(25% - 20px);
	position: relative;
	margin: 0;
	padding: 0;
	overflow: visible;
}

.project_page .project_block .project_title {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 40px);
	padding: 15px 20px 0 20px;
	
	-webkit-transform: 	translate(0, 100%);
	-ms-transform: 		translate(0, 100%);
	transform: 			translate(0, 100%);
	
	opacity: 0;
	
	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: 	opacity 0.25s ease-in-out;
	-ms-transition: 	opacity 0.25s ease-in-out;
	-o-transition: 		opacity 0.25s ease-in-out;
	transition: 		opacity 0.25s ease-in-out;
}

.project_page .project_block[data-layoutcolumn="col-0"] .project_title {
	padding-left: 0;
}

.project_page .project_block:hover .project_title {
	opacity: 1;
}

.project_page .project_block.hide_title .project_title {
	display: none;
}

/* set up the checkerboard margins, this assumes two images per line  */
.project_page .project_block[data-layoutcolumn="col-0"],
.project_page .project_block[data-layoutcolumn="col-1"] {
	margin-right: calc(25% - 20px);
}

.project_page .project_block[data-layoutcolumn="col-0"] {
	margin-left: 40px;
}

.project_page .project_block[data-layoutcolumn="col-2"] {
	margin-left: calc(25% + 20px);
}

.project_page .project_block[data-layoutcolumn="col-3"] {
	margin-left: calc(25% - 20px);
}

.project_page .project_block:before {
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.project_page .thumbnail_image {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(240,240,240);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.project_page .project_block .main_image_container {
	display: none;
}


.project_page .project_block.hidden,
.project_page .project_collapse.hidden {
	display: none;
}

.project_page #project_table {
	width: 100%;
	border-top: 2px solid black;
}

.project_page #project_table tbody tr {
	cursor: pointer;
}

.project_page #project_table td {
	padding: 5px 40px 0 0;
}

.project_page #project_table tr td:last-child {
	padding-right: 0;
}

.project_page #project_table thead td {
	padding-bottom: 40px;
	padding-top: 10px;
	position: relative;
	cursor: pointer;
}

.project_page #project_table thead td.selected::before {
	content: '\25A0';
	position: absolute;
	left: -15px;
	font-family: 'JHCIcons';
}

.project_page #project_table tbody td[data-sortindex="col-category"] {
	text-transform: capitalize;
}

.project_page #project_table tbody tr.hidden {
	display: none;
}


/* TEXT PAGE */

.text_block {
	position: relative;
	width: calc(100% - 80px);
	margin: 0 0 80px 0;
	padding: 0 40px;
	float: left;
	cursor: pointer;
}

.text_block.expanded {
	margin-bottom: 0px;
	cursor: auto;
}

.text_block.expanded:hover {
	color: black;
}

.text_block .text_header_img {
	display: none;
}

.text_block.expanded .text_header_img {
	display: block;
}

.text_block .text_title {
	width: calc(100% - 400px);
	max-width: 1000px;
	margin-bottom: 30px;
	clear: both;
}

.text_block.right .text_title {
	float: right;
}

.text_block .text_subtitle {
	display: none;
}

.text_block.expanded .text_subtitle {
	display: block;
}

.text_block .text_wrapper {
	position: relative;
	width: calc(100% - 400px) /* 60% */;
	max-width: 1000px;
	max-height: 270px; /* 9 lines + 1 line for read more link */
	overflow: hidden;
}

.text_block .text_wrapper::after {
	content: 'Read more';
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: white;
	text-decoration: underline;
}

.text_block.expanded .text_wrapper::after {
	content: '';
}

.text_block.right .text_wrapper {
	float: right;
}

.text_block .text_wrapper figure {
	display: none;
}

.text_block.expanded .text_wrapper {
	width: 100%;
	max-height: max-content;
	max-height: intrinsic;
	max-width: none;
}

.text_block .text_container {
	width: 100%;
}

.text_block .text_container > *:not(figure) {
	width: 100%;
	max-width: 1000px;
}

.text_block.expanded .text_container > *:not(figure) {
	width: calc(100% - 400px) /* 60% */;
	max-width: 1000px;
}

.text_block .project_slideshow {
	position: relative;
}

.text_block .project_slideshow img {
	display: none;
}

.text_block .project_slideshow img.active {
	display: block;
}

.text_block .text_container > figure,
.text_block.expanded .text_header_img figure {
	margin: 60px 0;
	display: table;
	width: 1px;
	clear: both;
}

.text_block.expanded .text_header_img figure {
	margin-top: 0;
	margin-bottom: 40px;
}

.text_block .text_container > figure img,
.text_block .text_container > figure video,
.text_block.expanded .text_header_img figure img,
.text_block.expanded .text_header_img figure video {
	height: 54vh;
	width: auto;
}

.text_block .text_container > figure figcaption,
.text_block.expanded .text_header_img figure figcaption {
	display: table-caption;
	caption-side: bottom;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.03em;
	clear: both;
	float: left;
	margin-top: 15px;
}

.text_block .text_container .project_slideshow figcaption {
	display: none;
}


.text_block .text_container .project_slideshow figcaption.active {
	display: table-caption;
}

.text_block.left .text_wrapper > *,
.text_block.left .text_container > * {
	float: left;
	clear: both;
}

.text_block.left .text_container > figure,
.text_block.left .text_container > figure img,
.text_block.left .text_container > figure video,
.text_block.expanded .text_header_img {
	float: right;
}

.text_block.right .text_wrapper > *,
.text_block.right .text_container > * {
	clear: both;
}

.text_block.right .text_container > figure,
.text_block.right .text_container > figure img,
.text_block.right .text_container > figure video {
	float: left;
}

.text_block div.text_back_button {
	width: 100%;
	margin-top: 80px;
	text-decoration: underline;
}

.text_block .main_image_wrapper {
	position: absolute;
	top: 7px;
	width: 330px;
	height: 248px;
}

.text_block .main_image_wrapper .main_image_container,
.text_block .main_image_wrapper .main_image {
	display: block;
	width: 100%;
	height: 100%;
}

.text_block .main_image_wrapper .main_image {
	background-size: cover;
	background-position: center;	
	background-color: rgb(240,240,240);
}

.text_block .main_image_wrapper .main_image_caption {
	margin-top: 15px;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.03em;
}

.text_block.left .main_image_wrapper {
	right: 40px;
}

.text_block.right .main_image_wrapper {
	left: 40px;
}

.text_block .text_wrapper .text_intro,
.text_block .text_wrapper .text_outro,
.text_block .footnotes {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.03em;
	width: calc(100% - 80px);
}

.text_block .text_wrapper .text_intro {
	margin-bottom: 80px;
}

.text_block .text_wrapper .text_outro {
	margin-top: 40px;
}

.text_block .footnotes .footnotedivider {
	height: 80px;
}

.text_block .footnotes .footnoteheader {
	margin: 0 0 18px 45px;
}

.text_block .footnotes ol li .fn_index {
	display: inline-block;
	vertical-align: top;
	width: 0;
}

.text_block .footnotes ol li .fn_text {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 45px);
	position: relative;
	left: 45px;
}



/* PROFILE/CONTACT PAGE */

#profile_content {
	height: 100%;
	width: calc(100% - 80px);
	margin: 0 40px;
}

#profile_content::after {
	content: '';
	display: block;
	width: 100%;
	height: 30px;
}

#profile_content > div {
	display: inline-block;
	vertical-align: top;
}

#profile_content #about_text {
	width: calc(100% - 400px);
	max-width: 1000px /* 70% */;
	margin-right: 50px;
}

#profile_content #info_column {
	width: 300px;
	float: right;
}

#profile_content #info_column .info_block {
	margin-bottom: 30px;
}

#profile_content #info_column table td {
	padding-right: 10px;
}

#profile_content #map_block {
	width: 100%;
	height: 67%;
	margin-top: 80px;
	margin-bottom: 35px;
}

#profile_content #map_container {
	width: calc(100% - 380px);
	height: 100%;
	float: left;
}

#profile_content #map_container > div {
	pointer-events: none;
}


/* JOURNAL PAGE */

#nav_collapse.journal_nav {
	top: 60px;
	border-bottom: none;
	margin: 0;
	padding: 27px 40px 40px 40px;
}

#nav_collapse.journal_nav li {
	text-indent: -20px;
	position: relative ;
	left: 20px;
}

#main_content.journal_page {
	margin-top: -50px;
}

#main_content.journal_page::after {
	height: 30px;
}

.journal_page #category_splash {
	width: 100%;
	margin: 0 0 80px 0;
}

.journal_page #category_splash img,
.journal_page #category_splash video {
	width: 100%;
	height: auto;
}

.journal_page #journal_entry_nav {
	float: left;
	margin-left: 40px;
}

.journal_page #journal_entry_nav .year_label {
	cursor: pointer;
}

.journal_page #journal_entry_nav a {
	color: white;
}

.journal_page #journal_entry_nav li {
	margin-left: 20px;
}

.journal_page #category_text {
	width: calc(100% - 80px);
	margin: 0 40px 80px 40px;
	text-align: center;
}

.journal_page #category_text_inner {
	width: calc(100% - 400px);
	max-width: 1000px;
	display: inline-block;
	text-align: left;
}

.journal_page #category_text_inner .category_title {
	text-align: center;
	margin-bottom: 27px;
}

.journal_page .journal_entry_block {
	width: calc(100% - 80px);
	margin: 0 40px 0px 40px;
	padding-top: 80px;
	float: left;
}

.journal_page .journal_entry_top {
	float: left;
	clear: both;
	margin: 0 0 80px 0;
	width: 100%;
}

.journal_page .text_container {
	float: right;
	width: 25%;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.03em;
}

.journal_page .journal_entry_block.right .text_container {
	float: left;
}

.journal_page .text_container .entry_date {
	margin-bottom: 36px;
}

.journal_page .text_container .entry_text figure {
	width: 100%;
}

.journal_page .text_container .entry_text figure img, 
.journal_page .text_container .entry_text figure video {
	width: 100%;
}

.journal_page .journal_entry_slideshow,
.journal_page .journal_entry_primary_media {
	width: 62.6%;
	padding-bottom: 47%; /* 3:4 aspect ratio */
	float: left;
	position: relative;
}

.journal_page .journal_entry_block.right .journal_entry_slideshow,
.journal_page .journal_entry_block.right .journal_entry_primary_media {
	float: right;
}

.journal_page .journal_entry_slideshow .slideshow_counter {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(0, 100%);
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.03em;
	padding-top: 7px;
}

.journal_page .journal_entry_slideshow .slideshow_image {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	overflow: hidden;
	
/*
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: 	opacity 0.5s ease-in-out;
	-ms-transition: 	opacity 0.5s ease-in-out;
	-o-transition: 		opacity 0.5s ease-in-out;
	transition: 		opacity 0.5s ease-in-out;
*/
}

.journal_page .journal_entry_slideshow .slideshow_image.active {
	opacity: 1;
}

.journal_page .journal_entry_slideshow .slideshow_image img,
.journal_page .journal_entry_slideshow .slideshow_image video {
	width: auto;
	height: 100%;
}

.journal_page .journal_entry_primary_media img,
.journal_page .journal_entry_primary_media video {
	width: 100%;
	height: auto;
}

.journal_page .journal_entry_slideshow .prev_intercept {
	left: 0;
	cursor: url('../images/left_arrow_cursor-lo_white.cur'), w-resize;
	cursor: url('../images/left_arrow_cursor-lo_white.png') 0 20, w-resize;
/*
	cursor: -webkit-image-set(
	  url('../images/left_arrow_cursor-lo_white.png') 1x,
	  url('../images/left_arrow_cursor_white.png') 2x
	) 0 20, auto;
*/
}

.journal_page .journal_entry_slideshow .next_intercept {
	right: 0;
	cursor: url('../images/right_arrow_cursor-lo_white.cur'), e-resize;
	cursor: url('../images/right_arrow_cursor-lo_white.png') 22 20, e-resize;
/*
	cursor: -webkit-image-set(
	  url('../images/right_arrow_cursor-lo_white.png') 1x,
	  url('../images/right_arrow_cursor_white.png') 2x
	) 22 20, auto;
*/
}


.journal_page .journal_entry_grid {
	float: left;
	width: 100%;
	margin: 0 0 80px 0;
	clear: both;
}

.journal_page .journal_entry_grid .grid_image {
	width: 20%;
	padding-bottom: 15%; /* 3:4 aspect ratio */
	float: left;
	margin: 0;
	background-color: rgb(16,16,16);
	background-size: cover;
	background-position: center;

	cursor: pointer;

/*
	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: 	opacity 0.25s ease-in-out;
	-ms-transition: 	opacity 0.25s ease-in-out;
	-o-transition: 		opacity 0.25s ease-in-out;
	transition: 		opacity 0.25s ease-in-out;
*/
}

.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-0"],
.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-1"],
.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-5"],
.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-6"],
.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-10"],
.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-11"] {
	margin-right: 20%;
}

.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-3"],
.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-4"],
.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-8"],
.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-9"],
.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-13"],
.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-14"] {
	margin-left: 20%;
}



/* RESPONSIVE */

/* widescreen desktop big: 1750px */
@media screen and (min-width: 1750px) {

	#nav {
		width: 1670px;
		margin-left: auto;
		margin-right: auto;
	}	
	
	#nav_collapse.journal_nav {
		width: 1670px;
		padding-left: calc(50% - 835px);
		padding-right: calc(50% - 835px);
	}
	
	.project_page .footer-copyright {
		left: auto;
		margin-left: calc(50% - 835px);
	}

	.project_block,
	.project_collapse,
	.project_page #project_text_list,
	.text_block {
		width: 1670px;
		padding-left: calc(50% - 835px);
		padding-right: calc(50% - 835px);
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}
	
	.project_collapse .project_info {
		margin-left: 180px;
		width: calc(50% - 180px);
	}
	
	.project_collapse .project_controls {
		left: calc(50% - 835px);
	}
	
	.project_collapse.expanded.slideshow_active,
	.project_collapse.expanded.longtext_active {
		transform: none;
	}
	
/* 	.project_collapse.expanded.slideshow_active .slideshow_counter */
	.project_collapse.expanded.slideshow_active .slideshow_bottom_container {
		left: calc(50% - 835px);
	}
	
/*
	.project_collapse.expanded.slideshow_active .text_button {
		left: calc(50% - 735px);
	}

	.project_collapse.expanded.slideshow_active .journal_page_button {
		left: calc(50% - 655px);
	}
*/
	
	.project_collapse .project_slideshow .slideshow_image {
		height: calc(100% - 140px);
		width: 1490px; /* calc(100% - 440px) */
		left: 50%; /* 220px */
		transform: translateX(-50%);
	}
	
	.project_collapse .project_slideshow.inactive .slideshow_image {
		transform: none;
	}

	.project_collapse.expanded.slideshow_active .slideshow_caption_container {
		max-width: 1000px;
	}

	.project_page .project_block {
		width: 418px;
		transform: translate(-835px, 0);
	}
	
	.project_page .project_block[data-layoutcolumn="col-0"],
	.project_page .project_block[data-layoutcolumn="col-1"] {
		margin-right: 418px;
	}
	
	.project_page .project_block[data-layoutcolumn="col-0"] {
		margin-left: 0;
	}
	
	.project_page .project_block[data-layoutcolumn="col-2"] {
		margin-left: 418px;
	}
	
	.project_page .project_block[data-layoutcolumn="col-3"] {
		margin-left: 418px;
	}
	
	#text_lightbox #long_text_title {
		margin-top: 60px;
	}
	
	#text_lightbox #long_text_info {
		margin-left: auto;
		margin-right: auto;
		width: calc(50% + 670px);	
	}
	
	#text_lightbox #long_text_info ul {
		width: 835px;	
	}


	.text_block.left .main_image_wrapper {
		right: calc(50% - 835px);
	}
	
	.text_block.right .main_image_wrapper {
		left: auto;
	}
	
	#profile_content {
		width: 1670px;
		margin-left: calc(50% - 835px);
		margin-right: calc(50% - 835px);
	}

	
}



/* desktop */
@media screen and (max-width: 1300px) {
	
	.project_collapse.expanded.slideshow_active .slideshow_caption_container {
		max-width: 550px;
	}	
	
}


/* mobile */
@media screen and (max-width: 1000px) {

	html, body {
		font-size: 18px;
		line-height: 24px;
	}
	
	body {
		height: calc(100% - 24px);
		padding: 12px 0;
	}
	
	.mobile_hide {
		display: none !important;
	}
	
	sup.footnote {
		top: -7px;
		font-size: 13px;
		line-height: 13px;
	}
	
	video {
		background-size: 50px, cover !important;
	}
	
	#nav {
		margin-bottom: 32px;
	}
	
	#nav .journal_title_nav_item {
		width: calc(100% - 100px);
	}
	
	#nav, #nav_collapse, #project_nav_collapse {
		width: calc(100% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	
	#nav_collapse,
	#nav_collapse.journal_nav {
		top: 50px;
		margin-left: 0;
		margin-right: 0;
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 10px;
		padding-bottom: 30px;
		border-bottom: 2px solid black;
	}

	#nav_collapse.journal_nav {
		border-bottom-color: white;
		top: auto;
		margin-top: -32px;
		padding-top: 20px;
	}
		
	#nav .desktop_hide {
		display: inline-block !important;
	}
	
	#nav .nav_item.right.desktop_hide {
		display: block !important;
		margin-left: 0;
	}

	#nav_collapse .desktop_hide {
		display: block !important;
	}
	
	#project_nav_collapse {
		display: block;
		position: relative;
		top: -16px;
		margin-bottom: 0px;
	}

	#nav_collapse .nav_item {
		display: block;
	}
	
	#nav_collapse .projects_nav.nav_item.chosen {
		height: auto;
	}
	
	#project_nav_collapse .nav_item.right {
		right: 0;
		top: 3px;
	}
	
	#project_nav_collapse #show_hide_filters .sort_button {
		display: none;
		font-family: 'JHCIcons';
	}

	#project_nav_collapse #show_hide_filters .sort_button.active {
		display: inline;
	}
	
	#project_nav_collapse .nav_subgroup.active {
		display: block;
	}
	
	.nav_item:not(.choosable) a:hover,
	.nav_item:not(.choosable) span:hover,
	.nav_subitem:hover {
		cursor: auto;
		color: black;
	}
	
	.nav_item.chosen::before,
	.nav_item.choosable:hover::before {
		content: '';
		display: none;
	}

	#main_content {
		height: auto;
	}
	
	#main_content::after,
	#project_text_list::after {
		height: 20px;
	}

	#back_to_top_button {
		position: static;
/*
		font-size: 36px;
		line-height: 80px;
*/
		padding-top: 30px;
		width: 50px;
		margin-left: 16px;
/* 		margin-bottom: -20px; */
	}	
	
	.multiple_texts #back_to_top_button,
	.journal_page #back_to_top_button {
		padding-top: 0;
	}
	
	.footer-copyright {
		width: calc(100% - 32px);
		margin: 30px 16px 0 16px;
		padding-bottom: 16px;
/*
		font-size: 13px;
		line-height: 15px;
*/
	}
	
	.project_page .footer-copyright {
		margin-left: 16px;
		padding-top: 100px;
	}
		
	/* HOMEPAGE */
	
	.project_block, .project_collapse {
		width: calc(100% - 32px);
		padding: 0 16px;
	}
	
	.project_block .project_index {
		margin-top: 7px;
	}
	
	.project_block[data-projectindex="1"] .project_index {
		margin-top: -4px;
	}
	
	.project_block:hover .project_index .project_index_title {
		display: none;
	}
	
	.project_block:hover .project_index .project_index_number {
		display: inline;
	}
	
	.project_block.cur_project .main_image_container,
	.project_block.cur_project .mobile_slideshow {
		width: 100%;
		padding-bottom: 62.6%;
		margin-top: 16px;
	}

	.project_block.cur_project .project_index {
		display: none;
	}
	
	.project_block.cur_project .mobile_slideshow {
		display: block;
		position: relative;
	}
	
	.project_block.cur_project .mobile_slideshow .slideshow_image {
		width: 100%;
		height: 100%;
		position: absolute;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		opacity: 0;

		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: 	opacity 0.25s ease-in-out;
		-ms-transition: 	opacity 0.25s ease-in-out;
		-o-transition: 		opacity 0.25s ease-in-out;
		transition: 		opacity 0.25s ease-in-out;
	}
	
	.project_block.cur_project .mobile_slideshow .slideshow_image.active {
		opacity: 1;
	}
	
	.project_block.cur_project .thumbnail_image {
		display: none;
	}
	
	.project_block.cur_project:before {
		display: none;
	}

		
	.project_collapse .project_controls {
		top: 12px;
		left: 16px;
	}
	
/*
	.project_collapse .project_controls.out_of_way {
		top: 44px;
	}
*/

	.project_collapse .project_controls .button {
		margin-right: 7px;
	}
	
	.project_collapse .project_title {
		padding-top: 81px;
	}
	
	.project_collapse .project_slideshow.inactive {
		display: none;
	}
	
	.project_collapse .project_slideshow .slideshow_image {
		height: calc(100% - 120px);
		width: calc(100% - 32px);
		top: 44px;
		left: 16px;
	}

/*
	.project_collapse .project_slideshow .slideshow_image .caption p {
		font-size: 13px;
		line-height: 15px;
	}
*/
	
/*
	.project_collapse .slideshow_counter {
		display: block;
		position: absolute;
		top: 12px;
		right: 16px;
		font-size: 13px;
		line-height: 15px;
		letter-spacing: 0.03em;
	}
*/
	
/* 	.project_collapse.expanded.slideshow_active .slideshow_counter */
	.project_collapse.expanded.slideshow_active .slideshow_bottom_container {
/*
		top: auto;
		right: auto;
*/
		left: 16px;
		bottom: 15px;
	}
	
	.project_collapse.expanded.slideshow_active .text_button,
	.project_collapse.expanded.slideshow_active .journal_page_button,
	.project_collapse.expanded.slideshow_active .caption_button {
		position: static;
	}
	
	.project_collapse.expanded.slideshow_active .caption_button.caption_exists {
		display: block;
	}
	
	.slideshow_bottom_container > div {
		margin-right: 30px;
		font-size: 18px;
		line-height: 24px;
	}
	
	.project_collapse.expanded.slideshow_active .slideshow_caption_container {
		right: 16px;
		left: 16px;
		max-height: 48px;
		height: 48px;
		bottom: 15px;
		transform: none;
		max-width: none;
		display: none;
	}

	.project_collapse.expanded.slideshow_active .slideshow_caption_container.active {
		display: block;
	}
		
	.project_collapse.expanded.slideshow_active .slideshow_caption_container p {
		position: absolute;
		width: 100%;
		padding: 0;
		top: auto;
		bottom: 0;
	}
	
	.project_collapse.expanded.slideshow_active .slideshow_caption_container.expanded p {
		top: auto;
	}
	
/*
	.project_collapse.expanded.slideshow_active .text_button {
		left: 90px;
	}
	
	.project_collapse.expanded.slideshow_active .journal_page_button {
		left: 160px;
	}
*/

/*
	.project_collapse.expanded.slideshow_active .slideshow_counter,
	.project_collapse.expanded.slideshow_active .text_button,	
	.project_collapse.expanded.slideshow_active .journal_page_button {
		bottom: 15px;
	}
*/
	
	.project_collapse .project_blurb,
	.project_collapse .project_info {
		width: 100%;
		margin-left: 0;
	}

	.project_collapse .project_info ul {
		max-height: 120px;
		overflow: hidden;
	}
	
	.project_collapse .project_blurb {
		max-height: 192px; /* 7 lines @ 22px / line + 1 line for full text link */
	}
	
	.project_collapse .project_info .project_info-team,
	.project_collapse .project_info .project_info-collaborator {
		max-height: 48px; /* cap these to two lines */
	}
	
	#text_lightbox #long_text,
	#text_lightbox #long_text_title,
	#text_lightbox #long_text_journal_link,
	#text_lightbox #long_text_close_button {
		width: calc(100% - 32px);
		margin-left: 16px;
		margin-right: 16px;
		margin-bottom: 24px;
		margin-top: 12px;
	}

	#text_lightbox #long_text,
	#text_lightbox #long_text_journal_link {
		margin-bottom: 48px;
	}
	
	#text_lightbox #long_text p {
		margin-bottom: 24px;
	}
	
	#text_lightbox #long_text_journal_link {
		margin-top: -24px;
	}
	
	#text_lightbox #long_text_journal_link.no_space {
		margin-top: -48px;
	}
	
	#text_lightbox #long_text_title {
		width: calc(100% - 200px);
		margin-left: 100px;
		margin-top: 40px;
	}	
			
	#text_lightbox #long_text_info {
		margin-left: 16px;
		width: calc(100% - 32px);	
	}
		
	#slideshow_lightbox #slideshow_caption {
		font-size: 13px;
		line-height: 15px;
	}
	
	
	
	/* PROJECT PAGE */
	
	.project_page #project_thumbnail_list.active, 
	.project_page #project_text_list.active {
		float: left;
	}
	
	.project_page .project_block {
		width: calc(50% - 16px);
	}

	.project_page .project_block.cur_project {
		width: calc(100% - 32px);
	}
	
	.project_page .project_block .project_title {
		display: none;
	}
		
	/* set up the checkerboard margins, in mobile there is only one image per line  */
	.project_page .project_block[data-layoutcolumn="col-0"],
	.project_page .project_block[data-layoutcolumn="col-2"] {
		margin-right: 0;
		margin-left: 16px;
	}
	
	.project_page .project_block[data-layoutcolumn="col-1"],	
	.project_page .project_block[data-layoutcolumn="col-3"] {
		margin-left: 50%;
		margin-right: 0;
	}

	.project_page .project_block[data-layoutcolumn="col-1"].cur_project,	
	.project_page .project_block[data-layoutcolumn="col-3"].cur_project {
		margin-left: 16px;
	}
		
	.project_page #project_text_list {
		width: calc(100% - 32px);
		padding: 0 16px;		
	}
	
	.project_page #project_table td {
		padding-top: 6px;
		padding-bottom: 7px;
		padding-right: 0;
	}
	
	.project_page #project_table td[data-sortindex="col-location"],
	.project_page #project_table td[data-sortindex="col-year"],
	.project_page #project_table td[data-sortindex="col-category"] {
		display: none;
	}
	
	
	/* TEXTS PAGE */
	
	.text_block {
		width: calc(100% - 32px);
		padding-left: 16px;
		padding-right: 16px;
	}
	
	.text_block .main_image_wrapper {
		position: static;
		float: left;
		width: 100%;
		height: auto;
	}

	.text_block .main_image_container {
		width: 100%;
	}
	
	.text_block .main_image_container .main_image {
		width: 100%;
		padding-bottom: 75%;
	}
			
	.text_block .text_title,
	.text_block.right .text_title,
	.text_block .text_wrapper,
	.text_block.right .text_wrapper {
		float: left;
		clear: both;
		width: 100%;
		margin-left: 0;
	}

	.text_block .text_title {
		margin-top: 44px;
	}
	
	.text_block .text_wrapper {
		max-height: 220px; /* 9 lines @22px / line + 1 line for read more link */
	}
	
	
	/* TEXT */
	
	.text_block.expanded .text_container > *:not(figure) {
		width: 100%;
	}
	
	.text_block.expanded .text_container > figure,
	.text_block.expanded .text_header_img > figure {
		width: 100%;
		height: auto;
	}

	.text_block.expanded .text_container > figure {
		margin: 40px 0;
	}
	
	.text_block.expanded .text_header_img > figure {
		margin: 0;
	}
		
	.text_block.expanded .text_container > figure img,
	.text_block.expanded .text_container > figure video,
	.text_block.expanded .text_header_img > figure img,
	.text_block.expanded .text_header_img > figure video {
		width: 100%;
		height: auto;
	}
	
	.text_block .text_wrapper .text_intro, 
	.text_block .text_wrapper .text_outro, 
	.text_block .footnotes {
		padding-left: 0;
	}
	
	.text_block .text_container > figure figcaption,
	.text_block.expanded .text_header_img figure figcaption,
	.text_block .main_image_wrapper .main_image_caption,
	.text_block .text_wrapper .text_intro,
	.text_block .text_wrapper .text_outro,
	.text_block .footnotes {
		font-size: 13px;
		line-height: 15px;
	}

	
	
	/* PROFILE */
	#profile_content {
		width: calc(100% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	
	#profile_content #about_text,
	#profile_content #info_column {
		width: 100%;
		float: left;
		clear: both;
	}
	
	#profile_content #about_text {
		margin-bottom: 40px;
	}
	
	#profile_content #map_container {
		width: 100%;
	}
	
	
	/* JOURNAL */
	
	.journal_page #category_text,
	.journal_page .journal_entry_block {
		width: calc(100% - 32px);
		margin: 0 16px 40px 16px;
	}
	
	.journal_page .journal_entry_block.last {
		margin-bottom: 0;
	}
	
	.journal_page #category_splash {
		margin-top: 65px;
	}
	
	.journal_page .journal_entry_top {
		margin-bottom: 40px;
	}
	
	.journal_page #journal_entry_nav {
		display: none;
	}
	
	.journal_page #journal_entry_nav {
		font-size: 13px;
		line-height: 15px;
	}
	
	.journal_page #category_text_inner {
		width: 100%;
	}
		
	.journal_page .journal_entry_slideshow {
		width: 100%;
		padding-bottom: 75%;
		margin-bottom: 40px;
	}

	.journal_page .journal_entry_slideshow .prev_intercept,
	.journal_page .journal_entry_slideshow .next_intercept {
		display: none;
	}

	.journal_page .journal_entry_slideshow .slideshow_counter {
		font-size: 13px;
		line-height: 15px;
	}	
	
	.journal_page .text_container {
		width: 100%;
		font-size: 13px;
		line-height: 15px;
	}
	
	.journal_page .text_container .entry_date {
		margin-bottom: 22px;
	}
	
	.journal_page .journal_entry_grid .grid_image {
		width: 33%;
		padding-bottom: 24.75%; /* 3:4 aspect ratio */
	}
		
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-0"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-3"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-6"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-9"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-12"] {
		margin-right: 33%;
		margin-left: 0;
	}
	
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-2"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-5"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-8"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-11"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-14"] {
		margin-left: 33%;
		margin-right: 0;
	}

	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-1"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-4"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-7"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-10"],
	.journal_page .journal_entry_grid .grid_image[data-layoutcolumn="col-13"] {
		margin-left: 0;
		margin-right: 0;
	}
		
	#nav_collapse .entry_dates li {
		margin-left: 20px;
	}
		
}


/* mobile landscape */
@media screen and (max-width: 1000px) and (orientation: landscape) and (any-pointer: coarse) {

	.project_collapse .project_slideshow .slideshow_image {
		width: calc(100% - 180px);
		height: calc(100% - 32px);
		top: 16px;
		left: 90px;
	}

	.project_collapse.expanded.slideshow_active .slideshow_bottom_container {
		display: none;
	}

}



/* small mobile */
@media screen and (max-width: 350px) {

	.slideshow_bottom_container > div {
		margin-right: 19px;
	}
	
	.project_collapse.expanded.slideshow_active .slideshow_caption_container {
		height: 30px;
		max-height: 30px;
	}
	
	.project_collapse.expanded.slideshow_active .slideshow_caption_container p {
		font-size: 13px;
		line-height: 15px;
	}

}



/* OVERRIDES */

img[data-src] {
	filter: blur(10px);
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.black_bg {
	background-color: black;
	color: white;
}

.black_bg a {
	color: white;
}

.black_bg #nav_collapse {
	background-color: black;
	border-bottom-color: white;
}

.black_bg #nav_collapse * {
	color: white;
}

script {
	display: none !important;
}

.icon {
	font-family: 'JHCIcons';
}

a.icon {
	text-decoration: none;
}

.disable_scroll {
	overflow: hidden;
}

.disable_scroll #back_to_top_button {
	display: none;
}

.disable_scroll #nav,
.disable_scroll #nav_collapse,
.disable_scroll #project_nav_collapse {
	display: none;
}

.object-fit-polyfill img {
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}

.project_slideshow.inactive .slideshow_image.object-fit-polyfill.active img {
	width: auto !important;
	left: 0 !important;
	margin-left: 0 !important;
}


/* TOUCH SCREEN OVERRIDES */

body[data-mobiledetected="true"] .prev_intercept,
body[data-mobiledetected="true"] .next_intercept,
body[data-tabletdetected="true"] .prev_intercept,
body[data-tabletdetected="true"] .next_intercept {
	display: none;
}

body[data-mobiledetected="true"] .project_block:hover .project_index .project_index_title,
body[data-tabletdetected="true"] .project_block:hover .project_index .project_index_title {
	display: none;
}

body[data-mobiledetected="true"] .project_block:hover .project_index .project_index_number,
body[data-tabletdetected="true"] .project_block:hover .project_index .project_index_number {
	display: inline;
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	
	video {
		cursor: url('assets/images/play_cursor-lo_white.cur'), auto;
	}
	
	video.playing {
		cursor: url('assets/images/pause_cursor-lo_white.cur'), auto;
	}

	.prev_intercept {
		cursor:	url('assets/images/left_arrow_cursor-lo.cur'), w-resize; /* IE */
	}
	
	.next_intercept {
		cursor: url('assets/images/right_arrow_cursor-lo.cur'), e-resize; /* IE */
	}	
	
	.journal_page .journal_entry_slideshow .prev_intercept {
		cursor: url('assets/images/left_arrow_cursor-lo_white.cur'), w-resize;
	}
	
	.journal_page .journal_entry_slideshow .next_intercept {
		cursor: url('assets/images/right_arrow_cursor-lo_white.cur'), e-resize;
	}
}