@charset "UTF-8";
/* MASTER SASS COORDINATING STYLE SHEET */
/* All Page Styles */
.clear {
  clear: both;
}

.hidden {
  display: none !important;
}

div > hr {
  clear: both;
}

.spacefix {
  text-indent: -9999em;
  color: white;
  clear: both;
}

.error_msg {
  font-weight: bold;
  color: #663311;
}

.sharing {
  padding: 1rem 0;
}

.sharing-icon {
  display: inline-block !important;
  color: white !important;
  vertical-align: middle !important;
  padding: 4px !important;
  border-radius: 4px !important;
  line-height: 1;
}
.sharing-icon svg {
  vertical-align: middle;
  fill: white;
  display: inline-block;
  height: 16px;
  width: 18px;
}
.sharing-icon b {
  font-weight: normal !important;
  font-size: 12px !important;
  font-family: "Helvetica", "Arial", sans-serif;
}

.sharing-icon.facebook {
  background: #006FE2 !important;
}

.sharing-icon.googleplus {
  background: #CE4F4F !important;
  padding-right: 6px !important;
}

.sharing-icon.twitter {
  background: #27afff !important;
}

.sharing-icon.pinterest {
  background: #CA0025 !important;
}

.sharing-icon.email {
  background: #8a8a8a !important;
}

/* Navigation setup for moving nav offscreen, revealed with
  hamburger toggler

  to use for mobile only, include with a @media tag
 */
.hamburgerActive nav.primary {
  width: 290px;
  position: fixed;
  z-index: 100;
  top: 0;
  right: -290px;
  transition: right 0.6s ease;
  background: white;
  color: black;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 500px;
}
.hamburgerActive nav.primary div:first-child {
  overflow: scroll;
  height: 100%;
  background: white;
  position: relative;
  z-index: 10;
  padding: 12px 8px;
}
.hamburgerActive nav.primary ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.hamburgerActive nav.primary ul li {
  margin: 0;
  padding: 0;
}
.hamburgerActive nav.primary a, .hamburgerActive nav.primary a:link, .hamburgerActive nav.primary a:visited, .hamburgerActive nav.primary a:hover {
  display: inline-block;
}

.hamburger {
  box-sizing: border-box;
  vertical-align: bottom;
  top: 0;
  z-index: 5;
  cursor: pointer;
  padding: 8px 0;
  position: absolute;
  left: -44px;
  background: white;
  height: 42px;
  width: 48px;
}
.hamburger span {
  position: absolute;
  top: 18px;
  left: 11px;
  width: 22px;
  height: 3px;
  background: #000;
  display: block;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.hamburger span:after, .hamburger span:before {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
}
.hamburger span:before {
  top: -8px;
}
.hamburger span:after {
  bottom: -8px;
}

.navOpen nav.primary {
  right: 0;
  box-shadow: -2px 0px 13px rgba(0, 0, 0, 0.35);
}
.navOpen .hamburger {
  box-shadow: -2px 0px 13px rgba(0, 0, 0, 0.35);
}
.navOpen .hamburger span {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navOpen .hamburger span:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 0;
}
.navOpen .hamburger span:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0;
}

.bannerTop #header {
  background-color: rgba(255, 255, 255, 0.75);
}
.bannerTop #mhslogo {
  opacity: 1;
}
.bannerTop .titleHeader img {
  margin-top: 0;
  max-width: 250px;
}
.bannerTop .titleHeader h1 {
  height: 0;
}
.bannerTop .titleHeader .subtitle {
  opacity: 0;
  max-height: 0;
  padding: 0;
}

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

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

body {
  line-height: 1;
}

ul, ol {
  list-style: none;
}

li {
  list-style-position: outside;
}

blockquote, q {
  quotes: none;
}

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

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

.masterc {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.JPcolumns .masterc {
  display: flex;
  flex-wrap: wrap;
}

.outerWrapper {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  width: 100%;
  background-color: #f1f0e9;
  padding: 0 4.5% 2.25% 4.5%;
}
.outerWrapper *[class*=cnode_label_] {
  max-width: 1250px;
  margin: auto;
  padding-top: 1px;
  padding-bottom: 1px;
}
.outerWrapper *[class*=cnode_label_]:after {
  display: block;
  clear: both;
  content: "";
}

.h1block {
  padding-top: 2rem;
}
.h1block h1 {
  max-width: 1250px;
  margin: auto;
}

.outerWrapper.h1block + .outerWrapper:not([class*=Color]) {
  padding-top: 0;
}

.sidebarNav .masterc:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.sidebarNav .mainContent {
  float: left;
  width: 74%;
}
.sidebarNav #MHSfooter {
  position: relative;
  z-index: 40;
}

@media (max-width: 930px) {
  .sidebarNav .masterc {
    display: block;
  }
  .sidebarNav .mainContent {
    float: none;
    width: auto;
  }
}
/*
 *	LAYOUT ELEMENTS: ALL THE CSS for the layout elements
 *
 */
.MHSmasthead {
  position: relative;
  z-index: 5;
}

.innerWrapper {
  box-sizing: border-box;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

.bannerBlock {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  color: white;
}
.bannerBlock img {
  display: block;
  width: 100%;
  position: absolute;
}
.bannerBlock .titleBlock {
  background: white;
  position: relative;
  padding: 2.25% 4.5%;
  box-sizing: border-box;
}
.bannerBlock .innerWrapper {
  box-sizing: border-box;
  position: relative;
  max-width: 1250px;
  margin: 0 auto;
}
.bannerBlock h1 {
  color: #b41e11;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  font-size: 5.1vw;
  letter-spacing: -0.05rem;
  line-height: 1.15;
  padding: 0;
  box-sizing: border-box;
}
.bannerBlock h1 i,
.bannerBlock h1 .subtitle {
  display: block;
  font-family: "Halant";
  color: black;
  font-size: 40%;
  margin: 0;
  padding: 0;
}
.bannerBlock h1 u {
  text-decoration: none;
  font-size: 2rem;
}

.landingPage .bannerBlock .titleBlock {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.landingPage .bannerBlock img {
  position: relative;
}

@media (max-width: 930px) {
  .row {
    display: block;
  }

  .landingPage .bannerBlock img,
.bannerBlock img {
    top: 0;
    position: relative;
  }
  .landingPage .bannerBlock .titleBlock,
.bannerBlock .titleBlock {
    position: relative;
    padding: 0;
  }
  .landingPage .bannerBlock .titleBlock .innerWrapper,
.bannerBlock .titleBlock .innerWrapper {
    position: relative;
    padding: 2.5% 4.5%;
  }
  .landingPage .bannerBlock .titleBlock h1,
.bannerBlock .titleBlock h1 {
    font-size: 12vw;
  }
  .landingPage .bannerBlock .titleBlock h1 i,
.bannerBlock .titleBlock h1 i {
    font-size: 44%;
  }

  .landingPage .bannerBlock {
    padding-top: 0;
  }
}
@media (max-width: 750px) {
  .MHSmasthead {
    text-align: left !important;
  }
  .MHSmasthead img {
    max-width: 92% !important;
  }

  .bannerBlock .innerWrapper h1 {
    padding: 0;
  }
}
/* --- NAVIGATION --- */
.no-top-nav .top_nav,
.no-local-nav .section_nav {
  display: none !important;
}

.altSiteTitle {
  display: none;
}

nav {
  box-sizing: border-box;
  background: none;
  position: sticky;
  z-index: 20;
  top: 0;
}

ul.section_nav {
  margin: 30px 0;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  box-sizing: border-box;
}
ul.section_nav li {
  margin: 0;
  list-style-type: none;
  background: none;
  font-size: 100%;
}
ul.section_nav a,
ul.section_nav a:link,
ul.section_nav a:active,
ul.section_nav a:visited,
ul.section_nav a:hover {
  color: #20427d;
  display: inline-block;
  margin: 0;
  padding: 0.25rem 15px;
  font-weight: bold;
  text-decoration: none;
}
ul.section_nav li:hover {
  background: #ffffff;
}
ul.section_nav .fullTitle {
  display: none;
}

.hamburger {
  top: 4px;
  left: -50px;
  background: none;
}
.hamburger span, .hamburger span:before, .hamburger span:after {
  background: red;
}
.hamburger span {
  width: 30px;
  height: 5px;
}
.hamburger span:before {
  top: -10px;
}
.hamburger span:after {
  bottom: -10px;
}

.vegan .hamburger,
.comingSoon .hamburger {
  display: none !important;
}

.hamburgerActive .altSiteTitle {
  display: block;
  font-size: 31px;
  padding: 7.5px 15px;
}
.hamburgerActive .altSiteTitle i {
  font-size: 45%;
}
.hamburgerActive nav.primary {
  width: 450px;
  right: -450px;
  background: none;
}
.hamburgerActive nav.primary div:first-child {
  background: #24364666;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: white;
}
.hamburgerActive ul.section_nav a,
.hamburgerActive ul.section_nav a:link,
.hamburgerActive ul.section_nav a:active,
.hamburgerActive ul.section_nav a:visited,
.hamburgerActive ul.section_nav a:hover {
  color: white;
}
.hamburgerActive ul.section_nav a b,
.hamburgerActive ul.section_nav a:link b,
.hamburgerActive ul.section_nav a:active b,
.hamburgerActive ul.section_nav a:visited b,
.hamburgerActive ul.section_nav a:hover b {
  font-weight: normal;
  font-size: 127%;
  display: block;
}
.hamburgerActive ul.section_nav li.current {
  background: #b6272766;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.hamburgerActive ul.section_nav li.current a,
.hamburgerActive ul.section_nav li.current a:link,
.hamburgerActive ul.section_nav li.current a:active,
.hamburgerActive ul.section_nav li.current a:visited,
.hamburgerActive ul.section_nav li.current a:hover {
  color: white;
}
.hamburgerActive ul.section_nav li:hover {
  background: #ffffff2e;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.navOpen .hamburger {
  box-shadow: none;
}
.navOpen nav.primary {
  box-shadow: none;
  right: 0;
}

@media (max-width: 600px) {
  .hamburgerActive nav.primary {
    width: 300px;
    right: -300px;
  }

  .navOpen nav.primary {
    box-shadow: none;
    right: 0;
  }
}
/**** STYLE, no layout, no IDs, FEW CLASSES (all without tag), suitable for use in TinyMCE ****/
body {
  background-color: #f1f0e9;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 0;
  font-family: "Halant";
  font-weight: 400;
  font-size: 130%;
  line-height: 1.4;
}

a:link,
a:visited,
a:active {
  color: #0041B4;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

b, strong {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

/* heading unified style */
h1, h2, h3, h4, h5, h6 {
  font-family: "Halant";
  font-weight: 400;
  letter-spacing: -0.03rem;
  clear: both;
}

/* heading individ styles */
h1 {
  font-family: "Miller Headline", "Halant";
  font-size: 3.2rem;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 1.75rem;
  margin: 2.7% 0 2.7% 0;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  color: #b41e11;
  /* #586c46; */
}

h2:first-child {
  margin-top: 0;
}

h2.smackMe {
  font-size: 2.25rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: -0.07em;
}

h3, h4, h5, h6 {
  font-size: 110%;
  margin: 2.25% 0 0 0;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: #b62727;
  padding-bottom: 1rem;
}

h1 + h2 {
  margin-top: 0;
}

/* main blocks UNIFIED STYLE */
p,
ul,
ol,
blockquote {
  line-height: 1.6;
  padding: 0.1em 0 0.1em 0;
  /* 1px gives margins adjacent floats something to bump */
  margin-bottom: 1em;
  clear: both;
}

p {
  max-width: 900px;
  clear: none;
}

ul {
  list-style: circle;
}

ol {
  list-style-type: decimal;
}

li {
  margin-left: 1.5em;
  margin-top: 0;
  margin-bottom: 0.25em;
  list-style-position: outside;
  font-size: 90%;
}

li strong {
  text-decoration: underline;
}

blockquote {
  margin: 0 2em 1em 35px;
  padding: 1em;
  font-family: "Halant";
  font-weight: 400;
  line-height: 1.75;
  font-size: 1.25rem;
}
blockquote cite {
  text-align: right;
  display: block;
  font-style: normal;
  font-size: 16px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

blockquote p {
  margin: 0;
  padding: 0;
}

cite {
  display: block;
  clear: none;
  font-size: 1.25rem;
  font-family: "Halant";
  margin-left: 98px;
}

hr {
  border: none;
  border-bottom: 0.1em solid #444444;
  height: 0.1em;
  margin: 2em 0 2em 0;
}

iframe {
  max-width: 100%;
}

.wrapper img {
  max-width: 100%;
  height: auto !important;
}

.row {
  display: flex;
  align-items: flex-start;
}
.row .column {
  flex: 50%;
  padding: 20px;
}
.row .column + .column img:first-child {
  position: relative;
  top: -20px;
}

/* inline layout */
/* bibliographic citation style */
.q {
  font-family: "Halant";
  font-size: 110%;
  color: #333333;
  font-style: normal;
  padding: 0 0.25em 0 0.25em;
}

.q:before {
  content: "“";
}

.q:after {
  content: "”";
}

/***** SOME TRICKY FIXES ****/
div > hr {
  clear: both;
}

h2 a:link, h2 a:visited, h2 a:active {
  color: inherit;
}

h3 a:link, h3 a:visited, h3 a:active {
  color: inherit;
}

.sidebar h2 {
  text-transform: uppercase;
  font-size: 100%;
}
.sidebar h3 {
  text-transform: uppercase;
  color: black;
  font-size: 100%;
}

.sharing {
  box-sizing: border-box;
  clear: both;
  padding: 2.25%;
  text-align: center;
}
.sharing p {
  max-width: 1250px;
  margin: auto;
}

@media (max-width: 768px) {
  .row {
    display: block;
  }
  .row .column {
    padding: 0 0 1rem 0;
  }
  .row .column.bigLinkingP {
    padding: 20px;
  }
}
.red {
  background: #B62727 !important;
  color: white;
}
.red a, .red a:link, .red a:hover, .red a:active, .red a:visited {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

.green {
  color: white;
  background: #43814d !important;
}
.green a, .green a:link, .green a:hover, .green a:active, .green a:visited {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

.blue {
  color: white;
  background: #0083cf !important;
}
.blue a, .blue a:link, .blue a:hover, .blue a:active, .blue a:visited {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

.fullBreak {
  clear: both !important;
}

.calloutLeft {
  float: left;
  margin: 0 2rem 1rem 0;
  display: block;
  box-sizing: border-box;
  width: 40%;
  background: white;
  padding: 1rem;
}
.calloutLeft strong {
  display: block;
  font-weight: bold;
}

.calloutRight {
  float: right;
  clear: right;
  margin: 0 0 1rem 2rem;
  display: block;
  box-sizing: border-box;
  width: 40%;
  background: white;
  padding: 1rem;
}
.calloutRight strong {
  display: block;
  font-weight: bold;
}

img.calloutLeft {
  padding: 0;
  height: auto;
}

img.calloutRight {
  padding: 0;
  height: auto;
}

.calloutLeft + .calloutLeft {
  position: relative;
  clear: left;
  margin-top: -1rem;
}

.calloutRight + .calloutRight {
  position: relative;
  clear: right;
  margin-top: -1rem;
}

a.featureLinkA {
  clear: both;
  display: inline-block;
  box-sizing: border-box;
  width: 29%;
  margin: 1rem 2.1666%;
  overflow: hidden;
  height: 250px;
  position: relative;
}
a.featureLinkA img.featureLink {
  display: block;
  width: 100%;
  height: auto;
}
a.featureLinkA h3 {
  background: rgba(0, 0, 0, 0.5);
  margin: 0;
  color: white;
  padding: 0.5rem 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

img.alignLeft {
  float: left;
  margin: 0.5rem 1.5rem 1rem 0;
  max-width: 60%;
  height: auto;
}

img.alignRight {
  float: tight;
  margin: 0.5rem 0 1rem 1.5rem;
  max-width: 60%;
  height: auto;
}

.boxGrid {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}
.boxGrid li {
  display: block;
  background: #606060;
  width: 29%;
  box-sizing: border-box;
  padding: 1rem;
  color: white;
  margin: 0 2% 4% 2%;
  vertical-align: top;
}
.boxGrid li a, .boxGrid li a:link, .boxGrid li a:hover, .boxGrid li a:active, .boxGrid li a:visited {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

.otherLinks {
  list-style-type: none;
  background: #e4e3db;
}
.otherLinks li {
  margin: 0;
  padding: 0.5rem 1rem;
}
.otherLinks li a:link, .otherLinks li a:visited, .otherLinks li a:hover, .otherLinks li a:active {
  font-weight: bold;
}
.otherLinks li + li {
  border-top: 1px solid #f1f0e9;
}

/* cnode layouts */
.outerWrapper {
  padding-top: 4.5%;
}

.outerWrapper.reverseColor {
  background: #B62727;
  color: white;
}
.outerWrapper.reverseColor a, .outerWrapper.reverseColor a:link, .outerWrapper.reverseColor a:hover, .outerWrapper.reverseColor a:active, .outerWrapper.reverseColor a:visited {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}
.outerWrapper.reverseColor h1, .outerWrapper.reverseColor h2, .outerWrapper.reverseColor h3, .outerWrapper.reverseColor h4, .outerWrapper.reverseColor h5, .outerWrapper.reverseColor h6 {
  color: white;
}

.outerWrapper.darkColor {
  background: #B62727;
  color: white;
  background: #394255;
}
.outerWrapper.darkColor a, .outerWrapper.darkColor a:link, .outerWrapper.darkColor a:hover, .outerWrapper.darkColor a:active, .outerWrapper.darkColor a:visited {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}
.outerWrapper.darkColor h1, .outerWrapper.darkColor h2, .outerWrapper.darkColor h3, .outerWrapper.darkColor h4, .outerWrapper.darkColor h5, .outerWrapper.darkColor h6 {
  color: white;
}

.outerWrapper.grabColor {
  background: #B62727;
  color: white;
  background: #236193;
}
.outerWrapper.grabColor a, .outerWrapper.grabColor a:link, .outerWrapper.grabColor a:hover, .outerWrapper.grabColor a:active, .outerWrapper.grabColor a:visited {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}
.outerWrapper.grabColor h1, .outerWrapper.grabColor h2, .outerWrapper.grabColor h3, .outerWrapper.grabColor h4, .outerWrapper.grabColor h5, .outerWrapper.grabColor h6 {
  color: white;
}

.outerWrapper.lightColor {
  background: #d6dfe4;
}
.outerWrapper.lightColor .bigLinkingP {
  background: white;
}

.cnode_label_wrapper.articleWidth {
  max-width: 900px;
  margin: auto;
}

.cnode_label_wrapper.centered {
  text-align: center;
}

.outerWrapper.rhReverseColor {
  background: linear-gradient(90deg, #f1f0e9 0%, #f1f0e9 50%, #B62727 50%, #B62727 100%);
}
.outerWrapper.rhReverseColor .column + .column {
  background: #B62727;
  color: white;
}
.outerWrapper.rhReverseColor .column + .column a, .outerWrapper.rhReverseColor .column + .column a:link, .outerWrapper.rhReverseColor .column + .column a:hover, .outerWrapper.rhReverseColor .column + .column a:active, .outerWrapper.rhReverseColor .column + .column a:visited {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}
.outerWrapper.rhReverseColor .column + .column h1, .outerWrapper.rhReverseColor .column + .column h2, .outerWrapper.rhReverseColor .column + .column h3, .outerWrapper.rhReverseColor .column + .column h4, .outerWrapper.rhReverseColor .column + .column h5, .outerWrapper.rhReverseColor .column + .column h6 {
  color: white;
}

.outerWrapper.lhLightColor {
  background: linear-gradient(90deg, #d6dfe4 0%, #d6dfe4 50%, #f1f0e9 50%, #f1f0e9 100%);
}

.reverseColorTypo {
  background: #B62727;
  color: white;
}
.reverseColorTypo a, .reverseColorTypo a:link, .reverseColorTypo a:hover, .reverseColorTypo a:active, .reverseColorTypo a:visited {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}
.reverseColorTypo h1, .reverseColorTypo h2, .reverseColorTypo h3, .reverseColorTypo h4, .reverseColorTypo h5, .reverseColorTypo h6 {
  color: white;
}

.outerWrapper.column1of2 {
  float: left;
  width: 50%;
  padding-right: 0;
}
.outerWrapper.column1of2 .column1of2 {
  margin-right: 0;
  max-width: 625px;
  box-sizing: border-box;
  padding-right: 6%;
}
.outerWrapper.column1of2 .reverseColor {
  padding-top: 4.5%;
}

.outerWrapper.column1of2 + .column1of2 {
  padding-left: 0;
}
.outerWrapper.column1of2 + .column1of2 .column1of2 {
  margin-left: 0;
  margin-right: auto;
  padding-right: 0;
  padding-left: 6%;
}

.outerWrapper.bigColumnLeft {
  width: 65%;
  float: left;
  padding-right: 0;
}
.outerWrapper.bigColumnLeft .bigColumnLeft {
  margin-right: 0;
  max-width: 844px;
  padding-right: 4%;
  box-sizing: border-box;
}

.outerWrapper.sidebar {
  width: 35%;
  float: left;
  padding-left: 0;
}
.outerWrapper.sidebar .sidebar {
  margin-left: 0;
  max-width: 350px;
}

@media (max-width: 1020px) {
  .outerWrapper.column1of2,
.outerWrapper.column1of2 + .column1of2 {
    float: none;
    width: 100%;
    padding: 0 4.5% 2.25% 4.5%;
  }
  .outerWrapper.column1of2 .column1of2,
.outerWrapper.column1of2 + .column1of2 .column1of2 {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .outerWrapper.bigColumnLeft {
    width: 100%;
    float: none;
    padding-right: 4%;
  }

  .outerWrapper.sidebar {
    width: 100%;
    float: none;
  }
  .outerWrapper.sidebar .sidebar {
    margin-left: 0;
    max-width: none;
  }
}
@media (max-width: 930px) {
  .column.reverseColorTypo {
    padding: 4.5%;
    margin-left: -4.5%;
    width: 109%;
  }

  .outerWrapper.rhReverseColor {
    background: #f1f0e9;
  }

  .outerWrapper.lhLightColor {
    background: #d6dfe4;
  }
}
.trackh2s nav.primary ul {
  border-radius: 4px;
  background: #24364666;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.trackh2s nav.primary ul .pageSection {
  border-radius: 4px;
  background: #26476366;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  font-size: 24px;
}
.trackh2s nav.primary ul .pageSection a:link, .trackh2s nav.primary ul .pageSection a:visited {
  font-weight: normal;
}
.trackh2s nav.primary ul .pageSection.H2 a:link, .trackh2s nav.primary ul .pageSection.H2 a:visited {
  font-weight: bold;
}
.trackh2s nav.primary ul .pageSection.H2.active {
  background: #ffffff;
}
.trackh2s nav.primary ul .pageSection.H2.active a:link, .trackh2s nav.primary ul .pageSection.H2.active a:visited {
  color: #243646;
}
.trackh2s nav.primary ul .pageSection.H3 {
  font-size: 18px;
}
.trackh2s nav.primary ul .pageSection.H3 a:link, .trackh2s nav.primary ul .pageSection.H3 a:visited {
  font-weight: normal;
}
.trackh2s nav.primary ul .pageSection.H3.active {
  background: #ffffff33;
}
.trackh2s nav.primary ul .pageSection.H3.active a:link, .trackh2s nav.primary ul .pageSection.H3.active a:visited {
  color: white;
}
.trackh2s nav.primary ul .pageSection + *[class^=" nav"] {
  margin-top: 1rem;
}
.trackh2s nav.primary ul .pageSection + *[class^=" nav"]:before {
  display: block;
  text-transform: uppercase;
  content: "More to see";
  padding: 15px 15px 0 15px;
}

.cnode_label_panobama {
  width: 100%;
  margin: 0;
  padding: 0;
}
.cnode_label_panobama p {
  max-width: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.cnode_label_panobama img {
  position: absolute;
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 0;
}

.flickity-prev-next-button.next {
  right: 0;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 11px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.flickity-slider {
  left: 4.5% !important;
}

.flickity-viewport {
  height: 500px !important;
}

.outerWrapper.carousel {
  padding: 0;
}

.outerWrapper .carousel {
  max-width: none;
}
.outerWrapper .carousel p {
  max-width: none;
  height: 500px;
}
.outerWrapper .carousel .nv_quick_item {
  top: 50px;
  height: 400px;
  width: 400px;
  margin-left: 4.5%;
  perspective: 1000px;
}
.outerWrapper .carousel .nv_quick_item div {
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.75);
}
.outerWrapper .carousel .nv_quick_item div .refImage:before {
  content: " ";
  display: block;
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: url(/images/round-about-arrows.svg) no-repeat 100% 100%;
  background-size: contain;
  width: 40px;
  height: 40px;
  z-index: 10;
}
.outerWrapper .carousel .nv_quick_item div .refImage, .outerWrapper .carousel .nv_quick_item div .text {
  background: #d0d0d0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
}
.outerWrapper .carousel .nv_quick_item div .text {
  transform: rotateY(-180deg);
  box-sizing: border-box;
  padding: 2rem;
  color: white;
  background-color: black;
  overflow: hidden;
}
.outerWrapper .carousel .nv_quick_item div .text a:link, .outerWrapper .carousel .nv_quick_item div .text a:visited {
  color: white;
  text-decoration: none;
  position: relative;
  z-index: 2;
  font-weight: bold;
}
.outerWrapper .carousel .nv_quick_item div .text .background {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
  background-attachment: fixed;
}
.outerWrapper .carousel .nv_quick_item div .text a:link.moreLink {
  margin-left: 0.5rem;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.outerWrapper .carousel .nv_quick_item div .text a:link.moreLink:after {
  height: 12px;
  content: "";
  background: url(/images/next-arrow-white.svg);
  display: inline-block;
  background-size: contain;
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  margin-left: 0.5rem;
  vertical-align: baseline;
}
.outerWrapper .carousel .nv_quick_item div.flipped {
  transform: rotateY(180deg);
}

.modalCallouts .callout,
.modalCallouts .outerWrapper .callout {
  width: 475px;
  max-width: 100%;
  box-sizing: border-box;
  float: none;
  margin: 2rem auto;
  padding: 1rem;
  background: #ffffff38;
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden;
}
.modalCallouts .callout h4, .modalCallouts .callout h5,
.modalCallouts .outerWrapper .callout h4,
.modalCallouts .outerWrapper .callout h5 {
  clear: none;
  margin-top: 0;
  color: black;
  z-index: 2;
  position: relative;
  font-weight: bold;
}
.modalCallouts .callout h4 b,
.modalCallouts .callout h4 strong, .modalCallouts .callout h5 b,
.modalCallouts .callout h5 strong,
.modalCallouts .outerWrapper .callout h4 b,
.modalCallouts .outerWrapper .callout h4 strong,
.modalCallouts .outerWrapper .callout h5 b,
.modalCallouts .outerWrapper .callout h5 strong {
  display: block;
  text-transform: uppercase;
  font-size: 80%;
  font-weight: 300;
  letter-spacing: 3px;
}
.modalCallouts .callout p,
.modalCallouts .outerWrapper .callout p {
  position: relative;
  z-index: 2;
}
.modalCallouts .callout h4:after,
.modalCallouts .outerWrapper .callout h4:after {
  content: " ";
  background: url(/images/next-arrow-white.svg);
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: 2rem;
}
.modalCallouts .callout img,
.modalCallouts .callout p,
.modalCallouts .outerWrapper .callout img,
.modalCallouts .outerWrapper .callout p {
  display: none;
}
.modalCallouts .callout .thumbnail,
.modalCallouts .outerWrapper .callout .thumbnail {
  max-width: 150px;
  display: block;
  float: right;
  margin-left: 1rem;
}
.modalCallouts .callout.fullBleedImg,
.modalCallouts .outerWrapper .callout.fullBleedImg {
  position: relative;
}
.modalCallouts .callout.fullBleedImg img,
.modalCallouts .outerWrapper .callout.fullBleedImg img {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.35;
}
.modalCallouts .callout.fullBleedImg .thumbnail,
.modalCallouts .outerWrapper .callout.fullBleedImg .thumbnail {
  display: none;
}

.modalCallouts .outerWrapper .reverseColor .callout h4, .modalCallouts .outerWrapper .reverseColor .callout h5 {
  color: black;
}
.modalCallouts .outerWrapper .reverseColor .callout h4:after {
  content: " ";
  background-image: url(/images/next-arrow-black.svg);
}

.modalCallouts .nuvModal .fromCallout {
  padding: 2rem;
}

.modalContent {
  display: none;
}

.pasteFeatures .modalContent {
  display: block;
}

.nuvModal {
  position: absolute;
  z-index: 101;
  width: 90%;
  min-height: 90%;
  left: 5%;
  background: #292929;
  box-sizing: border-box;
  color: white;
}
.nuvModal h2, .nuvModal h3, .nuvModal h4, .nuvModal h5 {
  margin-top: 0;
  color: white;
}
.nuvModal h4 {
  font-weight: bold;
}
.nuvModal h4 b,
.nuvModal h4 strong {
  display: block;
  text-transform: uppercase;
  font-size: 80%;
  font-weight: 300;
  letter-spacing: 3px;
}
.nuvModal .content {
  height: 100%;
  box-sizing: border-box;
}
.nuvModal img {
  max-width: 100%;
  display: block;
  margin: auto;
}
.nuvModal img + p {
  margin-top: 2rem;
}
.nuvModal p {
  margin-left: auto;
  margin-right: auto;
}
.nuvModal .closer {
  position: absolute;
  right: -42px;
  top: -42px;
  color: white;
  font-size: 42px;
  padding: 0.25rem 1rem;
  cursor: pointer;
  z-index: 100;
}
.nuvModal iframe {
  width: 100%;
  height: 100%;
}

.nuvMask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.6);
}

.outerWrapper.seaDragon {
  padding: 1px 0;
}
.outerWrapper.seaDragon .seaDragon {
  max-width: none !important;
}

.osdAnnotations {
  display: none;
}

.pasteFeatures .osdAnnotations {
  display: block;
}

.osdAnnotation {
  opacity: 0;
  background: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 1.3;
  box-sizing: border-box;
  padding: 12px;
  transition: opacity 0.5s ease;
}
.osdAnnotation strong {
  font-weight: bold;
  color: red;
  font-size: 16px;
}

.osdAnnotation:before {
  content: "";
  background: white;
  display: block;
  position: absolute;
  left: 50%;
  top: -10px;
  transform: rotate(45deg);
  width: 20px;
  height: 20px;
  margin-left: -10px;
}

.osdAnnotation.arrowLeft:before {
  left: -10px;
  top: 4px;
  margin-left: 0;
}

.osdAnnotation.arrowRight:before {
  left: auto;
  top: 4px;
  margin-left: 0;
  right: -10px;
}

.showingAnnotations .osdAnnotation {
  opacity: 0.8;
}

.annoToggler {
  padding: 0.5rem 2rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  background: #236193;
  color: #d6dfe4;
  cursor: pointer;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  border-radius: 4px;
  margin: 0.5rem;
  font-size: 18px;
  padding: 0.25rem 1rem;
  font-size: 16px;
}

.annoToggler:hover {
  background: #d6dfe4;
  color: #236193;
  text-decoration: none;
}

@media (max-width: 500px) {
  .outerWrapper .carousel .nv_quick_item {
    width: 350px;
    height: 350px;
  }
}
/* --- JUNIPER TOC plugin --- */
.juniper_TOC {
  font-size: 100%;
  float: right;
  width: 25%;
  max-width: 300px;
  min-width: 150px;
  margin-left: 15px;
  margin-bottom: 15px;
  padding: 22.5px;
  box-sizing: border-box;
  background: #eaeaea;
}

.juniper_TOC ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px #333333 dashed;
  padding-top: 0.5em;
}

.juniper_TOC ul li {
  margin: 0 0 0.5em 0;
}

.juniper_TOC ul li a,
.juniper_TOC ul li a:link {
  font-weight: normal;
}

.juniper_TOC_top_link {
  display: block;
  clear: both;
  font-size: 80%;
  text-align: right;
  text-transform: uppercase;
}

.juniper_TOC_top_link a,
.juniper_TOC_top_link a:link,
.juniper_TOC_top_link a:visited {
  background: #bbb;
  padding: 1px 5px 1px 5px;
  color: white;
}

.sidebar .juniper_TOC {
  width: 100%;
  max-width: none;
  float: none;
  margin-left: 0;
  margin-bottom: 2rem;
}

.JPtoc h1, .JPtoc h2, .JPtoc h3, .JPtoc h4, .JPtoc h5, .JPtoc h6 {
  clear: left;
}

@media (max-width: 1020px) {
  .sidebar .juniper_TOC {
    display: none;
  }
}
.modalNuview {
  color: white;
  box-sizing: border-box;
  padding: 4rem 3rem 3rem 3rem;
  /* navigation */
  /* descriptions */
  /* old fix */
  /* viewer customizations */
}
.modalNuview .viewButtons {
  margin: 0;
  list-style-type: none;
  position: absolute;
  z-index: 10;
  left: 2rem;
  top: 1rem;
}
.modalNuview .viewButtons li {
  display: inline-block;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 16px;
  text-transform: lowercase;
}
.modalNuview .viewButtons a:link, .modalNuview .viewButtons a:visited {
  display: inline-block;
  background: #1188ff;
  padding: 2px 12px;
  border-radius: 4px;
  margin: 0;
  margin-bottom: 1rem;
  color: white;
}
.modalNuview h2.alternateTitle {
  font-size: 22px;
}
.modalNuview h2.alternateTitle:before {
  content: "Alternate title: ";
  font-weight: normal;
  color: #9a9a9a;
  font-family: "Arial", sans-serif;
  font-size: 19px;
}
.modalNuview h2,
.modalNuview span.subHeading {
  font-weight: 700;
  font-size: 18px;
  border: none;
  margin: 2rem 0 0.5rem 0;
}
.modalNuview a,
.modalNuview a:link,
.modalNuview a:active,
.modalNuview a:visited,
.modalNuview a.pseudo {
  color: #00b4ff;
  /* #ff002b;*/
  font-weight: 400;
  text-decoration: none;
}
.modalNuview i, .modalNuview em {
  font-style: italic;
}
.modalNuview p {
  margin: 0 0 1rem 0;
}
.modalNuview .pub_title,
.modalNuview .real_title,
.modalNuview .created_title {
  font-family: "Miller Headline", "Georgia", serif;
  font-size: 42px;
  font-weight: 400;
}
.modalNuview .real_title {
  font-style: italic;
}
.modalNuview .pub_title {
  font-style: normal;
}
.modalNuview #seq_note, .modalNuview #seq_note_toggle {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.modalNuview #seq_note_toggle {
  color: #1188ff;
  cursor: pointer;
  padding-right: 14px;
  background: url(/images/smgraphics/open-close-blue-arrow.png) 100% 2px no-repeat;
}
.modalNuview #seq_note_toggle.toggled {
  background: url(/images/smgraphics/open-close-blue-arrow.png) 100% -12px no-repeat;
}
.modalNuview #seq_note.toggling {
  display: none;
  padding: 7px;
  position: absolute;
  z-index: 500;
}
.modalNuview #meta-toggle {
  display: inline;
  cursor: pointer;
  padding-right: 14px;
  background: url(/images/smgraphics/open-close-blue-arrow.png) 100% 2px no-repeat;
}
.modalNuview #meta-toggle.toggled {
  background: url(/images/smgraphics/open-close-blue-arrow.png) 100% -12px no-repeat;
}
.modalNuview .meta-data {
  font-size: 14px;
  margin-left: 0;
}
.modalNuview .meta-data p {
  margin: 0;
  padding: 0;
}
.modalNuview .meta-data.toggling {
  display: none;
  max-width: 45%;
  padding: 7px;
  box-shadow: 2px 2px 4px #444444;
  position: absolute;
  z-index: 500;
}
.modalNuview .view_choices {
  float: right;
  margin-left: 28px;
  margin-bottom: 14px;
  text-align: left;
  padding: 14px;
  max-width: 45%;
  overflow: visible;
}
.modalNuview .view_choices ul {
  display: inline;
}
.modalNuview .view_choices li {
  display: inline;
  margin: 0 14px 0 0;
}
.modalNuview .view_choices .chosen {
  display: none;
}
.modalNuview .img-mode .view_choices,
.modalNuview .transcript-mode .view_choices {
  float: none;
  text-align: left;
  padding: 7px;
  margin: 0;
}
.modalNuview .ref-img {
  text-align: center;
}
.modalNuview .ref-img img {
  border: 4px solid white;
  max-width: 100%;
}
.modalNuview .item_nav {
  clear: left;
  margin: 7px 0 7px 0;
  padding: 7px 7px 7px 7px;
  font-size: 16px;
}
.modalNuview .img-mode .item_nav,
.modalNuview .transcript-mode .item_nav {
  margin: 0;
}
.modalNuview .item_nav {
  text-align: left;
}
.modalNuview .item_nav .sequence_pages {
  display: inline;
  padding-left: 0;
}
.modalNuview .item_nav .sequence_pages h3 {
  display: inline;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding-right: 7px;
  padding-left: 0;
  margin: 0;
}
.modalNuview .item_nav .sequence_pages div {
  display: inline;
}
.modalNuview .item_nav .sequence_pages li {
  display: inline;
  margin: 0;
  font-size: 14px;
  padding: 0;
  border: 1px solid #e0e0e0;
}
.modalNuview .item_nav .sequence_pages .currentPage {
  cursor: default;
  padding: 0 4px 0 4px;
}
.modalNuview .item_nav .sequence_pages .currentPage a {
  color: #333;
}
.modalNuview .item_nav .sequence_pages li a:link {
  padding: 0 4px 0 4px;
}
.modalNuview .item_nav .sequence_pages li a:link {
  text-decoration: none;
}
.modalNuview .item_nav .sequence_pages li:hover {
  border: 1px solid #1188ff;
}
.modalNuview .item_nav .sequence_pages .prev_img_link a:link,
.modalNuview .item_nav .sequence_pages .next_img_link a:link {
  background: #1188ff url(/database/graphics/prev-page.gif) -1px -2px no-repeat;
  padding: 2px 6px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #1188ff;
}
.modalNuview .item_nav .sequence_pages .next_img_link a:link {
  background: #1188ff url(/database/graphics/next-page.gif) -3px -2px no-repeat;
}
.modalNuview .item_nav .jump_form {
  display: inline;
  padding-left: 28px;
}
.modalNuview .item_nav .jump_form input {
  display: inline;
  width: 3em;
  float: none;
  padding: 0;
  line-height: 1.35;
  vertical-align: middle;
  margin: 0;
}
.modalNuview .item_nav .nav_modes {
  padding: 0;
  display: block;
}
.modalNuview .item_nav .nav_modes li {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0 7px;
  line-height: 14px;
}
.modalNuview .item_nav .nav_modes img {
  vertical-align: middle;
}
.modalNuview .extra-nav {
  list-style-type: none;
  background: #e0e0e0;
  margin: 14px 0 14px 0;
  padding: 7px;
  text-align: center;
}
.modalNuview .extra-nav li {
  display: inline;
}
.modalNuview .descriptions {
  max-width: 600px;
  clear: left;
  margin: 14px 0 0 0;
  line-height: 1.35;
  padding: 0 0 1rem 0;
}
.modalNuview .descriptions h2, .modalNuview .descriptions h3 {
  font-family: Helvetica, Arial, sans-serif;
}
.modalNuview .descriptions h2 {
  font-size: 16px;
}
.modalNuview .descriptions h3 {
  color: #b4111a;
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.modalNuview span.subHeading em {
  font-style: normal;
}
.modalNuview .descriptions p {
  margin-left: 0;
}
.modalNuview .transcript_text a {
  color: #666;
}
.modalNuview .view_controls {
  border-top-right-radius: 0 0;
  border-bottom-right-radius: 0 0;
  border-top-left-radius: 0 0;
  border-bottom-left-radius: 7px 7px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: white;
}
.modalNuview .zoomify {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 4px solid #1188ff;
}
.modalNuview .sharing-icons {
  padding-top: 1.5rem;
  display: block;
  border-top: 1px solid #a0a0a0;
}
.modalNuview .sharing-icon.email svg {
  width: 40px;
  height: 24px;
}

.modalNuview.object {
  position: relative;
  padding: 0;
  /* buttons hijacked and inserted to viewer */
  /* display boxes */
  /* TRANSCRIPTION STYLES */
  /* DUAL MODE TWEAKS */
}
.modalNuview.object .navigation {
  padding: 7px 7px 0 7px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.modalNuview.object .view_choices * {
  display: inline-block;
  font-size: 14px;
  vertical-align: baseline;
}
.modalNuview.object .view_choices h3 {
  font-size: 14px;
}
.modalNuview.object .view_choices label {
  padding-right: 10px;
  display: none;
}
.modalNuview.object .view_choices a:link,
.modalNuview.object .view_choices a:visited {
  color: #222;
  background: white;
  padding: 3px 6px;
  border-radius: 3px 3px;
  border: 1px solid #999999;
  display: inline-block;
}
.modalNuview.object .view_choices a:hover {
  color: #ddd;
  background: #444;
  padding: 3px 6px;
  border-radius: 3px 3px;
  border: 1px solid #000000;
}
.modalNuview.object .chosen a {
  background: #444444;
  padding: 3px 6px;
  border-radius: 3px 3px;
  border: 1px solid #000000;
  color: #ddd;
}
.modalNuview.object .nav_modes .chosen {
  display: none;
}
.modalNuview.object .sequence_pages {
  padding: 0 10px;
  line-height: 1.4;
}
.modalNuview.object .sequence_pages h3 {
  padding: 0 10px;
  font-size: 14px;
  font-family: "Helvetica", sans-serif;
  color: #333;
}
.modalNuview.object .jump_form {
  display: inline-block;
  min-width: 7rem;
  margin: 0;
}
.modalNuview.object .jump_form input {
  display: inline-block;
  margin: 0;
  padding: 2px 4px;
  line-height: 1;
  font-size: 16px;
  vertical-align: middle;
}
.modalNuview.object .jump_form input[name=img_step] {
  border: 1px solid #555555;
  background: white;
  color: #222;
  width: 2em;
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.modalNuview.object .jump_form input[type=submit] {
  color: white;
  background: #1188ff;
  padding: 4px 6px;
  border-radius: 3px 3px;
  border: none;
  color: #222;
  background: white;
  padding: 2px 6px;
  border-radius: 3px 3px;
  border: 1px solid #999999;
}
.modalNuview.object .prevButOnViewer,
.modalNuview.object .nextButOnViewer {
  position: absolute;
  top: 50%;
  background: #1188ff;
  padding: 7px 0 5px 0;
}
.modalNuview.object .prevButOnViewer {
  left: 0;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -webkit-border-bottom-right-radius: 9px;
}
.modalNuview.object .nextButOnViewer {
  position: absolute;
  top: 50%;
  right: 0;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  -webkit-border-top-left-radius: 9px;
  -webkit-border-bottom-left-radius: 9px;
}
.modalNuview.object .captionWithImage {
  font-family: Arial, sans-serif;
  font-style: normal;
  padding-top: 12px;
  display: inline;
  position: relative;
}
.modalNuview.object .captionWithImage h2 {
  font-size: 14px;
  padding: 3px 0px 8px 16px;
  font-weight: normal;
  display: inline;
}
.modalNuview.object #controls .captionWithImage h2 {
  color: #ccc;
}
.modalNuview.object .captionWithImage .hoverSpot,
.modalNuview.object .captionWithImage .hoverSpotOn {
  padding-left: 12px;
  font-size: 15px;
  color: #1188ff;
  cursor: pointer;
  padding-right: 14px;
  background: url(/images/smgraphics/open-close-blue-arrow.png) no-repeat 100% 3px;
}
.modalNuview.object .captionWithImage .hoverSpotOn {
  background: url(/images/smgraphics/open-close-blue-arrow.png) no-repeat 100% -14px;
}
.modalNuview.object #fullCaption {
  left: 0;
  min-width: 300px;
  position: absolute;
  background: #e5e5e5;
  color: #111;
  font-size: 14px;
  padding: 7px;
  line-height: 1.3;
  z-index: 500;
  display: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.modalNuview.object .captionWithImage.open #fullCaption {
  display: block;
}
.modalNuview.object .captionWithImage.placeLeft #fullCaption {
  left: auto;
  right: 0;
}
.modalNuview.object .meta-n-nav .meta-data {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: #222;
  font-family: Arial, sans-serif;
}
.modalNuview.object .meta-n-nav .meta-data .complete_title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  margin-bottom: 7px;
}
.modalNuview.object #seq_note, .modalNuview.object #seq_note_toggle {
  color: black;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.modalNuview.object #seq_note_toggle {
  color: #1188ff;
  cursor: pointer;
  padding-right: 14px;
  background: url(/images/smgraphics/open-close-blue-arrow.png) 100% 2px no-repeat;
}
.modalNuview.object #seq_note_toggle.open {
  background: url(/images/smgraphics/open-close-blue-arrow.png) 100% -12px no-repeat;
}
.modalNuview.object #seq_note_toggle #seq_note {
  position: absolute;
  background: #e5e5e5;
  color: #111;
  font-size: 12px;
  padding: 7px;
  line-height: 1.3;
  z-index: 200;
  display: none;
  border: 1px solid #777;
}
.modalNuview.object #seq_note_toggle.open #seq_note {
  display: block;
}
.modalNuview.object .content {
  position: relative;
}
.modalNuview.object body.transcript .content {
  background: #999;
  padding-top: 72px;
}
.modalNuview.object body.transcript .banner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}
.modalNuview.object .t_controls {
  position: fixed;
  right: 5px;
  top: 73px;
  z-index: 50;
  padding-top: 7px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.modalNuview.object .t_controls .txButtons {
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  padding: 6px 5px 3px 5px;
  border-radius: 3px;
  min-height: 30px;
  vertical-align: top;
  background: #1188ff;
  width: 28px;
  text-align: center;
  line-height: 1;
}
.modalNuview.object .t_controls #txShowBR {
  font-size: 12px;
  width: 50px;
  padding-top: 8px;
}
.modalNuview.object .t_controls.view_controls .smallerText {
  font-size: 75%;
}
.modalNuview.object .t_controls.view_controls .largerText {
  font-size: 125%;
}
.modalNuview.object body.dual .banner {
  z-index: 50;
}
.modalNuview.object body.dual #transcription_text {
  position: absolute;
  left: auto;
  right: 0;
  margin-right: 0;
  width: 40%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-left: 2px solid #2069b0;
}
.modalNuview.object body.dual #osd_viewer {
  position: fixed;
  width: 60%;
  left: 0;
  top: 72px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.modalNuview.object body.dual .backToTop {
  display: none;
}
.modalNuview.object #dualDragger {
  background: #157de4 url(/database/graphics/dual-drag-grip.png) no-repeat;
  background-position: -1px;
  display: block;
  position: absolute;
  height: 58px;
  width: 9px;
  top: 124px;
  right: 0px;
  z-index: 350;
  cursor: url("/database/graphics/pane-divider.png") 12 4, default;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #006DDA;
  border-top: 1px solid #49A4FF;
  border-left: 1px solid #49a4ff;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.modalNuview.object #dualDragBar {
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  z-index: 349;
  cursor: url("/database/graphics/pane-divider.png") 12 4, default;
  background: #157de4;
  display: block;
  position: absolute;
}
.modalNuview.object body.paneDragging {
  cursor: url("/database/graphics/pane-divider.png"), default;
}
.modalNuview.object .sharing-icons {
  display: block;
  float: right;
}
.modalNuview.object .view_choices .sharing-icon:link {
  background: none;
  border: none;
  padding: 0;
}
.modalNuview.object .sharing-icon svg {
  height: 22px;
  width: 33px;
}

@media (max-width: 660px) {
  .modalNuview .view_choices {
    float: none;
    width: 95%;
    max-width: none;
    margin-left: 0;
  }
  .modalNuview .dualChoice {
    display: none !important;
  }
}
@media (max-width: 600px) {
  .nuvModal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0;
  }
  .nuvModal .content {
    overflow: scroll;
  }
  .nuvModal .closer {
    position: absolute;
    right: -4px;
    top: -6px;
    color: white;
    font-size: 42px;
    padding: 0.25rem 1rem;
    cursor: pointer;
  }

  #OSDcontrols {
    right: 52px;
    height: 44px;
  }
  #OSDcontrols span {
    top: 4px;
  }

  .modalNuview {
    padding: 5rem 1rem 1rem 1rem;
  }
  .modalNuview .pub_title,
.modalNuview .real_title,
.modalNuview .created_title {
    font-size: 30px;
  }
  .modalNuview .hereBox {
    float: none;
    margin: 0;
  }
  .modalNuview .transcript .banner {
    position: relative !important;
  }
  .modalNuview .transcript .content {
    padding-top: 0 !important;
  }
  .modalNuview .view_choices {
    padding: 1rem 0;
  }
  .modalNuview .view_choices * {
    font-size: 12px;
  }
  .modalNuview .view_choices h3 {
    font-size: 12px;
  }
  .modalNuview .sequence_pages h3 {
    font-size: 14px;
  }
  .modalNuview .dualChoice {
    display: none !important;
  }
}
#osd_viewer {
  background: none;
}

.separator {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4.5%;
  margin-bottom: 4.5%;
}

.twoColumns {
  column-count: 2;
  column-gap: 2rem;
  max-width: none;
}

.callout,
.outerWrapper .reverseColor .callout {
  color: black;
  width: 42%;
  float: right;
  margin: 0 0 1rem 2rem;
  padding: 1rem;
  background: #e6e2d5;
}
.callout h2,
.outerWrapper .reverseColor .callout h2 {
  color: #213c51;
  font-size: 24px;
}
.callout h3,
.outerWrapper .reverseColor .callout h3 {
  color: black;
}

.quotedItem {
  max-width: none;
  margin: 4.5% auto 4.5% auto;
}
.quotedItem a:link, .quotedItem a:visited, .quotedItem a:active {
  color: black;
}
.quotedItem q {
  float: left;
  width: 65%;
  font-family: serif;
  font-size: 27px;
  font-style: italic;
  padding-right: 2.25%;
}
.quotedItem cite {
  font-size: 14px;
  padding-top: 0.5rem;
}

.quotedItem:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}

.snazzyText,
.snazzyLine1:first-line {
  font-size: 140%;
  font-family: "Petrona";
  line-height: 1.25;
}

.bigLinkingP {
  font-size: 2rem;
  font-family: "Petrona", "Halant";
  color: black;
  line-height: 1.2;
  text-align: center;
  background: #e2e2da;
  padding: 3.375% 4.5% 3.825% 4.5%;
  border-radius: 11px;
}

.captionLine {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  color: #444444;
}

.reverseColor .captionLine {
  color: white;
}

.otherThingsToSee {
  display: flex;
}
.otherThingsToSee p {
  width: 30%;
  flex-grow: 1;
  margin: 2rem;
  box-sizing: border-box;
  padding: 1.5rem 2rem 1.65rem 2rem;
  border-radius: 8px;
  background: white;
  color: black;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.otherThingsToSee p em {
  display: block;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 80%;
}
.otherThingsToSee p strong {
  display: block;
  margin-bottom: 1rem;
  font-size: 113%;
  line-height: 1.25;
  margin-top: 0.5rem;
}
.otherThingsToSee p img {
  display: block;
  margin-top: 1rem;
}
.otherThingsToSee a:link, .otherThingsToSee a:visited {
  text-decoration: none;
  color: black;
  font-weight: normal;
}

.reverseColor .otherThingsToSee a:link, .reverseColor .otherThingsToSee a:visited {
  color: black;
  text-decoration: none;
  font-weight: normal;
}

.sharing {
  background-color: #B62727;
  box-sizing: border-box;
  clear: both;
  padding: 4.5%;
}
.sharing p {
  max-width: 1250px;
  margin: auto;
}

.phoneOnly {
  display: none;
}

.mobileToTop {
  margin: 1rem auto;
  font-size: 16px;
  font-family: sans-serif;
  display: none;
  text-align: center;
}
.mobileToTop a {
  display: inline-block;
  background: white;
  border-radius: 5px;
  padding: 5px 10px;
}

@media (max-width: 900px) {
  h1 {
    font-size: 3.05rem;
  }
}
@media (max-width: 750px) {
  .phoneOnly {
    display: block;
  }

  .wideOnly {
    display: none;
  }

  .mobileToTop {
    display: block;
  }
}
@media (max-width: 500px) {
  h1 {
    font-size: 2.36rem;
  }

  .bigLinkingP {
    font-size: 1.66rem;
  }
}
body {
  background: white;
}

.bannerBlock .titleBlock {
  background: none;
  position: relative;
  z-index: 10;
  padding-top: 385px;
}

.bannerBlock h1 {
  text-shadow: 0 0 15px white, 0 0 15px white, 0 0 20px white, 0 0 25px white, 0 0 35px white;
}
.bannerBlock h1 i {
  font-family: inherit;
  font-style: normal;
}

.hamburgerActive .altSiteTitle {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  letter-spacing: -2px;
  color: #c30202;
}
.hamburgerActive .altSiteTitle i {
  display: none;
}

.outerWrapper.h1block {
  display: none;
}

.XXXXvegan .outerWrapper.h1block {
  display: block;
  background: none;
}
.XXXXvegan .outerWrapper.h1block h1 {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 37px;
  font-weight: bold;
}

.cnode_label_panobama {
  position: absolute;
  top: 54px;
  width: 100%;
  overflow: hidden;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease;
}

.cnode_label_panobama.fadeIn {
  opacity: 1;
}

.cnode_label_panobama.singleImage {
  opacity: 1;
}
.cnode_label_panobama.singleImage img {
  display: none;
}
.cnode_label_panobama.singleImage img.show {
  display: block;
}

.cnode_label_panobama img {
  height: 450px;
  width: auto;
}

@media (max-width: 600px) {
  .cnode_label_panobama img {
    height: 250px;
    width: auto;
  }

  .bannerBlock .titleBlock {
    padding-top: 197px;
  }
}
.bigLinkingP {
  border-radius: 1px;
  background: #6e98ba;
}

.outerWrapper.sorosisBg {
  background: url(/features/juniper/assets/section41/sorosis_CLRINV.jpg) no-repeat fixed;
  background-blend-mode: exclusion;
  background-color: #236193;
}

.outerWrapper.grabColor.captionP {
  color: white;
}

.outerWrapper.mailBg {
  background: url(/features/juniper/assets/who-counts/electionday_inv.jpg) no-repeat fixed;
  background-size: cover;
}
.outerWrapper.mailBg .captionLine {
  color: white;
}

.modalCallouts .callout,
.modalCallouts .outerWrapper .callout,
.modalCallouts .outerWrapper .reverseColor .callout {
  background-color: #e6e2d5;
  min-height: 114px;
}
.modalCallouts .callout h2, .modalCallouts .callout h3, .modalCallouts .callout p,
.modalCallouts .outerWrapper .callout h2,
.modalCallouts .outerWrapper .callout h3,
.modalCallouts .outerWrapper .callout p,
.modalCallouts .outerWrapper .reverseColor .callout h2,
.modalCallouts .outerWrapper .reverseColor .callout h3,
.modalCallouts .outerWrapper .reverseColor .callout p {
  color: black;
}

.sideTab {
  cursor: pointer;
  position: fixed;
  width: 400px;
  right: 400px;
  z-index: 400;
  right: 0;
  top: 10%;
  background: #ff0000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 5px 5px 5px 1rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 35px;
  font-weight: bold;
  color: white;
}
.sideTab .sideNotif {
  cursor: pointer;
  position: fixed;
  right: 370px;
  width: 370px;
  z-index: 400;
  right: 0;
  top: 10%;
  background: #ff0000;
  padding: 5px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 16px;
  font-weight: normal;
  color: white;
}

.sideTab.retract {
  right: -370px;
}

.sideNotif.retract {
  right: -400px;
}

#homeBtn img {
  box-sizing: border-box;
  vertical-align: bottom;
  top: 0;
  z-index: 400;
  cursor: pointer;
  padding: 8px 0;
  position: fixed;
  top: 18px;
  right: 11px;
  height: 18px;
  width: 35px;
}

.cw {
  color: white;
  background: red;
  border-radius: 3px;
  padding: 5px;
}

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