/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* line 6, scss/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 27, scss/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}

/* line 31, scss/_reset.scss */
body {
  line-height: 1;
}

/* line 34, scss/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 37, scss/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 40, scss/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 45, scss/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 52, scss/_reset.scss */
body {
  overflow-y: scroll;
}

/* line 56, scss/_reset.scss */
a img {
  border: none;
}

/* line 3, scss/_extends.scss */
#notes-list li, #notebook-wrapper #notebook header ul {
  zoom: 1;
}
/* line 4, scss/_extends.scss */
#notes-list li:before, #notebook-wrapper #notebook header ul:before, #notes-list li:after, #notebook-wrapper #notebook header ul:after {
  content: "";
  display: table;
}
/* line 8, scss/_extends.scss */
#notes-list li:after, #notebook-wrapper #notebook header ul:after {
  clear: both;
}

/* line 21, scss/_extends.scss */
body, .definition > span {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 26, scss/_extends.scss */
main p {
  -moz-user-select: all;
  -ms-user-select: all;
  -webkit-user-select: all;
  user-select: all;
}

/* line 1, scss/_global.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 5, scss/_global.scss */
html {
  background: #F6F6F6;
  font-size: 62.5%;
  width: 768px;
  height: 1024px;
  overflow: hidden;
}
/* line 11, scss/_global.scss */
html.desktop {
  width: auto;
}
/* line 13, scss/_global.scss */
html.desktop:before {
  width: 15px;
  height: 15px;
  top: 32px;
  position: absolute;
  left: 50%;
  margin-left: 12px;
  content: "";
  background: #111;
  border: 1px solid #222;
  border-radius: 50%;
  z-index: 100;
}
/* line 26, scss/_global.scss */
html.desktop:after {
  width: 50px;
  height: 50px;
  top: 1119px;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  content: "";
  border: 1px solid #222;
  background: #111;
  border-radius: 50%;
  z-index: 100;
}
/* line 39, scss/_global.scss */
html.desktop body {
  border: 40px solid black;
  border-top-width: 80px;
  border-bottom-width: 80px;
  box-sizing: content-box;
  margin: 0 auto;
  border-radius: 30px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

/* line 51, scss/_global.scss */
body {
  overflow: hidden;
  height: 1024px;
  width: 768px;
  background: #FFF;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  position: relative;
  color: #444;
  margin: 0 auto;
}
/* line 62, scss/_global.scss */
body:before {
  content: "";
  height: 0;
  width: 0;
  top: 0;
  left: auto;
  right: 0;
  background-color: transparent;
  opacity: 0;
  -moz-transition: opacity 0.3s 1s;
  -o-transition: opacity 0.3s 1s;
  -webkit-transition: opacity 0.3s;
  -webkit-transition-delay: 1s;
  transition: opacity 0.3s 1s;
}

/* line 75, scss/_global.scss */
sub {
  font-size: 50%;
  position: relative;
  top: .3em;
}

/* line 81, scss/_global.scss */
#content-container {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 60px;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 92, scss/_global.scss */
.notes #note-field {
  display: none;
}

/* line 96, scss/_global.scss */
#note-field {
  position: fixed;
  z-index: 1000000;
  bottom: 40px;
  left: 50%;
  mergin-left: -100px;
  height: 170px;
  width: 200px;
  border: 2px solid #2e61ac;
  background: #91b2e2;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  padding-bottom: 54px;
}
/* line 108, scss/_global.scss */
#note-field form {
  height: 100%;
}
/* line 111, scss/_global.scss */
#note-field textarea {
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  border: none;
  padding: 15px 10px 10px;
  margin: 0;
  outline: none;
  resize: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* line 122, scss/_global.scss */
#note-field button {
  position: absolute;
  height: 44px;
  bottom: 4px;
  left: 4px;
  background: #FFF;
  border: none;
  color: #2e61ac;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  padding: 0 4px;
  outline: none;
  cursor: pointer;
  width: 47%;
}
/* line 139, scss/_global.scss */
#note-field button + button {
  float: right;
  right: 4px;
  left: auto;
  color: #FFF;
  font-size: 16px;
  background: #2e61ac;
  padding: 0 6px;
}

/* line 152, scss/_global.scss */
.loading:before {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(200, 200, 200, 0.7);
  background-image: url(../images/loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  opacity: 1;
  z-index: 10000000;
}
/* line 166, scss/_global.scss */
.loading #button-previous {
  opacity: 0.3;
}
/* line 169, scss/_global.scss */
.loading #button-next {
  opacity: 0.3;
}

/* line 174, scss/_global.scss */
.end {
  font-size: 36px;
  margin: 1em 0;
  color: #666;
  text-align: center;
  border-top: 1px dashed #666;
  padding-top: 1em;
}

/* line 1, scss/_nav.scss */
body > aside {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  overflow: hidden;
  background: #333;
  color: #FFF;
}
/* line 11, scss/_nav.scss */
body > aside button {
  border: none;
  background: none;
  color: #CCC;
  padding: 0;
  width: 100%;
  text-align: center;
  font-size: 36px;
  cursor: pointer;
  position: absolute;
  outline: none;
}
/* line 22, scss/_nav.scss */
body > aside button#button-font {
  font-size: 18px;
  top: 150px;
}
/* line 25, scss/_nav.scss */
body > aside button#button-font span {
  font-size: 24px;
}
/* line 29, scss/_nav.scss */
body > aside button#button-previous {
  bottom: 150px;
}
/* line 32, scss/_nav.scss */
body > aside button#button-next {
  bottom: 50px;
}
/* line 35, scss/_nav.scss */
body > aside button#button-done {
  top: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  border: none;
  background: #CCC;
  padding: 6px 0;
  width: 50px;
  left: 5px;
  text-transform: uppercase;
}
/* line 47, scss/_nav.scss */
body > aside button#toggle-notebook {
  top: 70px;
}
/* line 50, scss/_nav.scss */
body > aside button img {
  width: 70%;
  height: auto;
}
/* line 55, scss/_nav.scss */
body > aside ul {
  position: absolute;
  top: 250px;
  left: 50%;
  margin-left: -3px;
}
/* line 60, scss/_nav.scss */
body > aside ul li {
  width: 6px;
  background: #CCC;
  overflow: hidden;
  height: 30px;
  margin-bottom: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
/* line 69, scss/_nav.scss */
body > aside ul li.active {
  background: #91b2e2;
}
/* line 72, scss/_nav.scss */
body > aside ul li span {
  width: 4px;
  height: 4px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #2e61ac;
  position: absolute;
  left: 1px;
}

/* line 1, scss/_header.scss */
header {
  padding-top: 60px;
  padding-left: 60px;
  position: absolute;
  z-index: 10;
  width: 100%;
  background: #FFF;
}
/* line 8, scss/_header.scss */
header nav {
  width: 100%;
  height: 30px;
  background: #91b2e2;
  border: 1px solid #2e61ac;
  border-left: none;
  border-right: none;
  padding: 0 40px;
  position: relative;
}
/* line 17, scss/_header.scss */
header nav.content {
  display: block;
}
/* line 20, scss/_header.scss */
header nav .section-toggle {
  display: block;
  width: 50px;
  position: absolute;
  top: -11px;
  right: 15px;
}
/* line 26, scss/_header.scss */
header nav .section-toggle img {
  width: 100%;
  height: auto;
}
/* line 31, scss/_header.scss */
header nav #transcript-toggle {
  display: none;
  width: 190px;
  position: absolute;
  left: 20px;
  border: none;
  background: #2e61ac;
  margin: 0;
  top: 0;
  height: 100%;
  color: #FFF;
  text-align: left;
  padding: 0 10px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  outline: none;
}
/* line 50, scss/_header.scss */
header nav #transcript-toggle span {
  display: inline-block;
  width: 60px;
  text-align: center;
  margin-left: 20px;
  outline: 1px solid #CCC;
}
/* line 57, scss/_header.scss */
header nav #transcript-toggle .on {
  background: #66a62d;
  border-right: 20px solid #AAA;
}
/* line 61, scss/_header.scss */
header nav #transcript-toggle .off {
  background: #b60000;
  border-left: 20px solid #AAA;
}
/* line 68, scss/_header.scss */
header.video #transcript-toggle {
  display: block;
}

/* line 74, scss/_header.scss */
#notes header {
  padding-left: 0;
  background: #EEE;
}
/* line 77, scss/_header.scss */
#notes header ul {
  display: inline-block;
}
/* line 79, scss/_header.scss */
#notes header ul + ul {
  margin-left: 160px;
}
/* line 93, scss/_header.scss */
#notes header li {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
/* line 97, scss/_header.scss */
#notes header li img {
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  top: -5px;
}

/* line 1, scss/_pages.scss */
main {
  padding: 140px 100px 20px;
  font-size: 1.4rem;
}
/* line 4, scss/_pages.scss */
main h1 {
  font-family: 'Roboto Condensed', sans-serif;
  color: #2b7021;
  font-size: 6.0rem;
  text-transform: uppercase;
  font-weight: bold;
}
/* line 11, scss/_pages.scss */
main h2 {
  font-weight: bold;
  font-size: 2.1rem;
  margin-bottom: 20px;
}
/* line 15, scss/_pages.scss */
main h2 img {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: auto;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
/* line 25, scss/_pages.scss */
main h3 {
  font-weight: bold;
  margin-bottom: 6px;
  color: #b60000;
  font-size: 1.6rem;
}
/* line 31, scss/_pages.scss */
main p {
  line-height: 1.5;
  margin-bottom: 20px;
}
/* line 36, scss/_pages.scss */
main img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
/* line 42, scss/_pages.scss */
main figure {
  margin-bottom: 20px;
}
/* line 44, scss/_pages.scss */
main figure figcaption {
  font-size: 1.6rem;
  line-height: 1.3;
}
/* line 47, scss/_pages.scss */
main figure figcaption .instructions {
  color: #2e61ac;
  font-weight: bold;
  font-style: italic;
}
/* line 53, scss/_pages.scss */
main figure img {
  margin-top: 20px;
  width: 120%;
  position: relative;
  left: -10%;
  border: 1px solid #EEE;
  border-left: none;
  border-right: none;
  padding: 20px 0;
}

/* line 1, scss/_notes.scss */
.notes #notes {
  left: 0;
}

/* line 5, scss/_notes.scss */
#notes {
  position: absolute;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 0;
  left: 100%;
  height: 100%;
  width: 100%;
  z-index: 1000000000;
  background: #EEE;
}
/* line 15, scss/_notes.scss */
#notes.list #notes-list {
  display: block;
}
/* line 20, scss/_notes.scss */
#notes.map #notes-map {
  display: block;
}
/* line 23, scss/_notes.scss */
#notes.map #list-filters {
  visibility: hidden;
}

/* line 29, scss/_notes.scss */
.notes-container {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 90px 40px 60px;
  width: 100%;
  height: 100%;
}
/* line 37, scss/_notes.scss */
.notes-container h1 {
  font-family: 'Roboto Condensed', sans-serif;
  color: #000;
  font-size: 3.6rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 6px;
  margin-top: 20px;
}
/* line 46, scss/_notes.scss */
.notes-container h2 {
  font-size: 2.1rem;
  margin-bottom: 20px;
  text-transform: uppercase;
}
/* line 51, scss/_notes.scss */
.notes-container > ul {
  border-top: 4px solid #2e61ac;
  padding: 0 50px;
  position: absolute;
  width: 100%;
  left: 0;
  height: 780px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  list-style: none;
}

/* line 65, scss/_notes.scss */
#notes-list h3 {
  font-size: 2.1rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  text-transform: capitalize;
  color: #000;
  margin-bottom: 6px;
}
/* line 73, scss/_notes.scss */
#notes-list p {
  font-size: 1.4rem;
  line-height: 1.3;
}
/* line 77, scss/_notes.scss */
#notes-list li {
  padding: 15px 0 15px 35px;
  position: relative;
  cursor: pointer;
}
/* line 82, scss/_notes.scss */
#notes-list li:before {
  position: absolute;
  left: 0;
  top: 15px;
  height: 25px;
  width: 25px;
  background-position: left top;
  background-repeat: none;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  content: "";
}
/* line 93, scss/_notes.scss */
#notes-list li + li {
  border-top: 1px solid #CCC;
}
/* line 97, scss/_notes.scss */
#notes-list li.note-highlight:before, #notes-list li.highlight-annotation:before {
  background-image: url(../images/icon-highlight.png);
}
/* line 100, scss/_notes.scss */
#notes-list li.note-highlight > p, #notes-list li.highlight-annotation > p {
  background: yellow;
  display: inline;
}
/* line 104, scss/_notes.scss */
#notes-list li.note-highlight .annotation, #notes-list li.highlight-annotation .annotation {
  margin-top: 1em;
  font-family: 'Rancho', Helvetica, sans-serif;
}
/* line 107, scss/_notes.scss */
#notes-list li.note-highlight .annotation p, #notes-list li.highlight-annotation .annotation p {
  font-size: 1.7rem;
  letter-spacing: 0.05em;
}
/* line 114, scss/_notes.scss */
#notes-list li.highlight-annotation p {
  background: none;
  display: block;
}
/* line 120, scss/_notes.scss */
#notes-list li.note-keyterm:before, #notes-list li.keyterm-annotation:before {
  background-image: url(../images/icon-keyterm.png);
}
/* line 123, scss/_notes.scss */
#notes-list li.note-keyterm p, #notes-list li.keyterm-annotation p {
  font-size: 1.6rem;
  font-style: italic;
}
/* line 129, scss/_notes.scss */
#notes-list li.note-interactive:before, #notes-list li.interactive-annotation:before {
  background-image: url(../images/icon-interactive.png);
}
/* line 134, scss/_notes.scss */
#notes-list li.note-image:before, #notes-list li.image-annotation:before {
  background-image: url(../images/icon-image.png);
}
/* line 140, scss/_notes.scss */
#notes-list li.note-video.span h3 span {
  color: #ff9f17;
}
/* line 144, scss/_notes.scss */
#notes-list li.note-video.span:before {
  background-image: url(../images/icon-video-span.png);
}
/* line 150, scss/_notes.scss */
#notes-list li.note-video.point h3 span {
  color: #66a62d;
}
/* line 154, scss/_notes.scss */
#notes-list li.note-video.point:before {
  background-image: url(../images/icon-video-point.png);
}
/* line 158, scss/_notes.scss */
#notes-list li img {
  float: left;
  width: 100px;
  height: auto;
  border: 1px solid #999;
  margin-right: 10px;
}

/* line 168, scss/_notes.scss */
#notes-map {
  padding-bottom: 0;
}
/* line 170, scss/_notes.scss */
#notes-map .pages {
  padding-top: 20px;
  height: 830px;
}
/* line 173, scss/_notes.scss */
#notes-map .pages > li {
  width: 48%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
/* line 178, scss/_notes.scss */
#notes-map .pages > li:after {
  z-index: -1;
  content: "";
  width: 4px;
  background: #2e61ac;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  top: 0;
}
/* line 189, scss/_notes.scss */
#notes-map .pages > li:nth-child(odd) {
  clear: both;
}
/* line 192, scss/_notes.scss */
#notes-map .pages > li:nth-child(even) {
  float: right;
}
/* line 195, scss/_notes.scss */
#notes-map .pages > li h2 {
  background: #2e61ac;
  margin-bottom: 20px;
  text-align: center;
  padding: 8px;
  color: #FFF;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.1rem;
  position: relative;
}
/* line 204, scss/_notes.scss */
#notes-map .pages > li h2 span {
  background: #ff9f17;
  position: absolute;
  top: 0;
  left: 0;
  color: #FFF;
  padding: 3px 6px;
  font-size: 14px;
}
/* line 217, scss/_notes.scss */
#notes-map .sections > li {
  border: 2px solid #2e61ac;
  margin-bottom: 20px;
  background: #FFF;
  padding: 10px;
}
/* line 222, scss/_notes.scss */
#notes-map .sections > li:last-child {
  margin-bottom: 0;
}
/* line 225, scss/_notes.scss */
#notes-map .sections > li h3 {
  color: #91b2e2;
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
/* line 234, scss/_notes.scss */
#notes-map .notes:empty:after {
  white-space: pre;
  content: "You have not annotated this section.\ATap here to return to the book and review it.";
  color: #AAA;
  font-weight: normal;
  display: block;
  text-align: center;
  font-style: italic;
}
/* line 243, scss/_notes.scss */
#notes-map .notes > li {
  display: inline-block;
  cursor: pointer;
}
/* line 246, scss/_notes.scss */
#notes-map .notes > li + li {
  margin-left: 6px;
}
/* line 249, scss/_notes.scss */
#notes-map .notes > li img {
  width: 35px;
  height: 35px;
}

/* line 257, scss/_notes.scss */
#media-popup-wrapper {
  display: none;
  padding: 5%;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100000000000;
}
/* line 267, scss/_notes.scss */
#media-popup-wrapper button {
  color: #FFF;
  border: none;
  background: #333;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 5%;
  right: 5%;
  text-align: center;
  height: 30px;
  width: 30px;
  line-height: 30px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: -25px;
  margin-right: -10px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
/* line 287, scss/_notes.scss */
#media-popup-wrapper #media-popup {
  border: 3px solid #333;
  background: #FFF;
  padding: 20px;
}
/* line 291, scss/_notes.scss */
#media-popup-wrapper #media-popup h3 {
  font-size: 2.8rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  text-transform: capitalize;
  color: #000;
  margin-bottom: 20px;
}
/* line 299, scss/_notes.scss */
#media-popup-wrapper #media-popup video, #media-popup-wrapper #media-popup img {
  width: 100%;
  height: auto;
  display: block;
}
/* line 304, scss/_notes.scss */
#media-popup-wrapper #media-popup video {
  min-height: 350px;
}

/* line 1, scss/_notebook.scss */
#notebook-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  width: 100%;
  z-index: 10;
}
/* line 9, scss/_notebook.scss */
#notebook-wrapper #notebook {
  position: absolute;
  height: 96%;
  top: 2%;
  left: 80px;
  background: #FFF;
  width: 400px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 10000;
  padding: 10px;
}
/* line 19, scss/_notebook.scss */
#notebook-wrapper #notebook:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 20px 15px 0;
  border-color: transparent #ffffff transparent transparent;
  content: "";
  position: absolute;
  left: -20px;
  top: 60px;
}
/* line 30, scss/_notebook.scss */
#notebook-wrapper #notebook header {
  display: block;
  position: static;
  padding: 0;
  margin: 10px 0;
}
/* line 35, scss/_notebook.scss */
#notebook-wrapper #notebook header ul {
  border: 1px solid #2e61ac;
  margin-top: 10px;
}
/* line 39, scss/_notebook.scss */
#notebook-wrapper #notebook header ul li {
  float: left;
  width: 25%;
  color: #2e61ac;
  background: #FFF;
  text-align: center;
  font-size: 11px;
  padding: 5px 0;
  cursor: pointer;
}
/* line 48, scss/_notebook.scss */
#notebook-wrapper #notebook header ul li + li {
  border-left: 1px solid #2e61ac;
}
/* line 51, scss/_notebook.scss */
#notebook-wrapper #notebook header ul li.active {
  background: #2e61ac;
  color: #FFF;
}
/* line 58, scss/_notebook.scss */
#notebook-wrapper #notebook h2 {
  font-size: 2.1rem;
  text-align: center;
}
/* line 62, scss/_notebook.scss */
#notebook-wrapper #notebook h3 {
  font-size: 1.6rem;
}
/* line 65, scss/_notebook.scss */
#notebook-wrapper #notebook #notebook-items {
  border-top: 3px solid silver;
  padding: 15px;
  height: 885px;
  overflow: auto;
  webkit-overflow-scrolling: touch;
}
/* line 71, scss/_notebook.scss */
#notebook-wrapper #notebook #notebook-items li {
  border-bottom: 1px solid #DADADA;
  margin-bottom: 15px;
  padding-bottom: 15px;
  cursor: pointer;
}
/* line 77, scss/_notebook.scss */
#notebook-wrapper #notebook #notebook-items li.highlight p {
  background: yellow;
}
/* line 81, scss/_notebook.scss */
#notebook-wrapper #notebook #notebook-items li p {
  margin-top: .25em;
  font-size: 1.1rem;
  line-height: 1.3;
}
/* line 86, scss/_notebook.scss */
#notebook-wrapper #notebook #notebook-items li blockquote {
  display: block;
  margin: 1em 1em 0;
  font-style: italic;
  font-size: 16px;
  font-family: 'Rancho', Helvetica, sans-serif;
  letter-spacing: 0.05em;
}

/* line 99, scss/_notebook.scss */
#toggle-note-flyout {
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  right: 30px;
  top: 30px;
  outline: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  z-index: 1000000;
}
/* line 108, scss/_notebook.scss */
#toggle-note-flyout img {
  width: 100%;
  height: auto;
}

/* line 115, scss/_notebook.scss */
#button-highlight {
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  right: 30px;
  top: 470px;
  outline: none;
  background-color: #fcfac0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfac0), to(#f6f283));
  background-image: -webkit-linear-gradient(top, #fcfac0, #f6f283);
  background-image: -moz-linear-gradient(top, #fcfac0, #f6f283);
  background-image: -ms-linear-gradient(top, #fcfac0, #f6f283);
  background-image: -o-linear-gradient(top, #fcfac0, #f6f283);
  background-image: linear-gradient(to bottom, #fcfac0, #f6f283);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fcfac0, endColorstr=#f6f283);
  border: 1px solid #DDDD00;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  z-index: 1000000;
}
/* line 131, scss/_notebook.scss */
#button-highlight img {
  width: 100%;
  height: auto;
}

/* line 138, scss/_notebook.scss */
#note-flyout {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  width: 100%;
  z-index: 1;
}
/* line 146, scss/_notebook.scss */
#note-flyout menu {
  position: absolute;
  right: 30px;
  top: 69px;
  background: #FFF;
  padding: 10px;
  width: 240px;
  text-align: center;
  border: 1px solid #888;
}
/* line 155, scss/_notebook.scss */
#note-flyout menu h2 {
  font-size: 14px;
  margin-bottom: 10px;
}
/* line 159, scss/_notebook.scss */
#note-flyout menu button {
  width: 48%;
  background: none;
  border: 1px solid #DADADA;
  padding: 10px;
  display: inline-block;
  cursor: pointer;
}
/* line 168, scss/_notebook.scss */
#note-flyout #inkling-annotation {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #DADADA;
}
/* line 172, scss/_notebook.scss */
#note-flyout #inkling-annotation h3 {
  font-size: 13px;
  margin-bottom: 3px;
}
/* line 176, scss/_notebook.scss */
#note-flyout #inkling-annotation textarea {
  display: block;
  width: 98%;
  margin: 0 auto;
  height: 70px;
  margin-bottom: 5px;
}
/* line 183, scss/_notebook.scss */
#note-flyout #inkling-annotation button[type=button] {
  color: #b60000;
}
/* line 186, scss/_notebook.scss */
#note-flyout #inkling-annotation button[type=submit] {
  color: #FFF;
  background: #2e61ac;
}

/* line 1, scss/_video.scss */
main.video {
  padding-left: 230px;
  padding-right: 20px;
}

/* line 6, scss/_video.scss */
.video {
  -moz-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
  position: relative;
}
/* line 9, scss/_video.scss */
.video .transcript {
  display: none;
  width: 190px;
  position: absolute;
  left: 20px;
  height: 934px;
  top: 90px;
  background: #DDD;
  border: 1px solid #CCC;
  border-top: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 10px;
  font-size: 1.2rem;
  -moz-transition: opacity 0.3s, width 0.3s, padding 0.3s;
  -o-transition: opacity 0.3s, width 0.3s, padding 0.3s;
  -webkit-transition: opacity 0.3s, width 0.3s, padding 0.3s;
  transition: opacity 0.3s, width 0.3s, padding 0.3s;
  opacity: 1;
}
/* line 26, scss/_video.scss */
.video .transcript h4 {
  font-weight: bold;
  color: #66a62d;
  font-size: 1.4rem;
  margin-bottom: 4px;
}
/* line 32, scss/_video.scss */
.video .transcript p {
  line-height: 1.3;
  margin-bottom: 20px;
}
/* line 36, scss/_video.scss */
.video .transcript .highlighted .highlightable-actions {
  left: 0;
  top: -60px;
}
/* line 39, scss/_video.scss */
.video .transcript .highlighted .highlightable-actions button {
  display: block;
}
/* line 41, scss/_video.scss */
.video .transcript .highlighted .highlightable-actions button + button {
  border-left: none;
}
/* line 47, scss/_video.scss */
.video .player {
  width: 100%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #000;
  position: relative;
  top: 0;
}
/* line 55, scss/_video.scss */
.video .player video {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  min-height: 400px;
  cursor: pointer;
  -webkit-transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
  z-index: 1;
  position: relative;
}
/* line 65, scss/_video.scss */
.video .player .controls {
  background: #333;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 80px;
}
/* line 71, scss/_video.scss */
.video .player .controls h2 {
  color: #FFF;
  font-size: 11px;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  position: absolute;
  top: 6px;
  left: 10px;
}
/* line 79, scss/_video.scss */
.video .player .controls h2:before {
  content: "Current Segment: ";
}
/* line 83, scss/_video.scss */
.video .player .controls .timeline {
  height: 7px;
  position: absolute;
  left: 10px;
  top: 25px;
  right: 105px;
}
/* line 89, scss/_video.scss */
.video .player .controls .timeline .segments {
  position: absolute;
  top: 0;
  left: 0;
  height: 7px;
  width: 100%;
}
/* line 95, scss/_video.scss */
.video .player .controls .timeline .segments li {
  background: #ffd496;
  float: left;
  height: 7px;
  -moz-background-clip: content;
  -o-background-clip: content-box;
  -webkit-background-clip: content;
  background-clip: content-box;
}
/* line 100, scss/_video.scss */
.video .player .controls .timeline .segments li + li {
  border-left: 2px solid transparent;
}
/* line 103, scss/_video.scss */
.video .player .controls .timeline .segments li.active {
  -moz-background-clip: content;
  -o-background-clip: content-box;
  -webkit-background-clip: content;
  background-clip: content-box;
  background: #ff9f17;
}
/* line 109, scss/_video.scss */
.video .player .controls .timeline .progress {
  width: 50%;
  height: 100%;
  position: relative;
  z-index: 10;
}
/* line 114, scss/_video.scss */
.video .player .controls .timeline .progress .pointer {
  background: #FFF;
  width: 7px;
  height: 7px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: -4px;
}
/* line 125, scss/_video.scss */
.video .player .controls .time {
  position: absolute;
  font-size: 10px;
  color: #FFF;
  top: 40px;
  display: none;
}
/* line 132, scss/_video.scss */
.video .player .controls .current-time {
  left: 10px;
}
/* line 135, scss/_video.scss */
.video .player .controls .total-time {
  right: 105px;
}
/* line 138, scss/_video.scss */
.video .player .controls button {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 10px;
  padding: 0;
  cursor: pointer;
  outline: none;
  background: none;
  border: none;
}
/* line 148, scss/_video.scss */
.video .player .controls button img {
  width: 36px;
  height: auto;
  display: block;
}
/* line 154, scss/_video.scss */
.video .player .controls .note-segment {
  right: 55px;
}
/* line 157, scss/_video.scss */
.video .player .controls .note-point {
  right: 10px;
}
/* line 160, scss/_video.scss */
.video .player .controls #video-key-term {
  background: #2e61ac;
  position: absolute;
  left: 20px;
  border: 1px solid #FFF;
  color: #FFF;
  text-transform: uppercase;
  padding: 3px 10px 3px 35px;
  top: 44px;
  cursor: pointer;
  display: none;
}
/* line 171, scss/_video.scss */
.video .player .controls #video-key-term.visible {
  display: block;
}
/* line 174, scss/_video.scss */
.video .player .controls #video-key-term button {
  display: inline-block;
  vertical-align: middle;
  top: -7px;
  left: -10px;
  background: #2e61ac;
  font-size: 24px;
  color: #FFF;
  font-weight: bold;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #FFF;
}
/* line 186, scss/_video.scss */
.video .player .controls #video-key-term h3 {
  vertical-align: middle;
  color: #FFF;
  font-family: "Roboto Condensed", sans-serif;
  display: inline-block;
  margin: 0;
}
/* line 192, scss/_video.scss */
.video .player .controls #video-key-term h3:before {
  content: "Key Term: ";
}
/* line 199, scss/_video.scss */
.video .video-notes-container {
  display: none;
  width: 100%;
  height: 500px;
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #444;
  border-top: 5px solid #444;
}
/* line 208, scss/_video.scss */
.video .video-notes-container h2 {
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 10px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
}
/* line 219, scss/_video.scss */
.video .video-notes-container #video-notes {
  padding: 0 10px 10px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 450px;
}
/* line 224, scss/_video.scss */
.video .video-notes-container #video-notes div {
  padding: 10px 0;
}
/* line 226, scss/_video.scss */
.video .video-notes-container #video-notes div + div {
  border-top: 1px solid #CCC;
}
/* line 230, scss/_video.scss */
.video .video-notes-container #video-notes div.video-note-segment h3 {
  color: #000;
  padding-left: 40px;
  background: url(../images/annotation-icon-entire-video.png) left top no-repeat;
  background-size: 30px auto;
}
/* line 238, scss/_video.scss */
.video .video-notes-container #video-notes div.video-note-term h3 {
  color: #000;
  padding-left: 40px;
  background: url(../images/annotation-icon-key-term.png) left top no-repeat;
  background-size: 30px auto;
}
/* line 245, scss/_video.scss */
.video .video-notes-container #video-notes div h3 {
  font-size: 24px;
  margin-bottom: 6px;
}
/* line 250, scss/_video.scss */
.video .video-notes-container #video-notes div h4 {
  font-size: 21px;
  margin-bottom: 6px;
  font-family: "Roboto Condensed", sans-serif;
}
/* line 254, scss/_video.scss */
.video .video-notes-container #video-notes div h4 span {
  color: #66a62d;
}
/* line 258, scss/_video.scss */
.video .video-notes-container #video-notes div p {
  font-size: 14px;
  margin-bottom: 4px;
}

/* line 267, scss/_video.scss */
.no-transcript main.video {
  padding-left: 20px;
}
/* line 269, scss/_video.scss */
.no-transcript main.video .transcript {
  opacity: 0;
  width: 0;
  padding: 0;
}
/* line 274, scss/_video.scss */
.no-transcript main.video .video-notes-container {
  height: 390px;
}
/* line 277, scss/_video.scss */
.no-transcript main.video #video-notes {
  height: 340px;
}

/* line 282, scss/_video.scss */
#video-term {
  color: #FFF;
  padding-left: 135px;
  text-align: right;
  padding-right: 30px;
  font-size: 14px;
  line-height: 19px;
}

/* line 291, scss/_video.scss */
#video-term-note {
  border: none;
  background: #2e61ac;
  color: #FFF;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #FFF;
  top: -20px;
  outline: none;
}

/* line 299, scss/_video.scss */
.modals-open .player {
  top: 160px;
}

/* line 1, scss/_slideshow.scss */
.slideshow {
  position: relative;
}
/* line 3, scss/_slideshow.scss */
.slideshow button {
  border: none;
  background: #2e61ac;
  color: #FFF;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  position: absolute;
  top: 40px;
  right: -40px;
  z-index: 100;
}
/* line 10, scss/_slideshow.scss */
.slideshow ul {
  width: 100%;
  overflow: hidden;
  height: 397px;
  width: 120%;
  position: relative;
  left: -10%;
  padding: 20px 0;
  margin-top: 20px;
  border: 1px solid #EEE;
  border-left: none;
  border-right: none;
}
/* line 22, scss/_slideshow.scss */
.slideshow ul li {
  float: left;
  height: 397px;
  overflow: hidden;
}
/* line 26, scss/_slideshow.scss */
.slideshow ul li img {
  width: 100%;
  left: 0;
  padding: 0;
  margin: 0;
  border: none;
}

/* line 1, scss/_infographic.scss */
#infographic-container {
  position: relative;
}
/* line 3, scss/_infographic.scss */
#infographic-container .infographic-popup {
  position: absolute;
  background: #DADADA;
  padding: 10px;
  width: 150px;
  font-size: 12px;
  line-height: 1.3;
  z-index: 1000;
}
/* line 11, scss/_infographic.scss */
#infographic-container .infographic-popup:after {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #DADADA transparent transparent transparent;
  content: "";
  position: absolute;
  left: 20px;
  bottom: -7px;
}
/* line 22, scss/_infographic.scss */
#infographic-container .infographic-popup button {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: none;
  background: #2e61ac;
  color: #FFF;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
}
/* line 29, scss/_infographic.scss */
#infographic-container > button {
  border: none;
  background: #2e61ac;
  color: #FFF;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  position: absolute;
  top: -15px;
  right: -60px;
  z-index: 100;
}

/* line 1, scss/_definitions.scss */
.definition {
  color: #2e61ac;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  display: inline;
}
/* line 7, scss/_definitions.scss */
.definition > span {
  background: #DADADA;
  width: 250px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -125px;
  padding: 10px;
  font-size: 12px;
  font-weight: normal;
  color: #000;
}
/* line 19, scss/_definitions.scss */
.definition > span .text {
  margin-bottom: 0;
}
/* line 22, scss/_definitions.scss */
.definition > span button {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: none;
  background: #2e61ac;
  color: #FFF;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
}
/* line 28, scss/_definitions.scss */
.definition > span:after {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #DADADA transparent transparent transparent;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: -7px;
}

/* line 2, scss/_highlights.scss */
.highlightable p {
  position: relative;
}
/* line 5, scss/_highlights.scss */
.highlightable .highlightable-sentence {
  position: relative;
  cursor: pointer;
}
/* line 8, scss/_highlights.scss */
.highlightable .highlightable-sentence > button {
  display: none;
}
/* line 11, scss/_highlights.scss */
.highlightable .highlightable-sentence.noted {
  padding-left: 20px;
}
/* line 13, scss/_highlights.scss */
.highlightable .highlightable-sentence.noted:before {
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/highlighted-note-pencil.png) left top no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  height: 15px;
  width: 15px;
  content: "";
  display: block;
}
/* line 25, scss/_highlights.scss */
.highlightable .highlightable-sentence .highlightable-actions {
  display: none;
}
/* line 29, scss/_highlights.scss */
.highlightable .highlighted {
  background: yellow;
}
/* line 31, scss/_highlights.scss */
.highlightable .highlighted.noted {
  padding-left: 20px;
}
/* line 33, scss/_highlights.scss */
.highlightable .highlighted.noted:before {
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/highlighted-note-pencil.png) left top no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  height: 15px;
  width: 15px;
  content: "";
  display: block;
}
/* line 45, scss/_highlights.scss */
.highlightable .highlighted .highlightable-actions {
  display: inline-block;
  background: black;
  border-radius: 10px;
  position: absolute;
  top: -35px;
  left: -25px;
  min-width: 80px;
  white-space: nowrap;
  z-index: 100000;
}
/* line 55, scss/_highlights.scss */
.highlightable .highlighted .highlightable-actions:after {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #000 transparent transparent transparent;
  content: "";
  position: absolute;
  left: 20px;
  bottom: -7px;
}
/* line 66, scss/_highlights.scss */
.highlightable .highlighted .highlightable-actions button {
  background: none;
  color: #FFF;
  padding: 6px;
  border: 0;
  height: 100%;
  cursor: pointer;
  font-size: 12px;
  outline: none;
}
/* line 75, scss/_highlights.scss */
.highlightable .highlighted .highlightable-actions button + button {
  border-left: 1px solid #FFF;
}
/* line 80, scss/_highlights.scss */
.highlightable .highlighted > button {
  display: block;
  position: absolute;
  left: -35px;
  border: none;
  background: #2e61ac;
  color: #FFF;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
}

/* line 89, scss/_highlights.scss */
.highlighted {
  background: yellow;
  position: relative;
}
/* line 92, scss/_highlights.scss */
.highlighted .highlightable-actions {
  display: inline-block;
  background: black;
  border-radius: 10px;
  position: absolute;
  top: -35px;
  left: -25px;
  min-width: 80px;
  white-space: nowrap;
  z-index: 100000;
}
/* line 102, scss/_highlights.scss */
.highlighted .highlightable-actions:after {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #000 transparent transparent transparent;
  content: "";
  position: absolute;
  left: 20px;
  bottom: -7px;
}
/* line 113, scss/_highlights.scss */
.highlighted .highlightable-actions button {
  background: none;
  color: #FFF;
  padding: 6px;
  border: 0;
  height: 100%;
  cursor: pointer;
  font-size: 12px;
  outline: none;
}
/* line 122, scss/_highlights.scss */
.highlighted .highlightable-actions button + button {
  border-left: 1px solid #FFF;
}
/* line 127, scss/_highlights.scss */
.highlighted > button {
  display: block;
  position: absolute;
  left: -35px;
  border: none;
  background: #2e61ac;
  color: #FFF;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
}