* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch;
  background: black;
  font-family: 'PT Sans', serif;
}


/* clear fix */
.cf:before, .cf:after {content:""; display:table;}
.cf:after, .clear {clear:both;}
.cf {*zoom:1;}

.media-caption {text-align: center; font: normal 11px arial; margin-bottom: 10px;}


/* === NAV === */
.nav-wrap {
  width: 100%;
  max-width: 1260px;
  z-index: 100;
  text-align: center;
  position: fixed;
  left: 0;
  top: 100%;
  background-color: #231f20;
}
@media screen and ( max-width: 768px ) {
  .nav-wrap {
    top: 0;
  }
}

.nav {
  width: 100%;
  position: absolute;
  left: 0;
  padding: .5em;
  margin: 0;
  top: 0;
  z-index: 2;
}

.nav li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0;
  margin-right: -4px;
  font-size: 1.5em;
  color: white;
}
@media screen and ( max-width: 768px ) {
  .nav li {
    font-size: 1em;
  }
}

.nav .link {
  padding: .25em;
  cursor: pointer;
}
.nav .link.active,
.nav .link:hover {
  background-color: #c03321;
}

.nav .link a {
  color: white;
  text-decoration: none;
}
.nav .link.active a,
.nav .link a:hover {
  color: white;
}

.nav-bg {
  position: absolute;
  top: -35%;
  left: 0;
  width: 100%;
  z-index: 1;
}


/* === SLIDES + CONTAINER === */
.container {
  position: relative;
}

.slide {
  width: 100%;
  max-width: 1260px;
  display: block;
  text-align: center;
  background: black;
  color: white;
}

/*.gray-slide {background-color: #231f20;} */


.advanced .slide {
  position: fixed;
}
.basic .slide {
  position: relative;
}

.above {
  display: none;
}


/* === INSIDE SLIDES === */
.slide-section {
  position: relative;
  max-width: 100%; 
}

.slide-section .header {
  font-size: 4em;
}

.slide-section .text-wrap {
  position: absolute;
  top: 0;
  left: 0;
}

.slide-section .center-text-wrap {
  display: table;
  width: 100%;
  height: 100%;
}
.slide-section .center-text {
  display: table-cell;
  vertical-align: middle;
}

.slide-section .date,
.slide-section .text {
  text-align: center;
  margin: 0;
}

.slide-section .date {
  font-weight: lighter;
}

.slide-section .text-shadow {
  text-shadow: 2px 2px black;
}

.slide-section img {
  max-width: 100%;
  height: auto;
}

.slide-section .media {
  border: 0px;
  clear: both;
  margin: 0 auto;
}

.slide-section .media-image {
  height: 500px;
  max-width: 500px;
}

.slide-section .media-video div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.slide-section .media-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slide-section .media-full-width {
  width: 100%;
  padding-bottom: 96%;
}

.slide-bg,
.slide-bg-full {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.slide-bg {
  z-index: -1;
}




.red {color: #ec1b24;}
.orange {color: #b02e21;}


h3.title {font-size: 2.5em;}
h4.title {font-size: 2.1em;}

.titlecase {font-size: 1.5em; font-weight: bold;}
.noborder { margin-top: -4px;}



.font1 {font-family: 'PT Sans'}
.font2 {font-family: 'PT Sans Narrow'}
.font3 {font-family: 'PT Serif Caption'}
.font4 {font-family: 'PT Mono'}
.font5 {font-family: 'PT Serif'}
.font6 {font-family: 'PT Sans Caption'}

/* === SLIDE CONTENTS === */

/* HOME */
#home {height: 100%; background: #fff;}
#home .text-wrap {width: 100%; height: 100%;}
#home h1 {color: #5b96bf; font-size: 5em;}
#home .logo {max-width: 30%;}



#chapter1 .chapter1-1 {color: #231f20;}
#chapter1 .chapter1-1 .text-wrap {width: 100%; height: 100%;}
#chapter1 .chapter1-1 h4 {font-weight: bold;}

#chapter1 .chapter1-2 {color: #fff; }
#chapter1 .chapter1-2 .text-wrap {width: 100%; height: 100%;}
#chapter1 .chapter1-2 .first {float: right; width: 60%; text-align: left; margin: 0 3% 1em 0;}
#chapter1 .chapter1-2 .second {float: right; width: 50%; text-align: left; margin-right: 3%;}
#chapter1 .chapter1-2 .text-large {font-size: 2em;}

#chapter1 .chapter1-3 {color: #fff; }
#chapter1 .chapter1-3 .text-wrap {width: 45%; margin-left: 27.5%; margin-right: 27.5%; height: 100%;}

#chapter1 .chapter1-4 {color: #fff; }
#chapter1 .chapter1-4 .text-wrap {width: 30%; margin-left: 35%; margin-right: 35%; height: 100%; font-size: .8em;}
#chapter1 .chapter1-4 .text-shadow { text-shadow: 2px 2px #395a89;}


#chapter1 .chapter1-5 {color: #fff; }
#chapter1 .chapter1-5 h3 {font-size: 3.5em;}
#chapter1 .chapter1-5 .text-wrap {width: 60%; margin-left: 20%; margin-right: 20%; height: 100%;}
#chapter1 .chapter1-5 .text-medium {line-height: 1.3em;}
#chapter1 .chapter1-5 .bottom {position: absolute; bottom: 0; padding-bottom: 6%;}


#chapter1 .chapter1-6 {color: #231f20; }
#chapter1 .chapter1-6 .text-wrap {width: 50%; margin-left: 25%; margin-right: 25%; height: 100%; font-weight: bold; padding-top: 6%;}
#chapter1 .chapter1-6 .text-medium {line-height: 1.3em;}
#chapter1 .chapter1-6 .bottom {position: absolute; bottom: 0; padding-bottom: 6%;}


#chapter2 .chapter2-1 {color: #231f20; background-color: #fff;}
#chapter2 .chapter2-1 h3 {font-size: 2.3em; margin-bottom: 0;}
#chapter2 .chapter2-1 h4 {font-size: 1.9em; margin-top: 0;}
#chapter2 .chapter2-1 .text-wrap {width: 62%; margin-left: 19%; margin-right: 19%; height: 100%; padding-top: 5%;}
#chapter2 .chapter2-1 .text-medium {line-height: 1.3em;}
#chapter2 .chapter2-1 .bottom {position: absolute; bottom: 0; padding-bottom: 3%;}


#chapter2 .chapter2-2 {color: #231f20;}
#chapter2 .chapter2-2 .text-wrap {width: 75%; margin-left: 12.5%; margin-right: 12.5%; height: 100%;}
#chapter2 .chapter2-2 .text-medium {line-height: 1.3em;}

#chapter2 .chapter2-3 {color: #fff;}
#chapter2 .chapter2-3 .text-wrap {width: 38%; margin-left: 7%; height: 100%; padding-top: 10%;}
#chapter2 .chapter2-3 .text-medium {font-size: 2em; line-height: 1.3em;}

#chapter2 .chapter2-4 {color: #231f20;}
#chapter2 .chapter2-4 h3 {font-size: 3em;}
#chapter2 .chapter2-4 .text-wrap {width: 32%; margin-left: 5%; height: 100%; padding-top: 3%;}
#chapter2 .chapter2-4 .text-medium { line-height: 1.3em;}

#chapter2 .chapter2-5 {background-color: #fff; border: 1px solid #fff;}
#chapter2 .chapter2-5 h3 {font-size: 3em; font-weight: bold;}
#chapter2 .chapter2-5 .text-wrap-nobg {width: 80%; margin: 0 10%; height: 100%;}
#chapter2 .chapter2-5 .text-medium {font-size: 1.8em; line-height: 1.3em; margin-bottom: 1em;}

#chapter2 .chapter2-7 {background-color: #fff;}
#chapter2 .chapter2-7 h3 {font-size: 4em; font-weight: normal; margin-bottom: 0;}
#chapter2 .chapter2-7 .text-wrap {width: 80%; margin: 0 10%; height: 100%;}



#chapter3 .chapter3-1 {color: #231f20; text-align: left; }
#chapter3 .chapter3-1 h3 {font-size: 2.3em;}
#chapter3 .chapter3-1 h4 {font-size: 1.9em;}
#chapter3 .chapter3-1 .text-wrap {width: 100%; margin-left: 2%; height: 100%; padding-top: 5%;}
#chapter3 .chapter3-1 .text-medium {line-height: 1.3em; text-align: left;}
#chapter3 .chapter3-1 .slide-width {width: 50%;}


#chapter3 .chapter3-2 {color: #fff; text-align: left; }
#chapter3 .chapter3-2 h3 {font-size: 2.3em; text-align: center;}
#chapter3 .chapter3-2 .text-wrap {width: 90%; margin-left: 5%; margin-right: 5%; height: 100%; padding-top: 8%;}
#chapter3 .chapter3-2 .text-medium {line-height: 1.3em; text-align: left;}
#chapter3 .chapter3-2 .text-mid {width: 40%;}
#chapter3 .chapter3-2 .text-bot {width: 40%; position: absolute; bottom: 0; padding-bottom: 18%; padding-right: 4%; right: 0; text-align: left;}

#chapter3 .chapter3-3 {color: #231f20; text-align: left; }
#chapter3 .chapter3-3 h3 {font-size: 2.3em;}
#chapter3 .chapter3-3 h4 {font-size: 1.9em;}
#chapter3 .chapter3-3 .text-wrap {width: 90%; margin-left: 5%; margin-right: 5%; height: 100%; padding-top: 2%;}
#chapter3 .chapter3-3 .text-medium {line-height: 1.3em; text-align: left;}
#chapter3 .chapter3-3 .text-right {}
#chapter3 .chapter3-3 .text-right p {float: right; width: 37%; margin-left: 63%;}
#chapter3 .chapter3-3 .text-small {font-size: 1.4em;  text-align: left;}
#chapter3 .chapter3-3 .text-bot {width: 100%;}
#chapter3 .chapter3-3 .text-bot .text-medium {width: 65%; margin-left: 25%;}


#chapter4 .chapter4-1 {color: #fff;}
#chapter4 .chapter4-1 h3 {font-size: 2.3em; margin-bottom: 0;}
#chapter4 .chapter4-1 h4 {font-size: 1.9em; margin-top: 0;}
#chapter4 .chapter4-1 .text-wrap {width: 62%; margin-left: 19%; margin-right: 19%; height: 100%; padding-top: 3%;}
#chapter4 .chapter4-1 .text-medium {line-height: 1.3em;}

#chapter4 .chapter4-2 {color: #fff;}
#chapter4 .chapter4-2 h3 {font-size: 2.3em;}
#chapter4 .chapter4-2 .text-wrap {width: 62%; margin-left: 19%; margin-right: 19%; height: 100%; padding-top: 6%;}
#chapter4 .chapter4-2 .text-medium {line-height: 1.3em;}

#chapter4 .chapter4-3 {}
#chapter4 .chapter4-3 h3 {font-size: 2.3em;}
#chapter4 .chapter4-3 .text-wrap {width: 62%; margin-left: 19%; margin-right: 19%; height: 100%;}
#chapter4 .chapter4-3 .text-medium {line-height: 1.3em;}
#chapter4 .chapter4-3 .text-bot {position: absolute; bottom: 0; padding-bottom: 4%; }


#chapter4 .chapter4-4 {color: #231f20; text-align: left; }
#chapter4 .chapter4-4 .pic-wrap {width: 60%; margin-right: 3%; float: left;}
#chapter4 .chapter4-4 .pic-wrap img {max-width: 100%; height: auto;  margin: 0; }
#chapter4 .chapter4-4 .text-wrap {width: 90%; margin-left: 1%; margin-right: 5%; height: 80%;}
#chapter4 .chapter4-4 .text-medium {line-height: 1.3em; text-align: left;}


#chapter4 .chapter4-5 {color: #fff; text-align: left; margin-top: -1.3em;}
#chapter4 .chapter4-5 h3 {font-size: 2.7em; margin-bottom: 0;}
#chapter4 .chapter4-5 h4 {font-size: 2.7em;  margin-bottom: 0;}
#chapter4 .chapter4-5 .text-wrap {width: 44%; margin-left: 53%; margin-right: 3%; height: 100%;}
#chapter4 .chapter4-5 .text-medium {line-height: 1.3em; text-align: left;}



#chapter4 .chapter4-6 {background-color: #f25932; color: #fff; border: 1px solid #f25932;}
#chapter4 .chapter4-6 h3 {font-size: 2.2em;}
#chapter4 .chapter4-6 .text-wrap-nobg {width: 60%; margin: 0 20%; height: 100%; }
#chapter4 .chapter4-6 .text-medium {line-height: 1.3em;}


#chapter4 .chapter4-7 {color: #231f20;}
#chapter4 .chapter4-7 .text-wrap {width: 90%; margin-left: 5%; margin-right: 5%; height: 100%;}
#chapter4 .chapter4-7 .text-medium {width: 50%; font-size: 2em; line-height: 1.3em; text-align: left; font-weight: bold;}

#chapter5 .chapter5-1 {color: #231f20; background: #fff url(../images/chapter5/manyrivers.cp5.2-edit.jpg) bottom right no-repeat; border: 1px solid #fff;}
#chapter5 .chapter5-1 h3 {font-size: 2em;}
#chapter5 .chapter5-1 h4 {font-size: 1.9em; margin-top: 0;}
#chapter5 .chapter5-1 .text-wrap-nobg {width: 62%; margin-left: 19%; margin-right: 19%; height: 100%; padding-top: 5%;}
#chapter5 .chapter5-1 .text-wrap-nobg img {max-width: 100%; height: auto;}
#chapter5 .chapter5-1 .text-medium {line-height: 1.3em; margin-bottom: 1.5em;}
#chapter5 .chapter5-1 .text-wrap-bottom {width: 60%; margin-left: 5%;  height: 100%; padding-bottom: 0%;}
#chapter5 .chapter5-1 .text-wrap-bottom .text-medium {text-align: left;}
#chapter5 .chapter5-1 .chapter5-1-map {background-color: #fff; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; margin-bottom: 1em;}
#chapter5 .chapter5-1 .chapter5-1-map img {max-width: 80%; height: auto;}


#chapter5 .chapter5-2 {color: #fff;}
#chapter5 .chapter5-2 .text-wrap {width: 62%; margin-left: 19%; margin-right: 19%; height: 100%;}
#chapter5 .chapter5-2 .text-medium {line-height: 1.3em; text-align: left;}

#chapter5 .chapter5-3 {background-color: #5797bc; color: #fff; border: 1px solid #343b3f;}
#chapter5 .chapter5-3 h3 {font-size: 2.2em;}
#chapter5 .chapter5-3 .text-wrap-nobg {width: 100%; margin: 0; height: 100%; }
#chapter5 .chapter5-3 .text-medium {line-height: 1.3em;}


.footer {background-color: #343b3f; color: #fff; font: normal 1em 'PT Sans', arial; padding: 1em;}
.footer img {max-width: 100%; height: auto;}
.footer a:hover {color: #d3ae2e;}
.footer-nav {width: 17%; float: left; text-align: left;}
.footer-nav li {margin-bottom: .2em; list-style-type: none;}
.footer-nav li ul {display: none;}
.footer-nav a {color: #fff;}
.footer-nav2 {margin-top: 1em;}
.footer-funders {width: 50%; float: left; font-size: .8em; margin: 0 3%; text-align: left;}
.footer-funders a {color: #5797bc;}
.footer-logos {width: 27%; float: left; text-align: right;}
.footer-logos-logo {margin-bottom: .5em;}
.footer .widget-title {display: none;}
#foot-nav {margin: 0; padding: 0;}


.footer2 {background-color: #5797bc; color: #343b3f; font: normal .9em 'PT Sans', arial; padding: 1em;}
.footer2 a {color: #fff;}
.footer2 .wnet {width: 35%; float: left; text-align: left;}
.footer2 .producers {width: 55%; float: right;  text-align: right;}