/* Remove this one... */
/*
$nav-bg: $med-blue;
$nav-container-bg: $med-blue;
$nav-link-color: #fff;
$nav-link-active-bg: $green;
$nav-link-active-color: #fff;
*/
/**
$h1-color: $med-blue;
$h1-font: $lato;

$h2-color: $green;
$h2-font: $crimson;

$h3-color: $med-blue;
$h3-font: $lato;

$h4-color: $dark-blue;
$h4-font: $crimson;
**/
/* line 1, ../sass/_custom_ht2.scss */
body.not-front.cclanding {
  overflow: hidden;
  background-color: #101625;
  background-image: url(../img/loading.gif);
  background-position: center center;
  background-repeat: no-repeat;
}

/* line 9, ../sass/_custom_ht2.scss */
.cclanding #the-website {
  display: none;
}

/* line 13, ../sass/_custom_ht2.scss */
body.page-node-37.cclanding,
.front {
  background-color: #a89573;
  background-image: url(../img/loading_2.gif);
  background-position: center center;
  background-repeat: no-repeat;
}

/* line 20, ../sass/_custom_ht2.scss */
#chapter-5-cover > .container {
  padding-top: 0;
  background-position: 50% 9%;
  background-size: 70%;
}

/* line 26, ../sass/_custom_ht2.scss */
h1 {
  color: #920022;
}

/* line 29, ../sass/_custom_ht2.scss */
h3 {
  color: #f8f7d3;
}

/* line 33, ../sass/_custom_ht2.scss */
#heartbeat-of-cc h3, section h3 {
  color: #565423;
}

/* line 37, ../sass/_custom_ht2.scss */
h4 {
  color: #201f0d;
  margin: 15px 0px;
  font-size: 22px;
}

/* line 43, ../sass/_custom_ht2.scss */
#projectOverviewModal .modal-body {
  padding: 20px;
}

/* line 47, ../sass/_custom_ht2.scss */
#menu-carat {
  background-color: #201f0d;
}

/* line 51, ../sass/_custom_ht2.scss */
div#mini-top-nav,
.header {
  background-color: #920022;
}

/* line 56, ../sass/_custom_ht2.scss */
.nav-wrap {
  background-color: #201f0d;
}

/* line 60, ../sass/_custom_ht2.scss */
.header #top-nav {
  border-color: #eee;
}

/* line 64, ../sass/_custom_ht2.scss */
.page,
#home, #chapter-0 {
  background-color: #a89573;
}

/* line 69, ../sass/_custom_ht2.scss */
div#mini-top-nav h3 a,
.header #header-left a {
  color: #f8f7d3;
}

/* line 74, ../sass/_custom_ht2.scss */
.header #top-right #comms-nav li a.active,
.header #top-right #comms-nav li a:hover {
  color: white;
}

/* line 79, ../sass/_custom_ht2.scss */
#main-nav > div {
  color: #f8f7d3;
}

/* line 83, ../sass/_custom_ht2.scss */
.chapter-nav-wrap {
  background-color: #201f0d;
}

/* line 86, ../sass/_custom_ht2.scss */
.chapter-nav-wrap .chapter-nav-label {
  background-color: #920022;
}

/* line 90, ../sass/_custom_ht2.scss */
.chapter-nav-wrap > .container > div > div:hover,
.chapter-nav-wrap > .container > div > div.active {
  color: #dc4c4f;
}

/* line 95, ../sass/_custom_ht2.scss */
#prologue-overview h2,
.chapter-number {
  background-color: #f8f7d3;
  color: #a89573;
}

/* line 101, ../sass/_custom_ht2.scss */
#chapter-5-link {
  margin-right: 0;
}

/* line 104, ../sass/_custom_ht2.scss */
.chapter-link {
  width: 12%;
  background: #201f0d;
}

/* line 108, ../sass/_custom_ht2.scss */
.chapter-link.last {
  margin-right: 15px;
}

/* line 112, ../sass/_custom_ht2.scss */
#home #cover-page-content p,
#chapter-0 #cover-page-content p {
  color: #333;
}

/* line 117, ../sass/_custom_ht2.scss */
#home #cover-page-content,
#chapter-0 #cover-page-content {
  background-image: url(../img/ht2_bubble.png);
}

/* line 122, ../sass/_custom_ht2.scss */
.semester-block > div {
  padding: 10px;
  border: 2px solid #ccc;
}

/* line 127, ../sass/_custom_ht2.scss */
.semester-block img {
  width: 75%;
  float: left;
}

/* line 132, ../sass/_custom_ht2.scss */
.semester-block a.small {
  background-color: #920022;
  color: #eee;
  text-align: center;
  padding: 8px;
  margin-left: 10px;
  float: left;
  width: 45px;
  height: 45px;
  margin-bottom: 10px;
  line-height: 33px;
}

/* line 146, ../sass/_custom_ht2.scss */
.semester-block h3 {
  margin-top: 10px;
  text-align: center;
}

/* line 152, ../sass/_custom_ht2.scss */
.push {
  clear: both;
}

/* line 156, ../sass/_custom_ht2.scss */
.periods-hover {
  height: 225px;
  margin-left: 20px;
  padding-left: 30px;
  position: relative;
}
/* line 162, ../sass/_custom_ht2.scss */
.periods-hover .direct-to-scene {
  background-image: none !important;
  padding-right: 0;
}
/* line 167, ../sass/_custom_ht2.scss */
.periods-hover .period-caption {
  font-family: "Lato", Arial, sans-serif;
  font-size: 0.9em;
  font-style: italic;
  display: none;
  position: absolute;
  top: -20px;
  left: 40px;
  width: 100%;
  background-color: #fff;
}

/* line 180, ../sass/_custom_ht2.scss */
.periods-hover div {
  display: inline-block;
  margin: 0 -10px !important;
  cursor: pointer;
}
/* line 185, ../sass/_custom_ht2.scss */
.periods-hover div:hover .period-caption {
  z-index: 10;
}

/* line 190, ../sass/_custom_ht2.scss */
#period-1 {
  background-image: url(/sites/hashtagcommoncore.com/files/period_1_inactive.png);
  height: 100%;
  width: 123px;
  background-size: cover;
}
/* line 196, ../sass/_custom_ht2.scss */
.periods-hover-1 #period-1, #period-1:hover {
  background-image: url(/sites/hashtagcommoncore.com/files/period_1_active.png);
}
/* line 200, ../sass/_custom_ht2.scss */
.periods-hover-1 #period-1 .period-1-caption, #period-1:hover .period-1-caption {
  display: block;
}

/* line 205, ../sass/_custom_ht2.scss */
#period-2 {
  background-image: url(/sites/hashtagcommoncore.com/files/period_2_inactive.png);
  height: 100%;
  width: 196px;
  background-size: cover;
}
/* line 211, ../sass/_custom_ht2.scss */
.periods-hover-2 #period-2, #period-2:hover {
  background-image: url(/sites/hashtagcommoncore.com/files/period_2_active.png);
}
/* line 215, ../sass/_custom_ht2.scss */
.periods-hover-2 #period-2 .period-2-caption, #period-2:hover .period-2-caption {
  display: block;
}

/* line 220, ../sass/_custom_ht2.scss */
#period-3 {
  background-image: url(/sites/hashtagcommoncore.com/files/period_3_inactive.png);
  height: 100%;
  width: 86px;
  background-size: cover;
}
/* line 226, ../sass/_custom_ht2.scss */
.periods-hover-3 #period-3, #period-3:hover {
  background-image: url(/sites/hashtagcommoncore.com/files/period_3_active.png);
}
/* line 230, ../sass/_custom_ht2.scss */
.periods-hover-3 #period-3 .period-3-caption, #period-3:hover .period-3-caption {
  display: block;
}

/* line 235, ../sass/_custom_ht2.scss */
#period-4 {
  background-image: url(/sites/hashtagcommoncore.com/files/period_4_inactive.png);
  height: 100%;
  width: 95px;
  background-size: cover;
}
/* line 241, ../sass/_custom_ht2.scss */
.periods-hover-4 #period-4, #period-4:hover {
  background-image: url(/sites/hashtagcommoncore.com/files/period_4_active.png);
}
/* line 245, ../sass/_custom_ht2.scss */
.periods-hover-4 #period-4 .period-4-caption, #period-4:hover .period-4-caption {
  display: block;
}

/*
#chapter-6-cover,
#chapter-4-cover,
#chapter-3-cover,
#chapter-2-cover,
#chapter-1-cover {
   .overview-content {
	bottom: auto;
	top: 50%;
        transform: translate(0,-60%);
   }
}
*/
/* line 266, ../sass/_custom_ht2.scss */
#project-overview {
  background: rgba(146, 0, 34, 0.5);
  border-color: #dc4c4f;
  cursor: pointer;
}
/* line 271, ../sass/_custom_ht2.scss */
#project-overview:hover {
  background: rgba(220, 76, 79, 0.7);
}

/* line 276, ../sass/_custom_ht2.scss */
.modal .modal-content {
  background: rgba(146, 0, 34, 0.8);
}
/* line 279, ../sass/_custom_ht2.scss */
.modal .modal-content h3 {
  color: #f8f7d3;
}

/* line 284, ../sass/_custom_ht2.scss */
#home header h1.title, #chapter-0 header h1.title {
  color: white;
}

/* line 288, ../sass/_custom_ht2.scss */
.modal-body iframe {
  border-color: #920022;
  background-color: #a89573;
}

/* line 294, ../sass/_custom_ht2.scss */
.tweet {
  width: 350px;
  font-size: 17px;
  line-height: 20px;
  font-family: "Lato", Arial, sans-serif;
  float: left;
  padding: 15px;
  border: 1px solid #d9d479;
  height: 115px;
  margin-right: 10px;
  border-radius: 8px;
  background: #f8f7d3;
  cursor: pointer;
  margin-bottom: 10px;
}
/* line 309, ../sass/_custom_ht2.scss */
.tweet.shrunk {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -webkit-transform: scale(0.6, 0.6);
  -moz-transform: scale(0.6, 0.6);
  -o-transform: scale(0.6, 0.6);
  -ms-transform: scale(0.6, 0.6);
  transform: scale(0.6, 0.6);
}
/* line 322, ../sass/_custom_ht2.scss */
.tweet.entering-machine {
  transform: scale(0.1, 0.1);
  -webkit-transform: scale(0.1, 0.1);
  -moz-transform: scale(0.1, 0.1);
  -o-transform: scale(0.1, 0.1);
  -ms-transform: scale(0.1, 0.1);
  margin-top: 40px;
}

/* line 333, ../sass/_custom_ht2.scss */
.tweet-selector-wrapper {
  width: 100%;
  position: relative;
  height: 250px;
}
/* line 338, ../sass/_custom_ht2.scss */
.tweet-selector-wrapper:after {
  clear: both;
}

/* line 346, ../sass/_custom_ht2.scss */
#tweet-machine {
  clear: both;
  position: relative;
  margin-bottom: 100px;
  margin-top: 50px;
}
/* line 352, ../sass/_custom_ht2.scss */
#tweet-machine h3 {
  display: none;
  text-transform: uppercase;
  color: #f8f7d3;
  background: #920022;
  padding: 5px;
  position: absolute;
  width: 100%;
  top: -30px;
  text-align: center;
}

/* line 366, ../sass/_custom_ht2.scss */
#tweet-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 200px;
}

/* line 376, ../sass/_custom_ht2.scss */
.machine-result {
  position: absolute;
  top: 137px;
  right: -20px;
  width: 240px;
  text-align: center;
  background-color: #920022;
  height: 210px;
  border-radius: 10px;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}
/* line 391, ../sass/_custom_ht2.scss */
.machine-result.exiting-machine {
  top: 100px;
  right: 10px;
  transform: scale(0.1, 0.1);
  -webkit-transform: scale(0.1, 0.1);
  -moz-transform: scale(0.1, 0.1);
  -o-transform: scale(0.1, 0.1);
  -ms-transform: scale(0.1, 0.1);
}

/* line 404, ../sass/_custom_ht2.scss */
.machine-result .tweet {
  transform: scale(0.65, 0.65);
  -webkit-transform: scale(0.65, 0.65);
  -moz-transform: scale(0.65, 0.65);
  -o-transform: scale(0.65, 0.65);
  -ms-transform: scale(0.65, 0.65);
  margin: 0;
  clear: both;
  margin-right: -100px;
  position: relative;
  left: -55px;
  background-color: #fff200;
}
/* line 417, ../sass/_custom_ht2.scss */
.machine-result .tweet .tweet-highlight {
  background-color: #44421c;
  color: #fff;
}
/* line 421, ../sass/_custom_ht2.scss */
.machine-result .tweet .tweet-bold {
  font-weight: bold;
  font-style: italic;
}

/* line 428, ../sass/_custom_ht2.scss */
.machine-result h4 {
  text-transform: uppercase;
  font-family: "Lato", Arial, sans-serif;
  font-size: 18px;
  color: #fff;
}

/* line 435, ../sass/_custom_ht2.scss */
#tweet-machine-result-details {
  clear: both;
  padding-top: 30px;
  min-height: 200px;
}
/* line 440, ../sass/_custom_ht2.scss */
#tweet-machine-result-details .table-bordered > thead > tr > th, #tweet-machine-result-details .table-bordered > tbody > tr > th, #tweet-machine-result-details .table-bordered > tfoot > tr > th, #tweet-machine-result-details .table-bordered > thead > tr > td, #tweet-machine-result-details .table-bordered > tbody > tr > td, #tweet-machine-result-details .table-bordered > tfoot > tr > td {
  border: 0px !important;
}
/* line 444, ../sass/_custom_ht2.scss */
#tweet-machine-result-details td {
  margin: 20px 0px;
}
/* line 449, ../sass/_custom_ht2.scss */
#tweet-machine-result-details table, #tweet-machine-result-details table p {
  font-family: "Lato", Arial, sans-serif;
  border: 0px;
}
/* line 454, ../sass/_custom_ht2.scss */
#tweet-machine-result-details table p {
  margin-bottom: 0px;
  padding: 20px;
  border: 1px solid #d9d479;
  background-color: #f8f7d3;
  border-radius: 10px;
}
/* line 462, ../sass/_custom_ht2.scss */
#tweet-machine-result-details table {
  width: 90%;
  margin: 30px 0px;
  margin-left: 5%;
}
/* line 467, ../sass/_custom_ht2.scss */
#tweet-machine-result-details .tweet-highlight {
  background-color: #44421c;
  color: #fff;
}
/* line 471, ../sass/_custom_ht2.scss */
#tweet-machine-result-details .tweet-bold {
  font-weight: bold;
  font-style: italic;
}
/* line 476, ../sass/_custom_ht2.scss */
#tweet-machine-result-details .selected-tweet p {
  background: #fff200;
}

/* line 481, ../sass/_custom_ht2.scss */
.tweet-machine-result-detail {
  display: none;
}

/* line 488, ../sass/_custom_ht2.scss */
.chapter-nav-wrap .columns-2 {
  width: 40%;
  text-align: center;
}

/* line 493, ../sass/_custom_ht2.scss */
#chapter-nav-3 .columns-6,
#chapter-nav-4 .columns-6 {
  width: 14%;
  text-align: center;
  font-size: 16px !important;
  line-height: 18px;
}

/* line 500, ../sass/_custom_ht2.scss */
#modalDisplay button.close,
#projectOverviewModal button.close,
#ajaxModal button.close,
#close-networks, .featherlight .featherlight-close-icon {
  background-color: #a89573;
}
/* line 506, ../sass/_custom_ht2.scss */
#modalDisplay button.close:hover,
#projectOverviewModal button.close:hover,
#ajaxModal button.close:hover,
#close-networks:hover, .featherlight .featherlight-close-icon:hover {
  background-color: #b8b134;
}

/* line 511, ../sass/_custom_ht2.scss */
circle[Attributes Style] {
  fill: #dc4c4f !important;
}

/* line 515, ../sass/_custom_ht2.scss */
circle.active, circle:hover {
  stroke: #f9d52b !important;
  stroke-width: 4px !important;
}

/* line 520, ../sass/_custom_ht2.scss */
#modalDisplay-content {
  background: #fff;
}
/* line 522, ../sass/_custom_ht2.scss */
#modalDisplay-content p {
  color: #333;
}

/* line 527, ../sass/_custom_ht2.scss */
#modalDisplay .modal-content {
  width: 1000px;
  margin-left: -200px !important;
}

/* line 532, ../sass/_custom_ht2.scss */
blockquote {
  background-color: #f8f7d3;
  border-color: #b8b134 !important;
  font-size: 24px;
  line-height: 28px;
  padding: 30px;
}
/* line 539, ../sass/_custom_ht2.scss */
blockquote p {
  color: #565423;
}

/* line 544, ../sass/_custom_ht2.scss */
ul, ol, p {
  color: #333;
}

/* line 548, ../sass/_custom_ht2.scss */
h1.title,
.scene-title {
  color: #a89573;
}

/* line 553, ../sass/_custom_ht2.scss */
h2 {
  color: #565423;
}

/* line 557, ../sass/_custom_ht2.scss */
a {
  color: #920022;
}
/* line 560, ../sass/_custom_ht2.scss */
a:hover {
  color: #dc4c4f;
}

/* line 565, ../sass/_custom_ht2.scss */
.zoom-image-hover span {
  background-color: rgba(146, 0, 34, 0.7);
  border: 2px solid #920022;
}
/* line 569, ../sass/_custom_ht2.scss */
.zoom-image-hover span:hover {
  background-color: rgba(220, 76, 79, 0.7);
}

/* line 574, ../sass/_custom_ht2.scss */
.header #top-nav {
  border-color: #dc4c4f;
}

/* line 578, ../sass/_custom_ht2.scss */
.navbar-toggle:hover, .navbar-toggle .active {
  background-color: rgba(220, 76, 79, 0.7);
}

/* line 582, ../sass/_custom_ht2.scss */
.navbar-toggle {
  border: 1px solid #dc4c4f;
  padding-top: 7px !important;
  padding-left: 6px !important;
}

/* line 588, ../sass/_custom_ht2.scss */
#comms-nav-collapsed div#mini-comms-menu-responsive .menu, #comms-nav-collapsed div#mini-comms-menu .menu, #mini-comms-nav div#mini-comms-menu-responsive .menu, #mini-comms-nav div#mini-comms-menu .menu {
  text-transform: none;
}

/* line 592, ../sass/_custom_ht2.scss */
#comms-nav-collapsed div#mini-comms-menu-responsive, #comms-nav-collapsed div#mini-comms-menu, #mini-comms-nav div#mini-comms-menu-responsive, #mini-comms-nav div#mini-comms-menu {
  background-color: rgba(220, 76, 79, 0.9);
  border: 0px;
}

/* line 597, ../sass/_custom_ht2.scss */
#comms-nav-collapsed div#mini-comms-menu-responsive li:hover, #comms-nav-collapsed div#mini-comms-menu li:hover, #mini-comms-nav div#mini-comms-menu-responsive li:hover, #mini-comms-nav div#mini-comms-menu li:hover {
  background-color: #fff200;
}
/* line 600, ../sass/_custom_ht2.scss */
#comms-nav-collapsed div#mini-comms-menu-responsive li:hover a, #comms-nav-collapsed div#mini-comms-menu li:hover a, #mini-comms-nav div#mini-comms-menu-responsive li:hover a, #mini-comms-nav div#mini-comms-menu li:hover a {
  color: #333;
}

/* line 605, ../sass/_custom_ht2.scss */
.navbar-toggle span.icon-bar {
  border-color: white !important;
  border: 1px solid white !important;
}

/* line 610, ../sass/_custom_ht2.scss */
#main-nav > div {
  background-image: url(../img/cc_sprite_2.png);
}

/* line 614, ../sass/_custom_ht2.scss */
.navigation a {
  background-image: url(../img/arrows_sprite_2.jpg);
}

/* line 618, ../sass/_custom_ht2.scss */
#comms-nav-collapsed div#mini-comms-menu-responsive li a, #comms-nav-collapsed div#mini-comms-menu li a, #mini-comms-nav div#mini-comms-menu-responsive li a, #mini-comms-nav div#mini-comms-menu li a {
  color: #f8f7d3;
}

/*---- Heartbeat Graphs ----*/
/* line 623, ../sass/_custom_ht2.scss */
#heartbeat-of-cc .axis path, #heartbeat-of-cc .axis line {
  stroke: #ccc !important;
}

/* line 627, ../sass/_custom_ht2.scss */
#chapter-3-scene-2 #heartbeat-of-cc path {
  stroke: #201f0d;
}

/* line 631, ../sass/_custom_ht2.scss */
#chapter-3-scene-3 #heartbeat-of-cc path {
  stroke: #a89573;
}

/* line 636, ../sass/_custom_ht2.scss */
#chapter-3-scene-4 #heartbeat-of-cc path {
  stroke: #920022;
}

/* line 641, ../sass/_custom_ht2.scss */
#chapter-3-scene-5 #heartbeat-of-cc path {
  stroke: orange;
}

/* line 645, ../sass/_custom_ht2.scss */
#home #cover-page-content h3,
#chapter-0 #cover-page-content h3 {
  color: #201f0d;
}

/* line 650, ../sass/_custom_ht2.scss */
.chapter-cover p {
  font-family: "Lato", Arial, sans-serif;
  font-size: 20px;
}

/* line 656, ../sass/_custom_ht2.scss */
.tweet-event {
  display: none;
}

/* line 660, ../sass/_custom_ht2.scss */
.tweet-event {
  padding: 30px 50px 50px 50px;
  background: #eee;
}

/* line 665, ../sass/_custom_ht2.scss */
.tweet-event h1 {
  margin-top: 50px;
}

/*circle.active,
circle:hover
{
    stroke: black;
    stroke-width: 2px;
    cursor: pointer;
}*/
/* line 678, ../sass/_custom_ht2.scss */
#back-btn {
  position: absolute;
  top: 15px;
  color: #dc4c4f;
  background-color: #dc4c4f;
  right: 10px;
  text-transform: uppercase;
  padding-left: 25px;
  font-size: 20px;
  line-height: 1.3em;
  font-family: "Lato", Arial, sans-serif;
  cursor: pointer;
  cursor: hand;
  z-index: 100;
}
/* line 693, ../sass/_custom_ht2.scss */
#back-btn #back-btn-content {
  background-color: #f8f7d3;
  padding: 15px;
}
/* line 697, ../sass/_custom_ht2.scss */
#back-btn #back-btn-content:hover {
  background-color: #dc4c4f;
}
/* line 702, ../sass/_custom_ht2.scss */
#back-btn span {
  font-style: italic;
  text-transform: none;
}
/* line 707, ../sass/_custom_ht2.scss */
#back-btn span.go-to {
  font-weight: bold;
  font-size: 26px;
  text-transform: lowercase;
  font-style: italic;
}
/* line 714, ../sass/_custom_ht2.scss */
#back-btn span.arrow {
  color: #f8f7d3;
  left: 3px;
  top: 27px;
  font-size: 18px;
  position: absolute;
}
/* line 722, ../sass/_custom_ht2.scss */
#back-btn:hover {
  color: #f8f7d3;
  background-color: #201f0d;
}
/* line 726, ../sass/_custom_ht2.scss */
#back-btn:hover span.arrow {
  color: #f8f7d3;
}

/* line 732, ../sass/_custom_ht2.scss */
.modal .direct-to-scene,
.page .direct-to-scene, #main-content .direct-to-scene {
  background-image: url(../img/icon_redirect_2.png);
}

/* line 737, ../sass/_custom_ht2.scss */
.modal .direct-to-scene {
  padding-right: 25px;
  background-repeat: no-repeat;
  background-position: right top;
}

/* line 744, ../sass/_custom_ht2.scss */
#tweet-machine {
  width: 71%;
  float: left;
  clear: none;
}

/* line 750, ../sass/_custom_ht2.scss */
.tweet-selector-wrapper {
  height: 110%;
  padding: 10px 15px 0 10px;
  width: 29%;
  float: left;
  background: #a89573;
}
/* line 758, ../sass/_custom_ht2.scss */
.tweet-selector-wrapper > h3 {
  color: #f8f7d3;
  text-align: center;
  margin: 10px 0 15px 0;
  text-transform: uppercase;
  font-size: 25px;
}

/* line 772, ../sass/_custom_ht2.scss */
.tweet {
  width: 100%;
  height: auto;
  font-size: 16px;
  line-height: 18px;
  padding: 10px;
}

/* line 780, ../sass/_custom_ht2.scss */
.machine-result {
  height: 150px;
  top: 91px;
  right: 6px;
  width: 140px;
  height: 160px;
  top: 130px;
  right: 12px;
  width: 160px;
}
/* line 791, ../sass/_custom_ht2.scss */
.machine-result h4 {
  margin-top: 12px;
}
/* line 795, ../sass/_custom_ht2.scss */
.machine-result .tweet {
  left: -50px;
  width: 240px;
  margin-top: -35%;
  bottom: -10px;
  left: -70px;
  width: 300px;
  margin-top: -25%;
  transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
}

/* line 816, ../sass/_custom_ht2.scss */
#tweet-machine-result-details h3 {
  margin-top: 50px;
}

/* line 820, ../sass/_custom_ht2.scss */
#machine-wrapper {
  height: 600px;
  overflow: hidden;
  border: 2px solid #201f0d;
  padding-right: 5px;
}

/* --- Heartbeat Graphs --- */
/* line 829, ../sass/_custom_ht2.scss */
.hbl-1 {
  background-image: url(../img/graph_heartbeat_legend_1.png) !important;
}

/* line 833, ../sass/_custom_ht2.scss */
.hbl-2 {
  background-image: url(../img/graph_heartbeat_legend_2.png) !important;
}

/* line 837, ../sass/_custom_ht2.scss */
.hbl-3 {
  background-image: url(../img/graph_heartbeat_legend_3.png) !important;
}

/* line 841, ../sass/_custom_ht2.scss */
.hbl-4 {
  background-image: url(../img/graph_heartbeat_legend_4.png) !important;
}

/* line 845, ../sass/_custom_ht2.scss */
#heartbeat-of-cc .circle {
  fill: #dc4c4f !important;
}

/* --- Cover Images --- */
/* line 851, ../sass/_custom_ht2.scss */
#chapter-1-cover > .container, #chapter-2-cover > .container {
  background-size: 46% !important;
}

/* line 856, ../sass/_custom_ht2.scss */
#chapter-3-cover > .container, #chapter-3-cover > .container {
  background-size: 46% !important;
}

/* line 861, ../sass/_custom_ht2.scss */
#chapter-6-cover > .container, #chapter-6-cover > .container {
  background-size: 46% !important;
}

/* --- Morph Wrap --- */
/* line 867, ../sass/_custom_ht2.scss */
.mw-2 {
  background-image: url(/sites/hashtagcommoncore.com/files/cc2_morph.gif);
  background-size: 500px;
  background-position: center center;
  margin-top: -20px;
}
/* line 873, ../sass/_custom_ht2.scss */
.mw-2:hover {
  border: 4px solid #dc4c4f;
}
/* line 877, ../sass/_custom_ht2.scss */
.mw-2 .preview-morph {
  background-color: rgba(255, 242, 0, 0.2);
}

/* ----- Act 2: Engagement Over Time ----- */
/* line 884, ../sass/_custom_ht2.scss */
.table.table-engagement {
  font-family: "Crimson", Georgia, serif;
}
/* line 887, ../sass/_custom_ht2.scss */
.table.table-engagement th {
  background-color: #b8b134;
  color: white;
  font-family: "Lato", Arial, sans-serif;
}
/* line 893, ../sass/_custom_ht2.scss */
.table.table-engagement tr:nth-child(even) {
  background: #f8f7d3;
}

/* ----- Buttons for Explore the Networks ----- */
/* line 900, ../sass/_custom_ht2.scss */
.btn-modal {
  background-color: #920022;
  background-image: none;
  border-bottom: 5px solid #dc4c4f;
  margin: 20px 10%;
}
/* line 906, ../sass/_custom_ht2.scss */
.btn-modal:hover {
  background-color: #dc4c4f;
  border-bottom: 5px solid #920022;
}

/* line 912, ../sass/_custom_ht2.scss */
.action-networks {
  background-image: url(../img/networks.png);
  min-height: 440px;
  background-repeat: no-repeat;
  background-position: center top;
}

/* ----- Networks ----- */
/* line 921, ../sass/_custom_ht2.scss */
.modal-body iframe {
  border-color: #201f0d;
}

/* line 925, ../sass/_custom_ht2.scss */
.body-networks {
  background-color: rgba(32, 31, 13, 0.7);
}

/* line 929, ../sass/_custom_ht2.scss */
.h-networks {
  background-color: #920022;
}

/* line 933, ../sass/_custom_ht2.scss */
#container-networks .transmitters h1 {
  color: #f8f7d3;
}

/* line 937, ../sass/_custom_ht2.scss */
.author-name {
  color: #b8b134;
}

/* line 941, ../sass/_custom_ht2.scss */
.zoom-in, .zoom-out, #zoom-in, #zoom-out {
  background-color: #a89573;
}

/* ---- Animated Graphics ---- */
/* line 946, ../sass/_custom_ht2.scss */
.animated-graphic {
  width: 100%;
  margin: 20px 0 30px 0;
}

/* line 951, ../sass/_custom_ht2.scss */
.reset-animation {
  position: relative;
  top: 60px;
}

/* line 956, ../sass/_custom_ht2.scss */
.btn-join {
  background-image: url(../img/ht2_bubble.png);
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: 50px -45px;
}
/* line 962, ../sass/_custom_ht2.scss */
.btn-join:hover {
  background-position: 50px -50px;
}

/* line 967, ../sass/_custom_ht2.scss */
.btn-pr {
  background-image: url(../img/press_btn.png);
  background-repeat: no-repeat;
  background-position: right 0px !important;
}
/* line 972, ../sass/_custom_ht2.scss */
.btn-pr:hover {
  background-position: right -5px !important;
}

/* line 977, ../sass/_custom_ht2.scss */
.btn-pdf {
  background-image: url(../img/btn_pdf.png);
  background-repeat: no-repeat;
  background-position: right 0px !important;
}
/* line 982, ../sass/_custom_ht2.scss */
.btn-pdf:hover {
  background-position: right -5px !important;
}

/* line 987, ../sass/_custom_ht2.scss */
.chapter-nav-wrap #nav-chapter-6 .chapter-nav-label {
  width: 100px;
}

/* line 992, ../sass/_custom_ht2.scss */
.webform-client-form label {
  font-family: Lato;
  display: block;
}

/* line 997, ../sass/_custom_ht2.scss */
.webform-client-form .form-item {
  font-family: Lato;
  font-size: 0.8em;
  margin-bottom: 0.5em;
  margin-top: 0;
}

/* line 1004, ../sass/_custom_ht2.scss */
.webform-client-form input[type=submit] {
  color: #fff;
  background: #920022;
  border: none;
  font-family: Lato;
  text-transform: uppercase;
  padding: 5px 20px;
  font-weight: bold;
  border-bottom: 5px solid #dc4c4f;
}

/* line 1015, ../sass/_custom_ht2.scss */
.webform-client-form input[type=submit]:hover {
  background: #dc4c4f;
  border-bottom: 5px solid #920022;
}

/* line 1020, ../sass/_custom_ht2.scss */
#chapter-6 h4 {
  font-size: 26px;
}

/* ------ Lexical Tendencies Navigation ------ */
/* line 1045, ../sass/_custom_ht2.scss */
.lt-nav-item {
  background-image: url(../img/lt_nav_sprite.png) !important;
  background-size: 300px 550px !important;
}

/* line 1050, ../sass/_custom_ht2.scss */
#sad-btn {
  background: rgba(220, 76, 79, 0.8);
  background-position: center top;
}
/* line 1033, ../sass/_custom_ht2.scss */
#sad-btn:hover {
  background: rgba(220, 76, 79, 0.95);
}

/* line 1055, ../sass/_custom_ht2.scss */
#angry-btn {
  background: rgba(191, 179, 27, 0.8);
  background-position: center -50px !important;
}
/* line 1028, ../sass/_custom_ht2.scss */
#angry-btn:hover {
  background: rgba(191, 179, 27, 0.95);
}

/* line 1060, ../sass/_custom_ht2.scss */
#happy-btn {
  background: rgba(255, 165, 0, 0.8);
  background-position: center -100px !important;
}
/* line 1040, ../sass/_custom_ht2.scss */
#happy-btn:hover {
  background: rgba(255, 165, 0, 0.95);
}

/* line 1065, ../sass/_custom_ht2.scss */
#mood-rationale-btn, #drive-rationale-btn, #conviction-rationale-btn, #thinkingstyle-rationale-btn {
  background: black;
  background-position: center -150px !important;
}
/* line 1068, ../sass/_custom_ht2.scss */
#mood-rationale-btn:hover, #drive-rationale-btn:hover, #conviction-rationale-btn:hover, #thinkingstyle-rationale-btn:hover {
  background: #323114;
}

/* line 1074, ../sass/_custom_ht2.scss */
#power-btn {
  background: rgba(255, 165, 0, 0.8);
  background-position: center -200px !important;
}
/* line 1040, ../sass/_custom_ht2.scss */
#power-btn:hover {
  background: rgba(255, 165, 0, 0.95);
}

/* line 1079, ../sass/_custom_ht2.scss */
#achievement-btn {
  background: rgba(220, 76, 79, 0.8);
  background-position: center -300px !important;
}
/* line 1033, ../sass/_custom_ht2.scss */
#achievement-btn:hover {
  background: rgba(220, 76, 79, 0.95);
}

/* line 1084, ../sass/_custom_ht2.scss */
#affiliation-btn {
  background: rgba(191, 179, 27, 0.8);
  background-position: center -250px !important;
}
/* line 1028, ../sass/_custom_ht2.scss */
#affiliation-btn:hover {
  background: rgba(191, 179, 27, 0.95);
}

/* line 1089, ../sass/_custom_ht2.scss */
#conviction-btn {
  background: rgba(191, 179, 27, 0.8);
  background-position: center -350px !important;
}
/* line 1028, ../sass/_custom_ht2.scss */
#conviction-btn:hover {
  background: rgba(191, 179, 27, 0.95);
}

/* line 1094, ../sass/_custom_ht2.scss */
#analytic-btn {
  background: rgba(220, 76, 79, 0.8);
  background-position: center -450px !important;
}
/* line 1033, ../sass/_custom_ht2.scss */
#analytic-btn:hover {
  background: rgba(220, 76, 79, 0.95);
}

/* line 1099, ../sass/_custom_ht2.scss */
#narrative-btn {
  background: rgba(255, 165, 0, 0.8);
  background-position: center -400px !important;
}
/* line 1040, ../sass/_custom_ht2.scss */
#narrative-btn:hover {
  background: rgba(255, 165, 0, 0.95);
}

/* line 1104, ../sass/_custom_ht2.scss */
#formal-btn {
  background: rgba(191, 179, 27, 0.8);
  background-position: center -500px !important;
}
/* line 1028, ../sass/_custom_ht2.scss */
#formal-btn:hover {
  background: rgba(191, 179, 27, 0.95);
}

/* line 1109, ../sass/_custom_ht2.scss */
.lt-nav {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  min-height: 100px;
  width: 300px;
}

/* line 1117, ../sass/_custom_ht2.scss */
.lt-nav-item {
  width: 100%;
  height: 50px;
}

/* line 1122, ../sass/_custom_ht2.scss */
.lt-nav:before {
  content: 'Navigate this Section';
  background: black;
  width: 100%;
  display: block;
  font-family: "Lato", Arial, sans-serif;
  font-size: 0.65em;
  padding: 5px;
  color: white;
  text-align: center;
}

/* line 1134, ../sass/_custom_ht2.scss */
a.top-link {
  text-transform: uppercase;
  display: inline-block;
  width: 250px;
  border: 2px solid #dc4c4f;
  background-color: rgba(146, 0, 34, 0.8);
  padding: 10px 20px;
  text-align: center;
  font-size: 18px;
  color: white;
  position: relative;
  float: right;
  clear: both;
  font-family: "Lato", Arial, sans-serif;
}
/* line 1149, ../sass/_custom_ht2.scss */
a.top-link:hover {
  background-color: #920022;
}

/* ----- Responsive ----- */
@media (max-height: 730px) {
  /* line 1158, ../sass/_custom_ht2.scss */
  .overview-content {
    top: 50px;
    width: 64%;
  }

  /* line 1163, ../sass/_custom_ht2.scss */
  .chapter-cover .container {
    background-size: 33% !important;
    background-position: 9% 20% !important;
  }

  /* line 1168, ../sass/_custom_ht2.scss */
  #prologue-overview {
    margin: -40px 60px 0px 0px;
    width: 54% !important;
  }
  /* line 1172, ../sass/_custom_ht2.scss */
  #prologue-overview p {
    color: #333 !important;
  }

  /* line 1177, ../sass/_custom_ht2.scss */
  #back-btn span.go-to {
    display: none;
  }

  /* line 1181, ../sass/_custom_ht2.scss */
  #back-btn span.arrow {
    top: 14px;
  }

  /* line 1185, ../sass/_custom_ht2.scss */
  #home #cover-page-content, #chapter-0 #cover-page-content {
    padding: 12% 0px 0px 50px;
  }

  /* line 1189, ../sass/_custom_ht2.scss */
  #prologue-headline {
    width: 38%;
  }
}
@media (max-width: 1200px) {
  /* line 1196, ../sass/_custom_ht2.scss */
  #chapter-1-cover p {
    line-height: 25px !important;
    font-size: 19px !important;
  }
}
/* line 1205, ../sass/_custom_ht2.scss */
#chapter-0 .navigation {
  z-index: 99;
}

/* line 1209, ../sass/_custom_ht2.scss */
.chapter-number {
  margin-bottom: 20px;
}

/* --- Front Cover Page --- */
/* line 1215, ../sass/_custom_ht2.scss */
#prologue-overview {
  margin: -50px 60px 0px 0px;
}
/* line 1218, ../sass/_custom_ht2.scss */
#prologue-overview p {
  line-height: 21px;
  color: white !important;
  width: 100%;
}

/* line 1226, ../sass/_custom_ht2.scss */
#home #cover-page-content, #chapter-0 #cover-page-content {
  padding: 13% 0px 0px 50px;
}

/* line 1230, ../sass/_custom_ht2.scss */
#chapter-0 #cover-page-content {
  background-size: 600px !important;
  background-position: left 50px !important;
}

/* --- Inside Cover Pages --- */
/* line 1238, ../sass/_custom_ht2.scss */
.overview-content {
  width: 52%;
  right: 0;
  left: auto;
  padding: 0;
  bottom: auto;
  top: 50%;
  transform: translate(0, -50%);
}
/* line 1248, ../sass/_custom_ht2.scss */
.overview-content h1 {
  font-size: 64px !important;
  margin-bottom: 10px;
}
/* line 1254, ../sass/_custom_ht2.scss */
.overview-content p {
  line-height: 21px;
}

/* line 1260, ../sass/_custom_ht2.scss */
.chapter-cover {
  /* -- Specific Chapter Styles -- */
}
/* line 1261, ../sass/_custom_ht2.scss */
.chapter-cover .container {
  background-position: 0 38% !important;
  background-size: 46% !important;
}
/* line 1268, ../sass/_custom_ht2.scss */
.chapter-cover#chapter-1-cover > .container {
  background-position: 0 38% !important;
}

/* --- Front Cover Page --- */
/* line 1276, ../sass/_custom_ht2.scss */
#chapter-0 header h1.title {
  font-size: 4em !important;
  text-shadow: 0px 0px 4px #201f0d;
}

/* line 1281, ../sass/_custom_ht2.scss */
#chapter-0 #cover-page-content {
  background-size: 550px !important;
}

/* line 1286, ../sass/_custom_ht2.scss */
#prologue-headline {
  float: left;
  width: 40%;
}

/* line 1291, ../sass/_custom_ht2.scss */
#prologue-overview {
  float: right;
  width: 50% !important;
  margin: 0px 75px 0px 0px;
}
/* line 1296, ../sass/_custom_ht2.scss */
#prologue-overview p {
  font-size: 20px;
  line-height: 21px;
  color: white !important;
  width: 100%;
}
/* line 1303, ../sass/_custom_ht2.scss */
#prologue-overview h2 {
  width: auto;
}

@media (max-height: 800px) {
  /* line 1309, ../sass/_custom_ht2.scss */
  #chapter-0 #cover-page-content {
    padding-top: 8%;
    background-position: left 0px !important;
  }
}
@media (max-height: 730px) {
  /* line 1317, ../sass/_custom_ht2.scss */
  .overview-content p {
    font-size: 20px;
  }
  /* line 1320, ../sass/_custom_ht2.scss */
  .overview-content h1 {
    margin-top: 0px;
  }
  /* line 1323, ../sass/_custom_ht2.scss */
  #chapter-4 .overview-content h1 {
    margin-top: -15px;
  }

  /* line 1329, ../sass/_custom_ht2.scss */
  #prologue-overview p {
    font-size: 19px;
  }

  /* line 1333, ../sass/_custom_ht2.scss */
  #chapter-0 #cover-page-content {
    padding-top: 5%;
    background-position: left -30px !important;
  }

  /* line 1339, ../sass/_custom_ht2.scss */
  .chapter-cover#chapter-1-cover > .container,
  .chapter-cover#chapter-2-cover > .container,
  .chapter-cover#chapter-3-cover > .container,
  .chapter-cover#chapter-6-cover > .container {
    background-size: 46% !important;
  }
}
@media (max-width: 991px) {
  /* line 1349, ../sass/_custom_ht2.scss */
  .btn-modal {
    margin: 20px 0px;
  }
}