/*
body::-webkit-scrollbar {
    width: 10px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
*/

body {
	box-sizing: border-box;
	margin: 25px;
  	padding: 1cm;
}

img.bio {
	height: auto;
	width: 100%;
	padding-bottom: 14pt;
}

.kwicks {
	width: 100%;
}

.kwicks > li {
	width: 100%;
	float: left;
}

div.col {
  width: 100%;
  font-size:  calc( 8pt + 0.5vw );
  color: black;
  margin-bottom: 30pt;
}

p {
  color: inherit;
  line-height: 1.666;
  font-weight: lighter;
  text-align: left;
  word-wrap: break-word;
  /* text-rendering: geometricPrecision; */ 
  font-feature-settings: "kern" 1;
  font-variant-ligatures: common-ligatures;
  padding-top: 0pt;
  padding-bottom: 14pt;
  margin: 0px;
}

div.ack {
  background-color: #c3d9ea;
  min-height: 400px;
}

h3.ack {
	background-color: inherit;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 1.5em;
	padding-top: 3em;
	text-align: center;
	font-size: 18pt;
	color: black;
}

p.ack {
	text-align: center;
  	margin-left: 3.25em;
  	margin-right: 3.25em;
  	background-color: inherit;
}

figure {
	margin:0px;
	color: black;
	width: 100%;
	padding-top: 16pt;
	padding-bottom: 26pt;
}

figcaption {
	color: inherit;
	padding-top: 15pt;
	padding-bottom: 5pt;
	font-size: 75%;
	line-height: 1.333;
}

@media only screen and (min-width: 715px) { /* 15 is for scrollbar */
	body {
		padding: 0px;
	}

	img.bio {
		height: auto;
		width: 100%;
	}

	b {
		/*
		display: inline;
		position: absolute;

		-webkit-transform: rotate(-90deg);
    	-moz-transform: rotate(90deg);
    	-o-transform: rotate(-90deg);
    	-ms-transform: rotate(-90deg);
    	transform: rotate(-90deg);
		*/
	}

	.kwicks {
		/*width: 100%; // this is for 1 scroll bar for all
		height: 100vh;
		overflow: scroll;*/
	}

	li.panel > div > .hide {
		display: none;	
	}

	li.kwicks-expanded > div > .hide {
		display: block;	
	}

	.kwicks > li {
		/* overridden by kwicks but good for when JavaScript is disabled */
		width: 500px;
		float: left;
	}

	div.col {
  		width: 400px;
  		/*height: 100vh;
  		overflow-y: scroll;
  		overflow-x: auto;*/
	}
}