/*----------------------------------------------------------------------*/
/*                                                                      */
/*    PUBLIC JOURNAL STYLESHEET                                         */
/*    CREATED 9.24.17                                                  */
/*                                                                      */
/*    CONTAINS CONTRIBUTION-SPECIFIC STYLES  (IF ANY)                   */
/*                                                                      */
/*    BRIAN LONSWAY                                                     */
/*    CO-DESIGN EDITOR, PUBLIC                                          */
/*                                                                      */
/*----------------------------------------------------------------------*/



.gallery-body {
	background-color:transparent;
}

.gallery-bg-block {
	width:1000px;
	background-color:#57a5c3;
}


.gallery-row1_title {
	padding:25px;
	width:auto;
}

.gallery-row1_title h1 {
	width:90%;
}

.gallery-row2_body {
	padding:25px 40px 25px 25px;
}


.gallery-wrapper {
	position:relative;
	max-width:600px;
	min-width:350px;
	width:50vw;
	margin-right:0px;
	padding:0px;
	float:left;
	border-style: solid;
	border-width: 0px 0px 0px 4px;
	border-color:#FAC404;
	z-index:1;
}

#graphics-right {
	float:left; 
	margin-top:50px;
}


div.naturallanguageform {
	width:100%;
	min-height:100px;
	color:#FFF;
	font-size:1.5em;
	background-color:white;
	position:sticky;
	top:0px;
}

div.nlfinner {
	width:96%;
	padding:2%
}

p.line {
}

#subtitles {
	z-index: -1;
	line-height:1.5em;
	font-weight:300;
	color:white;
	font-size:8em;
	position: fixed;
	top: 0;
    left: 400px;
    height:2500px;
    writing-mode: vertical-rl;
    z-index:0;
}



.speaker {
	font-family: 'Quattrocento', serif;
	font-weight: heavy;
	font-size: 1.5em;
	border-width: 5px 0px 0px 0px;
	border-style: solid;

	margin-top:20px;
	padding: 6px 50px 0px 0px;
}


.fish {
	display:none;
	position:relative;
	max-width:300px;
	left:0px;
	z-index:2;
}


#afterthoughts-428 {
	background-image: url("assets/water_level.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	padding-top:150px;
	text-align:justify;

}

#afterthoughts-428 h2 {
	font-weight: 800;
	font-size:1.5em;
}

#afterthoughts-428 li {
	padding:3px;
}

@media only print {

	.gallery-bg-block {
		width:100%;
	}

	.gallery-wrapper {
		width:75vw;
		max-width: none;
		min-width: none;
	}

	#graphics-right {
		display:none;
	}



}