
/*----------------------------------------------------------------------*/
/*                                                                      */
/*    PUBLIC JOURNAL STYLESHEET                                         */
/*    REVISED 11.5.20                                                   */
/*                                                                      */
/*    CONTAINS CONTRIBUTION-SPECIFIC STYLES  (IF ANY)                   */
/*                                                                      */
/*    BRIAN LONSWAY                                                     */
/*    CO-DESIGN EDITOR, PUBLIC                                          */
/*                                                                      */
/*----------------------------------------------------------------------*/


body {
	margin:0;
	background-color: #3e3e3e;
}

body p {
	line-height:130%;
}

#passages-wrapper {


}

#passages-title {
	width:100%;
	margin: 20px auto auto auto;
	padding:20px;
	background-color: orange;
	text-align:center;
	font-size:2em;
	font-weight: 600;
}


#passages-intro {
	width:80%;
	margin: auto;
	margin-top:75px;
	padding:10px;
	color:white;
	text-align:left;
	font-size: 1.1em;
}
#passages-flexbox {
	display:flex;
	justify-content: center;
	flex-flow: row wrap;

}


#passages-flexbox > div {
    background-color:#ccc;
    border:1px solid white;
    margin:10px;
}

.passage-link {
	width:200px;
	height:400px;
	padding:10px;
	font-size:.9em;
	font-weight:600;
	text-align:center;
}

.passage-text {
	text-align:left;
	overflow-y: scroll;
}

.passage-link > img {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 700px) {
	.passage-link {
		width:300px;
		height:600px;
			padding:10px;
		font-size:.9em;
		font-weight:600;
		text-align:center;
	}

}

@media only print {

	body {
		background-color: white;
	}

	#passages-intro {
		color:black;
	}

	#passages-flexbox > div {
		color:black;
		background-color:white;
	}


}