/* horizontal scroll of sub-sections is acheived by targetting orizScroll class added to body in custom.js */ 
body.orizScroll{
	overflow-x: auto;
}
body.orizScroll #nav{ /* extend nav to fill left side of window height */
	top:0;
	left:0;
	padding:20px;
	padding-top: 40px;
	height: 100vh;
}
body.orizScroll div#content{ /* ensure #content width extends without wrapping its content */
	white-space: nowrap;
	max-width:none;
	margin-top:10px;
	padding:40px 0 0 0;
	height: calc(100vh-40px);
}
body.orizScroll .divItem{ /* content items (.divItem) must be inline, and limit their height */
	display:inline-block;
	vertical-align:top;
	margin-right: 150px;
	height: calc(100vh - 102px);
}
body.orizScroll .divItem img{ /* also limit content items images height */
	max-height:80vh;
}
body.orizScroll div.html, body.orizScroll div.txt{ /* also limit content items articles height and make them scroll vertically */
	max-width: 650px;
	white-space: normal;
	overflow-y: auto;
	max-height: 100%;
	padding-right:10px;
}
body.orizScroll div.embed>div{min-width:600px;}

/* custom scrollbar */
body::-webkit-scrollbar, div::-webkit-scrollbar{
	width:10px;
	height:10px;
	background-color: #eee;
}
body::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb{
	background-color:rgb(203, 203, 203);
}
body, html, div{
	scrollbar-width: thin;
	scrollbar-height: thin;
	scrollbar-color: #c7c7c7 #eeeeee;
}

p.description.below{
	font-size: smaller;
	white-space: normal;
}
div.firstFile div.html, div.firstFile div.txt{
	max-height: calc(100vh - 150px);
	overflow-y: auto;
}

#footer{display:none;}

/* hide div.backTitle */
div.backTitle, div.placeHolderTitle{
	display:none;
}
div.title{font-size:20px;}
div.title span{font-size:12px;}