@import url('https://fonts.googleapis.com/css?family=Muli:400,400i,700,700i');

body { 
	background-color: #edece4;
	background-image: url('../img/backgrounds/seigaiha.svg');
	background-repeat: repeat;
	font-family: "Muli", sans-serif;
	font-size: 16px;
	margin: 8px;
	margin-left: 1em;
}

h1 {
	font-weight: normal;
	font-size: 3em;
	margin-bottom: 0;
	margin-top: 0;
}

h2 {
	margin-bottom: 0;
}

h3 { 
	margin-bottom: 0;
	margin-top: 0;
	color: #be6a13;
}
h3 a {
	color: #be6a13;
}

a { 
	cursor: pointer; 
	color: black;
	/* font-weight: normal; */
	text-decoration: underline;
}


.map-header {
	margin: 21px 0;
}

p { line-height: 1.2em; }

/* table {
	border-collapse: collapse;
	width: 60%;
	margin-left: 20%;
} 
th, td {
	border: 1px solid navy;
	color: navy;
	padding: 8px;
	line-height: 18px;
}
th {
	font-weight: bold;
	text-align: center;
} */

#vol-arrow {
	margin-top: -71px;
	position: relative;
	z-index: 2;
}
.guqu { 
	color: #525e2e; 
	margin-top: 24px;
}
.guqu::before { 
	content: url('../img/guqu.png'); 
	float: left;
	margin: -8px 10px 0;
	
}
.guqu-text { 
	font-weight: bold;
	font-style: italic;
	color: #484854;
	margin-bottom: 30px;
}
.verbal {
	color: #b86930; 
	font-style: italic;
}
.nav-bar {
	background-color: #412f21;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.nav-bar a {
	color: white;
	text-decoration: none;
	margin-right: 20px;
	font-weight: normal;
}
#nav-bar-zero { background-color: #525e36 }
#nav-bar-one { background-color: #3f2f23; }
#nav-bar-two { background-color: #8c7a98; }
#nav-bar-three { background-color: #676972; }
.pdf-dl {
	float: right;
	margin: 0 2em;
	font-size: smaller;
	margin-top: 25px;
}
.pdf-dl a {
	font-weight: normal;
	color: #412f21;
}
.pdf-dl img {
	margin-bottom: -5px;
}
/* #all { margin-top: 25px; }
#zero { margin-top: 25px; }
#one { margin-top: 25px; }
#two, #three { margin-top: 25px; } */
#zero img, #one img, #two img, #three img { margin-bottom: 0; }


.slick-list { padding-bottom: 15px; }
.slider-pic {
	/* box-shadow: 8px 8px 15px #999; */
}

.columns {
	padding-top: 25px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#col1 {
	width: 35%;
	float: left;
	margin-right: 10px;
}
#col1 p { margin-top: 0; }
#col2 {
	width: 25%;
	float: left;
	margin-right: 10px;
}
#col3 {
	width: 35%;
	float: left;
	margin-right: 10px;
}

#grade3icon {
	margin-top: 50px;
	margin-left: 30%;
}
#midschicon {
	margin-top: 200px;
	margin-left: 30%;
}

.uniticon {
	border: 8px solid white;
	box-shadow: 7px 7px 15px #999;
	margin-bottom: 10px;
}

.header {
	background-color: #412f21;
	color: white;
	font-size: 1.8em;
	/* padding-top: 7px; */
	padding-left: 175px;
	margin-top: -125px;
}
#hdr-zero {
	background-color: #525e36;
	margin-top: -115px;
}
#hdr-one {
	background-color: #3f2f23;
	margin-top: -115px;
}
#hdr-two {
	background-color: #8c7a98;
	margin-top: -115px;
}
#hdr-three {
	background-color: #676972;
	margin-top: -115px;
}
#vol-arrow {
	margin-top: -71px;
	position: relative;
	z-index: 2;
}
#vol-arrow-zero {
	margin-top: -58px;
	position: relative;
	z-index: 2;
}
#vol-arrow-one {
	margin-top: -58px;
	position: relative;
	z-index: 2;
}
#vol-arrow-two {
	margin-top: -58px;
	position: relative;
	z-index: 2;
}
#vol-arrow-three {
	margin-top: -58px;
	position: relative;
	z-index: 2;
}
.grade-level {
	padding: 4px 5px 0;
	margin: 0;
	color: #edece4;
	background-color: #402e29;
	font-weight: normal;
}

#L0-mat, #L1-mat, #L2-mat, #fp-mat {
	margin-left: 3px;
	margin-bottom: 1.2em;
	display: inline-block;
}

.preface {
	border: 8px solid #525e2e;
	border-radius: 25px;
	width: 70%;
	padding: 15px 15px 0;
	margin-top: 25px;
	margin-left: 10%;
	/* margin-right: auto; */
	margin-bottom: 2em;
	box-sizing: content-box;
}
#note {
	width: 70%;
	margin-left: 10%;
}
.rest {
	margin-left: 10%;
}
.nextpage { float: right; }
.lead-para {
	/* margin-top: 1em; */
	margin-bottom: 0.75em;
	/* border: 3px solid #525f35; */
	padding: 14px 0 8px 4px;
	font-size: larger;
}
/* 
#front-page { border: 3px solid #412f21; }
#less-zero  { border: 3px solid #526138; }
#less-one   { border: 3px solid #413126; }
#less-two   { border: 3px solid #817490; }
#less-three { border: 3px solid #676972; }
 */
.lead-para::first-letter {
/* 	font-weight: bold; */
	font-size: 4.2em;
	color: #b86930;
	float: left;
	line-height: 0.7em;
	padding-top: 6px;
}
#front-page::first-letter {
	color: #b36a13;
}
#less-zero::first-letter {
	color: #525e36;
}
#less-one::first-letter {
	color: #3f2f23;
}
#less-two::first-letter {
	color: #8c7a98;
}
#less-three::first-letter {
	color: #676972;
}

.guidingquestion {
	font-size: larger;
}
.guidingquestion img {
	margin: 0 10px;
	float: left;
	height: 65px;
}
.guidingquestion h3 {
	padding-top: 10px;
	margin-top: 1em;
}
.guqu { 
	color: #525e2e; 
	margin-top: 24px;
}
.guqu::before { 
	content: url('../img/guqu.png'); 
	float: left;
	margin: -8px 10px 0;
	
}
.guqu-text { 
	font-weight: bold;
	font-style: italic;
	color: #484854;
	margin-bottom: 30px;
}

.intro, .lessons, .resources {
	/* padding-bottom: 1px; */
}

.lessonlist {
	/* width: 100%; */
	margin-left: 10%;
}
.lessonlist td {
	border: none;
	/* padding-right: 8px; */
}

/* 
.lessons p { 
	margin-bottom: 0.5em; 
	width: 900px; 
}
 */

.lesson-prep h2 {
	margin-bottom: 0;
}

.lesson-title {	
	color: #414042;
	font-weight: lighter;
	padding: 10px 5px;
	margin: 0;
}
#lesson0 { background-color: #525e36; }
#lesson1 { background-color: #3f2f23; }
#lesson2 { background-color: #8c7a98; }
#lesson3 { background-color: #676972; }

.lessons ul { 
	margin-top: -5px; 
	margin-bottom: 1.2em;
}

.lesson-header {
	color: #412f21; /* #404148; */ /* #525f35; */
	/* background-color: #525f35; */
	font-size: 1.2em;
	font-weight: bold;
	list-style-type: none;
	/* padding: 10px; */
	/* margin-left: -10px; */
}

.lesson-header a:visited {
	color: #412f21;
	font-weight: bold;
}

.less-zero-visual {
	background-color: #525e36;
	color: #edece4;
	padding: 0.25em 15px;
	margin-top: -47px; 
	margin-left: 50px;
}
.less-zero-visual-title {
	color: #525e36;
	/* text-align: center; */
	font-size: 2em;
	padding: 0 0 5px 5px;
}
.less-one-slider {
	background-color: #3f2f23;
	color: #edece4;
	padding: 0.25em 15px;
	margin-top: -45px; 
	margin-left: 100px;
}
.less-one-slider-title {
	color: #3f2f23;
	text-align: center;
	font-size: 2em;
	padding: 1.2em 0 0 5px;
}
.less-two-slider {
	background-color: #8c7a98;
	color: #edece4;
	padding: 0.25em 15px;
	margin-top: -45px; 
	margin-left: 100px;
}

.less-two-slider-title {
	color: #8c7a98;
	text-align: center;
	font-size: 2em;
	padding: 1.2em 0 0 5px;
}

.less-three-slider {
	background-color: #676972;
	color: #edece4;
	padding: 0.25em 15px;
	margin-top: -45px; 
	margin-left: 150px;
}

.less-three-slider-title {
	color: #676972;
	text-align: center;
	font-size: 2em;
	padding: 1.2em 0 0 5px;
}

.collapsible { margin-left: 1em; }
.collapsible h3 { margin-top: 1em; }
.closed{ display: none; }
.open { display: block; }

#volcanoes {
	background-image: url("img/bg-yellowpaper.jpg");
	background-size: 825px;
	background-repeat: repeat-y;
	width: 800px;
}

.volcano-data {
	background: rgba(255,255,255,0.8);
	margin-left: 45px;
	width: 680px;
	padding: 25px;
}

.volcano-data h3 {
	color: #413126;
}

.volcano-data ul {
	padding-left: 20px;
}

.data-left {
	width: 300px;
}

.data-right {
	width: 300px;
	/* float: right; */
	margin-left: 370px;
}
.data-kilauea {
	width: 300px;
	/* float: right; */
	margin-left: 380px;
	margin-top: -291px;
}
.volcano-photo {
	width: 400px;
	margin: 25px;
	border: 10px solid white;
	box-shadow: 7px 7px 15px;
} 

.photo-right {
	float: right;
	margin-right: -40px;
	transform: rotate(6deg);
	margin-top: -150px;
}

.photo-left {
	margin-left: -55px;
	transform: rotate(-8deg);
	margin-top: -200px;
}

.photo-kilauea {
	margin-left: -60px;
	margin-bottom: 0;
	/* margin-top: -275px; */
}

#map-kilauea {
	margin-left: -45px;
	width: 400px;
	margin-top: -85px;
}

.materials-list li {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.1em;
}

.list-icon {
	margin-left: 14px;
}

.resources li {
	line-height: 1.2em;
}

.columns {
	background: #ececff;
}

.standards-table tr:nth-child(even) {
	background: #e8e6e2;
}

.standards-table {
	padding-bottom: 1px;
}

.standards-table {
	width: 80%;
	margin-left: 0;
	background: white;
	border-collapse: collapse;
}

.standards-table th, .standards-table td {
	border: 1px solid black;
	color: black;
	line-height: 1.1em;
}

.standards-table th {
	padding: 5px 5px 0;
	text-align: left;
	background-color: #bd6a26;
	color: white;
	font-weight: bold;
	font-size: larger;
} 

.standards-table td {
	padding: 5px;
	vertical-align: top;
}

.standards-table ul {
	margin-top: 0;
}

.inline-pic {
	float: right; 
	background-color: white; 
	border: 3px solid #bf7436; 
	border-radius: 18px; 
	/* height: 8em;  */
	margin-top: -2em;
}

.standards tr:nth-child(even) {
	background: #E6E5DD;
}

.standards {
/* 	font-family: Arial, sans-serif; */
	padding-bottom: 1px;
}

.standards h3 {
	color: #B06724;
	margin-bottom: 1em;
}

.standards table {
	width: 80%;
	margin-left: 0;
	background: white;
}

.standards th, .standards td {
	border: 1px solid black;
	color: black;
	padding: 5px;
	line-height: 1.1em;
}

.standards th {
	text-align: left;
	background-color: #B06728;
	color: white;
	font-weight: normal;
} 

.standards td {
	vertical-align: top;
}

.standards ul {
	margin-top: 0;
}

table ul {
	padding-left: 20px;
}

/* .graphic-organizer {
	border: 1px solid black;
} */

.psuedo-th {
	text-align: left;
	background-color: #c4c1b8 !important;
	color: black;
	font-size: initial !important;
}

/* #psuedo-th2 {
	text-align: left;
	background-color: #6F3437;
	color: white;
	font-size: initial;
} */

.graphic-organizer tr {
	vertical-align: top;
}

.graphic-organizer th {
	border-color: black;
	color: white;
	font-weight: normal;
	width: 33.3%;
	padding: 5px;
}

.graphic-organizer td {
	/* border-color: black; */
	border: 1px solid #888;
	color: black;
	font-size: small;
	background-color: white;
	padding: 5px;
}
 
/* .graphic-organizer tr:nth-child(odd) {
	background-color: white;
}

.graphic-organizer tr:nth-child(even) {
	background-color: #e9e9e5;
} */

.graphic-organizer ul {
	margin-top: 0;
}

.map {
	width: 660px;
	height: 510px;
	margin-left: 10px;
}

.student-material, .student-data {
	padding: 0px;
	width: 925px;
	color: black;
	margin-left: 2%;
}

.student-material th, .student-data th {
	font-size: 24px;
	border-color: black;
	text-align: left;
}

.student-material td, .student-data td {
	border-color: black;
	color: black;
	padding-right: 8px;
}

.student-material strong {
	font-family: sans-serif;
}

.student-data strong {
	font-family: sans-serif;
	font-size: larger;
}

.student-instruction {
	line-height: 18px;
}

.student-instruction h2 {
	color: #bc733e;
}


.volcano-table  {
	/* border: 1px solid black; */
	margin-left: 25px;
	width: auto;
	border-collapse: collapse;
	/* padding: 0px; */
	color: black;
}

.volcano-table tr  {
/* 	border: 1px solid black; */
}
.volcano-table tr:nth-child(even) {
	background-color: #d5d5db;
}
.volcano-table tr:nth-child(odd) {
	background-color: #dddad4;
}

.volcano-table td {
	vertical-align: top;
	color: black;
	padding: 2em 10px;
}

.volcano-table strong {
	/* font-family: sans-serif; */
/* 	font-size: larger; */
}

.volcano-table ul, p {
	-webkit-margin-before: 0em;
}

.volcano-table select {
/* 	color: navy; */
/* 	background-color: #ececff; */
/* 	border: 1px solid navy; */
/* 	border-radius: 0px; */
}

.lft-col {
	border-right: none;
	width: 400px;
}

.lft-col img {
	width: 400px;
	height: 300px;
}

.mid-col {
	border-left: none;
	border-right: none;
	width: 400px;
}

.mid-col img {
	width: 400px;
	height: 300px;
}

.rt-col {
	border-left: none;
	width: auto;
	padding-left: 0.75em;
}

.list-table {
	margin-left: 30px;
	width: auto;
}

.list-table tr:nth-child(even), .list-table tr:nth-child(odd) {
	background-color: inherit;
}

.list-table td {
	border: none;
	vertical-align: bottom;
	padding: 5px 0;
}

.list-table img {
	height: 25px;
	width: 25px;
	margin-bottom: -7px;
}

.natural {
	width: auto;
	height: auto;
}

.data {
	border: solid 1px black;
	width: auto;
	margin-left: 25px;
}

.data th {
	font-family: sans-serif;
	font-weight: bold;
	background-color: #cccccc;
}

.data th, .data td {
	border: solid 1px black;
	color: black;
}
.data td {
	text-align: center;
}

.caption {
	font-family: Tahoma, sans-serif;
	font-size: 16px;
	line-height: 16px;
	padding-top: 8px;
}

.credit {
	font-size: 12px;
	line-height: 12px;
	color: white;
    margin-top: -20px;
    position: absolute;
    padding-left: 5px;
}
.umbrella-credit {
	font-size: 12px;
	line-height: 12px;
}

.pre-list {
	margin-bottom: 0;
	font-weight: bold;
}

.expand {
	color: white;
	background: navy;
	width: 16px;
	height: 24px;
}

.hide-info {
	display: none;
}

.hide-info p {
	text-align: left;
}

.title {
	font-size: 1.2em;
}

.thumb { 
	padding-right: 0px;
}


.makespace {
/* 	background: #ececff; */
	height: 100px;
}

#bigeye {
	border: none; 
	background: url('img/Kilauea-L1-Student-bigislandgrid.png');
	background-size: 508px 504px;
	background-repeat: no-repeat;
	margin-top: 60px;
}

#canvas-coords {
	width: 500px;
	height: 28px;
	text-align: right;
}

#bigeye-data {
	margin-left: 620px;
	margin-top: -565px;
	margin-bottom: 150px;
	background: white;
}

#big-container {
	background-color: white;
	width: 600px;
}

#bullpen {
	min-width: 1024px;
	height: 258px;
}

#cat2 {
	margin-top: -402px;
	margin-left: 405px;
}

#cat3 {
	margin-top: 3px;
	display: none;
	height: 258px;
}

#cat4 {
	margin-top: -260px;
	margin-left: 405px;
	display: none;
	height: 258px;
}

.tab { 
	overflow: hidden;
	border: none; /* 1px solid navy; */ 
	background-color: #474754;
	margin: 0 0 -1px;
}

.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font: 18px "Harmonia Sans Std", Quicksand, sans-serif;	
	color: #bbbbbb;
	border-top-right-radius: 25px;
/* 	border-top-left-radius: 10px; */
}

.tab button:hover {
/* 	background-color: #9d9dd6; */
	color: #edece4;
}

.tab button.active {
	background-color: #8e826a;
	border-bottom: #526138;
	border-top: 1px solid #d6d4cb;
	border-right: 1px solid #d6d4cb;
	border-left: 1px solid #d6d4cb;
	color: #d6d4cb;
}

.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #526138;
	/* border-top: none; */
}

.drag-frame {
	width: 95%;
	margin-left: 2.5%;
	height: 700px;
	border: 3px inset;
}
button {
	font: 16px Muli;
}
#reset-button, #frame-print {
	background-color: white;
	border-radius: 15px;
}

#reset-button {
	margin-left: 2.5%;
}

#frame-print {
	margin-right: 2.5%;
	float: right;
}

#my-comment {
	margin: 0;
	border: 1px solid #434853;
	padding-bottom: 50px;
}

.ec-comment-list {
	background-color: #ececec !important;
	border: 1px solid #434853 !important;
}

.key-term {
	font-weight: bold;
	font-style: italic;
	color: #505d2d;
}

.title-class {
	font-size: 24pt;
}

.title-class p {
	font-size: 12pt;	
}

.arrows {
	position: relative;
	top: 190.5px;
	display: block;
	width: auto;
}

.slick-prev, .slick-next {
	width: 40px;
	height: 40px;
}
.slick-prev:before, .slick-next:before {
	color: #a5ae50;
	font-size: 40px;
}
.slick-prev {
	left: 6%;
}
.slick-next {
	right: 6%; /* 145px; */  /* -43px; */	
}

.lesson1-slider, .lesson2-slider, .finproj-slider {
	width: 80%;
}

.lesson1-slider img, .lesson2-slider img, .finproj-slider img {
	margin-left: auto;
	margin-right: auto;
}

.slider-pic, .slider-map, .vol-pic {
	margin: 0 5px;
}

.slick-disabled {
	opacity: 0;
	pointer-events: none;
}

#shield {
	width: 90%;
}

.vid-cont video {
	width: 80%;
	margin-left: 10%;
}

.slider {
	margin-left: auto;
	margin-right: auto;
}

.slider-caption {
	font-size: 18pt;
}

.slider-video {
	width: 960px;
	height: 540px;
	margin: 0 auto;
	display: block;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

.lim-logo {
	float: right;
	margin-top: 4px;
	margin-right: 20px;
}

#map-print {
	margin-left: 360px;
}

.footer::before {
	content: url('../img/by-nc-sm.png');
	float: left;
	margin-top: -9px;
	width: 145px;
}

.footer {
	font-size: 10pt;
	line-height: 1.5em;
	padding-top: 9px;
}