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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* Manual Resets */
:active {
  outline: none; }

:focus {
  outline-offset: -3px; }

.inactive:active, .inactive:focus {
  outline: none; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

a,
a:hover,
a:visited {
  color: inherit; }

hr {
  display: block;
  border-color: black;
  height: 0;
  border: 0;
  margin: 0;
  padding: 0; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

.clear {
  clear: both;
  height: 0; }

div,
article,
nav,
ul,
aside,
section,
header,
footer,
ul,
form,
fieldset,
figure,
figcaption,
video,
audio,
canvas {
  overflow: hidden;
  *zoom: 1; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

ul, ol, nav ul,
.gen-nav,
.tab-buttons,
.centered-list,
.dynamic-tabs > ul,
.accordion,
.indented,
.link-list,
.link-list ul,
.user-tools,
.carousel,
.course-info ul,
.checkmark-bulleted, nav ul li,
.gen-nav li,
.tab-buttons li,
.centered-list li,
.dynamic-tabs > ul li,
.accordion li,
.indented li,
.link-list li,
.link-list ul li,
.user-tools li,
.carousel li,
.course-info ul li,
.checkmark-bulleted li, .list-grid,
.inline-list-left,
.inline-list-right,
.my-courses, html,
body,
button,
input,
select,
textarea, h1, h2, h3, h4, h5, h6, p:last-child, li:last-child > p:last-child, [class^="icon-"], [class*=" icon-"], #disciplines .accordion > li.leader, #font-display .centered-list label {
  padding: 0;
  margin: 0; }

.inner-wrap,
hr.outer,
.owl-theme .owl-controls,
.narrow,
.popup, .single-column, .extra-wide > div, article figure, .interactive-animation-cta, div.figure-two-across, .mathml, table.no-border, table.generic-data, blockquote.transcript, #sign-up-register-cta > div, #home-introduction h1,
#classroom-introduction h1, #discipline-introduction button.toggle {
  margin-left: auto;
  margin-right: auto; }

body > header,
body > footer,
article section,
article .wide-left,
#content > div.inner-wrap,
#bottom,
.list-grid,
.wide .tabs,
.wide .tab-panel,
#wrap-table-of-contents,
#table-of-contents,
#table-of-contents ul,
.wrap-list-grid,
ul.accordion,
#breadcrumb,
#breadcrumb > nav,
#breadcrumb > nav > ul,
#breadcrumb > nav > ul > li > ul,
#audio-player,
#audio-player .wrap-mejs,
.qtip,
#disciplines,
#reading,
div.share,
#discipline-introduction,
#discipline-introduction > div {
  overflow: visible; }

.extra-wide {
  position: relative; }

img {
  vertical-align: middle; }

#content img {
  max-width: 100%; }

ul, ol {
  padding: 0 0 0 24px; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

nav {
  position: relative; }

nav ul,
.gen-nav,
.tab-buttons,
.centered-list,
.dynamic-tabs > ul,
.accordion,
.indented,
.link-list,
.link-list ul,
.user-tools,
.carousel,
.course-info ul,
.checkmark-bulleted {
  list-style: none; }
  nav ul li,
  .gen-nav li,
  .tab-buttons li,
  .centered-list li,
  .dynamic-tabs > ul li,
  .accordion li,
  .indented li,
  .link-list li,
  .link-list ul li,
  .user-tools li,
  .carousel li,
  .course-info ul li,
  .checkmark-bulleted li {
    line-height: auto;
    text-indent: 0; }
  nav ul a,
  .gen-nav a,
  .tab-buttons a,
  .centered-list a,
  .dynamic-tabs > ul a,
  .accordion a,
  .indented a,
  .link-list a,
  .link-list ul a,
  .user-tools a,
  .carousel a,
  .course-info ul a,
  .checkmark-bulleted a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    *display: inline; }

.list-grid,
.inline-list-left,
.inline-list-right,
.centered-list,
.my-courses {
  list-style: none; }

.inline-list-left:last-child,
.inline-list-left > li:last-child,
.inline-list-right:last-child,
.inline-list-right > li:last-child,
.centered-list:last-child,
.centered-list > li:last-child {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important; }
.inline-list-left > li > a,
.inline-list-right > li > a,
.centered-list > li > a {
  color: #00549a; }

.inline-list-left > li {
  float: left; }

.inline-list-right > li {
  float: right; }

html, body {
  font-size: 100%;
  line-height: 1.5em; }

html,
body,
button,
input,
select,
textarea {
  font-family: Helvetica, Helvetica Neue, Arial;
  -webkit-font-smoothing: antialiased;
  color: black; }

h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold; }

em {
  font-style: italic; }

a, a:visited {
  text-decoration: none; }

p > a,
p > a:hover,
p > a:visited,
p > em > a,
p > em > a:hover,
p > em > a:visited,
a.link,
a.link:hover,
a.link:visited,
ul.link-list ul > li > a,
ul.link-list ul > li > a:hover,
ul.link-list ul > li > a:visited,
td > a,
td > a:hover,
td > a:visited {
  color: #00549a; }

h2 a,
h2 a:hover,
h2 a:visited,
h3 a,
h3 a:hover,
h3 a:visited,
h4 a,
h4 a:hover,
h4 a:visited,
h5 a,
h5 a:hover,
h5 a:visited {
  color: #00549a; }

a.link {
  font-weight: 600; }

a.link {
  font-weight: 600; }

a.link:after {
  content: "\f101";
  font-weight: normal;
  font-family: FontAwesome;
  margin-left: 0.375em; }

a.new-window:after,
ul.resource-bios p:after {
  content: "\e606";
  font-family: 'icomoon';
  margin-left: 0.375em; }

li > p,
blockquote > p {
  font-size: 1em; }

li > p:last-child {
  margin-bottom: 0.75em; }

blockquote em.credit {
  display: block;
  margin-top: 0.75em; }

.screen-reader-text,
.hidden {
  display: none; }

.no-wrap {
  white-space: nowrap; }

button,
input[type="text"],
input[type="password"],
textarea,
label {
  display: block;
  width: 100%;
  font-size: 100%; }

textarea {
  resize: vertical; }

.dd-menu,
select,
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  background-color: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  outline: none; }

select,
.dd-menu {
  width: 100%; }

.form-item {
  margin-bottom: 0.75em; }

button {
  display: inline-block;
  border: none;
  background: none;
  font-weight: bold;
  cursor: pointer; }

video {
  _width: 100%;
  max-width: 100%; }

audio,
video,
.mejs-wrapper {
  width: auto; }

html {
  font-size: 100%;
  line-height: 1.5em; }

h1 {
  font-size: 1.75em;
  line-height: 1.28571em;
  margin-bottom: 0.42857em; }
  @media (min-width: 43.75em) {
    h1 {
      font-size: 2em;
      line-height: 1.125em;
      margin-bottom: 0.75em; } }
  @media (min-width: 62.5em) {
    h1 {
      font-size: 2.25em;
      line-height: 1.33333em;
      margin-bottom: 0.66667em; } }

h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  margin-bottom: 0.5em; }
  @media (min-width: 43.75em) {
    h2 {
      font-size: 1.75em;
      line-height: 1.28571em;
      margin-bottom: 0.85714em; } }

h3 {
  font-size: 1.25em;
  line-height: 1.2em;
  margin-bottom: 0.6em; }
  @media (min-width: 43.75em) {
    h3 {
      margin-bottom: 1.2em; } }

h4 {
  font-size: 1.125em;
  line-height: 1.33333em;
  margin-bottom: 0.66667em; }
  @media (min-width: 43.75em) {
    h4 {
      margin-bottom: 1.33333em; } }

h5 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 0.75em; }
  @media (min-width: 43.75em) {
    h5 {
      margin-bottom: 1.5em; } }

#home-introduction h1,
#classroom-introduction h1 {
  font-size: 1.25em;
  line-height: 1.2em;
  margin-bottom: 0.6em; }
  @media (min-width: 43.75em) {
    #home-introduction h1,
    #classroom-introduction h1 {
      font-size: 1.5em;
      line-height: 1.5em;
      margin-bottom: 1em; } }

article > header > h1 {
  font-size: 1.75em;
  line-height: 1.28571em;
  margin-bottom: 0.42857em; }
  @media (min-width: 43.75em) {
    article > header > h1 {
      font-size: 2em;
      line-height: 1.125em;
      margin-bottom: 0.75em; } }
  article > header > h1 > span {
    font-weight: normal; }
  @media (min-width: 62.5em) {
    article > header > h1 {
      line-height: 1.3125em; } }

h1 {
  font-weight: 400;
  text-align: center; }

h1 strong,
h5 {
  font-weight: 700; }

h3 .sub,
h4 .sub,
h5 .sub {
  font-weight: 400; }

p,
a.link
ul,
ol,
pre,
code,
label,
select {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 0.75em; }
  @media (min-width: 43.75em) {
    p,
    a.link
    ul,
    ol,
    pre,
    code,
    label,
    select {
      margin-bottom: 1.5em; } }

figure,
blockquote,
div.interactive-animation-cta,
ul.gen-list,
ul.indented-links,
ul.inline-list-left,
ul.inline-list-right,
ul.my-courses > li {
  margin-bottom: 0.75em; }
  @media (min-width: 43.75em) {
    figure,
    blockquote,
    div.interactive-animation-cta,
    ul.gen-list,
    ul.indented-links,
    ul.inline-list-left,
    ul.inline-list-right,
    ul.my-courses > li {
      margin-bottom: 1.5em; } }

#at-a-glance h2, #at-a-glance h3, #at-a-glance h4, #at-a-glance h5, #at-a-glance p, #at-a-glance ul,
#home-introduction h2,
#home-introduction h3,
#home-introduction h4,
#home-introduction h5,
#home-introduction p,
#home-introduction ul,
#classroom-introduction h2,
#classroom-introduction h3,
#classroom-introduction h4,
#classroom-introduction h5,
#classroom-introduction p,
#classroom-introduction ul,
#blog-cta h2,
#blog-cta h3,
#blog-cta h4,
#blog-cta h5,
#blog-cta p,
#blog-cta ul,
#newsletter h2,
#newsletter h3,
#newsletter h4,
#newsletter h5,
#newsletter p,
#newsletter ul,
#follow-us h2,
#follow-us h3,
#follow-us h4,
#follow-us h5,
#follow-us p,
#follow-us ul,
#interactive-animations h2,
#interactive-animations h3,
#interactive-animations h4,
#interactive-animations h5,
#interactive-animations p,
#interactive-animations ul,
#process-of-science-book h2,
#process-of-science-book h3,
#process-of-science-book h4,
#process-of-science-book h5,
#process-of-science-book p,
#process-of-science-book ul,
.cta h2,
.cta h3,
.cta h4,
.cta h5,
.cta p,
.cta ul,
.amazon h2,
.amazon h3,
.amazon h4,
.amazon h5,
.amazon p,
.amazon ul,
.announcements h2,
.announcements h3,
.announcements h4,
.announcements h5,
.announcements p,
.announcements ul, label {
  margin-bottom: 0.75em; }

#at-a-glance p:last-child,
#home-introduction p:last-child,
#classroom-introduction p:last-child,
#blog-cta p:last-child,
#newsletter p:last-child,
#follow-us p:last-child,
#interactive-animations p:last-child,
#process-of-science-book p:last-child,
.cta p:last-child,
.amazon p:last-child,
.announcements p:last-child {
  margin-bottom: 0; }

.cta h4, #discipline-introduction h5,
#style-guide-header h5,
#page-not-found h5, .comprehension-checkpoint p.leader, #quiz-score h4, #announcements h3 {
  font-family: 'Rock Salt', cursive;
  font-weight: normal;
  text-transform: capitalize;
  font-size: 0.9375em;
  line-height: 1.6em; }

blockquote.transcript {
  font-family: 'Special Elite', cursive;
  font-weight: normal;
  font-size: 0.875em;
  line-height: 1.28571em; }

ul.link-list li.acc-button span {
  line-height: 1.5em; }

ul.indented-links > li > a {
  font-size: 0.9375em;
  line-height: 1.6em; }

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
button {
  font-size: 1em;
  line-height: 1.5em; }

@font-face {
  font-family: OpenDyslexic;
  src: url("/fonts/open-dyslexic/OpenDyslexic-Regular.eot") format("eot"), url("/fonts/open-dyslexic/OpenDyslexic-Regular.woff") format("woff"), url("/fonts/open-dyslexic/OpenDyslexic-Regular.ttf") format("truetype"); }
@font-face {
  font-family: OpenDyslexic;
  font-style: italic;
  src: url("/fonts/open-dyslexic/OpenDyslexic-Italic.eot") format("eot"), url("/fonts/open-dyslexic/OpenDyslexic-Italic.woff") format("woff"), url("/fonts/open-dyslexic/OpenDyslexic-Italic.ttf") format("truetype"); }
@font-face {
  font-family: OpenDyslexic;
  font-weight: bold;
  src: url("/fonts/open-dyslexic/OpenDyslexic-Bold.eot") format("eot"), url("/fonts/open-dyslexic/OpenDyslexic-Bold.woff") format("woff"), url("/fonts/open-dyslexic/OpenDyslexic-Bold.ttf") format("truetype"); }
@font-face {
  font-family: OpenDyslexic;
  font-style: italic;
  font-weight: bold;
  src: url("/fonts/open-dyslexic/OpenDyslexic-BoldItalic.eot") format("eot"), url("/fonts/open-dyslexic/OpenDyslexic-BoldItalic.woff") format("woff"), url("/fonts/open-dyslexic/OpenDyslexic-BoldItalic.ttf") format("truetype"); }
@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/custom-icons/icomoon.eot?-vp4smn");
  src: url("/fonts/custom-icons/icomoon.eot?#iefix-vp4smn") format("embedded-opentype"), url("/fonts/custom-icons/icomoon.ttf?-vp4smn") format("truetype"), url("/fonts/custom-icons/icomoon.woff?-vp4smn") format("woff"), url("/fonts/custom-icons/icomoon.svg?-vp4smn#icomoon") format("svg"); }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  margin-right: 0.375em; }

.icon-bookmark:before {
  content: "\e600"; }

.icon-bookmark-checked:before {
  content: "\e602"; }

.icon-glossary-terms:before {
  content: "\e601"; }

.icon-sound:before {
  content: "\e605"; }

.icon-mute:before {
  content: "\e604"; }

.icon-itunes:before {
  content: "\e603"; }

.icon-info:before {
  content: "\e900"; }

.icon-close-circle:before {
  content: "\e607"; }

.icon-new-window:before {
  content: "\e606"; }

li.acc-button [class^="icon-"],
li.acc-button [class*=" icon-"],
li.acc-row [class^="icon-"],
li.acc-row [class*=" icon-"] {
  font-size: 1.125em;
  line-height: 1em;
  line-height: inherit;
  margin-left: 0.75em; }

.user-tools [class^="icon-"],
.user-tools [class*=" icon-"] {
  font-size: 1.25em;
  line-height: 0.9em;
  line-height: inherit; }

button span[class^="icon-"],
button span[class*=" icon-"],
.btn span[class^="icon-"],
.btn span[class*=" icon-"] {
  font-size: 1.125em;
  line-height: 1.33333em;
  margin-right: 0.375em; }

a.new-window:after,
ul.resource-bios p:after {
  font-size: 0.875em;
  line-height: 1.71429em; }

body,
input,
select,
textarea,
button {
  font-family: 'Papyrus', serif;
  font-family: 'Open Sans', sans-serif; }

body.dyslexic-friendly #discipline-introduction,
body.dyslexic-friendly #content,
body.dyslexic-friendly .popup,
body.dyslexic-friendly .comprehension-checkpoint p.leader,
body.dyslexic-friendly .cta h4 {
  font-family: 'OpenDyslexic'; }

/* Global Template Set-up */
.btn,
.dd-menu,
button,
select,
input[type="text"],
input[type="password"],
input[type="email"],
textarea, ul.tab-buttons a, ul.accordion > li.acc-button,
ul.accordion > li.leader,
ul.accordion.article-list > li.acc-row, #style-guide-header nav > ul > li > a, #process-of-science-book, #quiz-score, .wrap-terms-and-conditions {
  border-width: 0.0625em;
  border-style: solid;
  border-color: #d6dad9;
  padding: 0.6875em; }

/* end apply-vertical-space */
/* end apply-horizontal-space */
ul.tab-buttons li > a,
ul.accordion.generic > li.leader,
ul.accordion.generic > li.acc-button,
ul.accordion.generic > li.acc-row,
ul.accordion.generic > li.acc-panel,
ul.indented,
nav.aside-nav > ul > li > ul > li > ul > li,
div.wrap-list-grid,
form .btn,
form .dd-menu,
form button,
form select,
form input[type="text"],
form input[type="password"],
form input[type="email"],
form textarea,
form label,
.owl-theme .owl-controls,
div#process-of-science-book,
.h-space {
  padding-left: 0.75em;
  padding-right: 0.75em; }

ul.indented h5 {
  margin-left: -0.75em; }

.carousel,
.carousel li {
  padding-left: 0.375em;
  padding-right: 0.375em; }

#content > div > hr {
  margin-left: 0.75em;
  margin-right: 0.75em; }

.inline-list-left > li {
  margin-right: 0.375em; }

.inline-list-right > li {
  margin-left: 0.375em; }

#back-to-top {
  right: 0.75em; }

ul.user-tools {
  margin-left: 0.75em; }

.v-space,
ul.accordion.generic > li.acc-panel,
div#process-of-science-book {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

#discipline-introduction .narrow {
  padding-top: 2.25em;
  padding-bottom: 3em; }

div.tab-panel {
  padding-top: 1.5em; }

.owl-theme .owl-controls {
  bottom: 1.5em; }

.h-space,
article section,
div.wrap-list-grid,
div.article-introduction,
#audio-player,
#table-of-contents,
#table-of-contents {
  margin-bottom: 1.5em; }

.stack,
article footer {
  margin-top: 1.5em; }

#content {
  padding-bottom: 3em; }

.tab-buttons {
  margin-bottom: 1.5em; }

article section,
article footer {
  border-top-width: 0.0625em;
  border-top-style: solid;
  border-top-color: #d6dad9;
  padding-top: 1.4375em; }

body > header .h-space,
body > footer .h-space {
  margin-bottom: 0; }

header.h-space {
  margin-bottom: 0; }

article header {
  text-align: center; }
article section:first-child,
article .article-introduction:first-child {
  padding-top: 0;
  border-top-color: transparent; }
article section:last-child,
article section > *:last-child,
article .article-introduction:last-child,
article .article-introduction > *:last-child {
  margin-bottom: 0 !important; }
article section .accordion,
article .article-introduction .accordion {
  margin-bottom: 1.5em;
  clear: both; }

.header {
  text-align: center;
  margin-bottom: 1.5em; }
  .header h1 {
    margin-bottom: 0.375em; }
  .header p, .header a {
    margin-bottom: 0; }

#course article .wide-left .wide, #course article .wide-left .short {
  float: none;
  width: 100%; }

/* end course */
.inner-wrap,
hr.outer,
.owl-theme .owl-controls,
.narrow,
.popup {
  min-width: 320px;
  max-width: 78em; }

.single-column h1 {
  margin-bottom: 0; }

.extra-wide {
  min-width: 300px; }
  .extra-wide > div {
    max-width: 97.5em; }

.narrow {
  max-width: 39em; }
  .narrow h1, .narrow h2, .narrow h3, .narrow h4, .narrow h5, .narrow p {
    text-align: center; }

.wrap-marquee {
  margin: 0 auto; }

.wrap-marquee.h-space {
  margin-bottom: 0; }

.owl-carousel {
  width: 100%; }

div.half div,
div.two-across div,
div.three-across div,
div.four-across div,
div.six-across div {
  float: left;
  width: 100%; }

div.half > div.h-space:first-child {
  padding-left: 0; }
div.half > div.h-space:last-child {
  padding-right: 0; }

#at-a-glance > div {
  margin-bottom: 1.5em; }
#at-a-glance > div > div.wide {
  width: 65%; }
#at-a-glance > div > div.short {
  width: 35%; }
#at-a-glance > div > div.short {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }
#at-a-glance > div > div {
  float: left; }
#at-a-glance > div.right > div.short {
  float: right; }
#at-a-glance > div.right > div.wide {
  padding-left: 0; }

.alternate h5, .alternate p {
  margin-bottom: 0.75em; }
.alternate .two-across {
  margin-bottom: 1.5em; }
  .alternate .two-across:last-child {
    margin-bottom: 0; }
  .alternate .two-across > div:last-child, .alternate .two-across.right > div:first-child {
    padding: 1.5em; }
  .alternate .two-across.right > div:first-child {
    float: right;
    padding: 0; }

div.half.h-space,
div.two-across.h-space,
div.three-across.h-space,
div.four-across.h-space,
div.six-across.h-space,
section.h-space {
  margin-bottom: 0; }

.h-space:last-child {
  margin-bottom: 0; }

div.four-across > div:first-child,
div.six-across > div:first-child {
  margin-bottom: 1.5em; }

.list-grid {
  font-size: 0;
  background: #d6dad9; }
  .list-grid > li {
    float: none;
    font-size: 16px;
    vertical-align: top;
    overflow: hidden;
    width: 50%;
    display: inline-block;
    margin-top: -1px;
    border-width: 0.0625em;
    border-style: solid;
    border-color: #d6dad9;
    padding: -0.0625em;
    border-color: #d6dad9; }
  .list-grid > li > a {
    display: block;
    position: relative;
    color: #00549a; }
  .list-grid > li > a > h4 {
    font-weight: 400;
    padding: 0.375em 0.75em;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 0 !important; }
  .list-grid > li > a,
  .list-grid h4 {
    background: white; }
  @media (max-width: 37.5em) {
    .list-grid > li {
      width: 100%; }
    .list-grid > li > a > img {
      width: 20%; }
    .list-grid > li > a > img,
    .list-grid > li > a > h4 {
      vertical-align: middle; }
    .list-grid > li > a:before {
      content: '';
      height: 100%;
      vertical-align: middle;
      margin-right: -0.25em;
      /* Adjusts for spacing */ }
    .list-grid > li > a:before,
    .list-grid > li > a > h4 {
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 37.5em) {
    .list-grid {
      background: none; }
      .list-grid > li {
        width: 33.3333%;
        margin-left: -1px;
        border-color: white; }
      .list-grid > li > a > h4 {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
      .list-grid > li > a,
      .list-grid h4 {
        color: white;
        background: #242a31; } }
  @media (min-width: 62.5em) {
    .list-grid > li {
      width: 20%; } }
  @media (min-width: 75em) {
    .list-grid {
      margin-top: -1px; }
      .list-grid > li {
        width: 20%; }
      .list-grid > li > a > h4 {
        position: relative; } }

.wrap-stats-grid {
  margin-left: -0.375em; }

.stats-grid {
  font-size: 0; }
  .stats-grid > li {
    float: none;
    text-align: center;
    display: inline-block;
    *display: block;
    vertical-align: top;
    padding: 0 0.375em;
    font-size: 16px; }
  .stats-grid > li > p {
    font-size: 1em;
    line-height: 1.5em;
    display: block;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin: 0; }
    .stats-grid > li > p.stat {
      font-size: 1.875em;
      line-height: 1.2em;
      font-weight: 700; }
    .stats-grid > li > p.stat,
    .stats-grid > li > p strong {
      color: #918bc3; }
    .stats-grid > li > p.title {
      margin-bottom: 1.5em; }
  .stats-grid > li > img {
    margin-bottom: 0.75em; }
  @media (min-width: 37.5em) {
    .stats-grid > li {
      width: 50%; } }
  @media (min-width: 43.75em) {
    .stats-grid > li {
      width: 33.3333%; } }

/* end device-small (320) */
@media (max-width: 37.5em) {
  div.half > div.h-space {
    padding-left: 0;
    padding-right: 0; } }
@media (max-width: 62.5em) {
  .short.stack {
    margin-bottom: 0; }

  .short.aside {
    margin-top: 0;
    margin-bottom: 1.5em; }

  .amazon.stack {
    margin-top: 0;
    margin-bottom: 0; } }
/* end device-small (400) */
@media (min-width: 37.5em) {
  div.half > div,
  div.half > div:first-child,
  div.two-across > div,
  div.two-across > div:first-child,
  div.four-across > div,
  div.four-across > div:first-child {
    width: 50%;
    margin-bottom: 0; }
  div.half > div > div,
  div.two-across > div > div,
  div.four-across > div > div {
    margin-bottom: 1.5em; }

  div.half > div.h-space:first-child {
    padding-left: 0; }
  div.half > div.h-space:last-child {
    padding-right: 0; }

  div.six-across > div:last-child > div:last-child {
    margin-bottom: 0; } }
/* end device-medium (600) */
@media (min-width: 43.75em) {
  ul.tab-buttons li > a,
  ul.accordion.generic > li.leader,
  ul.accordion.generic > li.acc-button,
  ul.accordion.generic > li.acc-row,
  ul.accordion.generic > li.acc-panel,
  ul.indented,
  nav.aside-nav > ul > li > ul > li > ul > li,
  div.wrap-list-grid,
  form .btn,
  form .dd-menu,
  form button,
  form select,
  form input[type="text"],
  form input[type="password"],
  form input[type="email"],
  form textarea,
  form label,
  .owl-theme .owl-controls,
  div#process-of-science-book,
  .h-space {
    padding-left: 1.5em;
    padding-right: 1.5em; }

  ul.indented h5 {
    margin-left: -1.5em; }

  .carousel,
  .carousel li {
    padding-left: 0.75em;
    padding-right: 0.75em; }

  #content > div > hr {
    margin-left: 1.5em;
    margin-right: 1.5em; }

  .inline-list-left > li {
    margin-right: 0.75em; }

  .inline-list-right > li {
    margin-left: 0.75em; }

  #back-to-top {
    right: 1.5em; }

  ul.user-tools {
    margin-left: 1.5em; }

  .v-space,
  ul.accordion.generic > li.acc-panel,
  div#process-of-science-book {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }

  #discipline-introduction .narrow {
    padding-top: 2.25em;
    padding-bottom: 3em; }

  div.tab-panel {
    padding-top: 1.5em; }

  .owl-theme .owl-controls {
    bottom: 1.5em; }

  .h-space,
  article section,
  div.wrap-list-grid,
  div.article-introduction,
  #audio-player,
  #table-of-contents,
  #table-of-contents {
    margin-bottom: 1.5em; }

  .stack,
  article footer {
    margin-top: 1.5em; }

  #content {
    padding-bottom: 3em; }

  .tab-buttons {
    margin-bottom: 1.5em; }

  article section,
  article footer {
    border-top-width: 0.0625em;
    border-top-style: solid;
    border-top-color: #d6dad9;
    padding-top: 1.4375em; }

  div.three-across > div,
  div.six-across > div > div {
    width: 33.3333%; }

  div.three-across > div,
  div.three-across > div:first-child,
  div.six-across > div,
  div.six-across > div:first-child {
    margin-bottom: 0; } }
/* end device-large (720) */
@media (min-width: 62.5em) {
  .single-column {
    width: 65%; }

  .wide-left > div, .wide-right > div {
    margin-bottom: 0; }
  .wide-left .wide, .wide-right .wide {
    width: 65%; }
  .wide-left .short, .wide-right .short {
    width: 35%; }

  .wide-left .wide {
    float: left; }
  .wide-left .short {
    float: right; }

  .wide-right .wide {
    float: right; }
  .wide-right .short {
    float: left; } }
/* end desktop-small (1000) */
@media (min-width: 75em) {
  div.four-across > div > div,
  div.six-across > div {
    width: 50%; }

  div.six-across div,
  div.six-across > div > div,
  div.four-across div,
  div.four-across > div > div {
    margin-bottom: 0; } }
/* end desktop-large (1200) */
.btn,
.dd-menu,
button,
select,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
label {
  width: 100%;
  display: block;
  background: none;
  background: white;
  padding-left: 1em;
  padding-right: 1em;
  color: #242a31; }

label,
.btn.inline,
button.inline,
button.search {
  width: auto; }

label {
  background: none; }

.my-courses a {
  color: #00549a; }
.my-courses p {
  margin-bottom: 0; }

a.delete {
  font-style: italic;
  color: #242a31; }
  a.delete span.fa {
    margin-right: 0.375em; }

.status {
  font-style: italic; }
  .status.red {
    color: #ca462c; }

.btn {
  font-weight: 700; }

.btn.grey
button.grey {
  text-align: center;
  color: white;
  background: #85918b;
  border-color: #6c7772;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxOWM5NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdlOGE4NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #919c97), color-stop(100%, #7e8a84));
  background-image: -moz-linear-gradient(#919c97, #7e8a84);
  background-image: -webkit-linear-gradient(#919c97, #7e8a84);
  background-image: linear-gradient(#919c97, #7e8a84);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4); }

.btn.generic,
button.generic {
  text-align: center;
  color: white;
  background: #d6dad9;
  border-color: #bbc2c0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhZGVkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiY2ZjZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadedd), color-stop(100%, #cbcfce));
  background-image: -moz-linear-gradient(#dadedd, #cbcfce);
  background-image: -webkit-linear-gradient(#dadedd, #cbcfce);
  background-image: linear-gradient(#dadedd, #cbcfce);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  color: #242a31; }

.btn.blue,
button.blue {
  text-align: center;
  color: white;
  background: #00549a;
  border-color: #003867;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhNjVhNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNTA5MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a65a4), color-stop(100%, #005092));
  background-image: -moz-linear-gradient(#1a65a4, #005092);
  background-image: -webkit-linear-gradient(#1a65a4, #005092);
  background-image: linear-gradient(#1a65a4, #005092);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4); }

.btn.red,
button.red {
  text-align: center;
  color: white;
  background: #ca462c;
  border-color: #a03723;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmNTk0MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwNDMyYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cf5941), color-stop(100%, #c0432a));
  background-image: -moz-linear-gradient(#cf5941, #c0432a);
  background-image: -webkit-linear-gradient(#cf5941, #c0432a);
  background-image: linear-gradient(#cf5941, #c0432a);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4); }

.btn.library,
button.library {
  text-align: center;
  color: white;
  background: #fdba4d;
  border-color: #fca61b;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYzE1ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwYjE0OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdc15f), color-stop(100%, #f0b149));
  background-image: -moz-linear-gradient(#fdc15f, #f0b149);
  background-image: -webkit-linear-gradient(#fdc15f, #f0b149);
  background-image: linear-gradient(#fdc15f, #f0b149);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  text-shadow: 0 0 4px #e18d03;
  text-shadow: 0 0 4px 4px #e18d03; }

.btn.glossary,
button.glossary {
  text-align: center;
  color: white;
  background: #4db045;
  border-color: #3d8b37;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmYjg1OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ5YTc0MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fb858), color-stop(100%, #49a742));
  background-image: -moz-linear-gradient(#5fb858, #49a742);
  background-image: -webkit-linear-gradient(#5fb858, #49a742);
  background-image: linear-gradient(#5fb858, #49a742);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  text-shadow: 0 0 4px #2d6728;
  text-shadow: 0 0 4px 4px #2d6728; }

.btn.classroom,
button.classroom {
  text-align: center;
  color: white;
  background: #1c9ad6;
  border-color: #167aa9;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYTRkYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFiOTJjYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33a4da), color-stop(100%, #1b92cb));
  background-image: -moz-linear-gradient(#33a4da, #1b92cb);
  background-image: -webkit-linear-gradient(#33a4da, #1b92cb);
  background-image: linear-gradient(#33a4da, #1b92cb);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  text-shadow: 0 0 4px #10597c;
  text-shadow: 0 0 4px 4px #10597c; }

.btn.company,
button.company {
  text-align: center;
  color: white;
  background: #918bc3;
  border-color: #7169b2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzljOTdjOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhODRiOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9c97c9), color-stop(100%, #8a84b9));
  background-image: -moz-linear-gradient(#9c97c9, #8a84b9);
  background-image: -webkit-linear-gradient(#9c97c9, #8a84b9);
  background-image: linear-gradient(#9c97c9, #8a84b9);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  text-shadow: 0 0 4px #574f99;
  text-shadow: 0 0 4px 4px #574f99; }

button.move-up,
button.move-down {
  color: #00549a; }

.btn,
button,
ul.share > li,
a.fa {
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
  .btn:hover,
  button:hover,
  ul.share > li:hover,
  a.fa:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }

button.no-style,
button[class^="icon-"],
button[class*=" icon-"],
button.fa,
a.btn.fa {
  background: none;
  border: none;
  width: auto;
  margin: 0;
  padding: 0;
  font-weight: normal; }

button.icon-sound {
  color: #00549a; }
  button.icon-sound.inline {
    display: inline-block;
    margin-left: 0.5em;
    line-height: inherit; }

button.fa,
a.btn.fa {
  color: #00549a;
  line-height: inherit; }

li.acc-button button,
li.acc-button button.icon-sound,
li.acc-row button,
li.acc-row button.icon-sound {
  color: #00549a; }
li.acc-button button.fa-trash-o,
li.acc-button button.icon-bookmark,
li.acc-row button.fa-trash-o,
li.acc-row button.icon-bookmark {
  color: #85918b; }
li.acc-button button.icon-bookmark.active,
li.acc-button button.icon-bookmark-checked,
li.acc-row button.icon-bookmark.active,
li.acc-row button.icon-bookmark-checked {
  color: #918bc3; }

.add-to-bookmarks.active {
  color: #918bc3; }

.highlight-terms.active {
  color: #4db045; }

a.term,
a.term:hover,
a.term:visited,
a.ngss,
a.ngss:hover,
a.ngss:visited {
  outline: none;
  color: #242a31;
  padding: 4px 2px;
  display: inline; }

a.term,
a.term:hover,
a.term:visited {
  white-space: nowrap; }

a.term:hover {
  color: #3e8d37;
  text-decoration: underline; }

a.term.highlighted {
  background: #edf7ec;
  color: #459e3e;
  padding: 2px 2px; }

a.ngss {
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s; }

a.ngss.practices {
  background-color: #b3cee5; }
  a.ngss.practices:hover {
    background-color: #669dcb; }

a.ngss.core-ideas {
  background-color: #fddfbb; }
  a.ngss.core-ideas:hover {
    background-color: #fabf77; }

a.ngss.crosscutting {
  background-color: #d0e5c4; }
  a.ngss.crosscutting:hover {
    background-color: #a1ca89; }

.disabled {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25; }
  .disabled:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: 0.25; }

button.search {
  background: none;
  border: none;
  color: #00549a; }

select,
.dd-menu {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url("/images/select-arrows.png");
  background-image: url("/images/select-arrows.svg"), none;
  padding-right: 40px;
  width: 100%; }

.dd-menu > span {
  width: auto !important; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
.customSelect.customSelectOpen,
.customSelect.customSelectFocus {
  color: #50555a;
  border-color: #99bbd7; }

.discipline-toggle,
.user-tools {
  margin-top: -0.125em; }
  .discipline-toggle li > a,
  .user-tools li > a {
    font-size: 0.875em;
    line-height: 1.71429em; }

.form-item > div > div {
  margin-bottom: 0.75em; }
.form-item > div > div:last-child,
.form-item > div > div > select, .form-item:last-child {
  margin-bottom: 0; }
@media (min-width: 43.75em) {
  .form-item {
    margin-bottom: 1.5em; }
    .form-item > div > div {
      width: 50%;
      float: left;
      margin-bottom: 0; }
    .form-item > div > div:first-child {
      padding-right: 0.75em; }
    .form-item > div > div:last-child {
      padding-left: 0.75em; } }

.form-item.date select,
.form-item.date .dd-menu {
  margin-bottom: 0; }
@media (min-width: 43.75em) {
  .form-item.date > div > div {
    width: 33.3333%; } }
.form-item.date.optional {
  display: none; }

@media (min-width: 43.75em) {
  .form-item.inline label {
    float: left; }
  .form-item.inline > div {
    float: right; }
  .form-item.inline label:not(.error) {
    width: 25%;
    padding: 0.75em 0;
    margin: 0; }
  .form-item.inline > div {
    width: 75%; } }

.form-item.include-date {
  margin-bottom: 0; }

form fieldset {
  margin-bottom: 1.5em; }
form input[type="checkbox"],
form input[type="radio"] {
  float: left; }
form button[type="submit"].inline {
  float: right; }
form a.forgot {
  float: right;
  font-style: italic;
  color: #85918b; }
form ul.gen-nav {
  margin-bottom: 1.5em; }
  form ul.gen-nav:last-child {
    margin-bottom: 0; }
  form ul.gen-nav li {
    display: block;
    margin-bottom: 0.75em; }
    form ul.gen-nav li:last-child {
      margin-bottom: 0; }
  form ul.gen-nav li > label {
    background: none;
    display: inline-block;
    *display: block;
    width: auto;
    padding: 0 0 0 2em;
    margin-bottom: 0; }
  form ul.gen-nav li > label > input {
    margin: 0.375em 0;
    margin-left: -2.5em; }

/* end form */
.wrap-captcha {
  margin-top: 0.75em;
  float: right; }

#quiz form button[type="submit"].inline {
  float: none; }

div.error input {
  border-color: #ca462c; }
  div.error input:focus {
    border-color: #ca462c; }
div.error label.error {
  font-weight: 700;
  width: 100%;
  margin: 0;
  background: #ca462c;
  color: white;
  padding-top: 0.375em;
  padding-bottom: 0.375em; }

.feedback,
.errors {
  padding: 0.75em 1.5em;
  margin-bottom: 1.5em; }

.feedback.form-response-success {
  color: #679e33;
  background-color: rgba(128, 194, 66, 0.15); }

.feedback.form-response-error,
.errors {
  color: #a03723;
  background-color: rgba(202, 70, 44, 0.15); }

#ngss-disclaimer > div {
  background-color: rgba(253, 186, 77, 0.1);
  padding: 1.5em; }
#ngss-disclaimer > div > ul > li {
  font-weight: 600; }
  #ngss-disclaimer > div > ul > li.practices > em {
    color: #005ca8; }
  #ngss-disclaimer > div > ul > li.core-ideas > em {
    color: #f7941d; }
  #ngss-disclaimer > div > ul > li.crosscutting > em {
    color: #62a73b; }

.feedback,
.errors {
  display: none; }

.wrap-search {
  position: relative; }
  .wrap-search button {
    position: absolute;
    top: 0;
    right: 0; }

.aside-nav > ul > li > ul {
  font-weight: 600; }
.aside-nav > ul > li > ul > li,
.aside-nav > ul > li > ul > li > ul > li {
  margin-bottom: 0.75em; }
  .aside-nav > ul > li > ul > li:last-child,
  .aside-nav > ul > li > ul > li > ul > li:last-child {
    margin-bottom: 0; }
.aside-nav > ul > li > ul > li > a,
.aside-nav > ul > li > ul > li > ul > li > a {
  color: #00549a; }
  .aside-nav > ul > li > ul > li > a.selected,
  .aside-nav > ul > li > ul > li > ul > li > a.selected {
    color: #242a31;
    position: relative;
    font-style: italic; }
.aside-nav > ul > li > ul > li > ul {
  margin-top: 0.75em; }
.aside-nav > ul > li > ul > li {
  font-size: 0.875em;
  line-height: 1.71429em;
  line-height: 1.28571em; }
  .aside-nav > ul > li > ul > li:last-child {
    margin-bottom: 0; }
.aside-nav > ul > li > ul > li > ul > li {
  font-weight: 400; }

ul.link-list > li {
  display: block; }
@media (max-width: 43.75em) {
  ul.link-list > li > ul {
    margin-bottom: 1.5em; }
  ul.link-list > li {
    cursor: pointer; }
  ul.link-list ul {
    margin-top: 0.75em; }
  ul.link-list > li.acc-button {
    display: block; }
  ul.link-list > li.acc-button span {
    float: left;
    margin-left: -1em; }
  ul.link-list > li,
  ul.link-list > li.panel {
    display: none;
    padding-left: 1em; }
  ul.link-list h5 {
    margin-bottom: 0; } }
@media (min-width: 43.75em) {
  ul.link-list > li.acc-button {
    display: none; }
  ul.link-list > li.panel {
    display: block !important; }
  ul.link-list li,
  ul.link-list > li.panel ul {
    padding-left: 0; } }

ul.indented {
  margin-bottom: 0.75em; }
  ul.indented li {
    margin-bottom: 0.375em; }
  ul.indented:last-child {
    margin-bottom: 0; }
  ul.indented h5 {
    margin-bottom: 0;
    margin-bottom: 0.75em; }
  ul.indented a {
    color: #00549a; }
    ul.indented a:hover {
      text-decoration: underline; }

.centered-list,
.dynamic-tabs > ul {
  font-size: 0;
  line-height: 0;
  text-align: center; }
  .centered-list > li,
  .dynamic-tabs > ul > li {
    font-size: 16px;
    line-height: 1.5em;
    border-right: 1px solid #d6dad9;
    padding: 0 0.75em;
    display: inline-block; }
    .centered-list > li:last-child,
    .dynamic-tabs > ul > li:last-child {
      border-right: none; }
  .centered-list > li > a,
  .dynamic-tabs > ul > li > a {
    color: #00549a; }
  .centered-list > li.selected > a,
  .dynamic-tabs > ul > li.selected > a {
    color: #242a31;
    font-style: italic; }

#alphabetical .centered-list > li {
  border-width: 0;
  padding: 0 0.375em; }
#alphabetical .centered-list > li.selected > a {
  color: #4db045;
  font-weight: 700; }

@media (max-width: 25em) {
  .dynamic-tabs > ul > li {
    display: block;
    border-right: none; } }

ul.resource-bios {
  margin-bottom: 1.5em; }
  ul.resource-bios li {
    float: left;
    width: 144px;
    margin-right: 1.5em; }
  ul.resource-bios img {
    margin-bottom: 0.75em; }
  ul.resource-bios p {
    color: #00549a; }

ul.checkmark-bulleted > li {
  padding: 0 3em 0 1.5em;
  margin-bottom: 0.75em; }
  ul.checkmark-bulleted > li:last-child {
    margin: 0; }
ul.checkmark-bulleted > li:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  margin-left: -1.5em;
  margin-right: 0.5em;
  color: #1c9ad6; }

ul.user-tools {
  margin-bottom: 0.75em; }
  ul.user-tools li {
    float: left;
    margin-right: 0.75em; }
    ul.user-tools li:last-child {
      margin-left: 0; }
  ul.user-tools a {
    color: #85918b; }

ul.pagination li {
  float: left;
  margin-left: -1px; }
  ul.pagination li:first-child {
    margin: 0; }
ul.pagination li > a {
  color: #00549a; }
ul.pagination li.active a {
  color: white;
  background: #00549a;
  border-color: #00549a; }
ul.pagination li.inactive a {
  color: #85918b;
  cursor: default; }

div.tabs {
  position: relative; }
  @media (max-width: 43.75em) {
    div.tabs {
      margin-bottom: 0; } }

ul.tab-buttons > li {
  margin-top: -0.0625em; }
ul.tab-buttons > li:first-child {
  margin-top: 0; }
ul.tab-buttons a {
  width: 100%;
  display: block;
  text-align: center;
  color: #00549a;
  font-weight: 700; }
ul.tab-buttons li.selected {
  position: relative;
  z-index: 250; }
  ul.tab-buttons li.selected a {
    color: #242a31; }
@media (min-width: 37.5em) {
  ul.tab-buttons > li {
    float: left;
    margin-top: 0;
    margin-left: -0.0625em; }
  ul.tab-buttons li.selected > a {
    border-bottom-color: transparent !important; } }

div.module ul.tab-buttons > li {
  float: left;
  margin-top: 0;
  margin-left: -0.0625em; }
div.module ul.tab-buttons li.selected > a {
  border-bottom-color: transparent !important; }

.tab-panel.selected {
  display: block; }

ul.accordion > li.acc-button {
  cursor: pointer;
  font-weight: 700; }

ul.accordion > li.acc-button,
ul.accordion > li.leader,
ul.accordion.article-list > li.acc-row {
  overflow: hidden;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent; }
  ul.accordion > li.acc-button a,
  ul.accordion > li.acc-button span,
  ul.accordion > li.leader a,
  ul.accordion > li.leader span,
  ul.accordion.article-list > li.acc-row a,
  ul.accordion.article-list > li.acc-row span {
    color: #00549a; }
  ul.accordion > li.acc-button a,
  ul.accordion > li.leader a,
  ul.accordion.article-list > li.acc-row a {
    float: left;
    color: #00549a;
    max-width: 70%; }
    @media (min-width: 43.75em) {
      ul.accordion > li.acc-button a,
      ul.accordion > li.leader a,
      ul.accordion.article-list > li.acc-row a {
        max-width: 85%; } }
  ul.accordion > li.acc-button span.fa,
  ul.accordion > li.acc-button button,
  ul.accordion > li.leader span.fa,
  ul.accordion > li.leader button,
  ul.accordion.article-list > li.acc-row span.fa,
  ul.accordion.article-list > li.acc-row button {
    float: right; }
  ul.accordion > li.acc-button span.fa,
  ul.accordion > li.leader span.fa,
  ul.accordion.article-list > li.acc-row span.fa {
    font-size: 1em;
    line-height: 1.5em;
    margin-left: 0.375em; }
  @media (max-width: 43.75em) {
    ul.accordion > li.acc-button .overview,
    ul.accordion > li.leader .overview,
    ul.accordion.article-list > li.acc-row .overview {
      display: none; } }

li.leader {
  font-weight: 700; }

ul.tab-buttons > li.selected > a a,
ul.tab-buttons > li.selected > a span,
ul.tab-buttons > li.selected > a button:not([class^="icon-"]),
ul.accordion.generic > li.acc-button.selected a,
ul.accordion.generic > li.acc-button.selected span,
ul.accordion.generic > li.acc-button.selected button:not([class^="icon-"]),
ul.accordion.generic > li.acc-row.selected a,
ul.accordion.generic > li.acc-row.selected span,
ul.accordion.generic > li.acc-row.selected button:not([class^="icon-"]) {
  color: #242a31; }

.library ul.tab-buttons > li.selected > a,
.library ul.accordion.generic > li.acc-button.selected,
.library ul.accordion.generic > li.acc-row.selected {
  border-top-color: #fdba4d; }

.glossary ul.tab-buttons > li.selected > a,
.glossary ul.accordion.generic > li.acc-button.selected,
.glossary ul.accordion.generic > li.acc-row.selected {
  border-top-color: #4db045; }

.classroom ul.tab-buttons > li.selected > a,
.classroom ul.accordion.generic > li.acc-button.selected,
.classroom ul.accordion.generic > li.acc-row.selected {
  border-top-color: #1c9ad6; }

.company ul.tab-buttons > li.selected > a,
.company ul.accordion.generic > li.acc-button.selected,
.company ul.accordion.generic > li.acc-row.selected,
.science-news ul.tab-buttons > li.selected > a,
.science-news ul.accordion.generic > li.acc-button.selected,
.science-news ul.accordion.generic > li.acc-row.selected {
  border-top-color: #918bc3; }

ul.accordion.generic > li.acc-panel {
  border-top-width: 0.0625em;
  border-top-style: solid;
  border-top-color: #d6dad9;
  padding-top: 1.4375em; }

ul.accordion.generic > li.acc-button.selected,
ul.accordion.generic > li.acc-row.selected,
ul.accordion.generic > li.acc-panel {
  background-color: #f4f5f7; }

ul.accordion.generic > li.acc-row.selected a {
  color: #00549a; }
ul.accordion.generic > li.acc-row a:hover {
  text-decoration: underline; }

ul.tab-buttons > li:first-child,
ul.accordion.generic > li.acc-button:first-child {
  margin: 0; }

.tab-panel,
.acc-panel {
  display: none; }

.acc-panel > a {
  color: #00549a; }

ul.accordion.generic.article-list {
  margin-bottom: 1.5em; }
  ul.accordion.generic.article-list p.leader {
    font-weight: 700;
    margin-bottom: 0.75em; }
  ul.accordion.generic.article-list > li.acc-row.selected a {
    color: #00549a; }
  ul.accordion.generic.article-list > li.acc-row a:hover {
    text-decoration: underline; }
  ul.accordion.generic.article-list > li.acc-button.selected > a {
    color: #00549a; }
  ul.accordion.generic.article-list > li.acc-panel {
    padding-left: 0;
    padding-right: 0; }
    ul.accordion.generic.article-list > li.acc-panel h5 {
      margin-bottom: 0.75em; }

ul.accordion.generic.glossary-list span.fa {
  float: left;
  margin-left: 0;
  margin-right: 0.75em; }

@media (max-width: 62.5em) {
  #page.aside-nav ul > li.acc-button {
    border: none; }
    #page.aside-nav ul > li.acc-button a, #page.aside-nav ul > li.acc-button span {
      color: white; }

  .company #page.aside-nav ul > li.acc-button {
    background: #918bc3; }

  .classroom #page.aside-nav ul > li.acc-button {
    background: #1c9ad6; } }
.company #page.aside-nav ul > li.leader {
  border-top-color: #918bc3; }

.classroom #page.aside-nav ul > li.leader {
  border-top-color: #1c9ad6; }

.classroom #page.aside-nav ul > li.leader > a {
  float: right; }

#page.aside-nav ul > li.leader {
  cursor: default;
  display: none; }
@media (min-width: 62.5em) {
  #page.aside-nav {
    border-bottom-width: 0.0625em;
    border-bottom-style: solid;
    border-bottom-color: #d6dad9;
    padding-bottom: -0.0625em; }
    #page.aside-nav ul.accordion {
      background: none; }
    #page.aside-nav ul > li.acc-button,
    #page.aside-nav li.edit-course-info {
      display: none; }
    #page.aside-nav ul > li.leader,
    #page.aside-nav ul > li.acc-panel {
      display: block !important; }
    #page.aside-nav ul > li.acc-panel {
      background: none; } }

#disciplines .accordion > li.leader {
  cursor: default;
  border: none;
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); }
  #disciplines .accordion > li.leader a {
    display: block;
    width: 100%;
    max-width: 100%; }
  #disciplines .accordion > li.leader img {
    height: 4.5em;
    float: left;
    margin-right: 1.5em; }
  #disciplines .accordion > li.leader h3 {
    line-height: 3.6em;
    margin-bottom: 0;
    font-weight: 400; }
#disciplines .accordion > li.acc-panel {
  padding-left: 0;
  padding-right: 0; }
  #disciplines .accordion > li.acc-panel:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }
#disciplines .accordion > li.acc-panel,
#disciplines .accordion > li.leader {
  display: none; }
#disciplines .accordion div.two-across > div:first-child {
  margin-bottom: 1.5em; }
@media (min-width: 37.5em) {
  #disciplines .accordion > li.acc-button {
    display: none; }
  #disciplines .accordion > li.leader,
  #disciplines .accordion > li.acc-panel {
    display: block !important; }
  #disciplines .accordion > li.acc-panel {
    background: none;
    border: none;
    margin-bottom: 0.75em; }
  #disciplines .accordion div.two-across > div:first-child {
    margin-bottom: 0; } }

#table-of-contents ul.accordion,
#company ul.accordion,
section ul.accordion {
  background: #f4f5f7; }

/*

If you wish to use default owl.theme.css instead of this partial, 
delete this partial and include a link to owl.theme.css within the
<head> tag located in /include/global-header.php

*/
.owl-theme {
  margin: 0; }

.owl-theme .owl-controls {
  margin-top: 1.5em;
  text-align: center;
  overflow: visible;
  z-index: 500; }

.owl-theme .owl-controls .owl-buttons {
  float: right; }
  .owl-theme .owl-controls .owl-buttons div:last-child {
    margin: 0; }

.owl-theme .owl-controls .owl-buttons div {
  float: left;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

.owl-theme .owl-controls .owl-page {
  float: left; }
  .owl-theme .owl-controls .owl-page span {
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    display: block;
    width: 1em;
    height: 1em;
    background: #d6dad9; }

.owl-theme .owl-controls .owl-pagination {
  display: inline-block;
  *display: inline;
  margin: 0 auto; }
  .owl-theme .owl-controls .owl-pagination .owl-page:last-child span {
    margin: 0; }
  @media (min-width: 75em) {
    .owl-theme .owl-controls .owl-pagination {
      float: left;
      display: block; } }

.owl-theme .owl-controls .owl-buttons div,
.owl-theme .owl-controls .owl-page span {
  color: #d6dad9;
  margin-right: 0.5em; }

.owl-theme .owl-controls .owl-buttons div,
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #d6dad9;
  padding: 0.125em .5em;
  font-size: 1em; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-buttons div:hover,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background: #918bc3; }

.owl-item.loading {
  min-height: 150px;
  background-image: url(../owl-carousel/AjaxLoader.gif) no-repeat center center; }

article figure,
.table-container,
.math-container,
.interactive-animation-cta {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

article figure,
.table-container,
.math-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  article figure.no-leader,
  .table-container.no-leader,
  .math-container.no-leader {
    margin-top: 0; }

article figure > a,
.table-container td > a {
  position: relative;
  display: block;
  outline: none; }
article figure > a > span,
.table-container td > a > span {
  z-index: 1000;
  position: absolute;
  bottom: 0.375em;
  right: 0.375em;
  color: #d6dad9; }

article figure,
div.figure-two-across {
  display: table; }

article figure {
  text-align: center;
  max-width: 33.75em; }
  article figure > br,
  article figure > p {
    display: none; }
  article figure img {
    display: block;
    max-width: 100%; }
  article figure figcaption {
    display: table-caption;
    caption-side: bottom;
    text-align: left;
    margin-top: 0.75em;
    font-size: 0.875em;
    line-height: 1.71429em;
    line-height: normal; }
    article figure figcaption span.credit {
      display: block;
      color: #85918b; }

@-moz-document url-prefix() {
  article figure img,
  .table-container td img {
    width: 100%; } }
.interactive-animation-cta {
  padding: 6px;
  max-width: 12.5em; }
  .interactive-animation-cta a {
    outline: 0;
    display: block;
    color: #242a31; }
    .interactive-animation-cta a:hover p > strong {
      text-decoration: underline; }
  .interactive-animation-cta img {
    -moz-box-shadow: 0 0 6px 0 rgba(36, 42, 49, 0.2);
    -webkit-box-shadow: 0 0 6px 0 rgba(36, 42, 49, 0.2);
    box-shadow: 0 0 6px 0 rgba(36, 42, 49, 0.2); }
  .interactive-animation-cta p {
    font-size: 0.875em;
    line-height: 1.45714em;
    padding-top: 0.75em; }
  .interactive-animation-cta em, .interactive-animation-cta strong {
    display: block; }
  @media (min-width: 43.75em) {
    .interactive-animation-cta {
      max-width: 25em; }
      .interactive-animation-cta p, .interactive-animation-cta img {
        float: left; }
      .interactive-animation-cta img {
        width: 35%;
        margin-top: 0; }
      .interactive-animation-cta p {
        width: 65%;
        padding-left: 1.5em; } }

div.figure-two-across > div {
  padding: 0 0.375em; }
div.figure-two-across > div > figure {
  margin-top: 0; }
@media (min-width: 37.5em) {
  div.figure-two-across > div {
    width: auto;
    float: left; } }

article figure.right {
  float: right;
  margin: 0 0 1.5em 1.5em;
  max-width: 6em; }
  article figure.right img {
    max-width: 100%; }
  @media (min-width: 37.5em) {
    article figure.right {
      max-width: 7.5em; } }

article figure.full {
  max-width: 100%; }
  article figure.full img {
    min-width: 100%; }

article figure.centered figcaption {
  text-align: center; }

article figure .math-container {
  margin: 0; }

.mathml {
  display: table; }

/* Audio Player */
#audio-player {
  position: relative;
  background-color: white;
  height: 3em;
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); }
  #audio-player .wrap-mejs {
    margin-right: 1.875em; }
  #audio-player ul {
    position: absolute;
    right: 0; }
    #audio-player ul > li {
      float: left;
      width: 1.875em;
      height: 3em; }
      #audio-player ul > li button {
        color: #242a31;
        text-align: center;
        margin: 0.75em 0; }
        #audio-player ul > li button:active, #audio-player ul > li button:focus {
          outline: none; }
    #audio-player ul > li.wrap-itunes {
      display: none; }

/* Tables */
@media (min-width: 43.75em) {
  .size-40 {
    max-width: 40%; }

  .size-60 {
    max-width: 60%; }

  .size-80 {
    max-width: 80%; } }
.full {
  width: 100%; }

.color-my-background .column-a {
  background: tan; }
.color-my-background .column-b {
  background: yellow; }
.color-my-background .column-c {
  background: green; }
.color-my-background .column-d {
  background: grey; }
.color-my-background .column-e {
  background: red; }
.color-my-background .column-f {
  background: pink; }
.color-my-background .column-g {
  background: purple; }

table {
  background: white; }

thead tr {
  border: none; }

th, td, table > caption {
  font-size: 0.875em;
  line-height: 1.71429em;
  text-align: left;
  padding: 0.75em;
  line-height: normal; }

table a > span.fa {
  margin-right: 0.375em; }

table > caption {
  caption-side: top;
  text-align: center; }

td > ul.gen-nav {
  text-align: center; }
  td > ul.gen-nav > li {
    display: inline-block;
    margin-right: 0.75em; }
    td > ul.gen-nav > li:last-child {
      margin-right: 0; }

td a.btn.fa,
td button.fa {
  font-size: 1.25em;
  line-height: 1.2em; }

td > p {
  margin-bottom: 0.75em; }

tr {
  border-top: 1px solid #d6dad9; }

th {
  font-weight: 700; }

th {
  vertical-align: bottom; }

td {
  vertical-align: top; }

td > input[size="3"] {
  border: 1px solid #d6dad9;
  padding: 0.375em;
  text-align: center; }

table.no-border {
  border: none !important; }
  table.no-border th, table.no-border tr, table.no-border td {
    border: none; }

td.no-pad {
  padding: 0; }

td.bg-grey {
  background: #f4f5f7; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Data-driven table styles */
table.chemical-bonding {
  background: #242a31;
  color: white; }

table.horizontal {
  border: none; }
  table.horizontal tr td {
    border: none; }

table.no-margin p, table.no-margin img, table.no-margin figure {
  margin-bottom: 0; }

table.centered th, table.centered td {
  text-align: center; }

.highlight {
  background: #f7f9fb; }

.v-align {
  vertical-align: middle; }

.c-align {
  text-align: center; }

.r-align {
  text-align: right; }

table.generic-data {
  border: 1px solid #d6dad9; }
  table.generic-data td {
    border: 1px solid #d6dad9; }

table.equation td {
  text-align: center;
  vertical-align: middle; }

table.taxonomy td[width="20%"] {
  background: #f4f5f7;
  text-align: center;
  vertical-align: middle; }
table.taxonomy strong {
  font-weight: 800; }

td.taxonomy-header {
  text-align: center;
  background: #242a31;
  padding: 0; }
  td.taxonomy-header p {
    color: white;
    padding: 0.75em;
    margin-bottom: 0; }
    td.taxonomy-header p strong {
      font-size: 1.5em;
      line-height: 1.5em; }

/* Specific table styles */
table.periodic-table,
table.periodic-table td.alkali-metals,
table.periodic-table td.alkali-earth-metals,
table.periodic-table td.transition-metals,
table.periodic-table td.post-transition-metals,
table.periodic-table td.metalloids,
table.periodic-table td.lanthanides,
table.periodic-table td.actinides,
table.periodic-table td.nonmetals,
table.periodic-table td.halogens,
table.periodic-table td.noble-gases,
table.periodic-table td.generic-elements {
  cursor: pointer;
  border: 1px solid #242a31; }

table.periodic-table {
  background: black;
  border: none; }
  table.periodic-table th, table.periodic-table tr, table.periodic-table td {
    border: none; }
  table.periodic-table th, table.periodic-table td, table.periodic-table ul {
    font-size: 0.875em;
    line-height: 1.71429em;
    color: white; }
  table.periodic-table td {
    vertical-align: bottom;
    width: 5%;
    padding: 0 0.75em; }
    table.periodic-table td strong {
      font-weight: 800; }
  table.periodic-table td.label {
    text-align: right;
    vertical-align: middle; }
  table.periodic-table a,
  table.periodic-table p {
    color: white;
    margin-bottom: 0; }
  table.periodic-table a {
    font-size: 1.125em;
    line-height: 1.33333em;
    display: block; }
  table.periodic-table p {
    font-size: 0.75em;
    line-height: 2em; }
  table.periodic-table td.alkali-metals {
    background: #1A67C9; }
  table.periodic-table td.alkali-metals:hover {
    background: #2075e2; }
  table.periodic-table td.alkali-earth-metals {
    background: #A1669F; }
  table.periodic-table td.alkali-earth-metals:hover {
    background: #ad79ab; }
  table.periodic-table td.transition-metals {
    background: #F53951; }
  table.periodic-table td.transition-metals:hover {
    background: #f6566b; }
  table.periodic-table td.post-transition-metals {
    background: #F46D4A; }
  table.periodic-table td.post-transition-metals:hover {
    background: #f68467; }
  table.periodic-table td.metalloids {
    background: #F5B65A; }
  table.periodic-table td.metalloids:hover {
    background: #f7c377; }
  table.periodic-table td.lanthanides,
  table.periodic-table td.lanthanides.inactive:hover {
    background: #004E73; }
  table.periodic-table td.lanthanides:hover {
    background: #006392; }
  table.periodic-table td.lanthanides.hd {
    background: #c0ebff; }
  table.periodic-table td.actinides,
  table.periodic-table td.actinides.inactive:hover {
    background: #552F55; }
  table.periodic-table td.actinides:hover {
    background: #693a69; }
  table.periodic-table td.actinides.hd {
    background: #eee1ee; }
  table.periodic-table td.nonmetals {
    background: #00B6BD; }
  table.periodic-table td.nonmetals:hover {
    background: #00d3dc; }
  table.periodic-table td.halogens {
    background: #59D06D; }
  table.periodic-table td.halogens:hover {
    background: #71d782; }
  table.periodic-table td.noble-gases {
    background: #339091; }
  table.periodic-table td.noble-gases:hover {
    background: #3ba6a8; }
  table.periodic-table td.generic-elements {
    background: #849997; }
  table.periodic-table td.generic-elements:hover {
    background: #95a7a5; }
  table.periodic-table td.inactive a, table.periodic-table td.inactive span, table.periodic-table td.inactive p {
    cursor: default;
    color: #242a31; }
  table.periodic-table td.hd {
    vertical-align: middle;
    cursor: default; }
  table.periodic-table td.info {
    vertical-align: top;
    padding: 0; }
    table.periodic-table td.info p {
      line-height: normal; }
  table.periodic-table tr.separator td {
    padding: 0.75em; }
  table.periodic-table td.inactive {
    vertical-align: middle; }

table.periodic-table.full {
  min-width: 800px;
  max-width: 1300px;
  margin-bottom: 0; }

ul.periodic-table-key {
  list-style: none;
  margin: 0;
  padding-left: 0; }
  ul.periodic-table-key li {
    line-height: 12px;
    text-align: left;
    padding: 4px;
    margin-bottom: 6px; }
    ul.periodic-table-key li span {
      float: left;
      width: 12px;
      height: 12px;
      margin-right: 10px; }
  ul.periodic-table-key li.alkali-metals span {
    background: #1A67C9; }
  ul.periodic-table-key li.alkali-earth-metals span {
    background: #A1669F; }
  ul.periodic-table-key li.transition-metals span {
    background: #F53951; }
  ul.periodic-table-key li.post-transition-metals span {
    background: #F46D4A; }
  ul.periodic-table-key li.metalloids span {
    background: #F5B65A; }
  ul.periodic-table-key li.lanthanides span {
    background: #004E73; }
  ul.periodic-table-key li.actinides span {
    background: #552F55; }
  ul.periodic-table-key li.nonmetals span {
    background: #00B6BD; }
  ul.periodic-table-key li.halogens span {
    background: #59D06D; }
  ul.periodic-table-key li.noble-gases span {
    background: #339091; }

td.ph-00 {
  background: #C33F4A; }

td.ph-01 {
  background: rgba(195, 63, 74, 0.85); }

td.ph-02 {
  background: rgba(195, 63, 74, 0.7); }

td.ph-03 {
  background: rgba(195, 63, 74, 0.55); }

td.ph-04 {
  background: rgba(195, 63, 74, 0.4); }

td.ph-05 {
  background: rgba(195, 63, 74, 0.25); }

td.ph-06 {
  background: rgba(195, 63, 74, 0.1); }

td.ph-14 {
  background: #23749E; }

td.ph-13 {
  background: rgba(35, 116, 158, 0.85); }

td.ph-12 {
  background: rgba(35, 116, 158, 0.7); }

td.ph-11 {
  background: rgba(35, 116, 158, 0.55); }

td.ph-10 {
  background: rgba(35, 116, 158, 0.4); }

td.ph-09 {
  background: rgba(35, 116, 158, 0.25); }

td.ph-08 {
  background: rgba(35, 116, 158, 0.1); }

table.lewis-dot-structure img {
  margin-bottom: 0; }

table.ph-scale td[rowspan="7"] {
  vertical-align: middle; }

table.full-image img {
  min-width: 80px;
  width: 100%; }

table.reminders td > span.title {
  font-style: italic;
  font-weight: 700;
  display: block; }
table.reminders th.col-b, table.reminders th.col-c, table.reminders td.col-b, table.reminders td.col-c {
  text-align: center; }

table.students th, table.students td {
  text-align: center; }
  table.students th.col-a, table.students th.col-b, table.students td.col-a, table.students td.col-b {
    text-align: left; }
table.students td[colspan="3"] {
  background: #f4f5f7;
  text-align: center; }

table.quizzes th, table.quizzes td {
  text-align: center; }
  table.quizzes th.col-a, table.quizzes td.col-a {
    text-align: left; }
table.quizzes td[colspan="4"] {
  background: #f4f5f7;
  text-align: center; }
table.quizzes td.col-a > em {
  display: block; }

blockquote.scientist {
  text-align: center; }
  blockquote.scientist img, blockquote.scientist p {
    margin-bottom: 0.75em; }
  blockquote.scientist p {
    font-size: 1.375em;
    line-height: 1.63636em; }
  blockquote.scientist em.credit {
    margin: 0; }

blockquote.transcript {
  font-style: normal;
  background-image: url("/images/bg-transcript.png");
  border-top: 1px solid white;
  padding: 1.5em;
  -moz-box-shadow: 0 0 0.375em 0 rgba(128, 128, 128, 0.2);
  -webkit-box-shadow: 0 0 0.375em 0 rgba(128, 128, 128, 0.2);
  box-shadow: 0 0 0.375em 0 rgba(128, 128, 128, 0.2); }
  blockquote.transcript strong {
    background: rgba(255, 255, 0, 0.3);
    padding: 4px 8px;
    margin-left: -8px; }
  blockquote.transcript ul, blockquote.transcript ol {
    margin-bottom: 1.5em; }
    blockquote.transcript ul:last-child, blockquote.transcript ol:last-child {
      margin-bottom: 0; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  .main-navigation,
  #secondary-nav,
  #breadcrumb,
  #audio-player,
  ul.tab-buttons,
  ul.user-tools,
  #related-to-this-module,
  body > footer,
  #top,
  .short.aside {
    display: none; }

  #table-of-contents .acc-panel,
  #content.glossary .acc-panel,
  #disciplines .acc-panel {
    display: list-item !important; }

  #content .acc-button.selected {
    border-top-color: grey; }
  #content .quiz-options > li > label > span {
    display: inline;
    margin-right: 1em; }

  .comprehension-checkpoint p.leader {
    color: black; } }
::selection {
  background: #fff1db; }

html {
  background: #242a31; }

html.popup-active {
  background: white; }

body {
  background: white;
  color: #242a31; }

hr {
  margin-top: -1px;
  height: 1px;
  background: #d6dad9; }

#content,
#content > div.inner-wrap {
  position: relative; }

#content {
  background: white; }

body > header hr,
#bottom hr {
  background: #191d22; }

#secondary-nav,
#bottom {
  background: #242a31;
  color: white; }
  #secondary-nava, #secondary-nava:hover, #secondary-nava:visited,
  #bottoma,
  #bottoma:hover,
  #bottoma:visited {
    color: white; }

body > footer {
  background: #f4f5f7; }

#secondary-nav,
.header-drop-down {
  color: white; }
  #secondary-nav ul, #secondary-nav p, #secondary-nav a, #secondary-nav label,
  .header-drop-down ul,
  .header-drop-down p,
  .header-drop-down a,
  .header-drop-down label {
    color: white; }

#secondary-nav nav ul > li,
#secondary-nav nav .company,
#secondary-nav nav .toggle-company-nav {
  float: left; }
#secondary-nav nav .user {
  float: right; }
#secondary-nav nav ul > li,
#secondary-nav nav .toggle-company-nav,
#secondary-nav nav .espanol > a {
  padding-top: 0.375em;
  padding-bottom: 0.375em; }
#secondary-nav nav .toggle-company-nav,
#secondary-nav nav .company > li > a,
#secondary-nav nav .espanol > a {
  padding-left: 0.375em;
  padding-right: 0.375em; }
#secondary-nav nav .user > li {
  margin-left: 0.75em; }
  #secondary-nav nav .user > li.active a {
    color: #918bc3; }
#secondary-nav nav .company > li > a {
  font-weight: 600; }
#secondary-nav nav li.selected a {
  color: #938dc4; }
#secondary-nav nav li.espanol {
  display: block;
  padding-top: 0;
  padding-bottom: 0; }
  #secondary-nav nav li.espanol a {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyNTkzZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JmMzgyMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2593f), color-stop(100%, #bf3823));
    background-image: -moz-linear-gradient(#d2593f, #bf3823);
    background-image: -webkit-linear-gradient(#d2593f, #bf3823);
    background-image: linear-gradient(#d2593f, #bf3823); }
@media (max-width: 43.75em) {
  #secondary-nav nav .company {
    width: 100%;
    clear: both;
    display: none; }
    #secondary-nav nav .company li {
      width: 100%;
      border-top: 1px solid #191d22; } }
@media (min-width: 25em) {
  #secondary-nav nav .toggle-company-nav,
  #secondary-nav nav .company > li > a,
  #secondary-nav nav .espanol > a {
    padding-left: 0.75em;
    padding-right: 0.75em; } }
@media (min-width: 43.75em) {
  #secondary-nav nav ul > li,
  #secondary-nav nav .company > li,
  #secondary-nav nav .toggle-company-nav,
  #secondary-nav nav .espanol > a {
    padding-top: 0.75em;
    padding-bottom: 0.75em; }
  #secondary-nav nav .company {
    margin-left: 1.5em; }
    #secondary-nav nav .company li > a {
      padding-left: 0;
      padding-right: 0; }
  #secondary-nav nav .company li {
    margin-right: 1.5em; }
  #secondary-nav nav .user li {
    margin-left: 1.5em; }
  #secondary-nav nav .toggle-company-nav {
    display: none; }
  #secondary-nav nav .company {
    clear: none;
    display: inline !important; } }

/* end secondary-nav */
#primary-nav {
  width: 100%;
  z-index: 500;
  background: white;
  -moz-box-shadow: 0 2px 2px 0 rgba(36, 42, 49, 0.1);
  -webkit-box-shadow: 0 2px 2px 0 rgba(36, 42, 49, 0.1);
  box-shadow: 0 2px 2px 0 rgba(36, 42, 49, 0.1); }

#logo {
  text-align: center; }
  #logo a {
    display: inline-block;
    text-align: center;
    padding-top: 0.75em;
    padding-bottom: 0.75em; }
  #logo img {
    max-width: 100%;
    height: 3em; }
  @media (max-width: 43.75em) {
    #logo {
      -moz-box-shadow: 0 2px 2px 0 rgba(36, 42, 49, 0.1);
      -webkit-box-shadow: 0 2px 2px 0 rgba(36, 42, 49, 0.1);
      box-shadow: 0 2px 2px 0 rgba(36, 42, 49, 0.1); } }
  @media (min-width: 43.75em) {
    #logo {
      text-align: left;
      width: 35%;
      float: left; } }
  @media (min-width: 62.5em) {
    #logo {
      padding-top: 0.375em;
      padding-bottom: 0.375em; }
      #logo img {
        height: auto; } }

/* end logo */
.main-navigation {
  width: 100%; }
  .main-navigation li {
    float: left;
    width: 33.3333%; }
  .main-navigation a {
    display: block;
    text-align: center;
    padding-top: 0.75em;
    border-bottom-width: 0.0625em;
    border-bottom-style: solid;
    border-bottom-color: #d6dad9;
    padding-bottom: 0.6875em; }

body > header .main-navigation .title,
body > header .main-navigation .description {
  display: block; }
body > header .main-navigation .description {
  font-size: 0.875em;
  line-height: 1.71429em;
  color: #85918b; }
@media (max-width: 62.5em) {
  body > header .main-navigation .description {
    display: none; } }
@media (min-width: 20em) {
  body > header .main-navigation li {
    float: left;
    width: 33.3333%; }
  body > header .main-navigation .title {
    font-weight: 700; } }
@media (min-width: 43.75em) {
  body > header .main-navigation {
    float: right;
    width: 65%;
    padding-right: 1.5em; }
    body > header .main-navigation a {
      padding-top: 1.5em;
      padding-bottom: 1.5em;
      margin-top: -1px; } }
@media (min-width: 62.5em) {
  body > header .main-navigation a {
    margin-top: 0;
    text-align: left;
    padding: 0 1.5em;
    padding-top: 1.125em;
    padding-bottom: 1.125em; }
  body > header .main-navigation .title {
    font-size: 1.375em;
    line-height: 1.63636em; } }

/* end main-navigation */
.btn-library.selected .title, .btn-glossary.selected .title, .btn-classroom.selected .title,
.btn-library.selected .description,
.btn-glossary.selected .description,
.btn-classroom.selected .description {
  color: white; }

body > footer .main-navigation {
  border-right-width: 0.0625em;
  border-right-style: solid;
  border-right-color: #d6dad9;
  padding-right: -0.0625em; }
  body > footer .main-navigation li {
    border-left-width: 0.0625em;
    border-left-style: solid;
    border-left-color: #d6dad9;
    padding-left: -0.0625em; }
  body > footer .main-navigation a {
    border-bottom: none; }
  body > footer .main-navigation a > .title {
    font-weight: 700; }
  body > footer .main-navigation a > .description {
    display: none; }

.main-navigation .btn-library > a {
  border-bottom-color: #fdba4d; }

.main-navigation .btn-glossary > a {
  border-bottom-color: #4db045; }

.main-navigation .btn-classroom > a {
  border-bottom-color: #1c9ad6; }

.btn-library .title {
  color: #fdba4d; }

.btn-glossary .title {
  color: #4db045; }

.btn-classroom .title {
  color: #1c9ad6; }

.btn-library.selected {
  background: #fdba4d;
  border-color: #fdba4d;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYzg3MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZkYmE0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdc871), color-stop(100%, #fdba4d));
  background-image: -moz-linear-gradient(#fdc871, #fdba4d);
  background-image: -webkit-linear-gradient(#fdc871, #fdba4d);
  background-image: linear-gradient(#fdc871, #fdba4d);
  text-shadow: 0 0 4px #e18d03;
  text-shadow: 0 0 4px 4px #e18d03; }

.btn-glossary.selected {
  background: #4db045;
  border-color: #4db045;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxYzA2YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkYjA0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #71c06a), color-stop(100%, #4db045));
  background-image: -moz-linear-gradient(#71c06a, #4db045);
  background-image: -webkit-linear-gradient(#71c06a, #4db045);
  background-image: linear-gradient(#71c06a, #4db045);
  text-shadow: 0 0 4px #2d6728;
  text-shadow: 0 0 4px 4px #2d6728; }

.btn-classroom.selected {
  background: #1c9ad6;
  border-color: #1c9ad6;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5YWVkZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjOWFkNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #49aede), color-stop(100%, #1c9ad6));
  background-image: -moz-linear-gradient(#49aede, #1c9ad6);
  background-image: -webkit-linear-gradient(#49aede, #1c9ad6);
  background-image: linear-gradient(#49aede, #1c9ad6);
  text-shadow: 0 0 4px #10597c;
  text-shadow: 0 0 4px 4px #10597c; }

.header-drop-down {
  background: #191d22;
  display: none; }

#search-drop-down input[type="text"],
#search-drop-down .customSelect {
  border-color: transparent; }
#search-drop-down .customSelect,
#search-drop-down input[type="text"] {
  border: none; }
#search-drop-down input[type="text"] {
  -moz-box-shadow: 0 0 6px rgba(133, 145, 139, 0.4) inset;
  -webkit-box-shadow: 0 0 6px rgba(133, 145, 139, 0.4) inset;
  box-shadow: 0 0 6px rgba(133, 145, 139, 0.4) inset; }

.global-search-bar button.search {
  color: #00549a;
  text-shadow: none; }
@media (max-width: 37.5em) {
  .global-search-bar input[type="text"] {
    margin-top: -1px; } }
@media (min-width: 37.5em) {
  .global-search-bar input[type="text"] {
    border-left: none;
    text-align: left; }
  .global-search-bar .left {
    float: left;
    width: 35%;
    margin-bottom: 0; }
  .global-search-bar .right {
    float: right;
    width: 65%; } }

#font-display .centered-list li {
  border: none;
  padding: 0 0.75em; }
#font-display .centered-list input[type="radio"] {
  line-height: inherit;
  margin-top: 0.375em;
  margin-right: 0.75em; }
@media (max-width: 37.5em) {
  #font-display .centered-list li.title {
    width: 100%;
    margin-bottom: 0.75em; } }

/* Sign in & register call to action */
#register-only-cta {
  margin-top: 0.75em; }
  #register-only-cta p {
    text-align: center; }

#sign-up-register-cta {
  background: white;
  margin-bottom: 0; }
  #sign-up-register-cta > div {
    text-align: center;
    max-width: 50em; }
  #sign-up-register-cta p {
    font-size: 0.875em;
    line-height: 1.71429em;
    margin-top: 0.75em; }
  #sign-up-register-cta > div {
    padding-top: 0.75em;
    padding-bottom: 0.75em; }
  @media (min-width: 43.75em) {
    #sign-up-register-cta > div {
      padding-top: 1.5em;
      padding-bottom: 1.5em; } }

/* Footer */
body > footer {
  position: relative;
  z-index: 1200;
  -moz-box-shadow: 0 0 4px 0 rgba(36, 42, 49, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(36, 42, 49, 0.2);
  box-shadow: 0 0 4px 0 rgba(36, 42, 49, 0.2); }
  @media (max-width: 62.5em) {
    body > footer .wide {
      padding-bottom: 0; } }

body > footer .short > div {
  float: left; }
  @media (min-width: 37.5em) {
    body > footer .short > div {
      width: 50%; } }
  @media (min-width: 62.5em) {
    body > footer .short > div {
      width: 100%; } }

#company-navigation ul > li {
  font-weight: 700;
  color: #00549a; }
  #company-navigation ul > li > ul > li {
    font-weight: 400; }
#company-navigation .col-a {
  width: 50%;
  float: left;
  height: 100%; }
#company-navigation .col-b {
  width: 50%;
  float: right;
  left: 50%; }
@media (min-width: 43.75em) {
  #company-navigation .col-a {
    width: 33.3333%; }
  #company-navigation .col-b {
    width: 66.6666%; }
  #company-navigation .link-list {
    float: left;
    width: 50%; }
  #company-navigation .leader {
    margin-bottom: 0.375em; } }

#newsletter,
#science-in-your-inbox {
  margin-bottom: 1.5em; }
  #newsletter input[type="text"],
  #science-in-your-inbox input[type="text"] {
    font-style: italic;
    width: 75%;
    float: left; }
  #newsletter button,
  #science-in-your-inbox button {
    width: 25%;
    float: right; }
  @media (max-width: 37.5em) {
    #newsletter,
    #science-in-your-inbox {
      width: 100%;
      margin-bottom: 0.75em; } }

#follow-us ul > li {
  float: left;
  margin-right: 0.375em; }
#follow-us a.facebook {
  background: #0068a6; }
#follow-us a.twitter {
  background: #56a3d9; }
#follow-us a.google {
  background: #dd4a39; }
#follow-us a {
  text-align: center;
  display: block;
  color: white;
  padding: 0;
  width: 2.25em;
  -moz-border-radius: 0.375em;
  -webkit-border-radius: 0.375em;
  border-radius: 0.375em;
  line-height: 2.25em; }

#bottom img {
  margin-bottom: 0.75em; }
#bottom ul.gen-nav {
  margin-right: 0.75em; }
@media (max-width: 37.5em) {
  #bottom {
    text-align: center; }
    #bottom #cta-app {
      margin-bottom: 1.5em; } }
@media (min-width: 75em) {
  #bottom img {
    float: left;
    margin-bottom: 0;
    margin-right: 1.5em; } }

#copyright {
  padding-top: 0.75em;
  padding-bottom: 0.75em; }
  #copyright a.to-top {
    background: #191d22;
    color: white;
    padding: 0.375em 0.75em;
    -moz-border-radius: 0.1875em;
    -webkit-border-radius: 0.1875em;
    border-radius: 0.1875em; }
  #copyright p {
    font-size: 0.875em;
    line-height: 1.71429em;
    margin: 0; }
  #copyright li {
    font-size: 0;
    display: inline-block;
    margin-left: 0.75em; }
    #copyright li a {
      font-size: 14px;
      text-decoration: underline; }
  @media (min-width: 37.5em) {
    #copyright p, #copyright ul {
      float: left; }
    #copyright a.to-top {
      float: right; }
    #copyright p {
      margin-right: 0.75em; } }

#home-introduction h1,
#classroom-introduction h1 {
  width: 80%;
  margin-bottom: 0; }
@media (min-width: 75em) {
  #home-introduction h1 span,
  #classroom-introduction h1 span {
    display: block; } }

#home-introduction h5, #home-introduction p, #home-introduction a.link {
  text-align: center; }
#home-introduction a.link {
  display: block; }
@media (min-width: 62.5em) {
  #home-introduction h1 {
    width: 60%; } }
@media (min-width: 75em) {
  #home-introduction h1 {
    width: 50%; } }

.short .cta {
  background: #f4f5f7; }
  .short .cta h4 {
    text-align: center; }

.cta.quiz h4 {
  color: #ca462c; }

.cta.module h4 {
  color: #fdba4d; }

.cta.term h4 {
  color: #4db045; }

.cta.classroom h4 {
  color: #1c9ad6; }

.cta.science-news h4 {
  color: #918bc3; }

.cta.classroom,
.cta.science-news {
  text-align: center; }

#blog-cta h5 {
  text-align: center;
  margin-bottom: 0.75em; }

#blog-cta .carousel {
  margin-bottom: 0; }
  #blog-cta .carousel li {
    min-width: 100%; }
  #blog-cta .carousel a {
    display: block; }
    #blog-cta .carousel a:hover p.title {
      text-decoration: underline; }
    #blog-cta .carousel a em {
      font-weight: 400; }
  #blog-cta .carousel p {
    font-weight: 600;
    margin-bottom: 0; }
  #blog-cta .carousel img {
    width: 100%;
    margin-bottom: 0.75em; }

#interactive-animations img {
  border: 1px solid #d6dad9; }
#interactive-animations p > em {
  font-size: 0.875em;
  line-height: 1.71429em; }

#style-guide-header nav > ul > li {
  text-align: center; }
#style-guide-header nav > ul > li:last-child > a {
  border-color: transparent; }
#style-guide-header nav > ul > li > a {
  display: block;
  background: #918bc3;
  color: white;
  font-weight: 700;
  border-color: transparent;
  border-bottom-color: black; }
  #style-guide-header nav > ul > li > a span {
    margin-right: 0.375em;
    display: none; }
  #style-guide-header nav > ul > li > a.selected {
    background: white;
    color: #242a31;
    text-decoration: none; }
@media (min-width: 37.5em) {
  #style-guide-header nav > ul > li {
    float: left;
    width: 33.3333%; }
  #style-guide-header nav > ul > li > a {
    border-bottom-color: transparent;
    border-right-color: black; } }

#discipline-introduction,
#style-guide-header,
#page-not-found {
  position: relative;
  margin-bottom: 0; }
  #discipline-introduction > div,
  #style-guide-header > div,
  #page-not-found > div {
    background-color: black; }
  #discipline-introduction h1,
  #discipline-introduction h5,
  #style-guide-header h1,
  #style-guide-header h5,
  #page-not-found h1,
  #page-not-found h5 {
    margin-bottom: 0; }
  #discipline-introduction h1,
  #discipline-introduction h5,
  #discipline-introduction p,
  #discipline-introduction blockquote,
  #style-guide-header h1,
  #style-guide-header h5,
  #style-guide-header p,
  #style-guide-header blockquote,
  #page-not-found h1,
  #page-not-found h5,
  #page-not-found p,
  #page-not-found blockquote {
    color: white;
    text-shadow: 0 0 0.375em rgba(0, 0, 0, 0.8);
    text-shadow: 0 0 0.375em 0.375em rgba(0, 0, 0, 0.8); }
  #discipline-introduction h1,
  #style-guide-header h1,
  #page-not-found h1 {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
  @media (max-width: 37.5em) {
    #discipline-introduction,
    #style-guide-header,
    #page-not-found {
      padding-left: 0;
      padding-right: 0; } }

#discipline-introduction > div {
  position: relative; }
  #discipline-introduction > div.v-space {
    padding-top: 0; }
#discipline-introduction h5, #discipline-introduction p {
  text-shadow: none; }
#discipline-introduction a.fa,
#discipline-introduction button.toggle {
  position: absolute; }
#discipline-introduction a.fa {
  color: white;
  background: rgba(0, 0, 0, 0.4);
  padding: 0.75em; }
  #discipline-introduction a.fa:hover {
    background: black; }
#discipline-introduction a.previous {
  left: 0; }
#discipline-introduction a.next {
  right: 0; }
#discipline-introduction button.toggle {
  background-image: url("/images/info-toggle.svg");
  background-image: url("/images/info-toggle.svg"), none;
  top: 100%;
  left: 50%;
  z-index: 500;
  height: 2.25em;
  width: 2.25em;
  margin-left: -1.125em;
  margin-top: -1.125em; }
  #discipline-introduction button.toggle:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
#discipline-introduction div.narrow {
  -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
  margin-bottom: 0;
  display: none; }
#discipline-introduction.active button.toggle {
  background-position: top right; }

#discipline-introduction > div,
#style-guide-header > div,
#page-not-found > div {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto; }

#page-not-found > div {
  background-image: url("/images/marquee-404.jpg"); }
  #page-not-found > div div.narrow {
    display: block; }

#discipline-introduction.biology > div {
  background-image: url("/images/marquee-biology.jpg");
  background-color: #0a1e11; }
#discipline-introduction.biology > div > div.narrow {
  background-color: rgba(10, 30, 17, 0.8); }

#discipline-introduction.chemistry > div {
  background-image: url("/images/marquee-chemistry.jpg");
  background-color: #274a76; }
#discipline-introduction.chemistry > div > div.narrow {
  background-color: rgba(39, 74, 118, 0.8); }

#discipline-introduction.earth-science > div {
  background-image: url("/images/marquee-earth-science.jpg");
  background-color: #422c31; }
#discipline-introduction.earth-science > div > div.narrow {
  background-color: rgba(66, 44, 49, 0.8); }

#discipline-introduction.general-science > div {
  background-image: url("/images/marquee-general-science.jpg");
  background-color: #b66320; }
#discipline-introduction.general-science > div > div.narrow {
  background-color: rgba(182, 99, 32, 0.8); }

#discipline-introduction.inside-science > div {
  background-image: url("/images/marquee-inside-science.jpg");
  background-color: #372544; }
#discipline-introduction.inside-science > div > div.narrow {
  background-color: rgba(55, 37, 68, 0.8); }

#discipline-introduction.math-in-science > div {
  background-image: url("/images/marquee-math-in-science.jpg");
  background-color: #275276; }
#discipline-introduction.math-in-science > div > div.narrow {
  background-color: rgba(39, 82, 118, 0.8); }

#discipline-introduction.physics > div {
  background-image: url("/images/marquee-physics.jpg");
  background-color: #000; }
#discipline-introduction.physics > div > div.narrow {
  background-color: rgba(0, 0, 0, 0.5); }

#discipline-introduction.process-of-science > div {
  background-image: url("/images/marquee-process-of-science.jpg");
  background-color: #2e1b2c; }
#discipline-introduction.process-of-science > div > div.narrow {
  background-color: rgba(46, 27, 44, 0.8); }

#style-guide-header > div {
  background-image: url("/images/marquee-style-guide.jpg");
  background-color: black; }

#back-to-top {
  position: absolute;
  bottom: 0;
  padding: 0.375em 0.75em 0.75em 0.75em;
  color: #00549a;
  background: white;
  margin-bottom: -0.375em;
  -moz-transition-property: opacity, margin, color;
  -o-transition-property: opacity, margin, color;
  -webkit-transition-property: opacity, margin, color;
  transition-property: opacity, margin, color;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); }
  #back-to-top.active, #back-to-top.static {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  #back-to-top.active {
    position: fixed; }
  #back-to-top:hover {
    margin-bottom: 0; }

#breadcrumb {
  position: relative;
  z-index: 400;
  -moz-box-shadow: 0 2px 2px 0 rgba(36, 42, 49, 0.1);
  -webkit-box-shadow: 0 2px 2px 0 rgba(36, 42, 49, 0.1);
  box-shadow: 0 2px 2px 0 rgba(36, 42, 49, 0.1);
  background: #f4f5f7; }
  #breadcrumb nav > ul,
  #breadcrumb nav > ul > li {
    float: left; }
  #breadcrumb nav > ul {
    width: 100%;
    border-left: 1px solid #d6dad9; }
  #breadcrumb nav > ul > li {
    position: relative;
    border-right: 1px solid #d6dad9; }
    #breadcrumb nav > ul > li.active {
      color: #85918b;
      background: white; }
  #breadcrumb nav > ul > li > a {
    font-size: 0.875em;
    line-height: 1.71429em;
    padding: 0.375em 0.75em; }
  #breadcrumb nav > ul li > a > span {
    margin-left: 0.375em;
    color: #85918b; }
  #breadcrumb nav > ul > li.btn-share {
    border-right: none;
    float: right; }
    #breadcrumb nav > ul > li.btn-share > a, #breadcrumb nav > ul > li.btn-share span {
      color: #00549a; }
    #breadcrumb nav > ul > li.btn-share > a {
      font-style: italic; }
    #breadcrumb nav > ul > li.btn-share span,
    #breadcrumb nav > ul > li.btn-share img {
      margin-right: 0.375em; }
  #breadcrumb nav > ul > li.btn-share > ul {
    width: 7.5em;
    right: 0; }
    #breadcrumb nav > ul > li.btn-share > ul > li {
      margin-bottom: 0.375em; }
      #breadcrumb nav > ul > li.btn-share > ul > li:last-child {
        margin-bottom: 0; }
    #breadcrumb nav > ul > li.btn-share > ul > li > a {
      font-size: 0.875em;
      line-height: 1.71429em;
      font-weight: 400;
      font-style: italic;
      color: #85918b; }
      #breadcrumb nav > ul > li.btn-share > ul > li > a:hover {
        text-decoration: underline; }
  #breadcrumb nav > ul > li > ul {
    -moz-box-shadow: 0 2px 4px 0 rgba(36, 42, 49, 0.2);
    -webkit-box-shadow: 0 2px 4px 0 rgba(36, 42, 49, 0.2);
    box-shadow: 0 2px 4px 0 rgba(36, 42, 49, 0.2);
    width: 20em;
    padding: 0.75em;
    background: white;
    color: #242a31;
    position: absolute;
    z-index: 750;
    display: none; }
    #breadcrumb nav > ul > li > ul li.acc-button {
      cursor: pointer; }
    #breadcrumb nav > ul > li > ul > li.acc-button {
      border-width: 0.0625em;
      border-style: solid;
      border-color: #d6dad9;
      padding: 0.3125em;
      margin-top: -1px;
      padding-left: 0.75em;
      padding-right: 0.75em; }
      #breadcrumb nav > ul > li > ul > li.acc-button.inactive {
        cursor: default;
        font-style: italic; }
        #breadcrumb nav > ul > li > ul > li.acc-button.inactive a {
          color: #242a31;
          cursor: default; }
        #breadcrumb nav > ul > li > ul > li.acc-button.inactive span {
          display: none; }
    #breadcrumb nav > ul > li > ul > li.acc-panel,
    #breadcrumb nav > ul > li > ul > li.discipline {
      font-size: 0.875em;
      line-height: 1.71429em;
      padding: 0.75em; }
    #breadcrumb nav > ul > li > ul > li.discipline {
      padding: 0; }
      #breadcrumb nav > ul > li > ul > li.discipline .active {
        display: block; }
    #breadcrumb nav > ul > li > ul > li > a {
      color: #00549a;
      font-weight: 600;
      padding-top: 1px; }
    #breadcrumb nav > ul > li > ul > li > span {
      line-height: 1.5em;
      color: #85918b;
      float: right; }
    #breadcrumb nav > ul > li > ul > li > ul > li.acc-button:before {
      content: '\f067';
      font-family: FontAwesome;
      font-weight: normal;
      font-size: 60%;
      line-height: 0;
      margin-right: 1.5em;
      color: #85918b; }
    #breadcrumb nav > ul > li > ul > li > ul > li.acc-button.selected:before {
      content: '\f068'; }
    #breadcrumb nav > ul > li > ul > li > ul > li > ul {
      padding-left: 1.5em;
      margin-bottom: 0.75em; }
    #breadcrumb nav > ul > li > ul > li > ul > li > ul > li > a {
      color: #00549a;
      text-decoration: underline; }
    #breadcrumb nav > ul > li > ul li.selected > a {
      color: #85918b;
      text-decoration: none;
      font-style: italic; }
    #breadcrumb nav > ul > li > ul.active {
      display: block; }
  #breadcrumb ul.course-list > li {
    font-size: 0.875em;
    line-height: 1.71429em;
    padding: 0 0.75em; }
  @media (max-width: 37.5em) {
    #breadcrumb nav > ul > li.btn-home,
    #breadcrumb nav > ul > li.btn-library {
      display: none; }
    #breadcrumb nav > ul {
      border: none; }
      #breadcrumb nav > ul li {
        border: none; } }
  @media (min-width: 37.5em) {
    #breadcrumb nav > ul > li > a {
      padding: 0.75em 0.75em; } }
  @media (min-width: 62.5em) {
    #breadcrumb nav > ul > li.btn-share {
      display: none; } }

/* Module */
article header p, article header h1 {
  margin-bottom: 0; }
article header p.sub-category {
  font-style: italic; }
article header p.authors {
  font-size: 0.75em;
  line-height: 1.5em;
  margin-top: 0.75em;
  text-transform: uppercase; }
  article header p.authors span {
    margin-right: 0.375em; }
    article header p.authors span:last-child {
      margin: 0; }
@media (max-width: 25em) {
  article header p.authors {
    margin-top: 0.375em; }
    article header p.authors span {
      display: block; } }
@media (max-width: 25em) {
  article header p.authors span {
    display: block; } }
@media (min-width: 62.5em) {
  article header h1 {
    padding-left: 1.5em;
    padding-right: 1.5em; } }

.author-bio img {
  float: left;
  margin: 0 30px 20px 0; }

section a.term:hover,
.article-introduction a.term:hover {
  text-decoration: underline; }

section blockquote {
  margin-left: 1.5em;
  margin-right: 1.5em;
  border-color: #242a31; }
  @media (min-width: 43.75em) {
    section blockquote {
      margin-left: 3em;
      margin-right: 3em; } }

#table-of-contents .term {
  font-weight: 400; }
  #table-of-contents .term strong {
    color: #4db045; }

div.share > ul {
  text-align: center; }
div.share > ul {
  margin-bottom: 0; }
div.share > ul {
  font-size: 0; }
div.share > ul > li {
  position: relative;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  margin: 0 0.75em; }
div.share > ul > li > a {
  font-size: 0.875em;
  line-height: 2.57143em;
  color: grey;
  font-style: italic; }
  div.share > ul > li > a:hover {
    text-decoration: underline; }
div.share > ul > li > a > img {
  margin-right: 0.375em;
  line-height: 1.5em;
  height: 36px;
  width: 36px;
  vertical-align: middle; }

.module {
  position: relative; }

.module div.share {
  padding-top: 0.375em;
  padding-bottom: 0.375em;
  position: absolute;
  top: 0;
  right: 0;
  width: 35%;
  margin: 0; }
  @media (max-width: 62.5em) {
    .module div.share {
      display: none; } }

#process-of-science-book img {
  float: right;
  max-width: 4.5em;
  margin-left: 1.5em; }
#process-of-science-book strong {
  color: #00549a; }

#related-to-this-module {
  margin-top: 0.75em; }
  #related-to-this-module span.amzn-native-header-text {
    font-weight: 700;
    text-align: center;
    color: #242a31; }
  #related-to-this-module div.amzn-native-search-input-set,
  #related-to-this-module input.amzn-native-search-go {
    display: none !important; }

#related-to-this-module.inactive {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

.quiz-options {
  list-style: none;
  padding-left: 1.25em; }
  .quiz-options > li > input[type='radio'] {
    display: none;
    float: left;
    width: 1.25em; }
  .quiz-options > li > input[type='radio'] + label {
    cursor: pointer;
    clear: none;
    padding-right: 0;
    padding-left: 1.75em;
    margin-left: -1.25em;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url("/images/quiz-option.png");
    background-image: url("/images/quiz-option.svg"), none; }
  .quiz-options > li.option-b input[type='radio'] + label {
    background-position: 0 -200px; }
  .quiz-options > li.option-c input[type='radio'] + label {
    background-position: 0 -400px; }
  .quiz-options > li.option-d input[type='radio'] + label {
    background-position: 0 -600px; }
  .quiz-options > li.option-e input[type='radio'] + label {
    background-position: 0 -800px; }
  .quiz-options > li > label > span {
    display: none; }
  .quiz-options > li > input[type='radio']:checked + label {
    background-position: 0 0;
    background-image: url("/images/quiz-option-selected.png");
    background-image: url("/images/quiz-option-selected.svg"), none; }
  .quiz-options > li > p.response {
    padding-left: 0.5em; }

.comprehension-checkpoint {
  margin-bottom: 1.5em; }
  .comprehension-checkpoint p {
    margin-bottom: 0.75em; }
  .comprehension-checkpoint p.leader {
    font-weight: normal;
    color: #ca462c; }

ol.quiz,
p.question {
  font-weight: 600;
  margin-bottom: 0.75em; }

ol.quiz > li {
  margin-bottom: 1.5em; }
ol.quiz > li > ul {
  font-weight: 400; }

.quiz-options > li {
  margin-bottom: 0.75em; }
  .quiz-options > li:last-child {
    margin-bottom: 0; }
.quiz-options label {
  display: inline-block;
  float: none;
  margin: 0;
  width: auto; }
.quiz-options > li > p,
.quiz-options > li:last-child > p:last-child {
  font-style: italic;
  margin-top: 0.75em;
  margin-bottom: 0; }
  .quiz-options > li > p strong,
  .quiz-options > li:last-child > p:last-child strong {
    margin-right: 0.375em; }

.correct,
.pass h4 {
  color: #669b35; }

.incorrect,
.fail h4 {
  color: #ca462c; }

p.response {
  display: none; }

#quiz-score {
  text-align: center;
  background: #f4f5f7;
  padding-top: 0.75em;
  padding-bottom: 0.75em; }
  #quiz-score.pass {
    display: block; }
  #quiz-score h4 {
    margin-bottom: 0.75em; }
  #quiz-score p {
    font-size: 0.875em;
    line-height: 1.71429em;
    margin-bottom: 0; }
  #quiz-score.pass {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZmNmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjZjZlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9fcf6), color-stop(100%, #ecf6e3));
    background-image: -moz-linear-gradient(#f9fcf6, #ecf6e3);
    background-image: -webkit-linear-gradient(#f9fcf6, #ecf6e3);
    background-image: linear-gradient(#f9fcf6, #ecf6e3);
    border-color: #d3eabd; }
  #quiz-score.fail {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjZmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZTNkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcf6f4), color-stop(100%, #f7e3df));
    background-image: -moz-linear-gradient(#fcf6f4, #f7e3df);
    background-image: -webkit-linear-gradient(#fcf6f4, #f7e3df);
    background-image: linear-gradient(#fcf6f4, #f7e3df);
    border-color: #ecbeb5; }

p.citation,
p.disclaimer {
  color: #85918b;
  font-style: italic; }

div.module p.citation {
  border-top-width: 0.0625em;
  border-top-style: solid;
  border-top-color: #d6dad9;
  padding-top: 1.4375em;
  color: #85918b;
  font-style: italic; }

.wrap-terms-and-conditions {
  height: 21.5em;
  overflow: auto; }
  .wrap-terms-and-conditions p {
    font-size: 0.875em;
    line-height: 1.71429em;
    margin-bottom: 0.75em; }

.terms-and-conditions em {
  font-weight: 600; }

.popup.small {
  width: 25em; }

.popup.medium {
  width: 37.5em; }

.popup.large {
  width: 62.5em; }

.popup.generic {
  width: 68.75em; }

.popup {
  max-width: 100%;
  background: white;
  margin: 0 auto; }
  .popup a {
    color: #00549a; }
  .popup.library h1, .popup.library a.link {
    color: #fdba4d; }
  .popup.glossary h1, .popup.glossary a.link {
    color: #4db045; }
  .popup.classroom h1, .popup.classroom a.link {
    color: #1c9ad6; }
  .popup .user-tools {
    margin-left: 0; }

.popup.about {
  max-width: 37.5em; }
  .popup.about a:not(.link) {
    text-decoration: underline; }

.popup.generic {
  background: black; }
  .popup.generic div.table-container {
    margin: 0; }

.popup.small h1,
.popup.medium h1,
.popup.large h1,
.popup.about h1,
.popup.generic h1 {
  font-size: 1.75em;
  line-height: 1.28571em;
  padding: 0.75em;
  color: white;
  margin-bottom: 0; }
.popup.small.library h1,
.popup.medium.library h1,
.popup.large.library h1,
.popup.about.library h1,
.popup.generic.library h1 {
  background-color: #fdba4d; }
.popup.small.glossary h1,
.popup.medium.glossary h1,
.popup.large.glossary h1,
.popup.about.glossary h1,
.popup.generic.glossary h1 {
  background-color: #4db045; }
.popup.small.classroom h1,
.popup.medium.classroom h1,
.popup.large.classroom h1,
.popup.about.classroom h1,
.popup.generic.classroom h1 {
  background-color: #1c9ad6; }
.popup.small.company h1,
.popup.medium.company h1,
.popup.large.company h1,
.popup.about.company h1,
.popup.generic.company h1 {
  background-color: #918bc3; }

.pop-up {
  border: 1px solid red; }
  .pop-up h1 {
    background: none;
    color: white;
    padding: 20px 0;
    text-align: center; }
  .pop-up .table-container {
    background: yellow; }

.qtip {
  font-size: 0.75em;
  line-height: 1.5em; }

.qtip-light {
  background-color: white;
  border-color: #E2E2E2;
  color: #454545; }

.qtip-green {
  background-color: #edf7ec;
  border-color: #b8dfb5;
  color: #3e8d37; }

.qtip-green .qtip-titlebar {
  background-color: #cae7c7; }

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0; }

.qtip-previous-next {
  font-size: 0.75em;
  line-height: 2em;
  line-height: 1.5em;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.5em 0.75em;
  border: none;
  color: white; }
  @media (max-width: 37.5em) {
    .qtip-previous-next {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      display: none !important; } }

#signed-in {
  background: #918bc3;
  padding-top: 0.375em;
  padding-bottom: 0.375em; }
  #signed-in p, #signed-in li {
    float: left; }
  #signed-in p {
    margin-bottom: 0; }
  #signed-in li {
    padding-left: 0.75em;
    padding-right: 0.75em; }
  #signed-in p,
  #signed-in a {
    padding-top: 0.375em;
    padding-bottom: 0.375em;
    color: white; }
  #signed-in p > a {
    text-decoration: underline; }
  #signed-in ul {
    float: right; }
  #signed-in p,
  #signed-in a.sign-out {
    font-size: 0.875em;
    line-height: 1.71429em; }
  #signed-in a.sign-out {
    font-weight: 700;
    font-style: italic; }

#announcements h3 {
  color: #1c9ad6; }
#announcements > div {
  background: rgba(28, 154, 214, 0.05);
  padding: 0.75em 1.5em;
  margin-bottom: 1.5em; }
#announcements > div > p {
  font-size: 0.875em;
  line-height: 1.71429em;
  margin-bottom: 0; }
#announcements > div > ul.gen-nav {
  margin-top: 0.75em; }
#announcements > div > ul.gen-nav > li {
  float: left;
  margin-right: 0.75em; }

#edit-module-list {
  color: #85918b;
  font-weight: 600; }
  #edit-module-list > a {
    color: #85918b;
    text-decoration: underline; }
  #edit-module-list > a > span {
    margin-right: 0.375em; }

.course-list a {
  color: #00549a; }

.course-info {
  padding: 4px; }
  .course-info > ul {
    width: 100%;
    padding: 1.5em;
    overflow: hidden;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); }
    .course-info > ul li {
      overflow: hidden;
      width: 100%;
      margin-bottom: 6px; }
  .course-info strong {
    display: block;
    color: #1c9ad6; }
  @media (min-width: 37.5em) {
    .course-info strong {
      width: 35%;
      float: left; } }

p.date {
  margin-bottom: 0; }

#science-in-your-inbox > form > div > div {
  float: left;
  width: 50%; }
  #science-in-your-inbox > form > div > div:first-child:not(.h-space) {
    padding-right: 0.375em; }
  #science-in-your-inbox > form > div > div:last-child:not(.h-space) {
    padding-left: 0.375em; }
@media (min-width: 43.75em) {
  #science-in-your-inbox > form > div > div:first-child:not(.h-space) {
    padding-right: 0.75em; }
  #science-in-your-inbox > form > div > div:last-child:not(.h-space) {
    padding-left: 0.75em; } }

.blog header.v-space {
  padding-top: 0; }

#posts > article > section > h4, #posts > article > section p {
  margin-bottom: 0.375em; }
#posts > article > section > p.date {
  font-weight: 600;
  color: #85918b; }
#posts > article > section > p.byline {
  font-size: 0.875em;
  line-height: 1.71429em;
  font-style: italic; }

.marquee {
  background: white; }