@import url(gfonts.css);
@font-face {
  font-family: avenir;
  src: url("../font/AvenirLTStd-Medium.otf"); }
@font-face {
  font-family: avenir;
  src: url("../font/AvenirLTStd-Heavy.otf");
  font-weight: bold; }
@font-face {
  font-family: avenir;
  src: url("../font/AvenirLTStd-Light.otf");
  font-weight: 100; }
@font-face {
  font-family: 'angie';
  src: url("../font/Angie-Regular.otf"); }
@font-face {
  font-family: 'angie';
  src: url("../font/Angie-Black.otf");
  font-weight: bold; }
@font-face {
  font-family: 'open sans-serif';
  src: url("../font/OpenSans-Regular.ttf"); }
@font-face {
  font-family: 'open sans-serif';
  src: url("../font/OpenSans-Bold.ttf");
  font-weight: bold; }
@font-face {
  font-family: 'open sans-serif';
  src: url("../font/OpenSans-Italic.ttf");
  font-style: italic; }
@font-face {
  font-family: 'open sans-serif';
  src: url("../font/OpenSans-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic; }
body {
  font-family: 'Open-Sans'; }

* {
  box-sizing: border-box; }

.preload {
  position: absolute;
  top: -9999px;
  height: 0px;
  width: 0px;
  overflow: hidden; }

.hidden {
  position: absolute;
  opacity: 0;
  height: 1px;
  width: 1px;
  margin: 0; }

.hidden:focus {
  position: absolute !important; }

.hiddenText {
  overflow: hidden;
  height: 1px;
  width: 1px;
  font-size: 0;
  top: 0;
  position: absolute; }

.hiddenText:focus {
  position: absolute !important; }

.throbber.initing {
  display: none !important; }

.throbberFilm.initing {
  background-color: transparent; }

/**:focus{
	outline-color: $lightyellow !important;
	outline-width: 2px !important;
	outline-style: inset !important;
	z-index: 9999;
	position: relative;
	outline-offset: -2px;
}
main:focus{
	position: initial;
}
div[role="slider"]:focus{
	outline-color: $gold !important;
	outline-width: 2px !important;
	outline-style: inset !important;
	z-index: 9999;
}*/
/* Popups */
#popup {
  position: absolute;
  display: none;
  font-size: 1.2rem;
  font-family: open sans-serif, arial;
  top: 10%;
  left: calc(50% - 15rem);
  box-shadow: 0px 0 10px 1px rgba(0, 0, 0, 0.65);
  width: 30rem;
  z-index: 10000; }
  #popup .alert {
    background-color: #240f3c; }
  #popup .info {
    background-color: #3f2b56; }
  #popup #popupHeader {
    width: 100%;
    height: 7rem;
    text-align: center; }
    #popup #popupHeader #popupIcon {
      width: 6rem;
      height: 6rem;
      background-repeat: no-repeat;
      display: inline-block;
      position: relative;
      top: calc(50% - 3rem);
      background-position: center; }
  #popup #popupHeader.alert #popupIcon {
    background-image: url("../img/icon_alert_caution.svg"); }
  #popup #popupHeader.info #popupIcon {
    background-image: url("../img/icon_alert_success.svg"); }
  #popup #popupContent {
    background-color: #ffffff;
    color: #3f2b56;
    padding: 2rem 2rem; }
  #popup #popupButtons {
    width: 100%;
    font-size: 0; }
    #popup #popupButtons button {
      background: none;
      border: none;
      color: #ffffff;
      width: 50%;
      font-size: 18px;
      padding: 0.3rem 0.3rem;
      display: inline-block;
      font-weight: normal;
      border-radius: 0; }
    #popup #popupButtons button:only-child {
      width: 100%; }
    #popup #popupButtons button:not(:only-child):first-child {
      border-right: 1px solid #fff; }
    #popup #popupButtons button:not(:only-child):last-child {
      border-left: 1px solid #fff; }
    #popup #popupButtons button:hover {
      color: #fff;
      background-color: #cac1c6; }
  #popup #popupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(66, 33, 11, 0.75); }

#popup.imagepopup {
  width: 100%;
  left: 0;
  text-align: center;
  box-shadow: none; }
  #popup.imagepopup #popupContent {
    max-height: 85vh;
    width: auto; }

#popup.sourcepopup, #popup.entrypopup {
  width: 85%;
  height: 53.125vw;
  max-height: 85vh;
  left: 7.5%;
  top: 7.5%;
  box-shadow: 5px 5px 8px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 8px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 8px 5px rgba(0, 0, 0, 0.3); }
  #popup.sourcepopup #popupSourceWrapper, #popup.sourcepopup #popupEntryWrapper, #popup.entrypopup #popupSourceWrapper, #popup.entrypopup #popupEntryWrapper {
    background-color: #f5f2ed;
    height: 100%;
    width: 100%; }
  #popup.sourcepopup #popupCloseButton, #popup.entrypopup #popupCloseButton {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font: initial;
    position: absolute;
    background: none;
    top: -3.5rem;
    right: 1.8rem;
    height: 3rem;
    width: 3rem;
    background-repeat: no-repeat;
    background-image: url("../img/Close_source.png");
    background-size: 100%; }
  #popup.sourcepopup #popupCloseButton:hover, #popup.entrypopup #popupCloseButton:hover {
    background-image: url("../img/Close_source_HOVER.png"); }

#inlineSource, #inlineEntry {
  height: 100%;
  width: 100%; }
  #inlineSource #popupCloseButton, #inlineSource #entryCloseButton, #inlineEntry #popupCloseButton, #inlineEntry #entryCloseButton {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font: initial;
    position: absolute;
    background: none;
    bottom: 2%;
    left: -20%;
    height: 3rem;
    width: 6rem;
    padding: 0;
    background-repeat: no-repeat;
    background-image: url("../img/button_bkgd_wider2.svg"); }
  #inlineSource #popupCloseButton:before, #inlineSource #entryCloseButton:before, #inlineEntry #popupCloseButton:before, #inlineEntry #entryCloseButton:before {
    content: '< Back';
    color: #ffffff;
    font-family: avenir, arial;
    font-weight: 100;
    font-size: 1.2rem;
    position: absolute;
    top: 0.45rem;
    left: 1.2rem; }
  #inlineSource #popupCloseButton:hover, #inlineSource #entryCloseButton:hover, #inlineEntry #popupCloseButton:hover, #inlineEntry #entryCloseButton:hover {
    background-image: url("../img/button_bkgd_wider2_Hover.svg"); }

#popup.sourcepopup #popupSourceName, #popup.sourcepopup #popupEntryName, #popup.entrypopup #popupSourceName, #popup.entrypopup #popupEntryName, #inlineSource #popupSourceName, #inlineSource #popupEntryName, #inlineEntry #popupSourceName, #inlineEntry #popupEntryName {
  background-color: #655580;
  width: 100%;
  height: 7.3%;
  margin: 0;
  padding: 0 3rem; }
#popup.sourcepopup h2, #popup.entrypopup h2, #inlineSource h2, #inlineEntry h2 {
  color: white;
  width: 100%;
  vertical-align: middle;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  font-weight: normal;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }
#popup.sourcepopup .copyDirect, #popup.entrypopup .copyDirect, #inlineSource .copyDirect, #inlineEntry .copyDirect {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  font: initial;
  background: none;
  padding: 0.25rem;
  color: #ffffff;
  border: 1px solid #ffffff;
  position: absolute;
  right: 3rem;
  top: 0.75rem;
  font-family: avenir, arial;
  font-size: 0.95rem; }
#popup.sourcepopup .copyDirect:hover, #popup.entrypopup .copyDirect:hover, #inlineSource .copyDirect:hover, #inlineEntry .copyDirect:hover {
  background-color: #240f3c; }
#popup.sourcepopup #popupSourceInner, #popup.sourcepopup #popupEntryInner, #popup.entrypopup #popupSourceInner, #popup.entrypopup #popupEntryInner, #inlineSource #popupSourceInner, #inlineSource #popupEntryInner, #inlineEntry #popupSourceInner, #inlineEntry #popupEntryInner {
  display: block;
  width: 100%;
  height: 92.7%;
  font-size: 0; }
#popup.sourcepopup #popupSourceImageWrapper, #popup.entrypopup #popupSourceImageWrapper, #inlineSource #popupSourceImageWrapper, #inlineEntry #popupSourceImageWrapper {
  display: inline-block;
  height: 100%;
  width: 62%;
  font-size: 0;
  text-align: center; }
  #popup.sourcepopup #popupSourceImageWrapper .upper, #popup.entrypopup #popupSourceImageWrapper .upper, #inlineSource #popupSourceImageWrapper .upper, #inlineEntry #popupSourceImageWrapper .upper {
    width: 100%;
    height: 88.5%;
    position: relative; }
    #popup.sourcepopup #popupSourceImageWrapper .upper img, #popup.entrypopup #popupSourceImageWrapper .upper img, #inlineSource #popupSourceImageWrapper .upper img, #inlineEntry #popupSourceImageWrapper .upper img {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      max-width: calc(100% - 3.6rem);
      max-height: calc(100% - 3.6rem);
      width: auto;
      height: auto; }
    #popup.sourcepopup #popupSourceImageWrapper .upper img:not(:only-child), #popup.entrypopup #popupSourceImageWrapper .upper img:not(:only-child), #inlineSource #popupSourceImageWrapper .upper img:not(:only-child), #inlineEntry #popupSourceImageWrapper .upper img:not(:only-child) {
      max-height: calc(100% - 200px); }
    #popup.sourcepopup #popupSourceImageWrapper .upper #popupSourceAudioWrapper, #popup.entrypopup #popupSourceImageWrapper .upper #popupSourceAudioWrapper, #inlineSource #popupSourceImageWrapper .upper #popupSourceAudioWrapper, #inlineEntry #popupSourceImageWrapper .upper #popupSourceAudioWrapper {
      width: 100%;
      position: absolute;
      height: 100px;
      bottom: 0;
      text-align: center; }
      #popup.sourcepopup #popupSourceImageWrapper .upper #popupSourceAudioWrapper audio, #popup.entrypopup #popupSourceImageWrapper .upper #popupSourceAudioWrapper audio, #inlineSource #popupSourceImageWrapper .upper #popupSourceAudioWrapper audio, #inlineEntry #popupSourceImageWrapper .upper #popupSourceAudioWrapper audio {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 40%; }
  #popup.sourcepopup #popupSourceImageWrapper .lower, #popup.entrypopup #popupSourceImageWrapper .lower, #inlineSource #popupSourceImageWrapper .lower, #inlineEntry #popupSourceImageWrapper .lower {
    width: 100%;
    height: 11.5%;
    text-align: center;
    position: relative; }
    #popup.sourcepopup #popupSourceImageWrapper .lower .bg, #popup.entrypopup #popupSourceImageWrapper .lower .bg, #inlineSource #popupSourceImageWrapper .lower .bg, #inlineEntry #popupSourceImageWrapper .lower .bg {
      background-image: url("../img/paging_bkgd.svg");
      width: 50%;
      height: 100%;
      background-repeat: no-repeat;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      background-position: center;
      display: inline-block; }
#popup.sourcepopup #popupSourceText, #popup.entrypopup #popupSourceText, #inlineSource #popupSourceText, #inlineEntry #popupSourceText {
  display: inline-block;
  height: 100%;
  width: 38%;
  vertical-align: top;
  font-size: 16px;
  background-color: #e2dad6;
  color: #240f3c;
  font-weight: 100; }
  #popup.sourcepopup #popupSourceText p, #popup.entrypopup #popupSourceText p, #inlineSource #popupSourceText p, #inlineEntry #popupSourceText p {
    font-size: 1.2rem;
    margin: 1.2rem;
    height: calc(100% - 5.4rem);
    overflow-y: auto;
    word-wrap: break-word;
    word-break: break-word; }
#popup.sourcepopup #popupSourceTabs, #popup.entrypopup #popupSourceTabs, #inlineSource #popupSourceTabs, #inlineEntry #popupSourceTabs {
  width: 100%; }
  #popup.sourcepopup #popupSourceTabs > div, #popup.entrypopup #popupSourceTabs > div, #inlineSource #popupSourceTabs > div, #inlineEntry #popupSourceTabs > div {
    font-size: 0; }
    #popup.sourcepopup #popupSourceTabs > div div, #popup.entrypopup #popupSourceTabs > div div, #inlineSource #popupSourceTabs > div div, #inlineEntry #popupSourceTabs > div div {
      display: inline-block;
      width: 33.33%;
      text-align: center; }
  #popup.sourcepopup #popupSourceTabs .popupSourceTab, #popup.entrypopup #popupSourceTabs .popupSourceTab, #inlineSource #popupSourceTabs .popupSourceTab, #inlineEntry #popupSourceTabs .popupSourceTab {
    background: none;
    border: none;
    font-family: avenir, arial;
    color: #59457b;
    font-weight: 100;
    font-size: 1.5rem;
    position: relative;
    width: 100%;
    padding: 0.6rem 0; }
  #popup.sourcepopup #popupSourceTabs .popupSourceTab.active, #popup.entrypopup #popupSourceTabs .popupSourceTab.active, #inlineSource #popupSourceTabs .popupSourceTab.active, #inlineEntry #popupSourceTabs .popupSourceTab.active {
    font-weight: bold;
    color: #3f2b56; }
  #popup.sourcepopup #popupSourceTabs .popupSourceTab.active:before, #popup.entrypopup #popupSourceTabs .popupSourceTab.active:before, #inlineSource #popupSourceTabs .popupSourceTab.active:before, #inlineEntry #popupSourceTabs .popupSourceTab.active:before {
    content: '';
    width: 100%;
    height: 0.6rem;
    background-color: #3f2b56;
    position: absolute;
    top: 0;
    left: 0; }
#popup.sourcepopup .decoration, #popup.entrypopup .decoration, #inlineSource .decoration, #inlineEntry .decoration {
  background-repeat: no-repeat;
  background-image: url("../img/bar_decoration.svg");
  width: 100%;
  height: 3rem;
  background-position: center; }
#popup.sourcepopup a#popupSourceORQ, #popup.entrypopup a#popupSourceORQ, #inlineSource a#popupSourceORQ, #inlineEntry a#popupSourceORQ {
  width: 7rem;
  height: 7rem;
  display: inline-block;
  position: absolute;
  background-image: url("../img/button_ORQ.svg");
  background-repeat: no-repeat;
  bottom: 0.9rem;
  left: 1.8rem; }
#popup.sourcepopup a#popupSourceORQ:hover, #popup.entrypopup a#popupSourceORQ:hover, #inlineSource a#popupSourceORQ:hover, #inlineEntry a#popupSourceORQ:hover {
  background-image: url("../img/button_ORQ_HOVER.svg"); }

#popup.sourcepopup #popupSourcePagination, #popup.entrypopup #popupSourcePagination, #inlineSource #popupSourcePagination, #inlineEntry #popupSourcePagination, #content.Research .below .left #popupSourcePagination {
  position: absolute;
  bottom: 29%;
  height: 45%;
  width: 100%; }
#popup.sourcepopup #popupSourcePageNumber, #popup.entrypopup #popupSourcePageNumber, #inlineSource #popupSourcePageNumber, #inlineEntry #popupSourcePageNumber, #content.Research .below .left #popupSourcePageNumber {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 4%;
  margin: 0 5.7%;
  height: 100%; }
  #popup.sourcepopup #popupSourcePageNumber span, #popup.entrypopup #popupSourcePageNumber span, #inlineSource #popupSourcePageNumber span, #inlineEntry #popupSourcePageNumber span, #content.Research .below .left #popupSourcePageNumber span {
    position: relative;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%); }
#popup.sourcepopup #popupSourcePageNumber.larger, #popup.entrypopup #popupSourcePageNumber.larger, #inlineSource #popupSourcePageNumber.larger, #inlineEntry #popupSourcePageNumber.larger, #content.Research .below .left #popupSourcePageNumber.larger {
  font-size: 1.2rem; }
#popup.sourcepopup .popupSourcePageButton, #popup.entrypopup .popupSourcePageButton, #inlineSource .popupSourcePageButton, #inlineEntry .popupSourcePageButton, #content.Research .below .left .popupSourcePageButton {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  font: initial;
  background: none;
  background-image: url("../img/paging_arrow.svg");
  background-repeat: no-repeat;
  height: 50%;
  width: 3%;
  position: relative;
  vertical-align: middle;
  padding: 0;
  display: inline-block;
  background-position: center; }
#popup.sourcepopup .popupSourcePageButton:disabled, #popup.entrypopup .popupSourcePageButton:disabled, #inlineSource .popupSourcePageButton:disabled, #inlineEntry .popupSourcePageButton:disabled, #content.Research .below .left .popupSourcePageButton:disabled {
  opacity: 0; }
#popup.sourcepopup .popupSourcePageButton:hover, #popup.entrypopup .popupSourcePageButton:hover, #inlineSource .popupSourcePageButton:hover, #inlineEntry .popupSourcePageButton:hover, #content.Research .below .left .popupSourcePageButton:hover {
  background-image: url("../img/paging_arrow_hover.svg"); }
#popup.sourcepopup .popupSourcePageButton[data-dir="forward"], #popup.entrypopup .popupSourcePageButton[data-dir="forward"], #inlineSource .popupSourcePageButton[data-dir="forward"], #inlineEntry .popupSourcePageButton[data-dir="forward"], #content.Research .below .left .popupSourcePageButton[data-dir="forward"] {
  transform: rotateZ(180deg); }

/* Entry specific */
#popupEntryInner .ql-toolbar.ql-snow {
  display: none; }
#popupEntryInner .ql-snow {
  border: none; }
#popupEntryInner .ql-editor {
  padding: 0 0.9rem 0 0; }
  #popupEntryInner .ql-editor p:not(:last-child) {
    margin-bottom: 0.6rem; }
#popupEntryInner .entryToSourceButton {
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  font: initial;
  background: none;
  font-size: 0;
  padding: 0;
  width: 100%; }
  #popupEntryInner .entryToSourceButton img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); }
#popupEntryInner #popupEntryText {
  display: inline-block;
  height: 100%;
  width: 66.6%;
  vertical-align: top;
  font-weight: 100;
  padding: 1.2rem 3rem 1.2rem 3rem;
  color: #240f3c; }
  #popupEntryInner #popupEntryText #entryTextInner {
    font-size: 1.2rem; }
  #popupEntryInner #popupEntryText #entryTextInner.truncated {
    height: 80%;
    padding-bottom: 1.2rem;
    font-family: avenir, arial; }
  #popupEntryInner #popupEntryText #popupEntryRelatedSources {
    height: 20%;
    width: 100%; }
    #popupEntryInner #popupEntryText #popupEntryRelatedSources h3 {
      font-size: 1.26rem;
      font-weight: normal;
      color: #240f3c;
      margin: 0;
      height: 2.46rem;
      padding: 0.6rem 0; }
    #popupEntryInner #popupEntryText #popupEntryRelatedSources .relatedWrapper {
      width: 100%;
      height: calc(100% - 2.46rem); }
    #popupEntryInner #popupEntryText #popupEntryRelatedSources .entryToSourceButton {
      height: 100%;
      width: auto;
      max-width: calc((75.1vh * 0.927 - 2.4rem) * 0.2 - 2.46rem);
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      vertical-align: top; }
    #popupEntryInner #popupEntryText #popupEntryRelatedSources .entryToSourceButton:not(:only-child) {
      margin-right: 1.5rem; }
#popupEntryInner #popupEntryQuickfacts {
  text-align: left; }
  #popupEntryInner #popupEntryQuickfacts h3 {
    font-weight: bold;
    font-size: 1.2rem;
    display: inline-block;
    width: 100%;
    margin: 0.3rem 0; }
  #popupEntryInner #popupEntryQuickfacts p {
    font-weight: 100;
    font-size: 0.9rem;
    display: inline-block;
    width: 100%;
    margin: 0.15rem 0;
    color: #240f3c; }

#popupEntryImageWrapper {
  display: inline-block;
  height: 100%;
  width: 33.3%;
  font-size: 0;
  text-align: center;
  padding: 1.2rem 3rem 1.2rem 0;
  position: relative; }
  #popupEntryImageWrapper .entryToSourceButton img {
    max-width: 100%;
    max-height: calc(75.1vh * 0.927 * 0.5);
    height: auto;
    width: auto;
    margin-bottom: 0.6rem; }

button#popupEntryCitationsButton {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  font: initial;
  position: absolute;
  bottom: 2%;
  right: 1.8rem;
  background: none;
  background-repeat: no-repeat;
  padding: 0;
  width: 6rem;
  height: 3rem;
  background-image: url("../img/button_bkgd_wider2.svg"); }

button#popupEntryCitationsButton:hover {
  background-image: url("../img/button_bkgd_wider2_Hover.svg"); }

button#popupEntryCitationsButton:before {
  content: 'Citations';
  color: #ffffff;
  font-family: avenir, arial;
  font-weight: 100;
  font-size: 1.2rem;
  position: absolute;
  top: 0.45rem;
  left: 0.6rem; }

/* Entry citations popup */
#popup.entrycitationspop {
  width: 50%;
  left: 25%;
  top: 25%;
  font-size: 0.95rem; }
  #popup.entrycitationspop #popupCloseButton {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font: initial;
    position: absolute;
    background: none;
    top: -3.5rem;
    right: 0;
    height: 3rem;
    width: 3rem;
    background-repeat: no-repeat;
    background-image: url("../img/Close_source.png");
    background-size: 100%; }
  #popup.entrycitationspop #popupCloseButton:hover {
    background-image: url("../img/Close_source_HOVER.png"); }
  #popup.entrycitationspop #popupCustomWrapper {
    color: #240f3c;
    background-color: #f2e9dd;
    height: 100%;
    width: 100%;
    padding: 1.8rem;
    word-wrap: break-word;
    word-break: break-word; }
    #popup.entrycitationspop #popupCustomWrapper h4 {
      color: #ffffff;
      font-weight: bold;
      margin: 0;
      background-color: #462c6b;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      padding: 0.6rem 0 0.6rem 1.8rem;
      font-size: 1.5rem; }
    #popup.entrycitationspop #popupCustomWrapper ul {
      padding: 2.4rem 0 0 1.8rem;
      text-indent: -1.8rem;
      margin: 0;
      list-style: none; }
      #popup.entrycitationspop #popupCustomWrapper ul li:not(:last-child) {
        margin-bottom: 0.9rem; }

body.mac #popupSourcePagination {
  bottom: 28% !important; }

/* rotation message */
#rotateMessage {
  display: none;
  height: 100vh;
  width: 100vw;
  background-color: #240f3c;
  position: fixed; }

#rotateMessage img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 270px; }

/* toggle rotation message */
@media screen and (orientation: portrait) {
  body.canRotate header, body.canRotate header * {
    box-shadow: none !important; }

  body.canRotate main, body.canRotate footer, body.canRotate .nav, body.canRotate #glossaryButton {
    display: none !important; }

  body.canRotate #rotateMessage {
    display: block; } }
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.rotating {
  -webkit-animation: rotating 15s linear infinite;
  -moz-animation: rotating 15s linear infinite;
  -ms-animation: rotating 15s linear infinite;
  -o-animation: rotating 15s linear infinite;
  animation: rotating 15s linear infinite; }

html {
  font-size: 1.6vh; }

html.horiz {
  font-size: 1vw; }

body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  font-family: avenir, arial;
  background-image: url("../img/bkgd_pattern_ivory.png");
  background-size: 50%;
  /* Scrollbar */
  /* Track */
  /* Handle */ }
  body ::-webkit-scrollbar {
    width: 0.45rem;
    height: 0.45rem; }
  body ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px #240f3c;
    border-radius: 60rem; }
  body ::-webkit-scrollbar-thumb {
    background: #9f97b6;
    border-radius: 60rem; }
  body .aspect {
    width: 100vw;
    height: 62.5vw;
    /* height:width ratio = 5/8 = .625  */
    max-height: 100vh;
    max-width: 160vh;
    /* 8/5 = 1.6 */
    position: absolute;
    background-image: url("../img/bkgd_wood_150dpi.png");
    background-size: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    overflow: hidden; }
  body .aspect.portrait {
    width: 77.27vh;
    height: 100vh;
    max-height: 129.4vw;
    max-width: 100vw; }
    body .aspect.portrait #content.Game {
      background-size: 100% 100%; }
  body select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font: initial;
    background-image: url("../img/arrow_dropdown.png");
    background-repeat: no-repeat;
    background-size: 0.9rem;
    background-position-x: 98%;
    background-position-y: 55%;
    background-color: transparent;
    color: #240f3c;
    font-family: avenir, arial;
    border: none;
    vertical-align: middle;
    padding-right: 1.35rem; }
  body select.flip {
    padding-right: 0;
    padding-left: 1.35rem;
    background-position-x: 2%; }
  body select::-ms-expand {
    display: none; }
  body .skip-main {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font: initial;
    padding: 0;
    background: none;
    font-family: avenir, arial;
    color: #ffffff;
    background-color: transparent;
    text-align: center; }
  body .skip-main:focus {
    display: block;
    overflow: visible;
    height: 4%;
    z-index: 11;
    width: 100%;
    font-size: 1.9rem;
    background-color: #240f3c; }
  body .skip-main:focus ~ #navigation {
    top: 4%; }
  body #navigation {
    position: absolute;
    top: 0;
    height: 8.5%;
    width: 100%;
    left: 0;
    z-index: 10;
    background-color: #240f3c;
    color: #ffffff;
    transition: opacity 2s ease-out;
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.7);
    /*Edge doesn't like commas with an unsupported rule*/ }
    body #navigation #logoWrapper {
      height: 100%;
      width: 15.9%;
      display: inline-block;
      text-align: center;
      vertical-align: top; }
      body #navigation #logoWrapper h1 {
        margin: 0;
        padding: 0; }
    body #navigation .navWrapper {
      position: relative;
      display: inline-block;
      height: 100%; }
    body #navigation #navExploreWrapper {
      margin: 0 2% 0 3%; }
    body #navigation #navContribute {
      width: 100%;
      padding: 0 0.6rem;
      margin-top: -0.35rem;
      margin-bottom: 0.3rem;
      padding-bottom: .5rem; }
    body #navigation .navWrapper:hover #subContribute {
      padding-top: .65rem; }
    body #navigation .nub {
      display: none;
      width: 100%; }
      body #navigation .nub > div {
        width: 0;
        height: 0;
        border-left: 0.6rem solid transparent;
        border-right: 0.6rem solid transparent;
        border-bottom: 0.6rem solid #240f3c;
        position: relative;
        left: calc(50% - 0.6rem); }
    body #navigation .subNav {
      position: absolute;
      overflow: hidden;
      background-color: #f3c300;
      /*border-radius: 5px;*/
      padding: 0;
      height: 0;
      width: 100%;
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3); }
      body #navigation .subNav button {
        display: block;
        width: 100%;
        font-size: 1.25rem;
        padding: 0.6rem;
        transition: background-color 0.2s ease-out, color 0.2s ease-out;
        color: #240f3c; }
      body #navigation .subNav button:disabled {
        color: #f3c300;
        background-color: #240f3c;
        font-size: 1rem;
        display: none; }
      body #navigation .subNav button:not(:disabled):hover {
        color: #ffffff;
        background-color: #240f3c; }
      body #navigation .subNav .comingsoon {
        padding: 1.2rem 0.6rem 0.6rem 0.6rem;
        font-size: 0.95rem;
        color: #f3c300;
        background-color: #240f3c;
        font-family: angie, arial;
        display: none; }
    body #navigation button {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      font-family: angie, arial;
      color: #ffffff;
      text-align: left;
      height: 100%;
      font-size: 1.6rem;
      vertical-align: top;
      width: 12rem;
      padding: 0 0 0 0.6rem; }
      body #navigation button span {
        font-size: 1.1rem;
        display: block; }
    body #navigation button #navButtonTop {
      padding: 0 0.6rem; }
    body #navigation button#navLogo {
      width: 8.68rem;
      text-align: center;
      height: 7rem;
      position: relative;
      top: 76%;
      transform: translateY(-50%);
      padding: 0; }
      body #navigation button#navLogo .curve {
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        background-color: #240f3c;
        box-shadow: 0 9px 5px -6px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 0 9px 5px -6px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0 9px 5px -6px rgba(0, 0, 0, 0.7);
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        height: 74%;
        width: 69%; }
      body #navigation button#navLogo .logo {
        background-image: url("../img/Logo_InApp_v1_HOVER_trans.png");
        background-size: 100% 100%;
        position: absolute;
        top: -0.25rem;
        left: 0;
        height: 100%;
        width: 100%; }
    body #navigation button#navLogo:hover .logo {
      background-image: url("../img/Logo_InApp_v1_trans.png"); }
    body #navigation .navWrapper:hover button.navButtonTop, body #navigation .navButtonTop:focus {
      background-color: #f3c300;
      color: #240f3c; }
    body #navigation .navWrapper:focus-within .navButtonTop {
      background-color: #f3c300;
      color: #240f3c; }
    body #navigation .navWrapper:not(:hover):not(:focus-within) button.navButtonTop:not(:focus).active:before {
      content: '';
      width: 100%;
      height: 0.3rem;
      background-color: #f3c300;
      position: absolute;
      bottom: 0;
      left: 0; }
    body #navigation .navWrapper:hover button.navButtonTop:not(:focus):before, body #navigation .navWrapper:focus-within button.navButtonTop:not(:focus):before, body #navigation .navButtonTop:focus:before {
      content: '';
      width: 100%;
      height: 0.3rem;
      background-color: #240f3c;
      position: absolute;
      bottom: 0;
      left: 0; }
    body #navigation .extraNav {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      position: absolute;
      right: 0;
      width: 1.2rem;
      padding: 0;
      display: inline-block;
      background-repeat: no-repeat;
      height: 45.1%;
      width: 2.304rem;
      top: 50%;
      transform: translateY(-50%);
      cursor: default; }
    body #navigation .extraNav#navAbout {
      right: 6%;
      background-image: url("../img/nav_about_OFF.svg"); }
    body #navigation .extraNav#navAbout:hover, body #navigation .extraNav#navAbout.active {
      background-image: url("../img/nav_about_hover.svg"); }
    body #navigation .extraNav#navHelp {
      right: 2%;
      background-image: url("../img/nav_help_OFF.svg"); }
    body #navigation .extraNav#navHelp:hover, body #navigation .extraNav#navHelp.active {
      background-image: url("../img/nav_help_hover.svg"); }
    body #navigation #navSearchWrapper {
      display: inline-block;
      height: 100%;
      position: absolute;
      width: 100%;
      left: 59%;
      font-size: 0; }
      body #navigation #navSearchWrapper input {
        vertical-align: top;
        display: inline-block;
        border-radius: 5px 0 0 5px;
        border: none;
        height: 45.1%;
        position: relative;
        top: 27.45%;
        width: 22.25%;
        font-family: avenir, arial;
        font-weight: normal;
        font-size: 1.2rem;
        padding: 0 0.6rem;
        color: #240f3c; }
      body #navigation #navSearchWrapper button {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        background: none;
        background-color: #ffc645;
        display: inline-block;
        border-radius: 0 5px 5px 0;
        height: 45.1%;
        position: relative;
        top: 27.45%;
        vertical-align: top;
        background-image: url("../img/icon_magnifyGlass.svg");
        width: 3.5rem;
        padding: 0;
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center; }
      body #navigation #navSearchWrapper button:hover {
        background-color: #59457b;
        background-image: url("../img/icon_magnifyGlass_hover.svg"); }
  body #navigation.hideNav, body #lowerNavigation.hideNav {
    cursor: default;
    font-size: 0px;
    opacity: 0; }
  body #navigation:not(.hideNav), body #lowerNavigation.hideNav {
    /* Edge made me split this selector */
    /*.navWrapper:hover .nub>div{display: block;}*/ }
    body #navigation:not(.hideNav) .navWrapper:hover .subNav, body #navigation:not(.hideNav) .navWrapper:hover .nub, body #navigation:not(.hideNav) .navButtonTop:focus + .subNav, body #lowerNavigation.hideNav .navWrapper:hover .subNav, body #lowerNavigation.hideNav .navWrapper:hover .nub, body #lowerNavigation.hideNav .navButtonTop:focus + .subNav {
      height: auto;
      overflow: initial;
      padding: 0.6rem 0; }
    body #navigation:not(.hideNav) .subNav:focus-within, body #lowerNavigation.hideNav .subNav:focus-within {
      height: auto;
      overflow: initial;
      padding: 0.6rem 0; }
  body #lowerNavigation {
    position: absolute;
    bottom: 1%;
    height: 5%;
    width: 29%;
    background-image: url("../img/BottomNavBkgd.png");
    background-size: 100%;
    left: 2%;
    background-repeat: no-repeat;
    font-family: avenir, arial;
    transition: opacity 2s ease-out; }
    body #lowerNavigation .bottomNav {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      padding: 0;
      background: none;
      font-size: 0.75rem;
      color: #240f3c;
      padding: 0 0.2rem;
      position: relative;
      top: 26%;
      height: 66%;
      cursor: pointer;
      font-family: avenir, arial; }
    body #lowerNavigation .bottomNav:hover {
      color: #59457b; }
    body #lowerNavigation .bottomNav:first-of-type {
      margin-left: 1.5rem; }
    body #lowerNavigation .c {
      color: #42210b;
      display: inline-block;
      height: 66%;
      top: 26%;
      font-size: 0.5rem;
      float: right;
      line-height: 2.25rem;
      right: 1.5rem;
      position: relative; }
  body #temporaryCover {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 50;
    background: none; }
  body #mapStorage {
    z-index: -5;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0; }
    body #mapStorage .map {
      position: absolute;
      top: 0;
      left: 0; }
  body #book, body #book + #preloader {
    position: absolute;
    height: 100%;
    left: -13%;
    background-repeat: no-repeat;
    transition: opacity 1s ease-out, left 0.75s ease-out; }
  body #book:after {
    content: '';
    background-image: url("../img/album_closed_voices_HOVER.png");
    display: inline-block;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-size: 115.5% 100%; }
  body #book:not(.initing):not(.open):hover {
    background-image: none; }
  body #book:not(.initing):not(.open):hover:after {
    opacity: 1; }
  body #book:not(.initing):not(.open):hover #bookLookInside {
    background-image: url("../img/LookInside_button_HOVER.png"); }
  body #book {
    opacity: 0;
    background-image: url("../img/album_closed_voices.png");
    width: 100%;
    background-size: 115.5% 100%; }
  body #book + #preloader {
    background-image: url("../img/load_title.png");
    width: 113%;
    background-size: 102%; }
  body #book:not(.initing) {
    cursor: pointer;
    opacity: 1; }
  body #book:not(.initing) + #preloader {
    opacity: 0;
    z-index: -1; }
  body #book:not(.initing):not(.open) ~ #coverSide {
    opacity: 1; }
  body #book.open {
    background-image: url("../img/album_open_wider_v3.4.png");
    cursor: default; }
  body #book.open + #preloader {
    display: none; }
  body #book.open ~ #coverSide {
    display: none; }
  body #contentWrapper {
    width: 66.91%;
    height: 75%;
    left: 15.9%;
    top: calc(8.5% + 7.4%);
    position: absolute;
    transition: left 0.75s ease-out; }
  body #book:not(.open) ~ #contentWrapper {
    display: none; }
  body #book:not(.open) ~ #coverSide {
    position: absolute;
    top: 0;
    width: 13%;
    left: 0;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: opacity 1s ease-out, left 0.75s ease-out; }
    body #book:not(.open) ~ #coverSide img {
      width: auto;
      height: 80%;
      max-width: 100%;
      position: relative;
      top: 53%;
      transform: translateY(-50%); }
  body #book:not(.initing):not(.open) #bookLookInside {
    position: absolute;
    background-image: url("../img/LookInside_button.png");
    display: inline-block;
    top: 13.75%;
    right: 13%;
    height: 18%;
    width: 10%;
    background-size: 100%;
    background-repeat: no-repeat; }
  body #book #bookButton {
    display: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font: initial;
    position: absolute;
    left: 27%;
    top: 13%;
    width: 71%;
    height: 80%;
    background: none;
    z-index: -1; }
  body #book:not(.initing):not(.open) #bookButton {
    display: inline-block; }
  body #timelineThrobber {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000; }
    body #timelineThrobber > div {
      background-image: url("../img/compass.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 52% 52%;
      width: 66.91%;
      height: 75%;
      left: 15.9%;
      position: relative;
      top: calc(8.5% + 7.3%);
      opacity: 0;
      transition: opacity 0.5s ease-out, left 0.75s ease-out; }
  body #timelineThrobber.ending > div {
    opacity: 0; }
  body .timelineHideDuringInit {
    opacity: 0;
    transition: opacity 0.5s ease-out; }
  body .timelineHideDuringInit.showing {
    opacity: 1; }
  body #ephemera .ephemera {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font: initial;
    background: none;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    padding: 0;
    transform: scale(0.25) translate(50%, -50%);
    transform-origin: top right; }
  body #content {
    width: 100%;
    height: 100%;
    /*background-color: $tan;*/
    position: absolute;
    /* Some of the subpages have shared layouts (bottom bar, help, about) */ }
    body #content .subpageHeader {
      background: #655580;
      background: -webkit-linear-gradient(90deg, #462c6b, #58457b 40%, #655580);
      background: -o-linear-gradient(90deg, #462c6b, #58457b 40%, #655580);
      background: -moz-linear-gradient(90deg, #462c6b, #58457b 40%, #655580);
      background: linear-gradient(90deg, #462c6b, #58457b 40%, #655580);
      width: 100%;
      height: 7.3%;
      margin: 0;
      padding: 0 1.8rem;
      font-size: 0; }
      body #content .subpageHeader h2 {
        color: white;
        vertical-align: top;
        display: block;
        margin: 0;
        padding: 0;
        font-size: 1.5rem;
        font-weight: normal;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block; }
    body #content .subpageBelow {
      width: 100%;
      height: 92.7%;
      font-size: 0; }
      body #content .subpageBelow .left, body #content .subpageBelow .right {
        display: inline-block;
        vertical-align: top;
        height: 100%; }
      body #content .subpageBelow .left {
        width: 72%;
        font-size: 0.95rem;
        padding-left: 1.8rem; }
      body #content .subpageBelow .right {
        width: 28%;
        background-color: #e2dad6; }
  body #content.Intro #introMain {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    font-size: 0; }
    body #content.Intro #introMain .left, body #content.Intro #introMain .right {
      width: 50%;
      height: 100%;
      display: inline-block;
      vertical-align: bottom;
      position: relative; }
    body #content.Intro #introMain .text {
      position: relative; }
      body #content.Intro #introMain .text .corner {
        position: absolute;
        display: inline-block;
        background-size: 100%;
        height: 6rem;
        width: 6rem; }
      body #content.Intro #introMain .text .corner.top {
        top: 0;
        left: 0;
        background-image: url("../img/TextCorner_TopLeft.png"); }
      body #content.Intro #introMain .text .corner.bottom {
        bottom: 0;
        right: 0;
        background-image: url("../img/TextCorner_BottomRight.png"); }
    body #content.Intro #introMain p {
      font-family: angie, arial;
      color: #240f3c;
      font-size: 1.05rem;
      margin: 0;
      padding: 0 3rem; }
    body #content.Intro #introMain p:first-of-type {
      padding-top: 3rem;
      padding-bottom: 1rem; }
    body #content.Intro #introMain p:last-of-type {
      padding-bottom: 2rem; }
    body #content.Intro #introMain img.sourceImg {
      width: auto;
      height: auto;
      position: absolute;
      cursor: pointer; }
    body #content.Intro #introMain .left img {
      width: 90%;
      max-height: 90%;
      bottom: 0;
      left: 5%; }
    body #content.Intro #introMain .right img {
      max-width: 90%;
      height: 85%;
      right: 0; }
    body #content.Intro #introMain #skipIntro {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      position: absolute;
      bottom: 0;
      right: 0;
      background-image: url("../img/Button_Continue.png");
      padding: 0;
      display: inline-block;
      background-size: 100%;
      width: 12rem;
      height: 4.25rem;
      background-repeat: no-repeat; }
    body #content.Intro #introMain #skipIntro:hover {
      background-image: url("../img/Button_Continue_HOVER.png"); }
  body #content.Intro #introSide {
    position: absolute;
    top: 0;
    width: 24%;
    left: -24%;
    height: 100%; }
    body #content.Intro #introSide img {
      height: 87%;
      width: auto;
      max-width: 100%;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  body #content.Bridge #bridgeInner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 0;
    font-family: angie, arial; }
    body #content.Bridge #bridgeInner > div {
      display: inline-block;
      vertical-align: bottom;
      position: relative;
      height: 100%;
      font-size: 0; }
    body #content.Bridge #bridgeInner p {
      font-size: 0.95rem;
      margin: 0; }
    body #content.Bridge #bridgeInner #bridgeLeft, body #content.Bridge #bridgeInner #bridgeRight {
      width: 27.5%;
      color: #59457b;
      z-index: 1; }
      body #content.Bridge #bridgeInner #bridgeLeft > h2, body #content.Bridge #bridgeInner #bridgeRight > h2 {
        font-weight: bold;
        font-size: 2.2rem;
        margin: 3rem 0 0 0; }
      body #content.Bridge #bridgeInner #bridgeLeft .lower, body #content.Bridge #bridgeInner #bridgeRight .lower {
        margin-top: 5rem; }
      body #content.Bridge #bridgeInner #bridgeLeft button.head, body #content.Bridge #bridgeInner #bridgeRight button.head {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: none;
        margin: 3rem 0 0 0; }
        body #content.Bridge #bridgeInner #bridgeLeft button.head h2, body #content.Bridge #bridgeInner #bridgeRight button.head h2 {
          font-weight: bold;
          font-size: 2.2rem;
          color: #59457b;
          font-family: angie, arial;
          margin: 0; }
      body #content.Bridge #bridgeInner #bridgeLeft button.head:hover h2, body #content.Bridge #bridgeInner #bridgeRight button.head:hover h2 {
        color: #80713e; }
      body #content.Bridge #bridgeInner #bridgeLeft button:not(.head), body #content.Bridge #bridgeInner #bridgeRight button:not(.head) {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        background: none;
        padding: 0;
        font-family: angie, arial;
        color: #59457b; }
        body #content.Bridge #bridgeInner #bridgeLeft button:not(.head) h3, body #content.Bridge #bridgeInner #bridgeRight button:not(.head) h3 {
          font-size: 1.5rem;
          font-weight: normal;
          margin: 1.5rem 0 0 0; }
      body #content.Bridge #bridgeInner #bridgeLeft button:disabled, body #content.Bridge #bridgeInner #bridgeRight button:disabled {
        display: none; }
      body #content.Bridge #bridgeInner #bridgeLeft button:not(:disabled), body #content.Bridge #bridgeInner #bridgeRight button:not(:disabled) {
        cursor: pointer; }
      body #content.Bridge #bridgeInner #bridgeLeft button:not(:disabled):hover, body #content.Bridge #bridgeInner #bridgeRight button:not(:disabled):hover {
        color: #80713e; }
    body #content.Bridge #bridgeInner #bridgeLeft {
      text-align: right;
      padding-left: 2.5rem;
      padding-right: 1rem; }
      body #content.Bridge #bridgeInner #bridgeLeft button {
        text-align: right; }
    body #content.Bridge #bridgeInner #bridgeCenter {
      width: 45%;
      text-align: center;
      color: #ad9752; }
      body #content.Bridge #bridgeInner #bridgeCenter h2, body #content.Bridge #bridgeInner #bridgeCenter h3 {
        font-weight: normal; }
      body #content.Bridge #bridgeInner #bridgeCenter h2 {
        font-size: 2.2rem;
        margin: 3rem 0 4rem; }
      body #content.Bridge #bridgeInner #bridgeCenter h3 {
        font-size: 1.5rem;
        margin: 1.5rem 0; }
      body #content.Bridge #bridgeInner #bridgeCenter img:first-of-type {
        width: 150%;
        max-height: 100%;
        height: auto;
        cursor: pointer;
        position: relative;
        left: -27%; }
      body #content.Bridge #bridgeInner #bridgeCenter img:last-of-type {
        width: 110%;
        max-height: 100%;
        height: auto;
        position: relative;
        left: -10%;
        top: -3rem; }
    body #content.Bridge #bridgeInner #bridgeRight {
      text-align: left;
      float: right;
      padding-right: 2.5rem;
      padding-left: 1rem; }
      body #content.Bridge #bridgeInner #bridgeRight button {
        text-align: left; }
  body #content.Bridge #bridgeSide {
    position: absolute;
    top: 0;
    width: 24%;
    left: -24%;
    height: 100%; }
    body #content.Bridge #bridgeSide img {
      height: 83%;
      width: auto;
      max-width: 100%;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  body #content.Timeline #timelineMain {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }
    body #content.Timeline #timelineMain #timelineHelpOpen {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      border: none;
      padding: 0;
      position: absolute;
      top: 4.5rem;
      right: 2rem;
      z-index: 3;
      width: 3rem;
      height: 3rem;
      background-image: url("../img/icon_instructions.png");
      background-size: 100%; }
    body #content.Timeline #timelineMain #timelineHelpOpen:hover {
      background-image: url("../img/icon_instructions_HOVER.png"); }
    body #content.Timeline #timelineMain .topShadow {
      background: #796b39;
      background: -webkit-linear-gradient(90deg, #796b39, #796b39 2%, #b49f63 15%, #b49f63);
      background: -o-linear-gradient(90deg, #796b39, #796b39 2%, #b49f63 15%, #b49f63);
      background: -moz-linear-gradient(90deg, #796b39, #796b39 2%, #b49f63 15%, #b49f63);
      background: linear-gradient(90deg, #796b39, #796b39 2%, #b49f63 15%, #b49f63);
      width: 100%;
      height: 1.05rem;
      margin: 0; }
    body #content.Timeline #timelineMain .topShadow:not(:empty) {
      background: #e6decb;
      background: -webkit-linear-gradient(90deg, #b2ac9d, #cbc3b2 4%, #d6cebf 8%, #ddd4c7 12%, #e3dbcc 30%, #e4ddcd 50%, #e5ddcd 65%, #efdecc 80%, #e6decb);
      background: -o-linear-gradient(90deg, #b2ac9d, #cbc3b2 4%, #d6cebf 8%, #ddd4c7 12%, #e3dbcc 30%, #e4ddcd 50%, #e5ddcd 65%, #efdecc 80%, #e6decb);
      background: -moz-linear-gradient(90deg, #b2ac9d, #cbc3b2 4%, #d6cebf 8%, #ddd4c7 12%, #e3dbcc 30%, #e4ddcd 50%, #e5ddcd 65%, #efdecc 80%, #e6decb);
      background: linear-gradient(90deg, #b2ac9d, #cbc3b2 4%, #d6cebf 8%, #ddd4c7 12%, #e3dbcc 30%, #e4ddcd 50%, #e5ddcd 65%, #efdecc 80%, #e6decb);
      height: 2.7rem;
      position: relative; }
    body #content.Timeline #timelineMain h2#timelineHeader {
      margin: 0;
      color: #240f3c;
      position: relative;
      top: 50%;
      left: 25%;
      transform: translateY(-50%);
      font-size: 1.2rem;
      width: 74%; }
      body #content.Timeline #timelineMain h2#timelineHeader span {
        vertical-align: middle; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num {
        display: inline-block;
        width: 2.4rem;
        height: 2.4rem;
        vertical-align: middle;
        position: relative; }
        body #content.Timeline #timelineMain h2#timelineHeader span.num span {
          background-repeat: no-repeat;
          height: 100%;
          width: 100%;
          display: inline-block;
          position: absolute;
          left: 0;
          top: 0; }
        body #content.Timeline #timelineMain h2#timelineHeader span.num span.animate {
          transition: background-position 0.2s ease-out; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num[data-num="0"] span[data-num="0"] {
        background-position-y: 0; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="0"].greater {
        background-position-y: -2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="0"].lesser {
        background-position-y: 2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="0"] {
        background-image: url("../img/number_0.svg"); }
      body #content.Timeline #timelineMain h2#timelineHeader span.num[data-num="1"] span[data-num="1"] {
        background-position-y: 0; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="1"].greater {
        background-position-y: -2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="1"].lesser {
        background-position-y: 2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="1"] {
        background-image: url("../img/number_1.svg"); }
      body #content.Timeline #timelineMain h2#timelineHeader span.num[data-num="2"] span[data-num="2"] {
        background-position-y: 0; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="2"].greater {
        background-position-y: -2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="2"].lesser {
        background-position-y: 2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="2"] {
        background-image: url("../img/number_2.svg"); }
      body #content.Timeline #timelineMain h2#timelineHeader span.num[data-num="3"] span[data-num="3"] {
        background-position-y: 0; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="3"].greater {
        background-position-y: -2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="3"].lesser {
        background-position-y: 2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="3"] {
        background-image: url("../img/number_3.svg"); }
      body #content.Timeline #timelineMain h2#timelineHeader span.num[data-num="4"] span[data-num="4"] {
        background-position-y: 0; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="4"].greater {
        background-position-y: -2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="4"].lesser {
        background-position-y: 2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="4"] {
        background-image: url("../img/number_4.svg"); }
      body #content.Timeline #timelineMain h2#timelineHeader span.num[data-num="5"] span[data-num="5"] {
        background-position-y: 0; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="5"].greater {
        background-position-y: -2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="5"].lesser {
        background-position-y: 2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="5"] {
        background-image: url("../img/number_5.svg"); }
      body #content.Timeline #timelineMain h2#timelineHeader span.num[data-num="6"] span[data-num="6"] {
        background-position-y: 0; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="6"].greater {
        background-position-y: -2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="6"].lesser {
        background-position-y: 2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="6"] {
        background-image: url("../img/number_6.svg"); }
      body #content.Timeline #timelineMain h2#timelineHeader span.num[data-num="7"] span[data-num="7"] {
        background-position-y: 0; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="7"].greater {
        background-position-y: -2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="7"].lesser {
        background-position-y: 2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="7"] {
        background-image: url("../img/number_7.svg"); }
      body #content.Timeline #timelineMain h2#timelineHeader span.num[data-num="8"] span[data-num="8"] {
        background-position-y: 0; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="8"].greater {
        background-position-y: -2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="8"].lesser {
        background-position-y: 2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="8"] {
        background-image: url("../img/number_8.svg"); }
      body #content.Timeline #timelineMain h2#timelineHeader span.num[data-num="9"] span[data-num="9"] {
        background-position-y: 0; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="9"].greater {
        background-position-y: -2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="9"].lesser {
        background-position-y: 2.4rem; }
      body #content.Timeline #timelineMain h2#timelineHeader span.num span[data-num="9"] {
        background-image: url("../img/number_9.svg"); }
    body #content.Timeline #timelineMain #mapsAndHeader {
      position: relative;
      width: 100%;
      height: 76.4%; }
    body #content.Timeline #timelineMain .animationBlurb {
      display: none;
      font-size: 1.05rem;
      font-weight: 100;
      font-family: avenir, arial;
      color: #ffffff;
      position: absolute;
      top: 0;
      left: -24rem;
      width: 18rem; }
    body #content.Timeline #timelineMain .maps {
      position: relative;
      width: 100%;
      height: calc(100% - 3.75rem); }
      body #content.Timeline #timelineMain .maps .key {
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        -khtml-user-select: none;
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        cursor: default;
        position: absolute;
        color: #240f3c;
        left: 5.25%;
        bottom: 3rem;
        font-size: 0; }
        body #content.Timeline #timelineMain .maps .key div {
          display: inline-block;
          font-weight: 100; }
        body #content.Timeline #timelineMain .maps .key div + div {
          padding-left: 0.6rem;
          vertical-align: bottom; }
        body #content.Timeline #timelineMain .maps .key p {
          margin: 0; }
        body #content.Timeline #timelineMain .maps .key p:first-child {
          border-bottom: 1px solid #240f3c;
          font-size: 0.75rem; }
        body #content.Timeline #timelineMain .maps .key p:not(:first-child) {
          margin-top: 0.45rem;
          font-size: 0.6rem; }
        body #content.Timeline #timelineMain .maps .key span:first-child {
          width: 1.2rem;
          height: 1.2rem;
          display: inline-block;
          vertical-align: middle; }
        body #content.Timeline #timelineMain .maps .key span.state.yes {
          background-image: url("../img/mapKey_state_Suff_YES.svg"); }
        body #content.Timeline #timelineMain .maps .key span.state.no {
          background-image: url("../img/mapKey_state_Suff_NO.svg"); }
        body #content.Timeline #timelineMain .maps .key span.territory.yes {
          background-image: url("../img/mapKey_terr_Suff_YES.svg"); }
        body #content.Timeline #timelineMain .maps .key span.territory.no {
          background-image: url("../img/mapKey_terr_Suff_NO.svg"); }
        body #content.Timeline #timelineMain .maps .key span + span {
          display: inline-block;
          vertical-align: middle;
          margin-left: 0.45rem; }
        body #content.Timeline #timelineMain .maps .key p.lower {
          position: absolute;
          margin-top: 0.9rem; }
          body #content.Timeline #timelineMain .maps .key p.lower span.star {
            background-image: url("../img/icon_hotspot.png");
            background-size: 100%; }
      body #content.Timeline #timelineMain .maps p.dc {
        position: absolute;
        font-weight: 100;
        right: calc(3.5vw + 0.75rem);
        margin: 0;
        bottom: 0.6rem;
        color: #240f3c;
        font-size: 0.75rem; }
      body #content.Timeline #timelineMain .maps p.hidden {
        display: none; }
    body #content.Timeline #timelineMain #timelineAnimate {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      position: absolute;
      background-image: url("../img/button_AnimateMap.png");
      background-repeat: no-repeat;
      background-size: 100%;
      height: 3.6rem;
      width: 8.4rem;
      right: 3.5vw;
      bottom: 1.2rem;
      z-index: 4;
      padding: 0; }
    body #content.Timeline #timelineMain .map {
      position: absolute;
      top: 5%;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      z-index: 2;
      font-size: 0;
      max-height: 91%; }
      body #content.Timeline #timelineMain .map > div > svg {
        float: left;
        pointer-events: none; }
    body #content.Timeline #timelineMain .map:not(.active) {
      visibility: hidden; }
    body #content.Timeline #timelineMain .map.active g.entity path, body #content.Timeline #timelineMain .map.active g {
      pointer-events: all; }
    body #content.Timeline #timelineMain g.entity path {
      fill: auto; }
    body #content.Timeline #timelineMain g.entity g text:first-child {
      display: none; }
    body #content.Timeline #timelineMain g.entity g rect + text {
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -khtml-user-select: none;
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      cursor: default;
      font-size: 10px; }
    body #content.Timeline #timelineMain .sliderWrapper {
      width: 100%;
      height: 23.6%;
      position: absolute;
      bottom: 0;
      left: 0;
      text-align: center;
      background: #e6decb;
      background: -webkit-linear-gradient(90deg, #b2ac9d, #cbc3b2 4%, #d6cebf 8%, #ddd4c7 12%, #e3dbcc 30%, #e4ddcd 50%, #e5ddcd 65%, #efdecc 80%, #e6decb);
      background: -o-linear-gradient(90deg, #b2ac9d, #cbc3b2 4%, #d6cebf 8%, #ddd4c7 12%, #e3dbcc 30%, #e4ddcd 50%, #e5ddcd 65%, #efdecc 80%, #e6decb);
      background: -moz-linear-gradient(90deg, #b2ac9d, #cbc3b2 4%, #d6cebf 8%, #ddd4c7 12%, #e3dbcc 30%, #e4ddcd 50%, #e5ddcd 65%, #efdecc 80%, #e6decb);
      background: linear-gradient(90deg, #b2ac9d, #cbc3b2 4%, #d6cebf 8%, #ddd4c7 12%, #e3dbcc 30%, #e4ddcd 50%, #e5ddcd 65%, #efdecc 80%, #e6decb);
      /* This is it, the world's worst CSS selector */ }
      body #content.Timeline #timelineMain .sliderWrapper #slider {
        display: inline-block;
        height: 0.075rem;
        min-height: 1px;
        width: calc(100% - 7vw);
        top: 35%;
        transform: translateY(-50%);
        background: #ad9752;
        box-shadow: none;
        border: none;
        border-radius: 0; }
      body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-base {
        background-color: #ad9752;
        cursor: pointer;
        z-index: 1; }
      body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-handle {
        height: 2.7rem;
        width: 2.7rem;
        display: inline-block;
        border: none;
        box-shadow: none;
        background-color: #240f3c;
        left: auto;
        top: 2.4rem;
        cursor: pointer;
        cursor: grab;
        border-radius: 50%;
        right: -1.5rem;
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.35); }
      body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-handle:after {
        content: '';
        background-color: #3f2b56;
        top: calc(-100% + 0.675rem);
        display: inline-block;
        width: 0.15rem;
        height: 2.025rem;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35); }
      body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-handle:before {
        content: '';
        background-color: transparent;
        top: calc(-100% - 0.075rem);
        display: inline-block;
        width: 0.6rem;
        height: 0.6rem;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        border: 2px solid #3f2b56;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35); }
      body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-touch-area {
        border-radius: 50%;
        border: 0.15rem solid #3f2b56;
        box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.7); }
      body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-tooltip {
        color: #ffffff;
        font-size: 0.9rem;
        background: none;
        border: none;
        font-family: avenir, arial;
        font-weight: normal;
        bottom: 0.75rem;
        padding: 0; }
      body #content.Timeline #timelineMain .sliderWrapper .noUi-tooltip:before, body #content.Timeline #timelineMain .sliderWrapper .noUi-tooltip:after {
        color: #3f2b56;
        position: absolute;
        font-size: 1.05rem;
        top: -0.15rem; }
      body #content.Timeline #timelineMain .sliderWrapper .noUi-tooltip:before {
        content: '<';
        left: -1.2rem; }
      body #content.Timeline #timelineMain .sliderWrapper .noUi-tooltip:after {
        content: '>';
        right: -1.2rem; }
      body #content.Timeline #timelineMain .sliderWrapper .noUi-origin[style="transform: translate(-90%, 0px); z-index: 4;"] .noUi-tooltip:before,
      body #content.Timeline #timelineMain .sliderWrapper .noUi-origin[style="transform: translate(0%, 0px); z-index: 4;"] .noUi-tooltip:after,
      body #content.Timeline #timelineMain .sliderWrapper .noUi-origin[style="transform: translate(-90%); z-index: 4;"] .noUi-tooltip:before,
      body #content.Timeline #timelineMain .sliderWrapper .noUi-origin[style="transform: translate(0%); z-index: 4;"] .noUi-tooltip:after,
      body #content.Timeline #timelineMain .sliderWrapper .noUi-origin[style="z-index: 4; transform: translate(-90%, 0px);"] .noUi-tooltip:before,
      body #content.Timeline #timelineMain .sliderWrapper .noUi-origin[style="z-index: 4; transform: translate(0%, 0px);"] .noUi-tooltip:after {
        display: none; }
      body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips {
        color: #ad9752;
        padding: 0;
        top: -105%;
        height: 0; }
        body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-marker-normal, body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-marker-large, body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-marker-sub, body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-marker-extra {
          background: #ad9752;
          margin-left: 0;
          width: 0.3rem;
          height: 0.3rem;
          border-radius: 50%; }
        body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-marker-large:before, body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-marker-extra:before {
          content: '';
          background: transparent;
          width: 0.6rem;
          height: 0.6rem;
          border: 2px solid #80713e;
          position: absolute;
          border-radius: 50%;
          left: -0.3rem;
          top: -0.3rem; }
        body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-value-large, body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-value-extra {
          color: #80713e;
          -webkit-transform: translateX(-41.25%);
          transform: translateX(-41.25%);
          top: -3rem;
          font-size: 0.75rem;
          font-family: avenir, arial;
          font-weight: normal; }
        body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-value-large:before, body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-value-extra:before {
          content: '';
          position: absolute;
          width: 1px;
          height: 1.2rem;
          top: 1.2rem;
          left: 0.7875rem;
          background-color: #80713e; }
        body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-value-sub, body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-value.undefined {
          font-size: 0; }
        body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-value-sub:before, body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-value.undefined:before, body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-value-extra:after {
          content: '';
          background-image: url("../img/icon_hotspot.png");
          display: inline-block;
          background-size: 100%;
          position: absolute;
          width: 1.5rem;
          height: 1.5rem;
          background-repeat: no-repeat;
          left: -0.65rem;
          top: 0.45rem; }
        body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-value-extra:after {
          top: 3.45rem;
          left: 0.075rem; }
        body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-marker.undefined {
          display: none; }
        body #content.Timeline #timelineMain .sliderWrapper #slider .noUi-pips .noUi-value.undefined:before {
          top: -1.65rem; }
  body #content.Timeline .timelineTabBtn {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font: initial;
    background: none;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 10rem;
    height: 2.95rem;
    padding: 0;
    position: absolute;
    top: -2.9rem;
    /*transition: left $bookTransitionTime ease-out;*/ }
  body #content.Timeline #timelineTabBtnNational {
    left: calc(-40% - 10rem - 4vw);
    background-image: url("../img/tab_National_OFF.svg"); }
  body #content.Timeline #timelineTabBtnNational.selected {
    background-image: url("../img/tab_National_ON.svg"); }
  body #content.Timeline #timelineTabBtnNational:not(.selected):hover {
    background-image: url("../img/tab_National_HOVER.svg"); }
  body #content.Timeline #timelineTabBtnState {
    left: calc(-40% - 4vw);
    background-image: url("../img/tab_State_OFF.svg"); }
  body #content.Timeline #timelineTabBtnState.selected {
    background-image: url("../img/tab_State_ON.svg"); }
  body #content.Timeline #timelineTabBtnState:not(.selected):hover {
    background-image: url("../img/tab_State_HOVER.svg"); }
  body #content.Timeline #timelineSidebar, body #content.Timeline #sidebarSlider {
    position: absolute;
    left: -43.4%;
    height: 100%;
    top: 0;
    width: 43.4%; }
  body #content.Timeline #timelineSidebar .topShadow {
    background: #b49f63;
    background: -webkit-linear-gradient(90deg, #b49f63, #b49f63 75%, #827442);
    background: -o-linear-gradient(90deg, #b49f63, #b49f63 75%, #827442);
    background: -moz-linear-gradient(90deg, #b49f63, #b49f63 75%, #827442);
    background: linear-gradient(90deg, #b49f63, #b49f63 75%, #827442);
    width: 100%;
    height: 1.05rem;
    margin: 0; }
  body #content.Timeline #timelineSidebar .topShadow:not(:empty) {
    background: #dad0be;
    background: -webkit-linear-gradient(90deg, #dad0be, #dad0be 75%, #c2bbac);
    background: -o-linear-gradient(90deg, #dad0be, #dad0be 75%, #c2bbac);
    background: -moz-linear-gradient(90deg, #dad0be, #dad0be 75%, #c2bbac);
    background: linear-gradient(90deg, #dad0be, #dad0be 75%, #c2bbac);
    height: 2.7rem;
    position: relative; }
  body #content.Timeline #timelineSidebar select {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.05rem; }
  body #content.Timeline #timelineSidebar select:first-of-type {
    margin-left: 2vw;
    width: 4.5rem; }
  body #content.Timeline #timelineSidebar select + select {
    position: absolute;
    left: calc(2vw + 10rem); }
  body #content.Timeline #timelineSidebar .sidebarInner {
    width: 100%;
    height: calc(100% - 6% - 1.05rem);
    padding: 1.2rem 3rem 1.2rem 0;
    /*Select state pointer img */ }
    body #content.Timeline #timelineSidebar .sidebarInner > img {
      max-width: 100%;
      max-height: 70%;
      height: auto;
      width: 100%; }
    body #content.Timeline #timelineSidebar .sidebarInner .sidebarEntries:first-child #sidebarNoEntries {
      height: 25%; }
  body #content.Timeline #timelineSidebar h3 {
    color: #240f3c;
    font-size: 1.2rem;
    margin: 0 0 1.2rem 0;
    padding-left: 2vw; }
  body #content.Timeline #timelineSidebar .sidebarBio {
    height: 40%;
    font-size: 0.9rem;
    color: #240f3c;
    padding: 0 0.6rem 0 2vw;
    overflow: auto;
    font-weight: 100;
    line-height: 1.5;
    margin-bottom: 2.5rem;
    position: relative; }
  body #content.Timeline #timelineSidebar button#sidebarBioCitationsButton {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font: initial;
    padding: 0;
    background: 0;
    width: 6rem;
    height: 3rem;
    background-image: url("../img/button_bkgd_wider2.svg");
    background-repeat: no-repeat;
    position: absolute;
    left: 2vw;
    margin-top: 2rem; }
  body #content.Timeline #timelineSidebar button#sidebarBioCitationsButton:hover {
    background-image: url("../img/button_bkgd_wider2_Hover.svg"); }
  body #content.Timeline #timelineSidebar button#sidebarBioCitationsButton:before {
    content: 'Citations';
    color: #ffffff;
    font-family: avenir, arial;
    font-weight: 100;
    font-size: 1.2rem;
    position: absolute;
    top: 0.45rem;
    left: 0.6rem; }
  body #content.Timeline #timelineSidebar .sidebarBio + .sidebarEntries {
    height: 50%; }
  body #content.Timeline #timelineSidebar .sidebarEntries {
    height: 100%;
    width: 100%;
    padding-left: 2vw;
    overflow-y: auto;
    /* no results img */ }
    body #content.Timeline #timelineSidebar .sidebarEntries #sidebarNoEntries {
      background-image: url("../img/graphic_NOentries.svg");
      max-width: 100%;
      height: 50%;
      width: auto;
      position: relative;
      top: 15%;
      background-repeat: no-repeat;
      background-position-x: center; }
    body #content.Timeline #timelineSidebar .sidebarEntries #sidebarNoEntries:before {
      content: 'No entries for the year you selected.';
      font-size: 0; }
    body #content.Timeline #timelineSidebar .sidebarEntries #sidebarNoEntries.state {
      background-image: url("../img/graphic_NOentries_STATE.svg"); }
    body #content.Timeline #timelineSidebar .sidebarEntries #sidebarNoEntries.state:before {
      content: 'No entries for the year and state you selected.'; }
  body #content.Timeline #timelineSidebar button.sidebarEntryButton {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font: initial;
    background: none;
    padding: 0 0.5rem 0 0;
    font-family: avenir, arial;
    color: #240f3c;
    text-align: left;
    cursor: pointer; }
    body #content.Timeline #timelineSidebar button.sidebarEntryButton p {
      font-size: 0.9rem;
      margin: 0;
      position: relative; }
    body #content.Timeline #timelineSidebar button.sidebarEntryButton p:first-child {
      margin-bottom: 0.3rem; }
    body #content.Timeline #timelineSidebar button.sidebarEntryButton p:first-child:before {
      content: '';
      background-image: url("../img/icon_EntryItem.svg");
      background-repeat: no-repeat;
      display: inline-block;
      position: absolute;
      top: 0.075rem;
      left: -1.05rem;
      width: 0.9rem;
      height: 0.9rem; }
    body #content.Timeline #timelineSidebar button.sidebarEntryButton p + p {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin: 0;
      font-weight: 100;
      max-height: 2.2rem; }
  body #content.Timeline #timelineSidebar .sidebarEntryButton + .sidebarEntryButton {
    margin-top: 1.2rem; }
  body #content.Timeline #sidebarSlider {
    transition: left 0.5s ease-out;
    background-color: #f2e9dd;
    overflow: hidden;
    height: calc(100% - 3.75rem);
    top: 3.75rem;
    background: #e1d9d0;
    background: -webkit-linear-gradient(90deg, #e1d9d0, #e1d9d0 75%, #d0c9c0);
    background: -o-linear-gradient(90deg, #e1d9d0, #e1d9d0 75%, #d0c9c0);
    background: -moz-linear-gradient(90deg, #e1d9d0, #e1d9d0 75%, #d0c9c0);
    background: linear-gradient(90deg, #e1d9d0, #e1d9d0 75%, #d0c9c0); }
    body #content.Timeline #sidebarSlider #entryCloseButton {
      left: 2vw; }
    body #content.Timeline #sidebarSlider #entryCloseButton:before {
      content: '< Close';
      left: 0.9rem; }
    body #content.Timeline #sidebarSlider #entryCloseButtonHidden {
      top: 0; }
    body #content.Timeline #sidebarSlider .decoration {
      display: none; }
    body #content.Timeline #sidebarSlider #popupEntryName {
      background: none;
      padding: 0 1.2rem 0 2vw;
      margin: 0 0 0.3rem 0;
      font-size: 0;
      display: inline-block;
      height: 8.5%; }
      body #content.Timeline #sidebarSlider #popupEntryName h2 {
        color: #240f3c;
        font-size: 1.05rem;
        font-weight: bold;
        max-height: 95%;
        overflow: hidden;
        width: calc(75% - 1.2rem);
        margin-left: 1.2rem;
        display: inline-block;
        vertical-align: top; }
    body #content.Timeline #sidebarSlider #popupEntryImageWrapper {
      max-width: 20%;
      width: auto;
      padding: 0;
      position: relative;
      height: 100%;
      text-align: left;
      float: left; }
      body #content.Timeline #sidebarSlider #popupEntryImageWrapper button {
        cursor: pointer;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        background: none;
        font-size: 0;
        padding: 0;
        position: relative;
        top: 10%;
        max-width: 100%;
        height: 90%; }
      body #content.Timeline #sidebarSlider #popupEntryImageWrapper img {
        max-height: calc(100% - 0.3rem);
        margin-bottom: 0; }
    body #content.Timeline #sidebarSlider #popupEntryInner {
      height: calc(92.7% - 1.2rem); }
      body #content.Timeline #sidebarSlider #popupEntryInner #popupEntryText {
        width: 100%;
        padding-top: 0;
        padding-left: 2vw;
        height: 85%; }
        body #content.Timeline #sidebarSlider #popupEntryInner #popupEntryText #entryTextInner {
          height: 75%;
          font-size: 0.9rem;
          padding-bottom: 1.2rem; }
        body #content.Timeline #sidebarSlider #popupEntryInner #popupEntryText #entryTextInner.truncated {
          height: 55%; }
      body #content.Timeline #sidebarSlider #popupEntryInner #popupEntryText.noQuickfacts #entryTextInner {
        height: 100%; }
      body #content.Timeline #sidebarSlider #popupEntryInner #popupEntryText.noQuickfacts #entryTextInner.truncated {
        height: 80%; }
      body #content.Timeline #sidebarSlider #popupEntryInner #popupEntryQuickfacts {
        height: 25%; }
        body #content.Timeline #sidebarSlider #popupEntryInner #popupEntryQuickfacts > div {
          overflow-y: auto; }
        body #content.Timeline #sidebarSlider #popupEntryInner #popupEntryQuickfacts h3 {
          font-size: 1.05rem;
          font-weight: normal; }
      body #content.Timeline #sidebarSlider #popupEntryInner #popupEntryRelatedSources h3 {
        font-size: 1.05rem;
        font-weight: normal; }
      body #content.Timeline #sidebarSlider #popupEntryInner #popupEntryRelatedSources .relatedWrapper {
        white-space: no-wrap;
        overflow-x: auto;
        padding-bottom: 0.6rem; }
  body #content.Timeline #sidebarSlider:empty, body #content.Timeline #sidebarSlider.close {
    left: -87%; }
  body #content.Timeline #timelineHelp {
    display: none;
    height: 133.33%;
    width: 149.45%;
    position: absolute;
    left: -43.2%;
    top: -21.2%;
    background-image: url("../img/timeline_instruct_overlay_v2.png");
    background-size: 100%;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.5s ease-out; }
    body #content.Timeline #timelineHelp h2 {
      color: #f3c300;
      font-family: avenir, arial;
      font-size: 3.6rem;
      position: absolute;
      right: 11rem;
      top: 5.5rem;
      margin: 0; }
    body #content.Timeline #timelineHelp button {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      position: absolute;
      background: none;
      top: 6rem;
      right: 2rem;
      height: 3.5rem;
      width: 3.5rem;
      background-repeat: no-repeat;
      background-image: url("../img/Close_source.png");
      background-size: 100%;
      padding: 0; }
    body #content.Timeline #timelineHelp button:hover {
      background-image: url("../img/Close_source_HOVER.png"); }
    body #content.Timeline #timelineHelp p {
      font-family: avenir, arial;
      color: #ffffff;
      font-size: 1.3rem;
      display: inline-block;
      position: absolute;
      margin: 0;
      font-weight: 100; }
    body #content.Timeline #timelineHelp #timelineHelpTabs {
      top: 7.5rem;
      left: 30.5rem;
      width: 11rem; }
    body #content.Timeline #timelineHelp #timelineHelpEntry {
      top: 28.5rem;
      left: 9.5rem;
      width: 13rem; }
    body #content.Timeline #timelineHelp #timelineHelpKey {
      top: 39rem;
      left: 9rem;
      width: 14rem; }
    body #content.Timeline #timelineHelp #timelineHelpMap {
      top: 19rem;
      left: 64.5rem;
      width: 14rem; }
    body #content.Timeline #timelineHelp #timelineHelpAnimate {
      top: 34rem;
      left: 62rem;
      width: 14rem; }
    body #content.Timeline #timelineHelp #timelineHelpSlider {
      top: 48rem;
      left: 53rem;
      width: 10rem; }
    body #content.Timeline #timelineHelp #timelineHelpHelp {
      top: 26rem;
      left: 84.5rem;
      width: 10rem; }
  body #content.Timeline #timelineHelp.active {
    display: block; }
  body #content.Timeline #timelineHelp.visible {
    opacity: 1; }
  body #content.DBQ {
    font-size: 0;
    /* Activity */
    /* Activity - sorting */
    /* Activity - matching */
    /* Activity - analysis */
    /* Activity - zones */
    /* Activity - zones printable */ }
    body #content.DBQ .DBQORQ {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      padding: 0;
      display: inline-block;
      background-image: url("../img/button_ORQ.svg");
      position: absolute;
      height: 7rem;
      width: 7rem;
      position: absolute;
      background-repeat: no-repeat;
      top: 0.5rem;
      right: 6%;
      z-index: 9; }
    body #content.DBQ .DBQORQ:hover, body #content.DBQ .DBQORQ:focus {
      background-image: url("../img/button_ORQ_HOVER.svg"); }
    body #content.DBQ #DBQSelectWrapper {
      width: 100%;
      height: 2.75rem;
      margin-top: 17%;
      position: relative; }
      body #content.DBQ #DBQSelectWrapper .DBQSelectInner, body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: none;
        color: #240f3c;
        width: 100%;
        font-family: avenir, arial;
        text-align: left;
        padding: 0.75rem 1.5vw 0.75rem 2.25vw;
        border-top: 1px solid #bb9a37;
        border-bottom: 1px solid #bb9a37;
        height: 2.75rem;
        position: absolute; }
        body #content.DBQ #DBQSelectWrapper .DBQSelectInner div, body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent div {
          height: 100%;
          width: 100%;
          vertical-align: top; }
        body #content.DBQ #DBQSelectWrapper .DBQSelectInner span, body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent span {
          display: block; }
        body #content.DBQ #DBQSelectWrapper .DBQSelectInner span.fullquestion, body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent span.fullquestion {
          font-weight: normal;
          font-size: 0.9rem; }
        body #content.DBQ #DBQSelectWrapper .DBQSelectInner .comingSoon, body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent .comingSoon {
          position: absolute;
          top: 0.75rem;
          right: 28%;
          font-weight: bold;
          font-style: italic;
          color: #a28051;
          font-size: 1.25rem; }
      body #content.DBQ #DBQSelectWrapper .DBQSelectInner {
        top: 0;
        left: 0;
        transition: top 0.2s ease-out;
        display: none;
        z-index: 1;
        height: 3rem; }
        body #content.DBQ #DBQSelectWrapper .DBQSelectInner span:first-of-type {
          font-weight: bold;
          font-size: 1.25rem;
          margin-bottom: 0.25rem; }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent.open ~ .DBQSelectInner[data-dbqid="1"] {
        top: calc((3rem * 0) + 2.75rem);
        z-index: calc(6 - 1); }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent.open ~ .DBQSelectInner[data-dbqid="2"] {
        top: calc((3rem * 1) + 2.75rem);
        z-index: calc(6 - 2); }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent.open ~ .DBQSelectInner[data-dbqid="3"] {
        top: calc((3rem * 2) + 2.75rem);
        z-index: calc(6 - 3); }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent.open ~ .DBQSelectInner[data-dbqid="4"] {
        top: calc((3rem * 3) + 2.75rem);
        z-index: calc(6 - 4); }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent.open ~ .DBQSelectInner[data-dbqid="5"] {
        top: calc((3rem * 4) + 2.75rem);
        z-index: calc(6 - 5); }
      body #content.DBQ #DBQSelectWrapper .DBQSelectInner:last-of-type {
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
        border-bottom: 2px solid #bb9a37; }
      body #content.DBQ #DBQSelectWrapper .DBQSelectInner:not(.active):not(:hover) {
        background: #ede4d6;
        background: -webkit-linear-gradient(90deg, #ede4d6, #ede4d6 75%, #cdc6b9);
        background: -o-linear-gradient(90deg, #ede4d6, #ede4d6 75%, #cdc6b9);
        background: -moz-linear-gradient(90deg, #ede4d6, #ede4d6 75%, #cdc6b9);
        background: linear-gradient(90deg, #ede4d6, #ede4d6 75%, #cdc6b9); }
      body #content.DBQ #DBQSelectWrapper .DBQSelectInner.active, body #content.DBQ #DBQSelectWrapper .DBQSelectInner:hover {
        background: #ba9a36;
        background: -webkit-linear-gradient(90deg, #ba9a36, #ba9a36 75%, #9d822e);
        background: -o-linear-gradient(90deg, #ba9a36, #ba9a36 75%, #9d822e);
        background: -moz-linear-gradient(90deg, #ba9a36, #ba9a36 75%, #9d822e);
        background: linear-gradient(90deg, #ba9a36, #ba9a36 75%, #9d822e); }
        body #content.DBQ #DBQSelectWrapper .DBQSelectInner.active .comingSoon, body #content.DBQ #DBQSelectWrapper .DBQSelectInner:hover .comingSoon {
          color: #240f3c; }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent {
        border-top: 2px solid #bb9a37;
        background: #ba9a36;
        background: -webkit-linear-gradient(90deg, #ba9a36, #ba9a36 75%, #9d822e);
        background: -o-linear-gradient(90deg, #ba9a36, #ba9a36 75%, #9d822e);
        background: -moz-linear-gradient(90deg, #ba9a36, #ba9a36 75%, #9d822e);
        background: linear-gradient(90deg, #ba9a36, #ba9a36 75%, #9d822e);
        z-index: 8;
        transition: transform 0.1s ease-out; }
        body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent span.chooseaGT {
          font-weight: normal;
          font-size: 1rem; }
        body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent span.question {
          font-weight: bold;
          font-size: 1.25rem;
          margin-bottom: 0.25rem;
          display: none !important; }
        body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent .comingSoon {
          display: none !important;
          top: 2.05rem; }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 1rem;
        top: 1.5rem;
        background-image: url("../img/arrow_dropdown.png");
        background-size: 100%;
        height: 1rem;
        width: 1rem;
        background-repeat: no-repeat;
        transform: translateY(-50%);
        transition: transform 0.2s ease-out;
        transform-origin: center; }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent.open {
        background: #ede4d6;
        background: -webkit-linear-gradient(90deg, #ede4d6, #ede4d6 75%, #cdc6b9);
        background: -o-linear-gradient(90deg, #ede4d6, #ede4d6 75%, #cdc6b9);
        background: -moz-linear-gradient(90deg, #ede4d6, #ede4d6 75%, #cdc6b9);
        background: linear-gradient(90deg, #ede4d6, #ede4d6 75%, #cdc6b9); }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent:not(.open) .comingSoon {
        color: #240f3c; }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent.open:before {
        transform: translateY(-100%) rotateZ(180deg); }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent:hover {
        background: #240f3c;
        background: -webkit-linear-gradient(90deg, #240f3c, #240f3c 75%, #240f3c);
        background: -o-linear-gradient(90deg, #240f3c, #240f3c 75%, #240f3c);
        background: -moz-linear-gradient(90deg, #240f3c, #240f3c 75%, #240f3c);
        background: linear-gradient(90deg, #240f3c, #240f3c 75%, #240f3c);
        color: #ffffff; }
        body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent:hover .comingSoon {
          color: #ffffff; }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent:hover:before {
        background-image: url("../img/arrow_dropdown_HOVER.png"); }
      body #content.DBQ #DBQSelectWrapper #DBQSelectCurrent.pop {
        transform: rotateX(40deg) rotateY(0deg); }
    body #content.DBQ #DBQCurrentHeader {
      background: #ceb872;
      background: -webkit-linear-gradient(90deg, #ceb872, #ceb872 75%, #baa76c);
      background: -o-linear-gradient(90deg, #ceb872, #ceb872 75%, #baa76c);
      background: -moz-linear-gradient(90deg, #ceb872, #ceb872 75%, #baa76c);
      background: linear-gradient(90deg, #ceb872, #ceb872 75%, #baa76c);
      height: 5rem;
      width: 100%;
      position: relative;
      color: #240f3c;
      padding: 0.65rem 1.5vw 0.75rem 2.25vw; }
      body #content.DBQ #DBQCurrentHeader h3 {
        margin: 0 0 0.25rem 0;
        font-weight: bold;
        font-size: 1.25rem; }
      body #content.DBQ #DBQCurrentHeader .fullquestion {
        font-size: 0.9rem;
        font-weight: normal; }
    body #content.DBQ #DBQHelpOpen {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      border: none;
      padding: 0;
      position: absolute;
      bottom: 1.25rem;
      left: 2rem;
      width: 3rem;
      height: 3rem;
      background-image: url("../img/icon_instructions.png");
      background-size: 100%;
      background-repeat: no-repeat; }
    body #content.DBQ #DBQHelpOpen:hover {
      background-image: url("../img/icon_instructions_HOVER.png"); }
    body #content.DBQ #DBQHelp {
      display: none;
      height: 133.33%;
      width: 149.45%;
      position: absolute;
      left: -43.2%;
      top: -21.2%;
      background-image: url("../img/GuidedTour_instruct_overlay_v2.png");
      background-size: 100%;
      z-index: 12;
      opacity: 0;
      transition: opacity 0.5s ease-out; }
      body #content.DBQ #DBQHelp h2 {
        color: #f3c300;
        font-family: avenir, arial;
        font-size: 3rem;
        position: absolute;
        right: 10rem;
        top: 5.75rem;
        margin: 0; }
      body #content.DBQ #DBQHelp button {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        position: absolute;
        background: none;
        top: 6rem;
        right: 2rem;
        height: 3.5rem;
        width: 3.5rem;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url("../img/Close_source.png");
        padding: 0; }
      body #content.DBQ #DBQHelp button:hover {
        background-image: url("../img/Close_source_HOVER.png"); }
      body #content.DBQ #DBQHelp p {
        font-family: avenir, arial;
        color: #ffffff;
        font-size: 1.2rem;
        display: inline-block;
        position: absolute;
        margin: 0;
        font-weight: 100; }
      body #content.DBQ #DBQHelp #DBQHelpTours {
        top: 28rem;
        left: 5rem;
        width: 18rem; }
      body #content.DBQ #DBQHelp #DBQHelpORQ {
        top: 16rem;
        left: 34rem;
        width: 21rem; }
      body #content.DBQ #DBQHelp #DBQHelpTabs {
        top: 22.5rem;
        left: 74rem;
        width: 19rem; }
      body #content.DBQ #DBQHelp #DBQHelpSource {
        top: 36rem;
        left: 43.5rem;
        width: 18rem; }
      body #content.DBQ #DBQHelp #DBQHelpFeedback {
        top: 45rem;
        left: 75rem;
        width: 17rem; }
      body #content.DBQ #DBQHelp #DBQHelpHelp {
        top: 40.5rem;
        left: 4rem;
        width: 12rem; }
      body #content.DBQ #DBQHelp #DBQHelpTG {
        top: 47rem;
        left: 35rem;
        width: 12rem; }
    body #content.DBQ #DBQHelp.active {
      display: block; }
    body #content.DBQ #DBQHelp.visible {
      opacity: 1; }
    body #content.DBQ #DBQZonesTemplateOpen {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      border: none;
      padding: 0;
      position: absolute;
      bottom: 0;
      right: -3.5rem;
      float: right;
      display: inline-block;
      width: 3.25rem;
      height: 4rem;
      background-image: url("../img/icon_PDF.png");
      background-size: 100%; }
    body #content.DBQ #DBQZonesTemplateOpen:hover {
      background-image: url("../img/icon_PDF_hover.png"); }
    body #content.DBQ #DBQTGOpen {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      border: none;
      padding: 0;
      position: absolute;
      bottom: 1rem;
      right: 3.75rem;
      width: 3.25rem;
      height: 4rem;
      background-image: url("../img/icon_TeacherGuide.png");
      background-size: 100%; }
    body #content.DBQ #DBQTGOpen:hover {
      background-image: url("../img/icon_TeacherGuide_HOVER.png"); }
    body #content.DBQ #DBQORQSlider, body #content.DBQ > .left {
      position: absolute;
      left: -43.4%;
      height: 100%;
      top: 0;
      width: 43.4%; }
      body #content.DBQ #DBQORQSlider h2, body #content.DBQ > .left h2 {
        color: #240f3c;
        font-size: 2rem;
        width: 45%;
        position: absolute;
        padding: 1.2rem;
        font-family: avenir, arial;
        font-weight: normal;
        left: 2.25vw;
        padding: 0;
        margin: 0;
        top: 4%; }
    body #content.DBQ #DBQORQSlider {
      transition: left 0.5s ease-out;
      background-color: #f2e9dd;
      overflow: hidden;
      z-index: 9;
      height: 100%;
      background: #e1d9d0;
      background: -webkit-linear-gradient(90deg, #e1d9d0, #e1d9d0 75%, #d0c9c0);
      background: -o-linear-gradient(90deg, #e1d9d0, #e1d9d0 75%, #d0c9c0);
      background: -moz-linear-gradient(90deg, #e1d9d0, #e1d9d0 75%, #d0c9c0);
      background: linear-gradient(90deg, #e1d9d0, #e1d9d0 75%, #d0c9c0); }
      body #content.DBQ #DBQORQSlider .header {
        background: #dad0be;
        background: -webkit-linear-gradient(90deg, #dad0be, #dad0be 75%, #c2bbac);
        background: -o-linear-gradient(90deg, #dad0be, #dad0be 75%, #c2bbac);
        background: -moz-linear-gradient(90deg, #dad0be, #dad0be 75%, #c2bbac);
        background: linear-gradient(90deg, #dad0be, #dad0be 75%, #c2bbac);
        height: 10.5%;
        position: relative;
        padding: 0.9rem 8%; }
        body #content.DBQ #DBQORQSlider .header h3 {
          font-size: 1.35rem;
          margin: 0;
          position: absolute;
          bottom: 0.9rem;
          font-family: avenir, arial;
          font-weight: normal;
          color: #240f3c; }
      body #content.DBQ #DBQORQSlider .header ~ div {
        padding: 2.4rem 8%; }
        body #content.DBQ #DBQORQSlider .header ~ div p {
          font-size: 0.9rem;
          margin: 0;
          color: #240f3c;
          font-family: avenir, arial;
          font-weight: 100; }
        body #content.DBQ #DBQORQSlider .header ~ div p:not(:last-child):not(.noMargin) {
          margin-bottom: 0.6rem; }
        body #content.DBQ #DBQORQSlider .header ~ div a {
          background-image: url("../img/button_LOC_tool.png");
          display: inline-block;
          width: 64%;
          height: 2.5vw;
          background-size: 100%;
          background-repeat: no-repeat; }
        body #content.DBQ #DBQORQSlider .header ~ div a:hover {
          background-image: url("../img/button_LOC_tool_HOVER.png"); }
        body #content.DBQ #DBQORQSlider .header ~ div #DBQORQClose {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          position: absolute;
          background: none;
          bottom: 2%;
          left: 8%;
          height: 3rem;
          width: 6rem;
          padding: 0;
          background-repeat: no-repeat;
          background-image: url("../img/button_bkgd_wider2.svg"); }
        body #content.DBQ #DBQORQSlider .header ~ div #DBQORQClose:before {
          content: '< Close';
          color: #ffffff;
          font-family: avenir, arial;
          font-weight: 100;
          font-size: 1.2rem;
          position: absolute;
          top: 0.45rem;
          left: 0.9rem; }
        body #content.DBQ #DBQORQSlider .header ~ div #DBQORQClose:hover {
          background-image: url("../img/button_bkgd_wider2_Hover.svg"); }
    body #content.DBQ > .right {
      height: 100%;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    body #content.DBQ #DBQInnerHeader {
      width: 100%;
      position: absolute;
      top: 0;
      height: 10%;
      background: none;
      text-align: center;
      color: #ffffff;
      font-weight: bold; }
      body #content.DBQ #DBQInnerHeader .DBQNav {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        background: none;
        display: inline;
        padding: 0;
        height: 3.15rem;
        width: 7.8rem;
        background-repeat: no-repeat;
        background-position: center; }
      body #content.DBQ #DBQInnerHeader .DBQNav[data-page='0'] {
        background-image: url("../img/tab1_OFF.svg"); }
      body #content.DBQ #DBQInnerHeader .DBQNav[data-page='0'].active {
        background-image: url("../img/tab1_ON.svg"); }
      body #content.DBQ #DBQInnerHeader .DBQNav[data-page='1'] {
        background-image: url("../img/tab2_OFF.svg"); }
      body #content.DBQ #DBQInnerHeader .DBQNav[data-page='1'].active {
        background-image: url("../img/tab2_ON.svg"); }
      body #content.DBQ #DBQInnerHeader .DBQNav[data-page='2'] {
        background-image: url("../img/tab3_OFF.svg"); }
      body #content.DBQ #DBQInnerHeader .DBQNav[data-page='2'].active {
        background-image: url("../img/tab3_ON.svg"); }
      body #content.DBQ #DBQInnerHeader .DBQNav[data-page='3'] {
        background-image: url("../img/tab4_OFF.svg"); }
      body #content.DBQ #DBQInnerHeader .DBQNav[data-page='3'].active {
        background-image: url("../img/tab4_ON.svg"); }
      body #content.DBQ #DBQInnerHeader .DBQNav[data-page='4'] {
        background-image: url("../img/tab5_OFF.svg"); }
      body #content.DBQ #DBQInnerHeader .DBQNav[data-page='4'].active {
        background-image: url("../img/tab5_ON.svg"); }
    body #content.DBQ #DBQInnerHeader.notReady .DBQNav {
      cursor: default;
      opacity: 0.5; }
    body #content.DBQ #DBQInnerHeader:not(.notReady) .DBQNav[data-page='0']:not(.active):hover {
      background-image: url("../img/tab1_HOVER.svg"); }
    body #content.DBQ #DBQInnerHeader:not(.notReady) .DBQNav[data-page='1']:not(.active):hover {
      background-image: url("../img/tab2_HOVER.svg"); }
    body #content.DBQ #DBQInnerHeader:not(.notReady) .DBQNav[data-page='2']:not(.active):hover {
      background-image: url("../img/tab3_HOVER.svg"); }
    body #content.DBQ #DBQInnerHeader:not(.notReady) .DBQNav[data-page='3']:not(.active):hover {
      background-image: url("../img/tab4_HOVER.svg"); }
    body #content.DBQ #DBQInnerHeader:not(.notReady) .DBQNav[data-page='4']:not(.active):hover {
      background-image: url("../img/tab5_HOVER.svg"); }
    body #content.DBQ #DBQORQSlider:empty, body #content.DBQ #DBQORQSlider.close {
      left: -87%; }
    body #content.DBQ #DBQInnerContent {
      height: 90%;
      width: 100%;
      position: absolute;
      top: 10%;
      text-align: center;
      font-size: 1.2rem; }
    body #content.DBQ #DBQInnerContent[data-page='0'] .videoWrapper, body #content.DBQ #DBQInnerContent[data-page="4"] .videoWrapper {
      position: relative;
      top: 47%;
      left: 50%;
      width: 82.087%;
      height: 77.517%;
      transform: translate(-50%, -50%); }
      body #content.DBQ #DBQInnerContent[data-page='0'] .videoWrapper .overlay, body #content.DBQ #DBQInnerContent[data-page="4"] .videoWrapper .overlay {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        background: none;
        padding: 0;
        width: 100%;
        height: 100%;
        background-size: auto 100%;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 1;
        transition: opacity 0.5s ease-out; }
      body #content.DBQ #DBQInnerContent[data-page='0'] .videoWrapper .overlay.hide, body #content.DBQ #DBQInnerContent[data-page="4"] .videoWrapper .overlay.hide {
        opacity: 0; }
      body #content.DBQ #DBQInnerContent[data-page='0'] .videoWrapper video, body #content.DBQ #DBQInnerContent[data-page="4"] .videoWrapper video {
        height: auto;
        width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      body #content.DBQ #DBQInnerContent[data-page='0'] .videoWrapper video::cue, body #content.DBQ #DBQInnerContent[data-page="4"] .videoWrapper video::cue {
        font-size: 1.6rem; }
    body #content.DBQ #DBQInnerContent[data-page='0'] #DBQActivityInstructions, body #content.DBQ #DBQInnerContent[data-page="4"] #DBQActivityInstructions {
      height: 85%;
      padding-right: 0; }
    body #content.DBQ #DBQInnerContent:not(.notReady)[data-page='0'] .overlay[data-question='Origins'] {
      background-image: url("../img/GT_intro_origins.jpg"); }
    body #content.DBQ #DBQInnerContent:not(.notReady)[data-page='0'] .overlay[data-question='Origins']:hover {
      background-image: url("../img/GT_intro_origins_HOVER.jpg"); }
    body #content.DBQ #DBQInnerContent:not(.notReady)[data-page='0'] .overlay[data-question='Diversity'] {
      background-image: url("../img/GT_intro_diversity.jpg"); }
    body #content.DBQ #DBQInnerContent:not(.notReady)[data-page='0'] .overlay[data-question='Diversity']:hover {
      background-image: url("../img/GT_intro_diversity_HOVER.jpg"); }
    body #content.DBQ #DBQInnerContent:not(.notReady)[data-page='0'] .overlay[data-question='Opposition'] {
      background-image: url("../img/GT_intro_oppose.jpg"); }
    body #content.DBQ #DBQInnerContent:not(.notReady)[data-page='0'] .overlay[data-question='Opposition']:hover {
      background-image: url("../img/GT_intro_oppose_HOVER.jpg"); }
    body #content.DBQ #DBQInnerContent:not(.notReady)[data-page='0'] .overlay[data-question='Tactics'] {
      background-image: url("../img/GT_intro_tactics.jpg"); }
    body #content.DBQ #DBQInnerContent:not(.notReady)[data-page='0'] .overlay[data-question='Tactics']:hover {
      background-image: url("../img/GT_intro_tactics_HOVER.jpg"); }
    body #content.DBQ #DBQInnerContent:not(.notReady)[data-page='0'] .overlay[data-question='Influences'] {
      background-image: url("../img/GT_intro_influences.jpg"); }
    body #content.DBQ #DBQInnerContent:not(.notReady)[data-page='0'] .overlay[data-question='Influences']:hover {
      background-image: url("../img/GT_intro_influences_HOVER.jpg"); }
    body #content.DBQ #DBQInnerContent.notReady[data-page='0'] .overlay[data-question='Origins'] {
      background-image: url("../img/GT_intro_origins_ComingSoon.jpg"); }
    body #content.DBQ #DBQInnerContent.notReady[data-page='0'] .overlay[data-question='Diversity'] {
      background-image: url("../img/GT_intro_diversity_ComingSoon.jpg"); }
    body #content.DBQ #DBQInnerContent.notReady[data-page='0'] .overlay[data-question='Opposition'] {
      background-image: url("../img/GT_intro_oppose_ComingSoon.jpg"); }
    body #content.DBQ #DBQInnerContent.notReady[data-page='0'] .overlay[data-question='Influences'] {
      background-image: url("../img/GT_intro_influences_ComingSoon.jpg"); }
    body #content.DBQ #DBQInnerContent[data-page='4'] .overlay[data-question='Origins'] {
      background-image: url("../img/GT_outro_origins.jpg"); }
    body #content.DBQ #DBQInnerContent[data-page='4'] .overlay[data-question='Origins']:hover {
      background-image: url("../img/GT_outro_origins_HOVER.jpg"); }
    body #content.DBQ #DBQInnerContent[data-page='4'] .overlay[data-question='Diversity'] {
      background-image: url("../img/GT_outro_diversity.jpg"); }
    body #content.DBQ #DBQInnerContent[data-page='4'] .overlay[data-question='Diversity']:hover {
      background-image: url("../img/GT_outro_diversity_HOVER.jpg"); }
    body #content.DBQ #DBQInnerContent[data-page='4'] .overlay[data-question='Opposition'] {
      background-image: url("../img/GT_wrap-up_opposition.jpg"); }
    body #content.DBQ #DBQInnerContent[data-page='4'] .overlay[data-question='Opposition']:hover {
      background-image: url("../img/GT_wrap-up_opposition_HOVER_.jpg"); }
    body #content.DBQ #DBQInnerContent[data-page='4'] .overlay[data-question='Tactics'] {
      background-image: url("../img/GT_wrap-up_tactics.jpg"); }
    body #content.DBQ #DBQInnerContent[data-page='4'] .overlay[data-question='Tactics']:hover {
      background-image: url("../img/GT_wrap-up_tactics_HOVER.jpg"); }
    body #content.DBQ #DBQInnerContent[data-page='4'] .overlay[data-question='Influences'] {
      background-image: url("../img/GT_outro_influences.jpg"); }
    body #content.DBQ #DBQInnerContent[data-page='4'] .overlay[data-question='Influences']:hover {
      background-image: url("../img/GT_outro_influences_HOVER.jpg"); }
    body #content.DBQ .noUi-target {
      border: none;
      box-shadow: none; }
    body #content.DBQ #DBQInstructionsWrapper {
      position: absolute;
      top: calc(13% + 3.5rem);
      left: -43%;
      width: 43%;
      height: 68%;
      padding: 1rem 1.25vw 0 2.25vw; }
      body #content.DBQ #DBQInstructionsWrapper h3 {
        color: #240f3c;
        font-size: 1.2rem;
        margin: 0 0 1rem 0;
        text-align: left; }
      body #content.DBQ #DBQInstructionsWrapper #DBQActivityQuestion {
        text-align: left;
        font-weight: bold;
        font-size: 1.05rem;
        color: #240f3c;
        margin: 0 0 1rem 0; }
      body #content.DBQ #DBQInstructionsWrapper #DBQActivityInstructions {
        height: 73%;
        overflow-y: auto;
        padding-right: 0.7rem; }
      body #content.DBQ #DBQInstructionsWrapper .DBQPointer {
        background-image: url("../img/icon_pointingHand.png");
        display: inline-block;
        height: 1.62rem;
        width: 3.6rem;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin-left: 0.5rem;
        vertical-align: middle; }
      body #content.DBQ #DBQInstructionsWrapper p, body #content.DBQ #DBQInstructionsWrapper ul {
        margin: 0;
        position: relative;
        font-size: 0.95rem;
        text-align: left;
        font-weight: 100;
        color: #240f3c; }
      body #content.DBQ #DBQInstructionsWrapper p:not(:first-of-type) {
        margin-top: 1rem; }
      body #content.DBQ #DBQInstructionsWrapper ul {
        padding-left: 1.5rem; }
      body #content.DBQ #DBQInstructionsWrapper p.foot {
        margin-top: 1rem; }
      body #content.DBQ #DBQInstructionsWrapper p.foot.zones {
        width: 78%; }
    body #content.DBQ #DBQInnerContent.notReady #DBQInstructionsWrapper {
      background-image: url("../img/graphic_ComingSoon.png");
      background-size: 60%;
      background-repeat: no-repeat;
      background-position: center; }
    body #content.DBQ #DBQActivity {
      text-align: left;
      width: 94%;
      height: 100%;
      margin: 0 auto;
      position: relative; }
    body #content.DBQ #feedbackReminder {
      position: absolute;
      bottom: 1rem;
      left: -3.1%;
      width: 106.3%;
      font-size: 0.95rem;
      background-color: #7a6a96;
      color: #ffffff;
      display: none; }
      body #content.DBQ #feedbackReminder .correctincorrect {
        width: 1.9rem;
        height: 1.9rem;
        display: inline-block;
        vertical-align: middle;
        background-size: 100%;
        background-repeat: no-repeat; }
      body #content.DBQ #feedbackReminder .correctincorrect.correct {
        background-image: url("../img/icon_sort_correct.png"); }
      body #content.DBQ #feedbackReminder .correctincorrect.incorrect {
        background-image: url("../img/icon_sort_incorrect.png"); }
      body #content.DBQ #feedbackReminder .correctincorrect.norightorwrong {
        background-image: url("../img/icon_sort_feedback_HOVER.png"); }
    body #content.DBQ #feedbackReminder.show {
      display: block; }
    body #content.DBQ #DBQActivity.sorting .sortingDraggables {
      width: 100%;
      height: 43%;
      font-size: 0;
      text-align: center;
      padding-top: 5%;
      position: relative; }
      body #content.DBQ #DBQActivity.sorting .sortingDraggables .stagger {
        width: 7.86rem;
        height: 12.9rem;
        vertical-align: bottom;
        display: inline-block;
        position: relative; }
        body #content.DBQ #DBQActivity.sorting .sortingDraggables .stagger .draggable-home {
          display: block; }
      body #content.DBQ #DBQActivity.sorting .sortingDraggables .stagger:not(:first-child) {
        margin-left: 0.9rem; }
    body #content.DBQ #DBQActivity.sorting #sortingDropboxes {
      width: 100%;
      /*overflow: hidden;*/
      height: 45%;
      font-size: 0;
      text-align: center; }
    body #content.DBQ #DBQActivity.sorting .sortingDropboxWrapper {
      display: inline-block;
      vertical-align: top;
      font-size: 1.2rem;
      width: 50%;
      height: 100%;
      position: relative;
      background-image: url("../img/activity_sorting_bucket_left.png");
      background-size: 100% 100%; }
    body #content.DBQ #DBQActivity.sorting .sortingDropboxWrapper + .sortingDropboxWrapper {
      background-image: url("../img/activity_sorting_bucket_right.png"); }
    body #content.DBQ #DBQActivity.sorting .sortingDropbox {
      height: calc(91% - 1.35rem);
      width: 94%;
      position: relative;
      left: 4%;
      top: 1%;
      font-size: 0; }
      body #content.DBQ #DBQActivity.sorting .sortingDropbox label {
        font-size: 1px; }
      body #content.DBQ #DBQActivity.sorting .sortingDropbox .draggable {
        margin: 0.075rem 0.75rem 1.75rem;
        max-width: 27%;
        max-height: 38%; }
    body #content.DBQ #DBQActivity.sorting .sortingDropbox.empty:before {
      content: '';
      background-image: url("../img/icon_QuestionMark.png");
      display: inline-block;
      height: 5.4rem;
      width: 2.4rem;
      background-repeat: no-repeat;
      background-position: center;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      background-size: 100%; }
    body #content.DBQ #DBQActivity.sorting sortingDropbox.right {
      left: 2%; }
    body #content.DBQ #DBQActivity.sorting #sortingCheckAnswers {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      position: absolute;
      right: 0.6rem;
      font-size: 1rem;
      font-weight: bold;
      padding: 0;
      left: 50%;
      transform: translateX(-50%);
      background-repeat: no-repeat;
      background-size: 100%;
      background-image: url("../img/button_bkgd_GetFeedback.png");
      bottom: 1rem;
      height: 3rem;
      width: 8rem; }
    body #content.DBQ #DBQActivity.sorting #sortingCheckAnswers:before {
      content: 'Check Answers';
      color: #ffffff;
      font-family: avenir, arial;
      font-weight: 100;
      font-size: 1rem;
      position: absolute;
      top: 1rem;
      left: 0.6rem; }
    body #content.DBQ #DBQActivity.sorting #sortingCheckAnswers.norightorwrong:before {
      content: 'See Feedback';
      left: 0.75rem; }
    body #content.DBQ #DBQActivity.sorting #sortingCheckAnswers:hover {
      background-image: url("../img/button_bkgd_GetFeedback_HOVER.png"); }
    body #content.DBQ #DBQActivity.sorting .draggable-home {
      display: inline-block;
      vertical-align: bottom; }
    body #content.DBQ #DBQActivity.sorting .draggable-home:empty {
      display: none; }
    body #content.DBQ #DBQActivity.sorting .draggable-home[data-pos='bottom'] {
      margin-top: 0.9rem;
      position: absolute;
      bottom: 0; }
    body #content.DBQ #DBQActivity.sorting .draggable-home[data-pos='mid'] {
      vertical-align: top;
      transform: translateY(50%);
      margin-left: 0.9rem; }
    body #content.DBQ #DBQActivity.sorting .draggable-home + .draggable-home {
      margin-left: 1rem; }
    body #content.DBQ #DBQActivity.sorting .draggableSource {
      position: relative; }
    body #content.DBQ #DBQActivity.sorting h3 {
      text-align: center;
      margin: 0;
      color: #240f3c;
      font-family: angie, arial;
      font-size: 1.35rem; }
    body #content.DBQ #DBQActivity.sorting.ranking .sortingDraggables {
      height: 33%; }
      body #content.DBQ #DBQActivity.sorting.ranking .sortingDraggables .draggable-home {
        margin: 0 0.3rem 0.3rem; }
    body #content.DBQ #DBQActivity.sorting.ranking #sortingDropboxes {
      height: 65%; }
    body #content.DBQ #DBQActivity.sorting.ranking .sortingDropboxWrapper {
      background-image: url("../img/activity_ranking_bucket.png");
      width: 100%;
      height: 45%; }
      body #content.DBQ #DBQActivity.sorting.ranking .sortingDropboxWrapper h3 {
        text-align: left;
        padding-left: 9%; }
    body #content.DBQ #DBQActivity.sorting.ranking .sortingDropboxWrapper:only-of-type {
      height: 90%;
      background-image: url("../img/activity_ranking_bucket_taller.png"); }
      body #content.DBQ #DBQActivity.sorting.ranking .sortingDropboxWrapper:only-of-type .draggable {
        max-height: 40%;
        margin-bottom: 3.6rem; }
        body #content.DBQ #DBQActivity.sorting.ranking .sortingDropboxWrapper:only-of-type .draggable .feedback {
          height: 133%; }
      body #content.DBQ #DBQActivity.sorting.ranking .sortingDropboxWrapper:only-of-type .sortingDropbox {
        text-align: center;
        padding: 0 10%; }
    body #content.DBQ #DBQActivity.sorting.ranking .sortingDropboxWrapper:not(:only-of-type) .draggable img {
      max-width: 38%; }
    body #content.DBQ #DBQActivity.sorting.ranking .sortingDropboxWrapper:not(:only-of-type) .draggable .feedback {
      height: 290%; }
    body #content.DBQ #DBQActivity.sorting.ranking .sortingDropboxWrapper:not(:only-of-type) .sortingDropbox {
      text-align: left; }
    body #content.DBQ #DBQActivity.sorting.ranking .sortingDropboxWrapper:not(:only-of-type) .sortingDropbox.empty:before {
      left: 50%;
      transform: translate(-50%, -50%); }
    body #content.DBQ #DBQActivity.sorting.ranking #sortingCheckAnswers {
      bottom: 0.5rem; }
    body #content.DBQ #DBQActivity.matching .matchingDraggables {
      width: 100%;
      height: 47%;
      text-align: center;
      padding-top: 4%;
      position: relative; }
    body #content.DBQ #DBQActivity.matching #matchingDropboxes {
      width: 100%;
      height: 43%;
      font-size: 0;
      display: flex;
      justify-content: space-between; }
    body #content.DBQ #DBQActivity.matching .matchingDropboxWrapper {
      vertical-align: top;
      font-size: 1.2rem;
      height: 100%;
      position: relative;
      flex-basis: 100%;
      background-image: url("../img/activity_matching_bucketFrame.png");
      background-size: 100% 100%;
      background-repeat: no-repeat; }
    body #content.DBQ #DBQActivity.matching .matchingDropboxWrapper + .matchingDropboxWrapper {
      margin-left: 2%; }
    body #content.DBQ #DBQActivity.matching .matchingDropbox {
      height: 65%;
      width: 80%;
      margin: 0 10%;
      position: absolute;
      bottom: 10%; }
      body #content.DBQ #DBQActivity.matching .matchingDropbox .draggable {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    body #content.DBQ #DBQActivity.matching #matchingCheckAnswers {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      position: absolute;
      right: 0.6rem;
      font-size: 1rem;
      font-weight: bold;
      padding: 0;
      left: 50%;
      transform: translateX(-50%);
      background-repeat: no-repeat;
      background-size: 100%;
      background-image: url(../img/button_bkgd_GetFeedback.png);
      bottom: 1rem;
      height: 3rem;
      width: 8rem; }
    body #content.DBQ #DBQActivity.matching #matchingCheckAnswers:before {
      content: 'Check Answers';
      color: #ffffff;
      font-family: avenir, arial;
      font-weight: 100;
      font-size: 1rem;
      position: absolute;
      top: 1rem;
      left: 0.6rem; }
    body #content.DBQ #DBQActivity.matching #matchingCheckAnswers:hover {
      background-image: url("../img/button_bkgd_GetFeedback_HOVER.png"); }
    body #content.DBQ #DBQActivity.matching .draggable-home {
      display: inline-block; }
    body #content.DBQ #DBQActivity.matching .draggable-home:empty {
      display: none; }
    body #content.DBQ #DBQActivity.matching .draggable-home + .draggable-home {
      margin-left: 2%; }
    body #content.DBQ #DBQActivity.matching .draggableSource {
      position: relative; }
    body #content.DBQ #DBQActivity.matching span.h3 {
      position: relative;
      padding: 0;
      margin: 0;
      height: 30%; }
      body #content.DBQ #DBQActivity.matching span.h3 h3 {
        font-style: italic;
        font-family: avenir, arial;
        color: #240f3c;
        font-size: 0.825rem;
        font-weight: normal;
        position: relative;
        margin: 10%;
        padding: 0; }
    body #content.DBQ #DBQActivity.matching.sourceToSource .matchingDraggables {
      height: 30%;
      padding-top: 0; }
    body #content.DBQ #DBQActivity.matching.sourceToSource #matchingDropboxes {
      height: 60%; }
      body #content.DBQ #DBQActivity.matching.sourceToSource #matchingDropboxes .matchingDropbox {
        height: 50%; }
    body #content.DBQ #DBQActivity.matching.sourceToSource .matchingDropboxWrapper {
      background-image: url("../img/activity_matching_bucketFrame_sourceToSource.png"); }
    body #content.DBQ #DBQActivity.matching.sourceToSource .sourceToMatchTo {
      height: 8.5rem;
      width: 80%;
      margin: 1rem auto 0;
      position: relative; }
      body #content.DBQ #DBQActivity.matching.sourceToSource .sourceToMatchTo img {
        height: auto;
        width: auto;
        pointer-events: none;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 80%;
        max-width: 80%; }
      body #content.DBQ #DBQActivity.matching.sourceToSource .sourceToMatchTo .popupSourceButton {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        background: none;
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 0;
        bottom: -0.5rem;
        left: 15%;
        width: 3rem;
        height: 3rem;
        display: inline-block;
        background-image: url("../img/icon_zoom.png");
        position: absolute; }
      body #content.DBQ #DBQActivity.matching.sourceToSource .sourceToMatchTo .popupSourceButton:hover {
        background-image: url("../img/icon_zoom_HOVER.png"); }
    body #content.DBQ #DBQActivity.analysis .popupSourceButton {
      height: 100px;
      width: 100px;
      display: inline-block;
      background-color: teal; }
      body #content.DBQ #DBQActivity.analysis .popupSourceButton img {
        height: 100%;
        width: 100%; }
    body #content.DBQ #DBQActivity.analysis .analysisButton.pressed {
      background-color: grey; }
    body #content.DBQ #DBQActivity.zones .zonesWrapper {
      position: relative;
      display: block;
      width: 100%;
      height: 91%;
      font-size: 0; }
    body #content.DBQ #DBQActivity.zones .draggable {
      height: 10.25rem;
      width: 13.75rem;
      margin-bottom: 1.5rem;
      position: relative; }
    body #content.DBQ #DBQActivity.zones .zone {
      background-color: #e6dfcf;
      position: absolute;
      display: inline-block;
      box-shadow: 4px 1px 4px 0px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 4px 1px 4px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 4px 1px 4px 0px rgba(0, 0, 0, 0.3);
      transition: width 0.2s ease-out; }
      body #content.DBQ #DBQActivity.zones .zone h4 {
        position: absolute;
        bottom: 0;
        width: 100%;
        font-size: 0.9rem;
        margin: 0;
        text-align: right;
        color: #3f2b56;
        padding: 0.2rem 0.5rem 0.2rem 0;
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        -khtml-user-select: none;
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        cursor: default; }
      body #content.DBQ #DBQActivity.zones .zone h4:hover {
        color: #ffffff;
        background-color: #3f2b56 !important; }
      body #content.DBQ #DBQActivity.zones .zone .textareaWrapper {
        padding: 1rem;
        height: calc(100% - 1.3rem);
        float: right;
        transition: width 0.2s ease-out;
        position: relative; }
        body #content.DBQ #DBQActivity.zones .zone .textareaWrapper textarea {
          width: 100%;
          height: 100%;
          background-color: transparent;
          font-size: 0.9rem;
          border: none;
          color: #240f3c;
          border-radius: 5px;
          padding: 0.5rem;
          font-family: avenir, arial;
          resize: none; }
        body #content.DBQ #DBQActivity.zones .zone .textareaWrapper textarea:focus {
          position: initial; }
        body #content.DBQ #DBQActivity.zones .zone .textareaWrapper textarea + .question {
          background-image: url("../img/icon_QuestionMark.png");
          display: none;
          height: 5.4rem;
          width: 2.4rem;
          background-repeat: no-repeat;
          background-position: center;
          position: absolute;
          left: 55%;
          transform: translateX(-50%) translateY(-50%);
          background-size: 100%;
          transition: left 0.2s ease-out;
          z-index: -1; }
        body #content.DBQ #DBQActivity.zones .zone .textareaWrapper textarea:invalid:not(:focus) + .question {
          display: inline-block; }
    body #content.DBQ #DBQActivity.zones .zone.active {
      width: 100% !important; }
      body #content.DBQ #DBQActivity.zones .zone.active .textareaWrapper {
        width: 75% !important; }
        body #content.DBQ #DBQActivity.zones .zone.active .textareaWrapper textarea + .question {
          left: 50% !important; }
    body #content.DBQ #DBQActivity.zones .zone.inactive {
      width: 25% !important; }
    body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="0"] {
      width: calc(25% * (1));
      height: calc(100% - (1.3rem*(3)) - (0.4rem*(3)));
      z-index: 6; }
      body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="0"] .textareaWrapper {
        width: calc(100% / 1); }
    body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="1"] {
      width: calc(25% * (2));
      height: calc(100% - (1.3rem*(2)) - (0.4rem*(2)));
      z-index: 5; }
      body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="1"] .textareaWrapper {
        width: calc(100% / 2); }
    body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="2"] {
      width: calc(25% * (3));
      height: calc(100% - (1.3rem*(1)) - (0.4rem*(1)));
      z-index: 4; }
      body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="2"] .textareaWrapper {
        width: calc(100% / 3); }
    body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="3"] {
      width: calc(25% * (4));
      height: calc(100% - (1.3rem*(0)) - (0.4rem*(0)));
      z-index: 3; }
      body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="3"] .textareaWrapper {
        width: calc(100% / 4); }
    body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="0"] .textareaWrapper {
      width: 100% !important; }
      body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="0"] .textareaWrapper textarea {
        height: calc(100% - 10.25rem - 1.5rem); }
      body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="0"] .textareaWrapper textarea + .question {
        top: 58%;
        left: 50% !important; }
    body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="0"] h4 {
      background-color: #d2b153; }
    body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="1"] textarea + .question {
      top: 55%; }
    body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="1"] h4 {
      background-color: #d5b65e; }
    body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="2"] textarea + .question {
      top: 52.5%; }
    body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="2"] h4 {
      background-color: #ddc37b; }
    body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="3"] {
      box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.7);
      -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.7);
      -moz-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.7); }
      body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="3"] textarea + .question {
        top: 50%; }
      body #content.DBQ #DBQActivity.zones .zone[data-zonelevel="3"] h4 {
        background-color: #e4d097; }
    body #content.DBQ #DBQActivity.zones #zonesPrint {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      position: absolute;
      right: 0.6rem;
      font-size: 1rem;
      font-weight: bold;
      padding: 0;
      left: 50%;
      transform: translateX(-50%);
      background-repeat: no-repeat;
      background-size: 100%;
      background-image: url("../img/button_bkgd_GetFeedback.png");
      bottom: 1rem;
      height: 2rem;
      width: 5rem; }
    body #content.DBQ #DBQActivity.zones #zonesPrint:before {
      content: 'Print';
      color: #ffffff;
      font-family: avenir, arial;
      font-weight: 100;
      font-size: 1rem;
      position: absolute;
      top: 0.5rem;
      left: 1.5rem; }
    body #content.DBQ #DBQActivity.zones #zonesPrint:hover {
      background-image: url("../img/button_bkgd_GetFeedback_HOVER.png"); }
    body #content.DBQ #DBQActivity.zones.printable {
      position: absolute;
      width: 149.45454%;
      left: -43.15%;
      height: 148.1%;
      top: -34.6%;
      z-index: 20;
      font-size: 0;
      background-color: #e6dfcf; }
      body #content.DBQ #DBQActivity.zones.printable .zonePrintable {
        width: calc(25% - 2rem - 2px);
        margin: 1rem;
        height: calc(90% - 2rem);
        display: inline-block; }
      body #content.DBQ #DBQActivity.zones.printable .line {
        display: inline-block;
        width: 1px;
        height: calc(90% - 2rem);
        border: 1px solid #240f3c; }
      body #content.DBQ #DBQActivity.zones.printable h2 {
        color: #240f3c;
        margin: 0.5rem 1rem;
        font-size: 1.5rem; }
      body #content.DBQ #DBQActivity.zones.printable h3 {
        color: #240f3c;
        margin: 0.5rem 0;
        font-size: 1.3rem;
        height: 5rem; }
      body #content.DBQ #DBQActivity.zones.printable textarea {
        resize: none;
        width: 100%;
        background: none;
        padding: 0.5rem;
        height: 90%;
        font-family: avenir, arial;
        color: #240f3c;
        font-size: 0.95rem;
        border: none; }
      body #content.DBQ #DBQActivity.zones.printable #zonesPrintableClose {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        background: none;
        font-size: 1rem;
        font-weight: bold;
        padding: 0;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url("../img/button_bkgd_GetFeedback.png");
        height: 2rem;
        width: 5rem;
        right: 1rem;
        top: 0.5rem;
        position: absolute; }
      body #content.DBQ #DBQActivity.zones.printable #zonesPrintableClose:before {
        content: 'Close';
        color: #ffffff;
        font-family: avenir, arial;
        font-weight: 100;
        font-size: 1rem;
        position: absolute;
        top: 0.4rem;
        left: 1.2rem; }
      body #content.DBQ #DBQActivity.zones.printable #zonesPrintableClose:hover {
        background-image: url("../img/button_bkgd_GetFeedback_HOVER.png"); }
  body #content.Research #researchHeader {
    background: #655580;
    background: -webkit-linear-gradient(90deg, #462c6b, #58457b 40%, #655580);
    background: -o-linear-gradient(90deg, #462c6b, #58457b 40%, #655580);
    background: -moz-linear-gradient(90deg, #462c6b, #58457b 40%, #655580);
    background: linear-gradient(90deg, #462c6b, #58457b 40%, #655580);
    width: 100%;
    height: 7.3%;
    margin: 0;
    padding: 0 1.8rem;
    font-size: 0; }
    body #content.Research #researchHeader h2 {
      color: white;
      vertical-align: top;
      display: block;
      margin: 0;
      padding: 0;
      font-size: 1.5rem;
      font-weight: normal;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block; }
    body #content.Research #researchHeader input {
      vertical-align: top;
      display: inline-block;
      border-radius: 5px 0 0 5px;
      border: none;
      height: 70%;
      position: relative;
      top: 15%;
      width: 45%;
      margin-left: 1.2rem;
      font-family: avenir, arial;
      font-weight: normal;
      font-size: 1.2rem;
      padding: 0 0.6rem;
      color: #240f3c; }
    body #content.Research #researchHeader button {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      background-color: #f3c300;
      display: inline-block;
      border-radius: 0 5px 5px 0;
      height: 70%;
      position: relative;
      top: 15%;
      vertical-align: top;
      background-image: url("../img/icon_magnifyGlass.svg");
      width: 3.5rem;
      padding: 0;
      background-size: 60%;
      background-repeat: no-repeat;
      background-position: center; }
    body #content.Research #researchHeader button:hover {
      background-color: #240f3c;
      background-image: url("../img/icon_magnifyGlass_hover.svg"); }
  body #content.Research #researchSide {
    position: absolute;
    top: 0;
    width: 43.2%;
    left: -48%;
    height: 100%; }
    body #content.Research #researchSide img {
      height: auto;
      width: 104%;
      max-height: 87%;
      position: relative;
      top: 51%;
      transform: translateY(-50%); }
  body #content.Research .below {
    width: 100%;
    height: 92.7%;
    font-size: 0; }
  body #content.Research .left, body #content.Research .right {
    display: inline-block;
    vertical-align: top;
    height: 100%; }
  body #content.Research .left {
    width: 62%; }
    body #content.Research .left #researchResults {
      height: 88.5%;
      width: 100%;
      padding: 6.78% 3.6rem 0 1.8rem; }
      body #content.Research .left #researchResults img#researchNoResults {
        width: 70%;
        left: calc(50% + 0.9rem);
        transform: translateX(-50%);
        position: relative;
        top: 6rem; }
      body #content.Research .left #researchResults table {
        height: 100%;
        width: 100%; }
        body #content.Research .left #researchResults table thead {
          height: 0; }
          body #content.Research .left #researchResults table thead th {
            height: 0;
            font-size: 0;
            padding: 0; }
        body #content.Research .left #researchResults table tbody {
          width: 100%;
          height: 100%; }
          body #content.Research .left #researchResults table tbody tr {
            width: 100%; }
          body #content.Research .left #researchResults table tbody tr[data-id] {
            cursor: pointer; }
          body #content.Research .left #researchResults table tbody td:first-child {
            width: 12%; }
          body #content.Research .left #researchResults table tbody td:last-child {
            padding-left: 1.2rem;
            color: #240f3c;
            width: 88%; }
            body #content.Research .left #researchResults table tbody td:last-child > div {
              width: 100%;
              height: 100%;
              overflow: hidden;
              text-overflow: ellipsis; }
          body #content.Research .left #researchResults table tbody tr.filtergap {
            font-size: 1.05rem;
            font-weight: bold;
            color: #59457b; }
            body #content.Research .left #researchResults table tbody tr.filtergap span {
              height: 0.15rem;
              background-color: #59457b; }
            body #content.Research .left #researchResults table tbody tr.filtergap td:first-child span {
              width: 100%;
              display: block; }
            body #content.Research .left #researchResults table tbody tr.filtergap td:last-child span {
              display: inline-block;
              float: right;
              width: 13.6%;
              position: relative;
              top: 18%; }
          body #content.Research .left #researchResults table tbody button {
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            border: none;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            font: initial;
            background: none;
            font-size: 0;
            padding: 0;
            height: 100%;
            width: 100%;
            text-align: center;
            position: relative;
            cursor: pointer; }
            body #content.Research .left #researchResults table tbody button img {
              height: auto;
              width: auto;
              max-height: 90%;
              max-width: 100%;
              position: absolute;
              left: 50%;
              top: 0;
              transform: translateX(-50%); }
          body #content.Research .left #researchResults table tbody b {
            font-size: 0.9rem;
            display: block;
            margin-bottom: 0.3rem; }
          body #content.Research .left #researchResults table tbody p {
            margin: 0;
            font-size: 0.9rem;
            font-weight: 100;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            max-height: 2.2rem; }
    body #content.Research .left #researchResults:empty {
      background-image: url("../img/research_instructions_v2.png");
      background-repeat: no-repeat;
      background-size: 80%;
      background-position-x: center;
      background-position-y: 40%; }
    body #content.Research .left #researchResults:empty:before {
      content: "Use the 'Search' function above, then narrow your results using the 'Filters' on the right. Click 'Apply' to filter the search, and 'Reset' if you want to remove the filters."; }
    body #content.Research .left .lower {
      height: 11.5%;
      width: 100%;
      text-align: center;
      position: relative; }
      body #content.Research .left .lower .bg {
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        background-position: center;
        display: inline-block; }
    body #content.Research .left #researchResults:not(:empty) + .lower .bg {
      background-image: url(../img/paging_bkgd.svg); }
    body #content.Research .left #researchResults:empty + .lower #popupSourcePagination {
      display: none; }
  body #content.Research .right {
    width: 38%;
    background-color: #e2dad6; }
    body #content.Research .right .filterHeader {
      width: 100%;
      height: 6%;
      background-color: #3f2b56; }
      body #content.Research .right .filterHeader h3 {
        color: #ffffff;
        font-size: 1.2rem;
        margin: 0;
        display: inline-block;
        font-weight: normal;
        vertical-align: top;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 3rem 0 1.2rem; }
      body #content.Research .right .filterHeader button {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        font-family: avenir, arial;
        color: #240f3c;
        font-size: 1.05rem;
        height: 70%;
        font-weight: normal;
        border-radius: 3px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        vertical-align: top;
        padding: 0 0.6rem;
        margin-right: 1.8rem; }
      body #content.Research .right .filterHeader .disableWithNoQuery:disabled {
        opacity: 0.35; }
      body #content.Research .right .filterHeader #researchFilterApply {
        background-color: #f3c300; }
      body #content.Research .right .filterHeader #researchFilterApply:not(:disabled):hover {
        background-color: #59457b;
        color: #ffffff; }
      body #content.Research .right .filterHeader #researchFilterReset {
        background-color: #cac1c6; }
      body #content.Research .right .filterHeader #researchFilterReset:not(:disabled):hover {
        background-color: #59457b;
        color: #ffffff; }
    body #content.Research .right .filtersAre {
      height: 6%;
      width: 100%;
      background-color: #cac1c6;
      font-size: 1.05rem; }
      body #content.Research .right .filtersAre h4 {
        font-weight: 100;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 0 0 1.2rem;
        color: #240f3c; }
    body #content.Research .right .filterWrapper {
      height: 88%;
      overflow-y: auto;
      overflow-x: hidden;
      padding: 1.8rem 1.2rem; }
      body #content.Research .right .filterWrapper .filterInnerWrapper {
        margin-bottom: 1.8rem; }
      body #content.Research .right .filterWrapper .filterInnerWrapper:first-child {
        margin-bottom: 4.2rem; }
      body #content.Research .right .filterWrapper .filterInnerWrapper:last-child {
        height: 50%;
        margin-bottom: 0; }
      body #content.Research .right .filterWrapper label[for='filterYear'] {
        font-size: 1.05rem;
        margin: 0 0 0.6rem 3rem;
        display: inline-block;
        color: #240f3c; }
      body #content.Research .right .filterWrapper select {
        font-size: 1.05rem;
        /*option{
        	color: #ffffff;
        	background-color: $darkpurple;
        }
        option:first-child{
        	border-radius: 5px 0 5px 0;
        }
        option:last-child{
        	border-radius: 0 5px 0 5px;
        }
        option:hover{
        	color: $darkpurple;
        	background-color: #ffffff;
        }*/ }
      body #content.Research .right .filterWrapper label[for='filterState'], body #content.Research .right .filterWrapper label[for='filterTags'], body #content.Research .right .filterWrapper fieldset > span {
        display: block;
        margin: 0 0.39rem 0 0;
        height: 2.4rem;
        width: 2.4rem;
        background-repeat: no-repeat;
        vertical-align: middle;
        display: inline-block;
        font-size: 1.05rem; }
      body #content.Research .right .filterWrapper label[for='filterState'] {
        background-image: url("../img/icon_state.svg"); }
      body #content.Research .right .filterWrapper label[for='filterTags'] {
        background-image: url("../img/icon_tags.svg"); }
      body #content.Research .right .filterWrapper fieldset {
        border: none;
        font-size: 1.05rem;
        color: #240f3c;
        margin: 0 0 1.2rem 0;
        padding: 0;
        height: 2.1rem; }
        body #content.Research .right .filterWrapper fieldset legend {
          float: left;
          padding: 0;
          margin: 0;
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
          body #content.Research .right .filterWrapper fieldset legend > span {
            margin: 0 0 0 0.39rem; }
        body #content.Research .right .filterWrapper fieldset div {
          display: inline-block;
          top: 50%;
          position: relative;
          transform: translateY(-50%); }
        body #content.Research .right .filterWrapper fieldset input {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          width: 1.2rem;
          height: 1.2rem;
          background-image: url("../img/button_radio_off.svg");
          vertical-align: bottom;
          margin: 0 0.3rem 0 1.2rem;
          background-repeat: no-repeat; }
        body #content.Research .right .filterWrapper fieldset input:checked {
          background: none;
          background-image: url("../img/button_radio_on.svg");
          background-repeat: no-repeat; }
      body #content.Research .right .filterWrapper fieldset.filterInnerWrapper legend:before {
        content: '';
        height: 2.49rem;
        width: 2.4rem;
        background-repeat: no-repeat;
        background-image: url("../img/icon_primarySource.svg");
        vertical-align: middle;
        display: inline-block; }
      body #content.Research .right .filterWrapper fieldset:not(.filterInnerWrapper) legend > span {
        margin-left: 2.79rem; }
      body #content.Research .right .filterWrapper #filterYear {
        margin-bottom: 3.6rem;
        background: none;
        border: none;
        box-shadow: none;
        height: 0.9rem; }
        body #content.Research .right .filterWrapper #filterYear .noUi-base {
          background: #9f97b6;
          border-radius: 50%; }
        body #content.Research .right .filterWrapper #filterYear .noUi-connect {
          background: #240f3c;
          height: 15%;
          top: 45%;
          border-radius: 3px; }
        body #content.Research .right .filterWrapper #filterYear .noUi-origin {
          top: -15%; }
        body #content.Research .right .filterWrapper #filterYear .noUi-handle {
          border: none;
          border-radius: 50%;
          background: #240f3c;
          height: 1.8rem;
          width: 1.8rem;
          box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.7);
          -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.7);
          -moz-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.7);
          top: -0.3rem;
          right: -1.05rem;
          border: 0.18rem solid #240f3c; }
        body #content.Research .right .filterWrapper #filterYear .noUi-handle:before, body #content.Research .right .filterWrapper #filterYear .noUi-handle:after {
          display: none; }
        body #content.Research .right .filterWrapper #filterYear .noUi-tooltip {
          bottom: auto;
          top: 135%;
          font-weight: normal;
          font-family: avenir, arial;
          color: #ffffff;
          font-size: 1.05rem;
          border-radius: 60rem;
          box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.7);
          -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.7);
          -moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.7);
          padding: 0.15rem 0.6rem; }
        body #content.Research .right .filterWrapper #filterYear .sliderInput {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          background: none;
          color: #240f3c;
          font-size: 1.05rem;
          position: absolute;
          right: -0.6rem;
          top: 2.3rem;
          padding: 0;
          font-family: avenir, arial;
          font-weight: normal;
          width: 2.55rem;
          z-index: 10000;
          -moz-appearance: textfield; }
        body #content.Research .right .filterWrapper #filterYear .sliderInput::-webkit-inner-spin-button,
        body #content.Research .right .filterWrapper #filterYear .sliderInput::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0; }
      body #content.Research .right .filterWrapper #filterYear:not(.disabled) .noUi-handle {
        cursor: pointer;
        cursor: grab; }
      body #content.Research .right .filterWrapper #filterYear:not(.disabled) .noUi-handle:hover {
        border-color: #f3c300; }
      body #content.Research .right .filterWrapper #filterTags {
        width: 7.2rem; }
      body #content.Research .right .filterWrapper #selectedTags {
        max-height: 100%;
        overflow-y: auto; }
        body #content.Research .right .filterWrapper #selectedTags > div + div {
          margin-top: 0.3rem; }
        body #content.Research .right .filterWrapper #selectedTags button {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          background: none;
          background-image: url("../img/icon_delete.svg");
          padding: 0;
          margin: 0 0.6rem 0.6rem 3rem;
          height: 1.2rem;
          width: 1.2rem;
          background-repeat: no-repeat;
          vertical-align: middle; }
        body #content.Research .right .filterWrapper #selectedTags button:hover {
          background-image: url("../img/icon_delete_hover.svg"); }
        body #content.Research .right .filterWrapper #selectedTags label {
          font-weight: 100;
          font-size: 0.9rem;
          color: #240f3c;
          max-width: 73%;
          display: inline-block;
          vertical-align: top; }
    body #content.Research .right .filterWrapper:disabled, body #content.Research .right .filterWrapper[disabled="disabled"] {
      opacity: 0.35; }
  body #content.Relive, body #content.Game {
    position: absolute;
    height: 92%;
    width: 96.6%;
    left: 1.7%;
    top: 4%;
    background-color: #3f2b56;
    border-radius: 1rem; }
  body #content.Relive {
    text-align: center;
    color: #efe9d5;
    font-family: open sans-serif, arial;
    background-image: url("../img/image_landing_sized.png");
    background-size: 100%; }
    body #content.Relive h2 {
      font-size: 7.5rem;
      margin: 0 auto;
      font-family: shackleton-wide, angie, arial; }
    body #content.Relive p {
      font-size: 2rem;
      width: 63%;
      margin: 1.5rem auto;
      text-shadow: 2px 2px black;
      font-weight: bold; }
    body #content.Relive .gold {
      color: #bb9a37; }
    body #content.Relive .gameEnters {
      margin: 11rem 12% 0;
      display: flex;
      justify-content: space-evenly; }
      body #content.Relive .gameEnters > .comingsoon {
        display: none; }
    body #content.Relive .goToGameWrapper {
      height: 24rem;
      width: 24rem;
      display: inline-block;
      position: relative;
      top: -4rem; }
    body #content.Relive .starburst {
      background-image: url("../img/starburst.png");
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-size: 100%;
      display: inline-block; }
    body #content.Relive button.goToGame {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      padding: 0;
      color: #240f3c;
      background-color: #bb9a37;
      width: 15rem;
      height: 15rem;
      border-radius: 50%;
      display: inline-block;
      vertical-align: bottom;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1; }
      body #content.Relive button.goToGame .notStarburst {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }
      body #content.Relive button.goToGame .title {
        font-family: shackleton-condensed, angie, arial;
        font-size: 2.75rem;
        line-height: 2.5rem;
        position: relative;
        top: 3rem; }
      body #content.Relive button.goToGame .title.oneline {
        top: 4.5rem; }
      body #content.Relive button.goToGame .icon {
        display: inline-block;
        background-color: #efe9d5;
        color: #240f3c;
        font-size: 2rem;
        font-family: shackleton-condensed, angie, arial;
        border-radius: 50%;
        width: 5rem;
        height: 5rem;
        line-height: 2rem;
        position: absolute;
        bottom: 1rem;
        left: calc(50% - 2.5rem);
        border: 0.125rem solid #a28051; }
        body #content.Relive button.goToGame .icon .icontext {
          display: inline-block;
          top: 1.375rem;
          position: relative; }
      body #content.Relive button.goToGame .iconring {
        height: 5.5rem;
        width: 5.5rem;
        border-radius: 50%;
        position: absolute;
        bottom: 0.75rem;
        left: calc(50% - 2.75rem);
        display: inline-block;
        background: linear-gradient(to bottom right, #a28051, #bb9a37, #a28051);
        border: 0.125rem solid #a28051; }
    body #content.Relive button.goToGame.comingsoon .icon {
      background-color: #59457b;
      color: #efe9d5;
      font-size: 1.5rem;
      line-height: 1.25rem;
      transform: rotateZ(-10deg);
      border: None; }
      body #content.Relive button.goToGame.comingsoon .icon .icontext {
        top: 1.25rem; }
    body #content.Relive button.goToGame.comingsoon .iconring {
      display: none; }
    body #content.Relive button.goToGame:not(.comingsoon) .notStarburst:hover .icon {
      background-color: #240f3c;
      color: #efe9d5; }
    body #content.Relive button#goToBridge {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      padding: 0;
      position: absolute;
      bottom: -2.25rem;
      left: 2rem;
      width: 9rem;
      height: 2rem;
      background-image: url("../img/link_EXIT.png");
      background-size: 100%;
      z-index: 1;
      background-repeat: no-repeat; }
    body #content.Relive button#goToBridge:hover {
      background-image: url("../img/link_EXIT_hover.png"); }
  body #content.Game {
    background-image: url("../img/Image_bkgd_universal.png");
    background-size: 100%; }
    body #content.Game button#goToBridge, body #content.Game button#goToRelive {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      background: none;
      padding: 0;
      position: absolute;
      bottom: -2.2rem;
      background-size: 100%;
      z-index: 1;
      background-repeat: no-repeat;
      height: 1.7rem; }
    body #content.Game button#goToBridge {
      left: 2rem;
      width: 7.5rem;
      background-image: url("../img/link_EXIT.png"); }
    body #content.Game button#goToBridge:hover {
      background-image: url("../img/link_EXIT_hover.png"); }
    body #content.Game button#goToRelive {
      right: 2rem;
      width: 9rem;
      background-image: url("../img/link_REPLAY.png"); }
    body #content.Game button#goToRelive:hover {
      background-image: url("../img/link_REPLAY_hover.png"); }
    body #content.Game .headerWrapper {
      text-align: center;
      position: absolute;
      top: -5%;
      width: 100%;
      height: 5%; }
      body #content.Game .headerWrapper h2 {
        font-family: shackleton-condensed, angie, arial;
        color: #3f2b56;
        font-size: 2rem;
        margin: 0;
        display: inline-block; }
      body #content.Game .headerWrapper .flourish {
        background-image: url("../img/Flourish_title-09.png");
        display: inline-block;
        height: 100%;
        width: 10%;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: bottom; }
      body #content.Game .headerWrapper .flourish.left {
        transform: rotateZ(180deg); }
    body #content.Game .titlebottom {
      color: #3f2b56;
      position: absolute;
      bottom: -4.5%;
      font-size: 1.75rem;
      font-family: shackleton, angie, arial;
      margin: 0;
      width: 100%;
      text-align: center; }
    body #content.Game .pearl .tltext.left-0_75 {
      left: 0.75rem; }
    body #content.Game .pearl .tltext.left-1 {
      left: 1rem; }
    body #content.Game .pearl .tltext.left-1_5 {
      left: 1.5rem; }
    body #content.Game .pearl .tltext.left-2 {
      left: 2rem; }
    body #content.Game .pearl .tltext.left-2_25 {
      left: 2.25rem; }
    body #content.Game .pearl .tltext.left-2_5 {
      left: 2.5rem; }
    body #content.Game .pearl .tltext.left-2_625 {
      left: 2.625rem; }
    body #content.Game .pearl .tltext.left-3 {
      left: 3rem; }
    body #content.Game .pearl .tltext.left-3_375 {
      left: 3.375rem; }
    body #content.Game .pearl .tltext.left-3_5 {
      left: 3.5rem; }
    body #content.Game .pearl .tltext.left-3_75 {
      left: 3.75rem; }
    body #content.Game .pearl .tltext.left-4 {
      left: 4rem; }
    body #content.Game .pearl .tltext.left-4_125 {
      left: 4.125rem; }
    body #content.Game .pearl .tltext.left-4_5 {
      left: 4.5rem; }
    body #content.Game .pearl .tltext.left-4_875 {
      left: 4.875rem; }
    body #content.Game .pearl .tltext.left-5 {
      left: 5rem; }
    body #content.Game .pearl .tltext.left-5_25 {
      left: 5.25rem; }
    body #content.Game .pearl .tltext.left-5_5 {
      left: 5.5rem; }
    body #content.Game .pearl .tltext.left-6 {
      left: 6rem; }
    body #content.Game .pearl .tltext.left-6_5 {
      left: 6.5rem; }
    body #content.Game .pearl .tltext.left-7 {
      left: 7rem; }
    body #content.Game .pearl .tltext.left-7_125 {
      left: 7.125rem; }
    body #content.Game .pearl .tltext.left-7_5 {
      left: 7.5rem; }
    body #content.Game .pearl .tltext.left-8 {
      left: 8rem; }
    body #content.Game .pearl .tltext.left-8_5 {
      left: 8.5rem; }
    body #content.Game .pearl .tltext.left-9 {
      left: 9rem; }
    body #content.Game .pearl .tltext.left-9_5 {
      left: 9.5rem; }
    body #content.Game #gameWrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      body #content.Game #gameWrapper #headlineWrapper {
        height: 100%;
        width: 100%;
        z-index: 6;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(66, 33, 11, 0.75); }
        body #content.Game #gameWrapper #headlineWrapper #headlineSpinner {
          position: absolute;
          height: 0%;
          width: 0%;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          transition: width 0.75s, height 0.75s, transform 0.75s;
          transform-style: preserve-3d;
          transition-timing-function: ease-in; }
        body #content.Game #gameWrapper #headlineWrapper #headlines {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%; }
        body #content.Game #gameWrapper #headlineWrapper .headlineImg {
          position: absolute;
          top: 50%;
          left: 50%;
          height: 100%;
          transform: translate(-50%, -50%); }
        body #content.Game #gameWrapper #headlineWrapper #headlineClose {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          position: absolute;
          background: none;
          top: 2rem;
          right: 12rem;
          height: 6%;
          width: 3.7%;
          background-repeat: no-repeat;
          background-image: url("../img/icon_Close.png");
          background-size: 100%;
          padding: 0;
          display: none; }
        body #content.Game #gameWrapper #headlineWrapper #headlineClose:hover {
          background-image: url("../img/ClosePanelX_HOVER.png"); }
      body #content.Game #gameWrapper #headlineWrapper.show #headlineSpinner {
        height: 100%;
        width: 100%;
        transform: translate(-50%, -50%) rotate(720deg); }
      body #content.Game #gameWrapper #headlineWrapper:not(.show):not(.showing) {
        display: none; }
      body #content.Game #gameWrapper button#necklaceOpenScrapbook, body #content.Game #gameWrapper button#resultsOpenScrapbook {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: none;
        position: absolute;
        bottom: 7%;
        left: 3%;
        height: 12rem;
        width: 12rem; }
        body #content.Game #gameWrapper button#necklaceOpenScrapbook img, body #content.Game #gameWrapper button#resultsOpenScrapbook img {
          height: 100%;
          width: 100%; }
      body #content.Game #gameWrapper #scrapbookWrapper {
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        opacity: 0;
        transition: opacity 0.5s ease-out;
        border-radius: 1rem;
        overflow: hidden; }
        body #content.Game #gameWrapper #scrapbookWrapper .bg {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-image: url("../img/bkgd_pattern_gold.png");
          background-size: 60%;
          opacity: 0.96; }
        body #content.Game #gameWrapper #scrapbookWrapper #scrapbook {
          background-image: url("../img/album_open_wider_v3.4.png");
          width: 100%;
          background-size: 115.5% 100%;
          position: absolute;
          height: 106%;
          left: -106%;
          top: -6%;
          background-repeat: no-repeat;
          transition: left 0.5s ease-out; }
          body #content.Game #gameWrapper #scrapbookWrapper #scrapbook .scrapbookObjects {
            position: absolute;
            top: 53%;
            width: 32%;
            left: -8%;
            height: auto;
            max-height: 87%;
            transform: translateY(-50%); }
        body #content.Game #gameWrapper #scrapbookWrapper #scrapbook.visible {
          left: -6%; }
        body #content.Game #gameWrapper #scrapbookWrapper h2 {
          color: #3f2b56;
          font-family: shackleton, avenir, arial;
          font-size: 3rem;
          position: absolute;
          top: 3.2rem;
          margin: 0;
          left: 50%;
          transform: translateX(-50%); }
        body #content.Game #gameWrapper #scrapbookWrapper .scrapbookThumbs {
          position: absolute;
          height: 75%;
          left: 32%;
          top: 19%;
          width: 9.75rem; }
        body #content.Game #gameWrapper #scrapbookWrapper button.scrapbookHeadlineButton {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          background: none;
          padding: 0;
          position: relative;
          display: block;
          height: auto;
          width: 100%; }
          body #content.Game #gameWrapper #scrapbookWrapper button.scrapbookHeadlineButton img {
            height: 100%;
            width: 100%; }
        body #content.Game #gameWrapper #scrapbookWrapper button.scrapbookHeadlineButton:disabled {
          opacity: 0.4; }
        body #content.Game #gameWrapper #scrapbookWrapper img.scrapbookHeadlineMain {
          position: absolute;
          width: 51%;
          top: 17%;
          left: 44%;
          transform: rotateZ(-2deg); }
        body #content.Game #gameWrapper #scrapbookWrapper .scrapbookHeadlineTitle {
          position: absolute;
          bottom: 11.5%;
          top: auto;
          left: 68%;
          margin: 0;
          color: #3f2b56;
          font-family: shackleton-condensed, avenir, arial;
          font-size: 2.5rem; }
        body #content.Game #gameWrapper #scrapbookWrapper button#scrapbookClose {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          position: absolute;
          background: none;
          top: 2rem;
          right: 2rem;
          height: 3.5rem;
          width: 3.5rem;
          background-repeat: no-repeat;
          background-image: url("../img/ClosePanelX.png");
          background-size: 100%;
          padding: 0; }
        body #content.Game #gameWrapper #scrapbookWrapper button#scrapbookClose:hover {
          background-image: url("../img/ClosePanelX_HOVER.png"); }
      body #content.Game #gameWrapper #scrapbookWrapper.active {
        display: block; }
      body #content.Game #gameWrapper #scrapbookWrapper.visible {
        opacity: 1; }
    body #content.Game #gameWrapper.faction {
      text-align: center; }
      body #content.Game #gameWrapper.faction h3 {
        font-family: shackleton-wide, angie, arial;
        color: #efe9d5;
        margin: 1.3rem auto;
        width: 100%;
        text-align: center;
        font-size: 3rem;
        position: relative;
        text-shadow: 2px 2px black; }
      body #content.Game #gameWrapper.faction .overview {
        color: #efe9d5;
        text-align: left;
        font-family: open sans-serif, arial;
        font-size: 1.15rem;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0 37%;
        line-height: 1.75rem; }
        body #content.Game #gameWrapper.faction .overview p {
          margin: 0; }
      body #content.Game #gameWrapper.faction .overviewReadMore {
        position: relative;
        overflow-y: hidden;
        height: 40%;
        padding-bottom: 3.25rem; }
        body #content.Game #gameWrapper.faction .overviewReadMore > div {
          height: 100%;
          width: 100%;
          overflow-y: hidden; }
          body #content.Game #gameWrapper.faction .overviewReadMore > div p {
            padding-right: 0.65rem; }
        body #content.Game #gameWrapper.faction .overviewReadMore button {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
          -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
          -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
          border-radius: 5px;
          color: #3f2b56;
          background-color: #cac1ec;
          font-family: open sans-serif, arial;
          font-weight: bold;
          font-size: 1rem;
          padding: 0.25rem 0.5rem;
          position: absolute;
          bottom: 0;
          right: 0;
          border: 2px solid #cac1ec; }
        body #content.Game #gameWrapper.faction .overviewReadMore button:hover {
          color: #cac1ec;
          background-color: #3f2b56; }
      body #content.Game #gameWrapper.faction .overviewReadMore.scroll {
        padding-bottom: 0; }
        body #content.Game #gameWrapper.faction .overviewReadMore.scroll > div {
          overflow-y: auto; }
        body #content.Game #gameWrapper.faction .overviewReadMore.scroll button {
          display: none; }
      body #content.Game #gameWrapper.faction .overviewReadMore::-webkit-scrollbar-track {
        box-shadow: inset 0 0 2px #efe9d5; }
      body #content.Game #gameWrapper.faction .card {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: none;
        position: absolute;
        top: 21%;
        width: 28%;
        height: 67%;
        transition: transform 1s;
        transform-style: preserve-3d; }
        body #content.Game #gameWrapper.faction .card img {
          height: auto;
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          -webkit-perspective: 0;
          -webkit-backface-visibility: hidden;
          visibility: visible;
          backface-visibility: hidden;
          transition: transform 1s;
          transform-style: preserve-3d; }
        body #content.Game #gameWrapper.faction .card img.cardback {
          transform: rotateY(180deg); }
        body #content.Game #gameWrapper.faction .card .cardcontent {
          position: absolute;
          top: 0;
          left: 0;
          width: 1px;
          height: 1px;
          overflow: hidden;
          opacity: 0;
          text-align: left;
          color: #3f2b56;
          padding: 2.5rem 3rem 2.5rem 2.5rem;
          font-family: open sans-serif, arial;
          transition: transform 1s, opacity 0.7s;
          transform: translateZ(1px) rotateY(180deg);
          -webkit-perspective: 0;
          -webkit-backface-visibility: hidden;
          visibility: visible;
          backface-visibility: hidden; }
          body #content.Game #gameWrapper.faction .card .cardcontent h4 {
            font-weight: bold;
            font-size: 1.3rem;
            margin: 1.25rem 0 0.75rem; }
          body #content.Game #gameWrapper.faction .card .cardcontent h4.long {
            margin-top: 0; }
          body #content.Game #gameWrapper.faction .card .cardcontent h4:last-of-type {
            margin-top: 1.75rem; }
          body #content.Game #gameWrapper.faction .card .cardcontent p {
            font-size: 1rem;
            margin: 0;
            height: 37%;
            overflow-y: scroll;
            padding-right: 0.75rem; }
      body #content.Game #gameWrapper.faction .card.flipped {
        transform: rotateZ(0deg) !important; }
        body #content.Game #gameWrapper.faction .card.flipped img.cardfront {
          transform: rotateY(180deg); }
        body #content.Game #gameWrapper.faction .card.flipped img.cardback {
          transform: rotateY(0deg); }
        body #content.Game #gameWrapper.faction .card.flipped .cardcontent {
          transform: translateZ(1px) rotateY(0deg); }
      body #content.Game #gameWrapper.faction .card.flipped:not(.halfflip), body #content.Game #gameWrapper.faction .card.halfflip:not(.flipped) {
        z-index: 3; }
        body #content.Game #gameWrapper.faction .card.flipped:not(.halfflip) .cardcontent, body #content.Game #gameWrapper.faction .card.halfflip:not(.flipped) .cardcontent {
          -webkit-touch-callout: none;
          /* iOS Safari */
          -webkit-user-select: none;
          /* Safari */
          -khtml-user-select: none;
          /* Konqueror HTML */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer/Edge */
          user-select: none;
          cursor: default;
          height: 100%;
          width: 100%;
          overflow: auto; }
      body #content.Game #gameWrapper.faction .card.flipped:not(.halfflip) .cardcontent {
        opacity: 1; }
      body #content.Game #gameWrapper.faction .card.halfflip:not(.flipped) .cardcontent {
        transition: transform 1s, opacity 0.3s;
        opacity: 0; }
      body #content.Game #gameWrapper.faction .card[data-factionid="1"] {
        left: 4%;
        transform: rotateZ(-5deg); }
      body #content.Game #gameWrapper.faction .card[data-factionid="2"] {
        right: 4%;
        transform: rotateZ(5deg); }
      body #content.Game #gameWrapper.faction .game-ephemera {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: none;
        position: absolute; }
        body #content.Game #gameWrapper.faction .game-ephemera img {
          height: auto;
          width: 100%; }
      body #content.Game #gameWrapper.faction .flipCard {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: none;
        background-image: url("../img/icon_FlipCard.png");
        width: 2.5rem;
        height: 2.9rem;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 3rem; }
      body #content.Game #gameWrapper.faction .flipCard:hover {
        background-image: url("../img/icon_FlipCard_HOVER.png"); }
      body #content.Game #gameWrapper.faction .flipCard[data-factionid='1'] {
        left: 8rem; }
      body #content.Game #gameWrapper.faction .flipCard[data-factionid='2'] {
        right: 8rem; }
      body #content.Game #gameWrapper.faction .popupSourceButton {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        background: none;
        padding: 0;
        width: 2.75rem;
        height: 2.75rem;
        position: absolute;
        bottom: 3.5rem;
        background-image: url("../img/icon_ShowSource_HOVER.png");
        background-size: 2.75rem;
        background-repeat: no-repeat; }
      body #content.Game #gameWrapper.faction .popupSourceButton:hover {
        background-image: url("../img/icon_ShowSource.png"); }
      body #content.Game #gameWrapper.faction .popupSourceButton[data-factionid='1'] {
        left: 26rem; }
      body #content.Game #gameWrapper.faction .popupSourceButton[data-factionid='2'] {
        right: 26rem; }
      body #content.Game #gameWrapper.faction .joinFactionRadio {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        width: 2.9rem;
        height: 2.9rem;
        margin: 0;
        position: absolute;
        bottom: 3.1rem;
        background-image: url("../img/Select_Group_OFF.png");
        background-size: 100%;
        background-repeat: no-repeat; }
      body #content.Game #gameWrapper.faction .joinFactionRadio:checked {
        background-image: url("../img/Select_Group_ON.png"); }
      body #content.Game #gameWrapper.faction #joinFaction1 {
        left: 17.5%; }
      body #content.Game #gameWrapper.faction label[for='joinFaction1'] {
        left: 14.5%; }
      body #content.Game #gameWrapper.faction #joinFaction2 {
        right: 17.5%; }
      body #content.Game #gameWrapper.faction label[for='joinFaction2'] {
        right: 14.5%; }
      body #content.Game #gameWrapper.faction .joinFactionLabel {
        font-family: shackleton-condensed, angie, arial;
        font-size: 1.75rem;
        color: #efe9d5;
        position: absolute;
        bottom: 0.75rem; }
      body #content.Game #gameWrapper.faction #confirmFaction {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        border-radius: 5px;
        color: #3f2b56;
        background-color: #cac1ec;
        font-family: open sans-serif, arial;
        font-weight: bold;
        font-size: 1.3rem;
        padding: 0.5rem 0.75rem;
        position: absolute;
        bottom: 3.5rem;
        left: 50%;
        transform: translateX(-50%);
        border: 2px solid #cac1ec; }
      body #content.Game #gameWrapper.faction #confirmFaction:disabled {
        opacity: 0.4; }
      body #content.Game #gameWrapper.faction #confirmFaction:not(:disabled):hover {
        color: #cac1ec;
        background-color: #3f2b56; }
    body #content.Game #gameWrapper.necklace {
      text-align: center;
      /* 1-8 */
      /* 1-8 */
      /* 1-8 */
      /* 1-8 */
      /* 1-8 */
      /* 1-8 */
      /* 1-8 */
      /* 1-8 */ }
      body #content.Game #gameWrapper.necklace h3, body #content.Game #gameWrapper.necklace h4 {
        color: #efe9d5;
        width: 100%;
        text-align: center;
        position: relative; }
      body #content.Game #gameWrapper.necklace h3 {
        font-family: shackleton-wide, angie, arial;
        font-size: 3rem;
        margin: 1.3rem auto; }
      body #content.Game #gameWrapper.necklace h4 {
        font-family: shackleton, angie, arial;
        font-size: 1.5rem;
        margin: 0 auto; }
      body #content.Game #gameWrapper.necklace button#necklaceOpenHelp {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: none;
        position: absolute;
        top: 4%;
        right: 2%;
        height: 4rem;
        width: 4rem;
        background-repeat: no-repeat;
        background-image: url("../img/icon_game_Instructions.png");
        background-size: 100%; }
      body #content.Game #gameWrapper.necklace button#necklaceOpenHelp:hover {
        background-image: url("../img/icon_game_Instructions_HOVER.png"); }
      body #content.Game #gameWrapper.necklace #necklaceHelp, body #content.Game #gameWrapper.necklace #pearlHelp {
        display: none;
        height: 108.6%;
        width: 103.6%;
        position: absolute;
        left: 101.7%;
        top: -4.3%;
        background-color: #f5f2e6;
        z-index: 5;
        transition: left 0.5s ease-out;
        text-align: left; }
        body #content.Game #gameWrapper.necklace #necklaceHelp h2, body #content.Game #gameWrapper.necklace #pearlHelp h2 {
          color: #3f2b56;
          font-family: shackleton, avenir, arial;
          font-size: 3rem;
          position: absolute;
          left: 33rem;
          top: 3.2rem;
          margin: 0; }
        body #content.Game #gameWrapper.necklace #necklaceHelp .left, body #content.Game #gameWrapper.necklace #pearlHelp .left {
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          width: 28%;
          /* 1-7 */
          /* 1-7 */
          /* 1-7 */
          /* 1-7 */
          /* 1-7 */
          /* 1-7 */
          /* 1-7 */
          /* 1-7 */ }
          body #content.Game #gameWrapper.necklace #necklaceHelp .left p, body #content.Game #gameWrapper.necklace #pearlHelp .left p {
            color: #9c2310;
            font-family: open sans-serif, arial;
            font-size: 0.95rem;
            margin: 0 0 2rem 0;
            padding: 0 1rem 0 6rem;
            position: relative;
            transition: opacity 0.5s; }
          body #content.Game #gameWrapper.necklace #necklaceHelp .left p:first-child, body #content.Game #gameWrapper.necklace #pearlHelp .left p:first-child {
            color: #3f2b56;
            font-weight: bold; }
          body #content.Game #gameWrapper.necklace #necklaceHelp .left p:nth-child(0):not(:first-child):not(.nonum):before, body #content.Game #gameWrapper.necklace #pearlHelp .left p:nth-child(0):not(:first-child):not(.nonum):before {
            content: "-1";
            color: #f5f2e6;
            font-size: 1.6rem;
            border-radius: 50%;
            background-color: #9c2310;
            height: 2rem;
            width: 2rem;
            position: absolute;
            top: 0;
            left: 3rem;
            text-align: center;
            line-height: 1.9rem; }
          body #content.Game #gameWrapper.necklace #necklaceHelp .left p:nth-child(1):not(:first-child):not(.nonum):before, body #content.Game #gameWrapper.necklace #pearlHelp .left p:nth-child(1):not(:first-child):not(.nonum):before {
            content: "0";
            color: #f5f2e6;
            font-size: 1.6rem;
            border-radius: 50%;
            background-color: #9c2310;
            height: 2rem;
            width: 2rem;
            position: absolute;
            top: 0;
            left: 3rem;
            text-align: center;
            line-height: 1.9rem; }
          body #content.Game #gameWrapper.necklace #necklaceHelp .left p:nth-child(2):not(:first-child):not(.nonum):before, body #content.Game #gameWrapper.necklace #pearlHelp .left p:nth-child(2):not(:first-child):not(.nonum):before {
            content: "1";
            color: #f5f2e6;
            font-size: 1.6rem;
            border-radius: 50%;
            background-color: #9c2310;
            height: 2rem;
            width: 2rem;
            position: absolute;
            top: 0;
            left: 3rem;
            text-align: center;
            line-height: 1.9rem; }
          body #content.Game #gameWrapper.necklace #necklaceHelp .left p:nth-child(3):not(:first-child):not(.nonum):before, body #content.Game #gameWrapper.necklace #pearlHelp .left p:nth-child(3):not(:first-child):not(.nonum):before {
            content: "2";
            color: #f5f2e6;
            font-size: 1.6rem;
            border-radius: 50%;
            background-color: #9c2310;
            height: 2rem;
            width: 2rem;
            position: absolute;
            top: 0;
            left: 3rem;
            text-align: center;
            line-height: 1.9rem; }
          body #content.Game #gameWrapper.necklace #necklaceHelp .left p:nth-child(4):not(:first-child):not(.nonum):before, body #content.Game #gameWrapper.necklace #pearlHelp .left p:nth-child(4):not(:first-child):not(.nonum):before {
            content: "3";
            color: #f5f2e6;
            font-size: 1.6rem;
            border-radius: 50%;
            background-color: #9c2310;
            height: 2rem;
            width: 2rem;
            position: absolute;
            top: 0;
            left: 3rem;
            text-align: center;
            line-height: 1.9rem; }
          body #content.Game #gameWrapper.necklace #necklaceHelp .left p:nth-child(5):not(:first-child):not(.nonum):before, body #content.Game #gameWrapper.necklace #pearlHelp .left p:nth-child(5):not(:first-child):not(.nonum):before {
            content: "4";
            color: #f5f2e6;
            font-size: 1.6rem;
            border-radius: 50%;
            background-color: #9c2310;
            height: 2rem;
            width: 2rem;
            position: absolute;
            top: 0;
            left: 3rem;
            text-align: center;
            line-height: 1.9rem; }
          body #content.Game #gameWrapper.necklace #necklaceHelp .left p:nth-child(6):not(:first-child):not(.nonum):before, body #content.Game #gameWrapper.necklace #pearlHelp .left p:nth-child(6):not(:first-child):not(.nonum):before {
            content: "5";
            color: #f5f2e6;
            font-size: 1.6rem;
            border-radius: 50%;
            background-color: #9c2310;
            height: 2rem;
            width: 2rem;
            position: absolute;
            top: 0;
            left: 3rem;
            text-align: center;
            line-height: 1.9rem; }
          body #content.Game #gameWrapper.necklace #necklaceHelp .left p:nth-child(7):not(:first-child):not(.nonum):before, body #content.Game #gameWrapper.necklace #pearlHelp .left p:nth-child(7):not(:first-child):not(.nonum):before {
            content: "6";
            color: #f5f2e6;
            font-size: 1.6rem;
            border-radius: 50%;
            background-color: #9c2310;
            height: 2rem;
            width: 2rem;
            position: absolute;
            top: 0;
            left: 3rem;
            text-align: center;
            line-height: 1.9rem; }
          body #content.Game #gameWrapper.necklace #necklaceHelp .left p.nonum, body #content.Game #gameWrapper.necklace #pearlHelp .left p.nonum {
            margin: 0 0 1rem 0; }
        body #content.Game #gameWrapper.necklace #necklaceHelp button, body #content.Game #gameWrapper.necklace #pearlHelp button {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          position: absolute;
          background: none;
          top: 4rem;
          right: 4rem;
          height: 3.5rem;
          width: 3.5rem;
          background-repeat: no-repeat;
          background-image: url("../img/ClosePanelX.png");
          background-size: 100%;
          padding: 0; }
        body #content.Game #gameWrapper.necklace #necklaceHelp button:not(:disabled):hover, body #content.Game #gameWrapper.necklace #pearlHelp button:not(:disabled):hover {
          background-image: url("../img/ClosePanelX_HOVER.png"); }
        body #content.Game #gameWrapper.necklace #necklaceHelp img, body #content.Game #gameWrapper.necklace #pearlHelp img {
          position: absolute;
          right: 2rem;
          top: 10rem;
          width: 69%;
          box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.3);
          -webkit-box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.3); }
      body #content.Game #gameWrapper.necklace #necklaceHelp.active, body #content.Game #gameWrapper.necklace #pearlHelp.active {
        display: block; }
      body #content.Game #gameWrapper.necklace #necklaceHelp.visible, body #content.Game #gameWrapper.necklace #pearlHelp.visible {
        left: -1.7%; }
      body #content.Game #gameWrapper.necklace #necklaceHelp.first p:not(:first-child):not(.show), body #content.Game #gameWrapper.necklace #pearlHelp.first p:not(:first-child):not(.show) {
        opacity: 0; }
      body #content.Game #gameWrapper.necklace #necklaceHelp .left {
        padding-top: 10rem; }
      body #content.Game #gameWrapper.necklace #pearlHelp .left {
        padding-top: 7rem; }
      body #content.Game #gameWrapper.necklace #factionInfoWrapper {
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        opacity: 0;
        transition: opacity 0.5s ease-out;
        border-radius: 1rem;
        overflow: hidden; }
        body #content.Game #gameWrapper.necklace #factionInfoWrapper .bg {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-image: url("../img/bkgd_pattern_gold.png");
          background-size: 60%;
          opacity: 0.96; }
        body #content.Game #gameWrapper.necklace #factionInfoWrapper .card {
          height: 63%;
          width: 26%;
          position: absolute; }
        body #content.Game #gameWrapper.necklace #factionInfoWrapper .cardfront {
          top: 21%;
          left: 50%;
          transform: rotateZ(3deg); }
        body #content.Game #gameWrapper.necklace #factionInfoWrapper .cardback, body #content.Game #gameWrapper.necklace #factionInfoWrapper .cardcontent {
          top: 16%;
          left: 26%;
          transform: rotateZ(-3deg); }
        body #content.Game #gameWrapper.necklace #factionInfoWrapper .cardcontent {
          padding: 2.5rem 3rem 2.5rem 2.5rem;
          text-align: left; }
          body #content.Game #gameWrapper.necklace #factionInfoWrapper .cardcontent h4 {
            font-family: open sans-serif, arial;
            color: #3f2b56;
            font-weight: bold;
            font-size: 1.2rem;
            margin: 1.25rem 0 0.75rem;
            text-align: left; }
          body #content.Game #gameWrapper.necklace #factionInfoWrapper .cardcontent p {
            font-family: open sans-serif, arial;
            color: #3f2b56;
            font-size: 1rem;
            margin: 0;
            padding-right: 0.75rem;
            height: 80%;
            overflow-y: auto; }
        body #content.Game #gameWrapper.necklace #factionInfoWrapper .game-ephemera {
          position: absolute; }
          body #content.Game #gameWrapper.necklace #factionInfoWrapper .game-ephemera img {
            height: 100%;
            width: 100%; }
        body #content.Game #gameWrapper.necklace #factionInfoWrapper button#factionInfoClose {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          position: absolute;
          background: none;
          top: 2rem;
          right: 2rem;
          height: 3.5rem;
          width: 3.5rem;
          background-repeat: no-repeat;
          background-image: url("../img/ClosePanelX.png");
          background-size: 100%;
          padding: 0; }
        body #content.Game #gameWrapper.necklace #factionInfoWrapper button#factionInfoClose:hover {
          background-image: url("../img/ClosePanelX_HOVER.png"); }
      body #content.Game #gameWrapper.necklace #factionInfoWrapper.active {
        display: block; }
      body #content.Game #gameWrapper.necklace #factionInfoWrapper.visible {
        opacity: 1; }
      body #content.Game #gameWrapper.necklace .necklacePearls {
        width: 100%;
        height: 58%;
        position: relative; }
      body #content.Game #gameWrapper.necklace .pearl {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        background: none;
        display: inline-block;
        width: 42%;
        height: 21.7%;
        margin: 0.5rem 0.5rem;
        padding: 0;
        font-size: 0;
        transition: width 1s, height 1s, left 1s, top 1s, opacity 0.5s;
        position: absolute; }
        body #content.Game #gameWrapper.necklace .pearl .hideWhileExpanded {
          transition: width 1s, height 1s, opacity 0.5s; }
        body #content.Game #gameWrapper.necklace .pearl .showWhileExpanded {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          transition: opacity 0.5s;
          opacity: 0; }
        body #content.Game #gameWrapper.necklace .pearl .ticketLeft, body #content.Game #gameWrapper.necklace .pearl .ticketRight {
          display: inline-block;
          height: 89%;
          vertical-align: top;
          position: relative;
          margin-top: 0.5%;
          background-color: #bb9a37;
          box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
          -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
          -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */ }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .bite, body #content.Game #gameWrapper.necklace .pearl .ticketRight .bite {
            background-color: #bb9a37;
            border-radius: 50%;
            position: absolute;
            width: 1rem;
            height: 1rem;
            transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s, bottom 0.5s, right 0.5s; }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate, body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate {
            background-color: #240f3c;
            position: absolute;
            height: 3.87%;
            border-radius: 50%;
            transition: opacity 0.5s; }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="0"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="0"] {
            top: calc((100% / 15) * (0 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="1"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="1"] {
            top: calc((100% / 15) * (1 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="2"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="2"] {
            top: calc((100% / 15) * (2 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="3"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="3"] {
            top: calc((100% / 15) * (3 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="4"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="4"] {
            top: calc((100% / 15) * (4 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="5"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="5"] {
            top: calc((100% / 15) * (5 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="6"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="6"] {
            top: calc((100% / 15) * (6 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="7"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="7"] {
            top: calc((100% / 15) * (7 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="8"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="8"] {
            top: calc((100% / 15) * (8 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="9"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="9"] {
            top: calc((100% / 15) * (9 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="10"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="10"] {
            top: calc((100% / 15) * (10 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="11"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="11"] {
            top: calc((100% / 15) * (11 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="12"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="12"] {
            top: calc((100% / 15) * (12 + 1)); }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate[data-sid="13"], body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate[data-sid="13"] {
            top: calc((100% / 15) * (13 + 1)); }
        body #content.Game #gameWrapper.necklace .pearl .ticketLeft {
          width: 64%;
          border-radius: 0.75rem 0 0 0.75rem;
          margin-left: 0.75%;
          left: -0.75rem;
          transition: width 1s, height 1s, left 1s;
          text-align: left; }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .tlbg {
            transition: width 1s, height 1s;
            position: absolute;
            width: 94%;
            height: 86%;
            transform: translateX(-50%) translateY(-50%);
            top: 50%;
            left: 50%;
            background-color: #efe9d5; }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .bite:nth-of-type(2) {
            top: 2%;
            left: 1.5%; }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .bite:nth-of-type(3) {
            top: 2%;
            right: 1.5%; }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .bite:nth-of-type(4) {
            bottom: 2%;
            left: 1.5%; }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .bite:nth-of-type(5) {
            bottom: 2%;
            right: 1.5%; }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .serrate {
            right: -0.125rem;
            width: 0.96%; }
          body #content.Game #gameWrapper.necklace .pearl .ticketLeft .tltext {
            color: #3f2b56;
            font-family: shackleton-condensed, angie, arial;
            font-size: 2.3rem;
            display: inline-block;
            position: relative;
            top: 1.3rem;
            transition: top 1s, left 1s, font-size 1s;
            transform-style: flat; }
        body #content.Game #gameWrapper.necklace .pearl .ticketRight {
          width: 31%;
          left: -0.7rem;
          border-radius: 0 0.75rem 0.75rem 0;
          transition: width 1s, height 1s, left 1s, transform 1s; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .ticketRightInner {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            transition: transform 1s;
            transform-style: preserve-3d;
            -webkit-perspective: 0;
            -webkit-backface-visibility: hidden; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .ticketRightInner.front {
            transform: rotateY(0deg); }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .ticketRightInner.back {
            transform: rotateY(180deg); }
            body #content.Game #gameWrapper.necklace .pearl .ticketRight .ticketRightInner.back .trbg {
              backface-visibility: hidden;
              -webkit-perspective: 0;
              -webkit-backface-visibility: hidden;
              background-color: #635404; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .trbg, body #content.Game #gameWrapper.necklace .pearl .ticketRight .bites {
            transition: width 1s, height 1s;
            position: absolute;
            transform: translateX(-50%) translateY(-50%);
            top: 50%;
            left: 50%;
            background: none; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .trbg {
            border: 1px solid #efe9d5;
            width: 90%;
            height: 86%; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .bites {
            overflow: hidden;
            width: 90.5%;
            height: 87%; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .bite:nth-of-type(1) {
            top: -0.25rem;
            left: -0.25rem;
            border-bottom: 1px solid #efe9d5;
            border-right: 1px solid #efe9d5; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .bite:nth-of-type(2) {
            top: -0.25rem;
            right: -0.25rem;
            border-bottom: 1px solid #efe9d5;
            border-left: 1px solid #efe9d5; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .bite:nth-of-type(3) {
            bottom: -0.25rem;
            left: -0.25rem;
            border-top: 1px solid #efe9d5;
            border-right: 1px solid #efe9d5; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .bite:nth-of-type(4) {
            bottom: -0.25rem;
            right: -0.25rem;
            border-top: 1px solid #efe9d5;
            border-left: 1px solid #efe9d5; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .serrate {
            left: -0.125rem;
            width: 1.98%; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .eye, body #content.Game #gameWrapper.necklace .pearl .ticketRight .checkWrapper {
            height: 2rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            display: inline-block; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .eye {
            background-image: url("../img/icon_Viewed_NO.png");
            background-size: 100%;
            width: 3rem;
            left: 15%; }
          body #content.Game #gameWrapper.necklace .pearl .ticketRight .checkWrapper {
            right: 18%; }
            body #content.Game #gameWrapper.necklace .pearl .ticketRight .checkWrapper .checkText {
              -webkit-touch-callout: none;
              /* iOS Safari */
              -webkit-user-select: none;
              /* Safari */
              -khtml-user-select: none;
              /* Konqueror HTML */
              -moz-user-select: none;
              /* Firefox */
              -ms-user-select: none;
              /* Internet Explorer/Edge */
              user-select: none;
              cursor: default;
              font-size: 1rem;
              font-family: shackleton-condensed, angie, arial;
              color: #3f2b56;
              vertical-align: middle;
              margin-right: 0.5rem; }
            body #content.Game #gameWrapper.necklace .pearl .ticketRight .checkWrapper .check {
              width: 1.75rem;
              height: 1.75rem;
              display: inline-block;
              border: 2px solid #3f2b56;
              border-radius: 50%;
              vertical-align: middle;
              position: relative; }
      body #content.Game #gameWrapper.necklace .pearl[data-placement="1"] {
        left: calc(6% + 0.75rem);
        top: 0.5rem; }
      body #content.Game #gameWrapper.necklace .pearl.expanded[data-placement="1"] {
        left: 6%; }
      body #content.Game #gameWrapper.necklace .pearl[data-placement="2"] {
        right: calc(6% + 0.75rem);
        top: 0.5rem; }
      body #content.Game #gameWrapper.necklace .pearl.expanded[data-placement="2"] {
        right: 6%; }
      body #content.Game #gameWrapper.necklace .pearl[data-placement="3"] {
        left: calc(6% + 0.75rem);
        top: 9.25rem; }
      body #content.Game #gameWrapper.necklace .pearl.expanded[data-placement="3"] {
        left: 6%; }
      body #content.Game #gameWrapper.necklace .pearl[data-placement="4"] {
        right: calc(6% + 0.75rem);
        top: 9.25rem; }
      body #content.Game #gameWrapper.necklace .pearl.expanded[data-placement="4"] {
        right: 6%; }
      body #content.Game #gameWrapper.necklace .pearl[data-placement="5"] {
        left: calc(6% + 0.75rem);
        top: 18rem; }
      body #content.Game #gameWrapper.necklace .pearl.expanded[data-placement="5"] {
        left: 6%; }
      body #content.Game #gameWrapper.necklace .pearl[data-placement="6"] {
        right: calc(6% + 0.75rem);
        top: 18rem; }
      body #content.Game #gameWrapper.necklace .pearl.expanded[data-placement="6"] {
        right: 6%; }
      body #content.Game #gameWrapper.necklace .pearl[data-placement="7"] {
        left: calc(6% + 0.75rem);
        top: 26.75rem; }
      body #content.Game #gameWrapper.necklace .pearl.expanded[data-placement="7"] {
        left: 6%; }
      body #content.Game #gameWrapper.necklace .pearl[data-placement="8"] {
        right: calc(6% + 0.75rem);
        top: 26.75rem; }
      body #content.Game #gameWrapper.necklace .pearl.expanded[data-placement="8"] {
        right: 6%; }
      body #content.Game #gameWrapper.necklace .pearlButton {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: 0;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 3; }
      body #content.Game #gameWrapper.necklace .pearl.viewed .ticketRight .eye {
        background-image: url("../img/icon_Viewed_YES.png"); }
      body #content.Game #gameWrapper.necklace .pearl.completed .ticketRight {
        left: -0.25rem;
        transform: rotateZ(3deg); }
        body #content.Game #gameWrapper.necklace .pearl.completed .ticketRight .checkWrapper .check:before {
          content: '';
          background-image: url("../img/checkmark_purple.png");
          background-size: 100%;
          width: 1.55rem;
          height: 1.55rem;
          position: absolute;
          top: -0.5rem;
          left: 0.2rem; }
      body #content.Game #gameWrapper.necklace .pearl.expanded {
        width: 88%;
        height: 140%;
        z-index: 2;
        margin: 0;
        top: 0; }
        body #content.Game #gameWrapper.necklace .pearl.expanded .showWhileExpanded.show {
          opacity: 1; }
        body #content.Game #gameWrapper.necklace .pearl.expanded .hideWhileExpanded {
          width: 0;
          height: 0; }
        body #content.Game #gameWrapper.necklace .pearl.expanded .pearlButton {
          display: none; }
        body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft, body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight {
          height: 100%;
          margin: 0;
          box-shadow: none;
          overflow: hidden; }
          body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft .tltext, body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight .tltext {
            font-size: 3.5rem;
            top: 1rem;
            left: 2.7rem !important; }
          body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft .tlbg, body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft .trbg, body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight .tlbg, body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight .trbg {
            height: 97%; }
          body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft .tlbg, body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight .tlbg {
            width: 97%; }
          body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft .trbg, body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight .trbg {
            width: 92%; }
          body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft .bites, body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight .bites {
            height: 97.3%;
            width: 92.3%; }
            body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft .bites .bite:nth-of-type(1), body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight .bites .bite:nth-of-type(1) {
              top: -1rem;
              left: -1rem; }
            body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft .bites .bite:nth-of-type(2), body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight .bites .bite:nth-of-type(2) {
              top: -1rem;
              right: -1rem; }
            body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft .bites .bite:nth-of-type(3), body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight .bites .bite:nth-of-type(3) {
              bottom: -1rem;
              left: -1rem; }
            body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft .bites .bite:nth-of-type(4), body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight .bites .bite:nth-of-type(4) {
              bottom: -1rem;
              right: -1rem; }
          body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft .bite, body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight .bite {
            width: 2.5rem;
            height: 2.5rem; }
          body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft > .bite:nth-of-type(2), body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight > .bite:nth-of-type(2) {
            top: -1%;
            left: -0.5%; }
          body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft > .bite:nth-of-type(3), body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight > .bite:nth-of-type(3) {
            top: -1%;
            right: -0.5%; }
          body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft > .bite:nth-of-type(4), body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight > .bite:nth-of-type(4) {
            bottom: -1%;
            left: -0.5%; }
          body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft > .bite:nth-of-type(5), body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight > .bite:nth-of-type(5) {
            bottom: -1%;
            right: -0.5%; }
        body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft {
          width: 65%;
          left: 0%; }
        body #content.Game #gameWrapper.necklace .pearl.expanded .ticketRight {
          width: 35%;
          right: -2px;
          transform: rotateZ(0deg) !important;
          left: -0.7rem !important; }
      body #content.Game #gameWrapper.necklace .pearl.expanding .hideWhileExpanded, body #content.Game #gameWrapper.necklace .pearl.expanded .hideWhileExpanded {
        opacity: 0; }
      body #content.Game #gameWrapper.necklace .pearl.expanding .ticketLeft, body #content.Game #gameWrapper.necklace .pearl.expanded .ticketLeft {
        margin-left: 0; }
      body #content.Game #gameWrapper.necklace .pearl.notexpanding, body #content.Game #gameWrapper.necklace .pearl.notexpanded {
        transition: opacity 0.5s;
        opacity: 0; }
      body #content.Game #gameWrapper.necklace .pearl.notexpanded {
        z-index: -1;
        height: 0;
        width: 0;
        margin: 0; }
      body #content.Game #gameWrapper.necklace .pearl.followup.endingFollowup {
        opacity: 0; }
      body #content.Game #gameWrapper.necklace .pearl.followup.followupToFollowup {
        opacity: 1; }
      body #content.Game #gameWrapper.necklace .pearl.followup:not(.expanded):not(.expanding):not(.endingFollowup):not(.followupToFollowup) {
        display: none; }
      body #content.Game #gameWrapper.necklace .pearl.expanded.flipped .ticketRight .ticketRightInner.front {
        transform: rotateY(180deg); }
      body #content.Game #gameWrapper.necklace .pearl.expanded.flipped .ticketRight .ticketRightInner.back {
        transform: rotateY(0deg); }
      body #content.Game #gameWrapper.necklace .pearl.expanded.flipped.startingFlip #pearlInnerRight .actionsWrapper {
        opacity: 0; }
      body #content.Game #gameWrapper.necklace .pearl.expanded.flipped.endingFlip #pearlInnerRight .actionsWrapper {
        display: none; }
      body #content.Game #gameWrapper.necklace .pearl.expanded.flipped.endingFlip #pearlInnerRight #phoneFriendResponse {
        opacity: 1;
        display: block; }
      body #content.Game #gameWrapper.necklace .pearl.expanded:not(.flipped).startingFlip #pearlInnerRight .actionsWrapper {
        opacity: 0; }
      body #content.Game #gameWrapper.necklace #necklaceLower {
        transition: opacity 0.5s;
        margin: 0 8%; }
        body #content.Game #gameWrapper.necklace #necklaceLower .third {
          display: inline-block;
          position: relative;
          width: 33.33%;
          float: right;
          margin-top: 4%;
          height: 11rem; }
        body #content.Game #gameWrapper.necklace #necklaceLower .third:first-of-type {
          float: left; }
        body #content.Game #gameWrapper.necklace #necklaceLower .third:not(:last-of-type) {
          margin-top: 7%; }
        body #content.Game #gameWrapper.necklace #necklaceLower .third.membership {
          padding-left: 3rem; }
          body #content.Game #gameWrapper.necklace #necklaceLower .third.membership img {
            position: absolute;
            left: -1rem;
            top: -2rem;
            width: 9rem; }
        body #content.Game #gameWrapper.necklace #necklaceLower .third.consult .cannot {
          display: none; }
        body #content.Game #gameWrapper.necklace #necklaceLower .third.consult .consultIcon {
          width: 1.75rem;
          height: 3rem;
          background-repeat: no-repeat;
          display: inline-block;
          background-image: url("../img/icon_consult_gold.png");
          background-size: 100%; }
        body #content.Game #gameWrapper.necklace #necklaceLower .third.consult.used .can {
          display: none; }
        body #content.Game #gameWrapper.necklace #necklaceLower .third.consult.used .cannot {
          display: block; }
        body #content.Game #gameWrapper.necklace #necklaceLower .third.consult.used .consultIcon {
          background-image: url("../img/icon_consult_gold_OFF.png"); }
      body #content.Game #gameWrapper.necklace #necklaceFactionInfo {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: 0;
        width: 2.25rem;
        height: 2.25rem;
        background-image: url("../img/icon_game_Info.png");
        background-size: 100%;
        position: absolute;
        right: 1.75rem;
        top: 0.25rem; }
      body #content.Game #gameWrapper.necklace #necklaceFactionInfo:hover {
        background-image: url("../img/icon_game_Info_HOVER.png"); }
      body #content.Game #gameWrapper.necklace .buttonAction {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: 0;
        font-family: shackleton-condensed, angie, arial;
        color: #3f2b56;
        background-color: #efe9d5;
        font-size: 2rem;
        border: 2px solid #efe9d5;
        border-radius: 50%;
        width: 2.5rem;
        height: 2.5rem;
        margin: 0.5rem 0.3rem 0;
        line-height: 0.4rem; }
      body #content.Game #gameWrapper.necklace .buttonAction:disabled {
        background-color: #3f2b56;
        color: #efe9d5;
        opacity: 0.4; }
      body #content.Game #gameWrapper.necklace .buttonAction:not(:disabled):hover {
        background-color: #3f2b56;
        color: #efe9d5; }
      body #content.Game #gameWrapper.necklace #gameToResults {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        border-radius: 5px;
        color: #3f2b56;
        background-color: #cac1ec;
        font-family: open sans-serif, arial;
        font-weight: bold;
        font-size: 1.3rem;
        padding: 0.5rem 0.75rem;
        position: absolute;
        bottom: 0;
        transform: translateX(-50%);
        border: 2px solid #cac1ec;
        left: 50%;
        transition: transform 0.5s; }
      body #content.Game #gameWrapper.necklace #gameToResults:disabled {
        opacity: 0.4; }
      body #content.Game #gameWrapper.necklace #gameToResults:not(:disabled):hover {
        color: #cac1ec;
        background-color: #3f2b56; }
      body #content.Game #gameWrapper.necklace #gameToResults.large {
        transform: translateX(-50%) scale(1.25); }
      body #content.Game #gameWrapper.necklace #gameToResults.attention:before {
        content: '';
        position: absolute;
        left: -0.6rem;
        top: -0.6rem;
        width: calc(100% + 1rem);
        height: calc(100% + 1rem);
        border: 2px solid #bb9a37;
        border-radius: 5px; }
    body #content.Game #gameWrapper.pearl #necklaceLower {
      opacity: 0; }
    body #content.Game #gameWrapper.pearl .pearlInner {
      display: inline-block;
      position: relative;
      vertical-align: top;
      height: 100%;
      text-align: left; }
      body #content.Game #gameWrapper.pearl .pearlInner h4 {
        text-align: left; }
    body #content.Game #gameWrapper.pearl .pearlInner.noTopicsLeft .pearlSourceReminder {
      display: none !important; }
    body #content.Game #gameWrapper.pearl #pearlInnerLeft {
      width: 64%; }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft h4.pearlTitle {
        color: #3f2b56;
        font-size: 3.5rem;
        left: 4.25%;
        top: 1%;
        position: relative;
        font-family: shackleton-condensed, angie, arial;
        opacity: 0;
        width: auto;
        display: inline-block;
        margin-top: 0.8%; }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft h4.pearlTitle.show {
        opacity: 1; }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft #closePearl {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: none;
        height: 3.25rem;
        width: 3.25rem;
        position: absolute;
        top: -1.25rem;
        left: -1.25rem;
        background-image: url("../img/icon_Close.png");
        background-size: 100%;
        background-repeat: no-repeat; }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft #closePearl:disabled {
        opacity: 0.5; }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft #closePearl:not(:disabled):hover {
        background-image: url("../img/ClosePanelX_HOVER.png"); }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft p {
        font-family: open sans-serif, arial;
        color: #3f2b56;
        font-size: 1.05rem;
        margin: 0 4%; }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources {
        display: flex;
        position: absolute;
        width: 92%;
        height: 45%;
        bottom: 15%;
        margin: 0 4%; }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSourceReminder {
        background-color: #9c2310;
        opacity: 0.95;
        position: absolute;
        box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.3);
        height: 2.3rem;
        bottom: 4rem;
        z-index: 2;
        width: calc(100% - 0.8rem);
        left: 0.4rem;
        display: none; }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSourceReminder p {
          font-family: shackleton-condensed, angie, arial;
          color: #efe9d5;
          font-size: 1.3rem;
          text-align: center;
          margin: 0;
          letter-spacing: 0.1rem;
          line-height: 2.3rem; }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources[data-sources="2"] {
        justify-content: space-around; }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources[data-sources="3"] {
        justify-content: space-between; }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources[data-sources="4"] {
        height: 66%;
        bottom: 3%; }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources[data-sources="4"] .pearlSource {
          height: 49%;
          position: absolute; }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources[data-sources="4"] .pearlSource:first-child {
          left: 0; }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources[data-sources="4"] .pearlSource:not(:first-child):not(:last-child) {
          left: 50%;
          transform: translateX(-50%); }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources[data-sources="4"] .pearlSource:nth-child(2) {
          top: 0; }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources[data-sources="4"] .pearlSource:nth-child(3) {
          bottom: 0; }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources[data-sources="4"] .pearlSource:last-child {
          right: 0; }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources[data-sources="4"] .pearlSource:first-child, body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSources[data-sources="4"] .pearlSource:last-child {
          top: 50%;
          transform: translateY(-50%); }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSource {
        display: inline-block;
        width: 30%;
        height: 100%;
        position: relative; }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSource button.popupSourceButton {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.3);
          -webkit-box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.3);
          background: none;
          padding: 0;
          width: 100%;
          height: 86%;
          position: relative;
          background-color: #efe9d5; }
          body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSource button.popupSourceButton img {
            width: auto;
            height: auto;
            max-height: 100%;
            max-width: 100%; }
          body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSource button.popupSourceButton .mag {
            position: absolute;
            top: 1%;
            right: 1%;
            display: inline-block;
            width: 2rem;
            height: 2rem;
            background-image: url("../img/icon_ShowSource.png");
            background-size: 100%; }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSource button.popupSourceButton:hover .mag {
          background-image: url("../img/icon_ShowSource_HOVER.png"); }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSource .eye {
          position: absolute;
          bottom: 0;
          left: 0;
          display: inline-block;
          width: 2.5rem;
          height: 1.75rem;
          background-size: 100%;
          background-image: url("../img/icon_Viewed_NO.png");
          background-repeat: no-repeat; }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSource .pearlSourceCheck {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          padding: 0;
          background: none;
          background-image: url("../img/Select_Source_OFF.png");
          width: 2.25rem;
          height: 2.25rem;
          position: absolute;
          bottom: -0.3rem;
          right: 0;
          background-size: 100%;
          background-repeat: no-repeat; }
        body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSource .pearlSourceCheck:checked {
          background-image: url("../img/Select_Source_ON.png"); }
      body #content.Game #gameWrapper.pearl #pearlInnerLeft .pearlSource.viewed .eye {
        background-image: url("../img/icon_Viewed_YES.png"); }
    body #content.Game #gameWrapper.pearl #pearlInnerRight {
      width: 34%;
      margin-left: 1%;
      padding: 2% 3% 2% 4.5%;
      color: #3f2b56;
      /* Track */
      /* Handle */ }
      body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper, body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriendResponse {
        transition: opacity 0.3s; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper {
        opacity: 1; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper[data-actions="4"] .pearlActionWrapper {
        height: 5.75rem; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper.cover .pearlActionCover {
        display: block;
        height: calc(23.5rem + 1px);
        width: 94%;
        left: 2px;
        top: 11.4rem;
        position: absolute;
        text-align: center; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper.cover .pearlActionCover .film {
          background-color: #6e5404;
          opacity: 0.95;
          position: absolute;
          left: 2px;
          top: 0;
          height: 100%;
          width: calc(100% - 2px);
          box-shadow: 2px 3px 4px 1px rgba(0, 0, 0, 0.3);
          -webkit-box-shadow: 2px 3px 4px 1px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 2px 3px 4px 1px rgba(0, 0, 0, 0.3); }
        body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper.cover .pearlActionCover p {
          font-family: shackleton-condensed, angie, arial;
          color: #efe9d5;
          font-size: 2.5rem;
          line-height: 2.7rem;
          padding: 0 9%;
          position: absolute;
          top: 14%;
          margin: 0;
          letter-spacing: 0.1rem; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper.cover .pearlActionCover img {
          display: inline-block;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: 20%;
          width: 35%; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper.cover .pearlActionCover.followup {
        height: 29rem; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper.cover .pearlActionCover.followup .film {
          background-color: #9c2310; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper.cover .pearlActionCover.followup img {
          bottom: auto;
          top: -6%;
          width: 22%; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper.cover .pearlActionCover.followup p {
          font-size: 1.9rem;
          line-height: 2.1rem;
          margin: 10% 0;
          position: relative;
          top: auto;
          padding: 0 4%; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper.cover .pearlActionCover.followup p:first-of-type {
          margin-top: 20%; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight .actionsWrapper.cover .pearlActionCover.followup p:last-of-type {
          font-size: 1.3rem;
          line-height: 1.5rem;
          margin-top: 15%; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight .pearlActionCover {
        display: none; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriendResponse {
        display: none;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding: 8% 15% 8% 10%; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriendResponse #closePhoneFriend {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          padding: 0;
          background: none;
          height: 3.25rem;
          width: 3.25rem;
          position: absolute;
          top: -1.15rem;
          left: -1.6rem;
          background-image: url("../img/icon_Close.png");
          background-size: 100%;
          background-repeat: no-repeat; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriendResponse #closePhoneFriend:hover {
          background-image: url("../img/icon_Close_HOVER.png"); }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriendResponse #feedbackText {
          color: #efe9d5;
          font-size: 1.5rem;
          font-family: delve-hand, angie, arial;
          margin: 0;
          position: relative;
          top: 50%;
          font-weight: bold;
          transform: translateY(-50%); }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriendResponse .flourish {
          background-image: url("../img/leaderFeedbackPanel_ornament.png");
          display: inline-block;
          background-size: 100%;
          position: absolute;
          left: 15%;
          width: 65%;
          height: 2.75%;
          background-repeat: no-repeat; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriendResponse .flourish.top {
          top: 8%; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriendResponse .flourish.bottom {
          bottom: 8%; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight h4 {
        font-size: 2.5rem;
        font-family: shackleton-condensed, angie, arial;
        color: #3f2b56; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight p.question {
        font-size: 1.1rem;
        font-weight: bold;
        font-family: open sans-serif, arial;
        height: 6rem;
        margin: 0; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight .line {
        width: 100%;
        height: 2px;
        background-color: #efe9d5; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight .pearlActionWrapper {
        height: 7.75rem;
        position: relative;
        padding: 0.5rem 0; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight .pearlActionWrapper .line {
          position: absolute;
          bottom: 0; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight input.pearlActionCheck {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: none;
        width: 2.5rem;
        height: 2.5rem;
        margin: 0;
        position: absolute;
        left: -3.1rem;
        background-size: 100%;
        background-image: url("../img/Select_Action_OFF.png"); }
      body #content.Game #gameWrapper.pearl #pearlInnerRight input.pearlActionCheck:checked {
        background-image: url("../img/Select_Action_ON.png"); }
      body #content.Game #gameWrapper.pearl #pearlInnerRight label {
        font-size: 0.95rem;
        font-family: open sans-serif, arial;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        display: block;
        padding-right: 0.75rem; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight label::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: #efe9d5;
        border-radius: 60rem; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight label::-webkit-scrollbar-thumb {
        background: #3f2b56;
        border-radius: 60rem; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight #pearlSubmitAction {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        border-radius: 5px;
        color: #efe9d5;
        background-color: #3f2b56;
        font-family: open sans-serif, arial;
        font-weight: bold;
        font-size: 1.3rem;
        padding: 0.5rem 0.75rem;
        position: absolute;
        transform: translateX(-50%);
        border: 2px solid #3f2b56;
        left: 47%;
        margin-top: 1.5rem;
        bottom: 8rem; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight #pearlSubmitAction:disabled {
        opacity: 0.7; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight #pearlSubmitAction:not(:disabled):hover {
        color: #3f2b56;
        background-color: #efe9d5;
        border: 2px solid #efe9d5; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight p.actionTaken, body #content.Game #gameWrapper.pearl #pearlInnerRight p.allActionsTaken {
        font-family: shackleton-condensed, angie, arial;
        margin: 1rem 0 0; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight p.actionTaken {
        font-size: 2.25rem;
        padding-left: 20%; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight p.allActionsTaken {
        padding: 0;
        font-size: 1.7rem; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriend {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: none;
        width: 84%;
        height: 3rem;
        left: 7%;
        position: absolute;
        bottom: 2.5rem; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriend > div {
          position: absolute;
          height: 100%;
          width: 100%;
          left: 0;
          top: 0; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriend .unusedWrapper .ptext {
          color: #3f2b56;
          font-size: 1.2rem;
          font-family: shackleton, angie, arial;
          vertical-align: top; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriend .unusedWrapper .picon {
          display: inline-block;
          width: 1.75rem;
          height: 3rem;
          background-repeat: no-repeat;
          background-size: 100%;
          background-image: url("../img/icon_consult_action.png");
          vertical-align: middle; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriend .usedWrapper {
          display: none; }
          body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriend .usedWrapper > span {
            font-family: shackleton-condensed, angie, arial;
            font-weight: bold;
            display: block;
            margin-top: 0.45rem;
            color: #3f2b56;
            font-size: 1.6rem; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriend:hover .picon {
        background-image: url("../img/icon_consult_action_HOVER.png"); }
      body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriend.used {
        background-image: url("../img/button_LeaderFeedbackReview.png");
        background-size: 100%;
        background-repeat: no-repeat;
        height: 4.25rem; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriend.used .unusedWrapper {
          display: none; }
        body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriend.used .usedWrapper {
          display: block; }
      body #content.Game #gameWrapper.pearl #pearlInnerRight #phoneFriend.used:hover .usedWrapper > span {
        color: #bb9a37; }
    body #content.Game #gameWrapper.results {
      text-align: center; }
      body #content.Game #gameWrapper.results h3 {
        color: #efe9d5;
        width: 100%;
        text-align: center;
        position: relative;
        font-family: shackleton-wide, angie, arial;
        font-size: 3rem;
        margin: 1.3rem auto 0.3rem;
        text-shadow: 2px 2px black; }
      body #content.Game #gameWrapper.results p.subheader {
        font-family: shackleton-condensed, angie, arial;
        letter-spacing: 0.1rem;
        font-size: 1.75rem;
        margin: 0 auto;
        color: #bb9a37;
        transition: opacity 0.5s; }
      body #content.Game #gameWrapper.results .resultsPearls {
        width: 92%;
        height: 64%;
        position: relative;
        margin-top: 6%;
        margin-left: 4%; }
      body #content.Game #gameWrapper.results #resultsTotalScore {
        background-image: url("../img/points_total.png");
        color: #240f3c;
        font-size: 5.25rem;
        position: absolute;
        bottom: 6.75%;
        right: 3%;
        background-size: 100%;
        height: 12rem;
        width: 12.5rem;
        font-family: shackleton-condensed, angie, arial;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }
        body #content.Game #gameWrapper.results #resultsTotalScore img {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          opacity: 0; }
        body #content.Game #gameWrapper.results #resultsTotalScore span {
          position: absolute;
          top: 45%;
          left: 50%;
          transform: translate(-50%, -50%); }
      body #content.Game #gameWrapper.results #resultsTotalScore.one {
        background-image: url("../img/point_total-1.png"); }
      body #content.Game #gameWrapper.results #resultsTotalScore.zero {
        background-image: url("../img/point_total-0.png"); }
      body #content.Game #gameWrapper.results #resultsTotalScore.centered {
        right: auto;
        left: 50%;
        transform: translateX(-50%); }
      body #content.Game #gameWrapper.results #resultsLower {
        transition: opacity 0.5s; }
      body #content.Game #gameWrapper.results .resultsFactionRound {
        position: absolute;
        left: 8%;
        bottom: 7%;
        width: 9rem;
        opacity: 0;
        pointer-events: none; }
      body #content.Game #gameWrapper.results #resultsPrint {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        background: none;
        position: absolute;
        right: 7.25rem;
        padding: 0;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url("../img/button_print.png");
        height: 4.5rem;
        width: 4.5rem;
        top: 2rem; }
      body #content.Game #gameWrapper.results #resultsPrint:hover {
        background-image: url("../img/button_print_HOVER.png"); }
      body #content.Game #gameWrapper.results .pearl {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        background: none;
        display: inline-block;
        width: 33%;
        height: 16%;
        margin: 0;
        padding: 0;
        font-size: 0;
        transition: width 1s, height 1s, left 1s, top 1s, opacity 0.5s;
        position: absolute;
        text-align: left; }
        body #content.Game #gameWrapper.results .pearl .hideWhileExpanded {
          transition: width 1s, height 1s, opacity 0.5s; }
        body #content.Game #gameWrapper.results .pearl .showWhileExpanded {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          transition: opacity 0.5s;
          opacity: 0; }
        body #content.Game #gameWrapper.results .pearl .ticketLeft, body #content.Game #gameWrapper.results .pearl .ticketRight {
          display: inline-block;
          height: 89%;
          vertical-align: top;
          position: relative;
          margin-top: 0.5%;
          background-color: #bb9a37;
          box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
          -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
          -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */
          /* 1-13 */ }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .bite, body #content.Game #gameWrapper.results .pearl .ticketRight .bite {
            background-color: #bb9a37;
            border-radius: 50%;
            position: absolute;
            width: 1rem;
            height: 1rem;
            transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s, bottom 0.5s, right 0.5s; }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate, body #content.Game #gameWrapper.results .pearl .ticketRight .serrate {
            background-color: #240f3c;
            position: absolute;
            height: 3.87%;
            border-radius: 50%;
            transition: opacity 0.5s; }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="0"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="0"] {
            top: calc((100% / 15) * (0 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="1"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="1"] {
            top: calc((100% / 15) * (1 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="2"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="2"] {
            top: calc((100% / 15) * (2 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="3"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="3"] {
            top: calc((100% / 15) * (3 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="4"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="4"] {
            top: calc((100% / 15) * (4 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="5"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="5"] {
            top: calc((100% / 15) * (5 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="6"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="6"] {
            top: calc((100% / 15) * (6 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="7"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="7"] {
            top: calc((100% / 15) * (7 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="8"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="8"] {
            top: calc((100% / 15) * (8 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="9"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="9"] {
            top: calc((100% / 15) * (9 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="10"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="10"] {
            top: calc((100% / 15) * (10 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="11"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="11"] {
            top: calc((100% / 15) * (11 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="12"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="12"] {
            top: calc((100% / 15) * (12 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate[data-sid="13"], body #content.Game #gameWrapper.results .pearl .ticketRight .serrate[data-sid="13"] {
            top: calc((100% / 15) * (13 + 1)); }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .pointBottom, body #content.Game #gameWrapper.results .pearl .ticketRight .pointBottom {
            opacity: 0;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #00b4cd;
            transition: opacity 0.5s;
            height: 2.5rem; }
        body #content.Game #gameWrapper.results .pearl .ticketLeft {
          width: 70%;
          border-radius: 0.75rem 0 0 0.75rem;
          transition: width 1s, height 1s;
          text-align: left; }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .tlbg {
            transition: width 1s, height 1s;
            position: absolute;
            width: 94%;
            height: 86%;
            transform: translateX(-50%) translateY(-50%);
            top: 50%;
            left: 50%;
            background-color: #efe9d5; }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .bite:nth-of-type(2) {
            top: 2%;
            left: 1.5%; }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .bite:nth-of-type(3) {
            top: 2%;
            right: 1.5%; }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .bite:nth-of-type(4) {
            bottom: 2%;
            left: 1.5%; }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .bite:nth-of-type(5) {
            bottom: 2%;
            right: 1.5%; }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .serrate {
            right: -0.125rem;
            width: 0.96%; }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .tltext {
            color: #3f2b56;
            font-family: shackleton-condensed, angie, arial;
            font-size: 1.8rem;
            display: inline-block;
            position: relative;
            top: 1.1rem;
            transition: top 1s, left 1s, font-size 1s; }
          body #content.Game #gameWrapper.results .pearl .ticketLeft .pointsImg {
            position: absolute;
            bottom: -3rem;
            right: -2.5rem;
            background-size: 100%;
            width: 5rem;
            height: 5rem;
            transition: opacity 0.5s; }
        body #content.Game #gameWrapper.results .pearl .ticketRight {
          width: 0%;
          opacity: 0;
          left: -0.7rem;
          border-radius: 0 0.75rem 0.75rem 0;
          transition: width 1s, height 1s, left 1s, transform 1s, opacity 0.3s; }
          body #content.Game #gameWrapper.results .pearl .ticketRight .trbg, body #content.Game #gameWrapper.results .pearl .ticketRight .bites {
            transition: width 1s, height 1s;
            position: absolute;
            transform: translateX(-50%) translateY(-50%);
            top: 50%;
            left: 50%;
            background: none; }
          body #content.Game #gameWrapper.results .pearl .ticketRight .trbg {
            border: 1px solid #efe9d5;
            width: 90%;
            height: 86%; }
          body #content.Game #gameWrapper.results .pearl .ticketRight .bites {
            overflow: hidden;
            width: 90.5%;
            height: 87%; }
          body #content.Game #gameWrapper.results .pearl .ticketRight .bite:nth-of-type(1) {
            top: -0.25rem;
            left: -0.25rem;
            border-bottom: 1px solid #efe9d5;
            border-right: 1px solid #efe9d5; }
          body #content.Game #gameWrapper.results .pearl .ticketRight .bite:nth-of-type(2) {
            top: -0.25rem;
            right: -0.25rem;
            border-bottom: 1px solid #efe9d5;
            border-left: 1px solid #efe9d5; }
          body #content.Game #gameWrapper.results .pearl .ticketRight .bite:nth-of-type(3) {
            bottom: -0.25rem;
            left: -0.25rem;
            border-top: 1px solid #efe9d5;
            border-right: 1px solid #efe9d5; }
          body #content.Game #gameWrapper.results .pearl .ticketRight .bite:nth-of-type(4) {
            bottom: -0.25rem;
            right: -0.25rem;
            border-top: 1px solid #efe9d5;
            border-left: 1px solid #efe9d5; }
        body #content.Game #gameWrapper.results .pearl .hat {
          position: absolute;
          top: -5.89rem;
          left: -4.87rem;
          width: 24rem;
          transition: top 1s, left 1s; }
        body #content.Game #gameWrapper.results .pearl .hat.above, body #content.Game #gameWrapper.results .pearl .hat.falling {
          transition: top 1.5s, left 1s; }
        body #content.Game #gameWrapper.results .pearl .hat.above {
          top: -60rem; }
        body #content.Game #gameWrapper.results .pearl .hat.front.above, body #content.Game #gameWrapper.results .pearl .hat.front.falling, body #content.Game #gameWrapper.results .pearl .hat.noshadow:not(.above):not(.falling) {
          display: none; }
      body #content.Game #gameWrapper.results .pearl[data-row="0"] {
        top: 4%; }
      body #content.Game #gameWrapper.results .pearl[data-row="1"] {
        top: 42%; }
      body #content.Game #gameWrapper.results .pearl[data-row="2"] {
        top: 80%; }
      body #content.Game #gameWrapper.results .pearl[data-position="0"] {
        left: 5%; }
      body #content.Game #gameWrapper.results .pearl[data-position="1"] {
        left: 38%; }
      body #content.Game #gameWrapper.results .pearl[data-position="2"] {
        left: 70%; }
      body #content.Game #gameWrapper.results .pearl[data-position="cl"] {
        left: 22%; }
      body #content.Game #gameWrapper.results .pearl[data-position="cr"] {
        left: 54%; }
      body #content.Game #gameWrapper.results .pearlButton {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        padding: 0;
        background: 0;
        position: absolute;
        top: 0;
        height: 100%;
        width: 70%;
        z-index: 3; }
      body #content.Game #gameWrapper.results .pearl.expanded {
        width: 92%;
        height: 116%;
        z-index: 2;
        margin: 0;
        top: -4rem;
        left: 4%;
        transform: translateX(0) translateY(0); }
        body #content.Game #gameWrapper.results .pearl.expanded .showWhileExpanded.show {
          opacity: 1; }
        body #content.Game #gameWrapper.results .pearl.expanded .hideWhileExpanded {
          width: 0;
          height: 0; }
        body #content.Game #gameWrapper.results .pearl.expanded .pearlButton {
          display: none; }
        body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft, body #content.Game #gameWrapper.results .pearl.expanded .ticketRight {
          height: 100%;
          margin: 0;
          box-shadow: none;
          overflow: hidden; }
          body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .tltext, body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .tltext {
            font-size: 2.5rem;
            top: 0.65rem;
            left: 2.5rem !important; }
          body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .tlbg, body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .trbg, body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .tlbg, body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .trbg {
            height: 97%; }
          body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .tlbg, body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .tlbg {
            width: 97%; }
          body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .trbg, body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .trbg {
            width: 95%; }
          body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .bites, body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .bites {
            height: 97.3%;
            width: 95.3%; }
            body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .bites .bite:nth-of-type(1), body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .bites .bite:nth-of-type(1) {
              top: -1rem;
              left: -1rem; }
            body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .bites .bite:nth-of-type(2), body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .bites .bite:nth-of-type(2) {
              top: -1rem;
              right: -1rem; }
            body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .bites .bite:nth-of-type(3), body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .bites .bite:nth-of-type(3) {
              bottom: -1rem;
              left: -1rem; }
            body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .bites .bite:nth-of-type(4), body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .bites .bite:nth-of-type(4) {
              bottom: -1rem;
              right: -1rem; }
          body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .bite, body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .bite {
            width: 2.5rem;
            height: 2.5rem; }
          body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft > .bite:nth-of-type(2), body #content.Game #gameWrapper.results .pearl.expanded .ticketRight > .bite:nth-of-type(2) {
            top: -1%;
            left: -0.5%; }
          body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft > .bite:nth-of-type(3), body #content.Game #gameWrapper.results .pearl.expanded .ticketRight > .bite:nth-of-type(3) {
            top: -1%;
            right: -0.5%; }
          body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft > .bite:nth-of-type(4), body #content.Game #gameWrapper.results .pearl.expanded .ticketRight > .bite:nth-of-type(4) {
            bottom: -1%;
            left: -0.5%; }
          body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft > .bite:nth-of-type(5), body #content.Game #gameWrapper.results .pearl.expanded .ticketRight > .bite:nth-of-type(5) {
            bottom: -1%;
            right: -0.5%; }
          body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft .pointBottom.show, body #content.Game #gameWrapper.results .pearl.expanded .ticketRight .pointBottom.show {
            opacity: 1; }
        body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft {
          width: 40%;
          left: 0%; }
        body #content.Game #gameWrapper.results .pearl.expanded .ticketRight {
          width: 60%;
          right: -2px;
          opacity: 1;
          transform: rotateZ(0deg) !important;
          left: -0.7rem !important; }
        body #content.Game #gameWrapper.results .pearl.expanded .hat {
          left: -4.9rem;
          top: -6.05rem; }
      body #content.Game #gameWrapper.results .pearl.expanding .hideWhileExpanded, body #content.Game #gameWrapper.results .pearl.expanded .hideWhileExpanded {
        opacity: 0; }
      body #content.Game #gameWrapper.results .pearl.expanding .ticketLeft, body #content.Game #gameWrapper.results .pearl.expanded .ticketLeft {
        margin-left: 0; }
      body #content.Game #gameWrapper.results .pearl.notexpanding, body #content.Game #gameWrapper.results .pearl.notexpanded {
        transition: opacity 0.5s;
        opacity: 0; }
      body #content.Game #gameWrapper.results .pearl.notexpanded {
        z-index: -1;
        height: 0;
        width: 0;
        margin: 0; }
    body #content.Game #gameWrapper.results.pearl .subheader, body #content.Game #gameWrapper.results.pearl #resultsLower {
      opacity: 0; }
    body #content.Game #gameWrapper.results.pearl .pearlScore {
      position: absolute;
      background-size: 100%;
      top: -3rem;
      left: 214%;
      width: 9rem;
      height: 9rem; }
    body #content.Game #gameWrapper.results.pearl h4.tableTitle {
      font-size: 1.6rem !important;
      font-family: shackleton, angie, arial !important;
      color: #3f2b56;
      text-align: center;
      margin: 0.5rem 0; }
    body #content.Game #gameWrapper.results.pearl h4.pointText {
      color: #ffffff !important;
      font-family: shackleton, angie, arial !important;
      margin: 0;
      font-size: 1.6rem !important;
      position: absolute;
      bottom: 0.8rem;
      left: 50%;
      transform: translateX(-50%);
      width: 95%;
      text-align: center; }
    body #content.Game #gameWrapper.results.pearl table {
      display: block;
      border-collapse: collapse;
      text-align: center;
      position: relative; }
      body #content.Game #gameWrapper.results.pearl table thead {
        font-size: 1.3rem;
        font-family: shackleton, angie, arial;
        color: #3f2b56; }
        body #content.Game #gameWrapper.results.pearl table thead th:not(:nth-child(2)) {
          width: 5rem; }
        body #content.Game #gameWrapper.results.pearl table thead th:nth-child(2) {
          opacity: 0; }
      body #content.Game #gameWrapper.results.pearl table tbody td {
        height: 7.5rem; }
      body #content.Game #gameWrapper.results.pearl table tbody td:not(:nth-child(2)):not(.chosen) > span {
        width: 1.75rem;
        height: 1.75rem;
        border: 2px solid #3f2b56;
        border-radius: 50%;
        display: inline-block; }
      body #content.Game #gameWrapper.results.pearl table tbody td.chosen > span.starburst {
        display: inline-block;
        background-image: url("../img/icon_match.png");
        width: 2.5rem;
        height: 2.5rem;
        background-size: 100%; }
      body #content.Game #gameWrapper.results.pearl table tbody td.chosen > span:not(.starburst) {
        width: 1.75rem;
        height: 1.75rem;
        border: 2px solid #3f2b56;
        border-radius: 50%;
        background-color: #3f2b56;
        display: inline-block; }
    body #content.Game #gameWrapper.results.pearl #pearlInnerLeft {
      width: 39%;
      z-index: 1;
      padding-left: 0.75%;
      /* 1-4 */
      /* 1-4 */
      /* 1-4 */
      /* 1-4 */ }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft h4.pearlTitle {
        font-size: 2.5rem;
        top: 0;
        left: 1.95rem;
        margin-top: 2%;
        margin-bottom: 0; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft #closePearl {
        left: 246.5%; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft table {
        width: 80%;
        left: 10%; }
        body #content.Game #gameWrapper.results.pearl #pearlInnerLeft table .pearlSource {
          width: 12rem;
          height: 6.45rem;
          z-index: 1; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft thead {
        border-top: 2px solid #bb9a37;
        border-bottom: 2px solid #bb9a37; }
        body #content.Game #gameWrapper.results.pearl #pearlInnerLeft thead th:nth-child(2) {
          opacity: 0;
          width: 15rem; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft .resultsSourceFeedbackButton {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        font: initial;
        display: inline-block;
        height: 2.25rem;
        width: 2.25rem;
        background: none;
        padding: 0;
        background-image: url("../img/icon_QMark.png");
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        margin-left: 0.75rem;
        margin-top: -0.15rem; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft .resultsSourceFeedbackButton:hover {
        background-image: url("../img/icon_QMark_hover.png"); }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft .starburst + .resultsSourceFeedbackButton {
        margin-top: 0.3rem; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft .resultsSourceFeedbackWrapper {
        display: inline-block;
        background-color: #635404;
        position: absolute;
        left: -3.3rem;
        width: 79.2rem;
        height: 7.5rem;
        box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.7);
        opacity: 0;
        transition: opacity 0.3s; }
        body #content.Game #gameWrapper.results.pearl #pearlInnerLeft .resultsSourceFeedbackWrapper p {
          color: #efe9d5;
          font-family: delve-hand, angie, arial;
          font-size: 1.5rem;
          text-align: left;
          left: 31%;
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          margin: 0;
          width: 64.5%; }
        body #content.Game #gameWrapper.results.pearl #pearlInnerLeft .resultsSourceFeedbackWrapper .closeResultsSourceFeedback {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          font: initial;
          padding: 0;
          background: none;
          background-image: url("../img/icon_Close.png");
          position: absolute;
          top: -1.25rem;
          left: -1.25rem;
          background-size: 100%;
          background-repeat: no-repeat;
          height: 3.25rem;
          width: 3.25rem; }
        body #content.Game #gameWrapper.results.pearl #pearlInnerLeft .resultsSourceFeedbackWrapper .closeResultsSourceFeedback:hover {
          background-image: url("../img/icon_Close_HOVER.png"); }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft tbody tr:nth-child(1) .resultsSourceFeedbackWrapper {
        top: calc(2.3rem + (7.5rem * 1) - 7.5rem); }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft tbody tr:nth-child(2) .resultsSourceFeedbackWrapper {
        top: calc(2.3rem + (7.5rem * 2) - 7.5rem); }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft tbody tr:nth-child(3) .resultsSourceFeedbackWrapper {
        top: calc(2.3rem + (7.5rem * 3) - 7.5rem); }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft tbody tr:nth-child(4) .resultsSourceFeedbackWrapper {
        top: calc(2.3rem + (7.5rem * 4) - 7.5rem); }
      body #content.Game #gameWrapper.results.pearl #pearlInnerLeft .resultsSourceFeedbackWrapper.show {
        opacity: 1; }
    body #content.Game #gameWrapper.results.pearl #pearlInnerRight {
      width: 59%; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerRight h4 {
        margin-top: 3.25rem; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerRight table {
        width: 96%;
        left: 2%; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerRight thead {
        border-top: 2px solid #efe9d5;
        border-bottom: 2px solid #efe9d5; }
        body #content.Game #gameWrapper.results.pearl #pearlInnerRight thead th:nth-child(2) {
          opacity: 0;
          width: 29rem; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerRight tbody tr {
        border-bottom: 2px solid #efe9d5; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerRight tbody td {
        height: 4rem; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerRight tbody td:not(:nth-child(2)) > span {
        position: relative; }
      body #content.Game #gameWrapper.results.pearl #pearlInnerRight tbody p {
        font-family: open sans-serif, arial;
        font-size: 0.85rem;
        margin: 0.8rem 0;
        text-align: left; }
    body #content.Game #gameWrapper.results.printable #resultsPrint {
      opacity: 0; }
    body #content.Game #gameWrapper.results.printable h3 {
      font-size: 2.3rem; }
    body #content.Game #gameWrapper.results.printable p.subheader {
      font-size: 1.15rem; }
    body #content.Game #gameWrapper.results.printable .pearl {
      height: 11%; }
      body #content.Game #gameWrapper.results.printable .pearl .ticketLeft {
        border-radius: 0.5rem 0 0 0.5rem; }
        body #content.Game #gameWrapper.results.printable .pearl .ticketLeft .bite {
          width: 0.5rem;
          height: 0.5rem; }
        body #content.Game #gameWrapper.results.printable .pearl .ticketLeft .pointsImg {
          height: 4rem;
          width: 4rem;
          bottom: -2.5rem;
          right: -2rem; }
    body #content.Game #gameWrapper.results.printable .tltext {
      font-size: 0.95rem !important; }
    body #content.Game #gameWrapper.results.printable .resultsFactionRound {
      opacity: 1; }
    body #content.Game #gameWrapper.results.printable #resultsOpenScrapbook {
      opacity: 0; }
    body #content.Game #gameWrapper.results.printable #resultsTotalScore {
      bottom: 4%;
      background-image: none !important; }
      body #content.Game #gameWrapper.results.printable #resultsTotalScore img {
        opacity: 1; }
    body #content.Game #gameWrapper.printable ~ #goToBridge, body #content.Game #gameWrapper.printable ~ #goToRelive {
      opacity: 0; }
  body #content.About #aboutSide {
    position: absolute;
    top: 0;
    width: 43.2%;
    left: -48%;
    height: 100%; }
    body #content.About #aboutSide img {
      height: 87%;
      width: auto;
      max-width: 104%;
      position: relative;
      top: 51%;
      transform: translateY(-50%); }
  body #content.Help .left {
    padding-right: 1rem;
    padding-bottom: 1rem;
    overflow-y: auto;
    height: 100%; }
    body #content.Help .left h3, body #content.Help .left p {
      color: #3f2b56; }
    body #content.Help .left h3 {
      font-size: 1.3rem; }
    body #content.Help .left p {
      font-size: 0.95rem;
      font-weight: 100; }
  body #content.Help #helpSide {
    position: absolute;
    top: 0;
    width: 43.2%;
    left: -48%;
    height: 100%; }
    body #content.Help #helpSide img {
      height: 87%;
      width: auto;
      max-width: 104%;
      position: relative;
      top: 51%;
      transform: translateY(-50%); }
  body #content.Terms .left, body #content.Privacy .left {
    overflow-y: auto;
    padding: 2rem;
    color: #3f2b56; }
  body #content.Terms #termsSide {
    position: absolute;
    top: 0;
    width: 43.2%;
    left: -48%;
    height: 100%; }
    body #content.Terms #termsSide img {
      height: 87%;
      width: auto;
      max-width: 104%;
      position: relative;
      top: 51%;
      transform: translateY(-50%); }
  body #content.Privacy #privacySide {
    position: absolute;
    top: 0;
    width: 43.2%;
    left: -48%;
    height: 100%; }
    body #content.Privacy #privacySide img {
      height: 87%;
      width: auto;
      max-width: 104%;
      position: relative;
      top: 51%;
      transform: translateY(-50%); }
  body #content.SourcesCited .subpageBelow .left {
    padding-right: 1rem;
    padding-bottom: 1rem; }
    body #content.SourcesCited .subpageBelow .left #citations {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      word-wrap: break-word;
      word-break: break-word;
      color: #3f2b56; }
      body #content.SourcesCited .subpageBelow .left #citations ul {
        list-style-type: none;
        padding: 0;
        margin: 0; }
      body #content.SourcesCited .subpageBelow .left #citations h3 {
        font-size: 1.3rem;
        font-weight: bold;
        margin: 1rem 0; }
      body #content.SourcesCited .subpageBelow .left #citations li {
        margin-bottom: 1rem;
        font-size: 0.95rem;
        font-weight: 100; }
      body #content.SourcesCited .subpageBelow .left #citations li:last-of-type {
        margin: 0; }
    body #content.SourcesCited .subpageBelow .left p {
      font-weight: 100; }
  body #content.SourcesCited #sourcesCitedSide {
    position: absolute;
    top: 0;
    width: 43.2%;
    left: -48%;
    height: 100%; }
    body #content.SourcesCited #sourcesCitedSide img {
      height: 83%;
      width: auto;
      max-width: 104%;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  body #content.Credits .subpageBelow .left > div {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-top: 1.5rem; }
  body #content.Credits .subpageBelow .left h3, body #content.Credits .subpageBelow .left p {
    margin: 0;
    color: #3f2b56; }
  body #content.Credits .subpageBelow .left h3 {
    font-weight: bold;
    margin-top: 1rem; }
  body #content.Credits .subpageBelow .left p {
    font-weight: 100; }
  body #content.Credits #creditsSide {
    position: absolute;
    top: 0;
    width: 43.2%;
    left: -48%;
    height: 100%; }
    body #content.Credits #creditsSide img {
      height: 83%;
      width: auto;
      max-width: 104%;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }

body.dragging {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none; }
  body.dragging * {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: pointer !important;
    cursor: grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important; }

body.widebook #book {
  left: 0; }
body.widebook #contentWrapper {
  left: 28.9%; }
body.widebook #content.Timeline #timelineTabBtnNational {
  left: -40%; }
body.widebook #content.Timeline #timelineTabBtnState {
  left: calc(-40% + 10rem); }
body.widebook #timelineThrobber > div {
  left: 28.9%;
  opacity: 1; }

body.game {
  background-image: url("../img/bkgd_pattern_gold.png"); }
  body.game header, body.game footer, body.game #book, body.game #ephemera .aspect > .skip-main {
    display: none; }
  body.game #contentWrapper {
    width: 100%;
    left: 0;
    transition: none;
    top: 0;
    height: 100%;
    background-color: #efe9d5; }

body.exitinggame #contentWrapper {
  transition: none !important;
  left: 15.9% !important; }

body.animating {
  /*
  #timelineThrobber{
  	display: block !important;
  	>div{
  		display: none;
  	}
  }*/ }
  body.animating #navigation {
    z-index: 0; }
  body.animating #ephemera .ephemera {
    z-index: -1; }
  body.animating #mapsAndHeader {
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.7);
    outline: 9999px solid rgba(66, 33, 11, 0.94);
    z-index: 20000; }
    body.animating #mapsAndHeader h3#timelineHeader span.num span.animate {
      transition: background-position 0.1s ease-out; }
    body.animating #mapsAndHeader button#stopAnimation {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      font: initial;
      position: absolute;
      background: none;
      top: -7.2rem;
      right: -3rem;
      height: 3rem;
      width: 3rem;
      background-repeat: no-repeat;
      background-size: 100%;
      background-image: url("../img/Close_source.png"); }
    body.animating #mapsAndHeader button#stopAnimation:hover {
      background-image: url("../img/Close_source_HOVER.png"); }
    body.animating #mapsAndHeader .frame {
      background-image: url("../img/timeline_AnimationWindow_HiRes.png");
      display: inline-block;
      position: absolute;
      background-repeat: no-repeat;
      background-position: top;
      background-size: 100% 100%;
      top: -8%;
      left: -5%;
      width: 110%;
      height: 116%; }
    body.animating #mapsAndHeader .animationBlurb {
      display: block !important; }
  body.animating #timelineSidebar {
    z-index: -1; }

body:not(.animating) #timelineMain .map g.entity:hover path, body:not(.animating) #timelineMain .map g.entity.selected path, body:not(.animating) #timelineMain .map g.entity.over path {
  stroke: #000000;
  stroke-width: 1.5px; }
body:not(.animating) #content.Timeline #timelineMain #timelineAnimate:hover {
  background-image: url("../img/button_AnimateMap_HOVER.png"); }
body:not(.animating) #timelineMain #mapsAndHeader button#stopAnimation {
  display: none; }

body.timelineHelp #navigation {
  z-index: 0; }

body.zoomed {
  overflow: auto; }
  body.zoomed #content.Timeline #timelineMain .sliderWrapper #slider .noUi-handle {
    background: none; }
  body.zoomed #content.Timeline #timelineMain .sliderWrapper #slider .noUi-tooltip {
    background-color: #240f3c;
    height: 100%;
    width: 100%;
    top: 0;
    line-height: 2.9rem;
    border-radius: 50%; }

.draggable {
  height: 8.4rem;
  width: 11.004rem;
  display: inline-block;
  background-image: url("../img/activity_sorting_itemFrame.svg");
  background-repeat: no-repeat;
  background-position: center;
  text-align: left;
  vertical-align: bottom;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  cursor: grab;
  cursor: -webkit-grab; }
  .draggable img {
    pointer-events: none;
    height: auto;
    width: auto;
    max-height: 80%;
    max-width: 80%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .draggable img.audio {
    background-image: url("../img/icon_audio.svg");
    height: 100%;
    width: 100%;
    background-size: 100% 100%; }
  .draggable button {
    position: absolute;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font: initial;
    padding: 0;
    background: none;
    background-size: 100%;
    display: inline-block;
    background-repeat: no-repeat; }
  .draggable button.popupSourceButton {
    bottom: -1.5rem;
    left: 15%;
    width: 3rem;
    height: 3rem;
    display: inline-block;
    background-image: url("../img/icon_zoom.png"); }
  .draggable button.popupSourceButton:hover {
    background-image: url("../img/icon_zoom_HOVER.png"); }
  .draggable button.reorderButton {
    display: none;
    top: 50%;
    transform: translateY(-50%);
    height: 2.1rem;
    width: 2.1rem; }
  .draggable button.reorderButton.up {
    left: -0.6rem;
    background-image: url("../img/icon_sort_left.png"); }
  .draggable button.reorderButton.up:hover {
    background-image: url("../img/icon_sort_left_HOVER.png"); }
  .draggable button.reorderButton.down {
    right: -0.6rem;
    background-image: url("../img/icon_sort_right.png"); }
  .draggable button.reorderButton.down:hover {
    background-image: url("../img/icon_sort_right_HOVER.png"); }
  .draggable .reorderNumber {
    display: none;
    background-size: 100%;
    height: 2.4rem;
    width: 2.4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .draggable .reorderNumber[data-number="0"] {
    background-image: url("../img/icon_sort_rank0.png"); }
  .draggable .reorderNumber[data-number="1"] {
    background-image: url("../img/icon_sort_rank1.png"); }
  .draggable .reorderNumber[data-number="2"] {
    background-image: url("../img/icon_sort_rank2.png"); }
  .draggable .reorderNumber[data-number="3"] {
    background-image: url("../img/icon_sort_rank3.png"); }
  .draggable .reorderNumber[data-number="4"] {
    background-image: url("../img/icon_sort_rank4.png"); }
  .draggable .reorderNumber[data-number="5"] {
    background-image: url("../img/icon_sort_rank5.png"); }
  .draggable .reorderNumber[data-number="6"] {
    background-image: url("../img/icon_sort_rank6.png"); }
  .draggable .reorderNumber[data-number="7"] {
    background-image: url("../img/icon_sort_rank7.png"); }
  .draggable .reorderNumber[data-number="8"] {
    background-image: url("../img/icon_sort_rank8.png"); }
  .draggable .reorderNumber[data-number="9"] {
    background-image: url("../img/icon_sort_rank9.png"); }
  .draggable .reorderNumber[data-number="10"] {
    background-image: url("../img/icon_sort_rank10.png"); }
  .draggable .correctincorrect {
    position: absolute;
    top: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    background-size: 100%;
    height: 2.25rem;
    width: 2.25rem;
    display: none;
    cursor: default;
    z-index: 1; }
  .draggable .correctincorrect.correct {
    background-image: url("../img/icon_sort_correct.png"); }
  .draggable .correctincorrect.incorrect {
    background-image: url("../img/icon_sort_incorrect.png"); }
  .draggable .correctincorrect.norightorwrong {
    background-image: url("../img/icon_sort_feedback_gold.png"); }
  .draggable .feedback:not(.show) ~ .correctincorrect:hover {
    background-image: url("../img/icon_sort_feedback_HOVER.png"); }
  .draggable .feedback {
    position: absolute;
    width: 173%;
    top: 0.5rem;
    left: -35%;
    transition: opacity 0.2s ease-out;
    display: none;
    opacity: 0;
    cursor: default;
    z-index: 1;
    height: 268%; }
    .draggable .feedback .film {
      width: 100%;
      height: 100%;
      opacity: 0.9;
      background-color: #240f3c;
      border-radius: 5px;
      display: inline-block;
      position: absolute; }
    .draggable .feedback p {
      color: #ffffff;
      font-size: 0.95rem;
      text-align: left;
      margin: 2rem 1rem;
      position: relative;
      font-weight: 100; }
    .draggable .feedback p.feedbackDropOn {
      height: 1px;
      margin: 0 !important;
      padding: 0;
      width: 1px;
      font-size: 1px;
      overflow: hidden; }
    .draggable .feedback p.feedbackDropOn:focus {
      outline: none; }
    .draggable .feedback .feedbackClose {
      color: #240f3c;
      background-color: #ffffff;
      border-radius: 5px;
      position: absolute;
      bottom: 1rem;
      left: 50%;
      transform: translateX(-50%);
      padding: 0.25rem 0.75rem;
      font-size: 0.95rem;
      font-family: avenir, arial; }
    .draggable .feedback .feedbackClose:hover {
      background-color: #cac1c6; }
  .draggable .feedback.show {
    opacity: 1; }

.draggable.feedbackOn {
  cursor: default; }

.draggable.dragging {
  position: absolute;
  z-index: 9999;
  pointer-events: none;
  cursor: pointer;
  cursor: grabbing;
  cursor: -webkit-grabbing; }

.draggable.matching {
  background-image: url("../img/activity_matching_sourceFrame.svg");
  height: 13.2rem;
  width: 10.626rem;
  max-height: 100%;
  max-width: 100%; }
  .draggable.matching .feedback {
    width: 120%;
    left: -10%;
    height: auto;
    max-height: 19.5rem;
    top: auto;
    bottom: 86%;
    padding-bottom: 3rem; }
    .draggable.matching .feedback p {
      margin: 1rem 0.75rem; }
    .draggable.matching .feedback .feedbackClose {
      bottom: 1.5rem; }
  .draggable.matching .popupSourceButton {
    bottom: -0.5rem; }
  .draggable.matching .correctincorrect {
    top: 0.4rem; }

.draggable.matching.sourceToSource {
  height: 10.626rem;
  background-image: url("../img/activity_matching_sourceFrame_square.svg"); }

.drag-area.no-display {
  display: none; }

.draggable.no-display {
  display: none; }

.draggable.appearance-only {
  cursor: default; }

.draggable.appearance-only:hover .popupSourceButton {
  background-image: url("../img/icon_zoom_HOVER.png"); }

body.ff #content.Game #gameWrapper.faction .card img.cardback {
  transform: rotateY(180deg) translateX(27rem) translateZ(-9rem); }
body.ff #content.Game #gameWrapper.faction .card.flipped img.cardback {
  transform: rotateY(0deg) translateX(0rem) translateZ(-9rem); }

body.safari.mac #content.Game #gameWrapper.faction {
  -webkit-transform: translate3d(0px, 0px, 0px); }
  body.safari.mac #content.Game #gameWrapper.faction .card {
    transform-style: flat; }
    body.safari.mac #content.Game #gameWrapper.faction .card > img {
      transform-style: flat; }

body.mobile {
  position: fixed;
  background-image: none; }
  body.mobile #content.DBQ #DBQInnerHeader button.DBQDir {
    width: 22.8rem;
    max-width: 38%; }
  body.mobile #content.DBQ #DBQInnerHeader button.DBQDir[data-dir='back'] {
    left: 1.2rem; }
  body.mobile #content.DBQ #DBQInnerHeader button.DBQDir[data-dir='forward'] {
    right: 1.2rem; }
  body.mobile .aspect {
    height: calc(62.5vw * 0.95);
    width: calc(100vw * 0.95); }

body.mobile::after {
  content: '';
  background-image: url("../img/bkgd_pattern_forAPP_v2.png");
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: -1; }

/*# sourceMappingURL=loc.css.map */