/* =========================================================================
   $LAYOUT
   laying stuff out on the page
   ========================================================================= */
/* add box-sizing */
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* positioning */
.top-20 {
  top: 20px; }

.bottom-negative-20 {
  bottom: -20px; }

/* add flex box */
.flex-box {
  display: inline-block;
  display: -webkit-flex;
  display: flex; }

.flex-box-item {
  flex-grow: 1; }

.flex-box-column {
  -webkit-flex-direction: column;
  flex-direction: column; }

.flex-box-column-item {
  /* using "flex: 1 1 auto" instead of "flex: 1" fixes IE11 collapsed height issue  http://connect.microsoft.com/IE/feedback/details/802625/min-height-and-flexbox-flex-direction-column-dont-work-together-in-ie-10-11-preview */
  flex: 1 1 auto; }

.flex-vertical-center {
  align-items: center;
  justify-content: center; }

.flex-space-between {
  justify-content: space-between; }

.flex-wrap {
  flex-wrap: wrap; }

/* less than or equal to 1200px */
@media only screen and (max-width: 75em) {
  .mq1200-flex-box {
    display: inline-block;
    display: flex; }
  .mq1200-flex-box-item {
    flex-grow: 1; } }

/* less than or equal to 875px */
@media only screen and (max-width: 54.688em) {
  .mq875-flex-box {
    display: inline-block;
    display: flex; }
  .mq875-flex-box-item {
    flex-grow: 1; }
  .mq875-kill-flex-space-between {
    justify-content: flex-start; } }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .mq640-flex-box {
    display: inline-block;
    display: flex; }
  .mq640-flex-box-item {
    flex-grow: 1; } }

/* less than or equal to 480px */
@media only screen and (max-width: 30em) {
  .mq480-flex-box {
    display: inline-block;
    display: flex; }
  .mq480-flex-box-item {
    flex-grow: 1; } }

/* laying out grids on a page. grid sizes are handled in globalui */
.grid,
.grid-ng {
  float: left;
  padding-left: 0 !important;
  /* padding left breaks the grid. Once we drop ie7 support we can use box-sizing. */
  padding-right: 0 !important;
  /* padding right breaks the grid. Once we drop ie7 support we can use box-sizing. */ }

/* inline-block version */
.grid-inline-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  letter-spacing: -0.31em; }

.grid-inline,
.grid-inline-ng {
  display: inline-block;
  letter-spacing: 0.01em;
  /* reset letter-spacing */
  vertical-align: top;
  padding-left: 0 !important;
  /* padding left breaks the grid. Once we drop ie7 support we can use box-sizing. */
  padding-right: 0 !important;
  /* padding right breaks the grid. Once we drop ie7 support we can use box-sizing. */ }

/* over rides basic.css style */
.container {
  max-width: none;
  margin: 0;
  padding: 0; }

/* Multicol Layout */
.multi-column {
  column-width: 250px;
  column-gap: 50px; }

/* =========================================================================
   $HELPER
   helper classes for simple css tasks
   ========================================================================= */
/*
 * floating
 * =========================================================================
 */
.pin-right {
  float: right; }

.pin-left {
  float: left; }

.clear-float {
  float: none; }

/*
 * opacity
 * =========================================================================
 */
.opacity0 {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; }

.opacity50 {
  opacity: 0.5;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  filter: alpha(opacity=50); }

.opacity100 {
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(opacity=100); }

/*
 * positioning & state
 * =========================================================================
 */
.position-absolute {
  position: absolute; }

.position-relative {
  position: relative; }

.position-top {
  top: 0; }

.position-left {
  left: 0; }

.position-bottom {
  bottom: 0; }

.position-right {
  right: 0; }

.position-negative-right {
  right: 100%; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.inline {
  display: inline; }

/*
 * size
 * =========================================================================
 */
.cover {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important; }

.max-width {
  max-width: 100%; }

.full-width {
  width: 100%; }

/*
 * inline-group
 * cross-browser inline-block list with bottom alignment
 * =========================================================================
 */
/*
 * if your output removes white-space in html you don't need the inline-group
 * class, just inline-group-item on each inline-block item
 *
 * inline-group resets font size on the container to 0 to remove 4px gap
 * this can be an issue if your font-sizes cascade, only use this if you are
 * sizing with rems or any other non-cascading font-size
 *
 * REMEMBER: you must re-assign the font size on all inline-group-item's
 *
 *     <ul class="inline-group">
 *         <li class="inline-group-item text16"> inline block item </li>
 *         <li class="inline-group-item text16"> inline block item </li>
 *     </ul>
 */
.inline-group {
  font-size: 0; }

.inline-group-item {
  display: inline-block;
  vertical-align: bottom; }

.inline-group-middle {
  vertical-align: middle; }

.inline-group-top {
  vertical-align: top; }

/*
 * reverse z-index
 * this should be replaced with sass so unlimited
 * =========================================================================
 */
.parent-10 {
  z-index: 10; }

.parent-9 {
  z-index: 9; }

.parent-8 {
  z-index: 8; }

.parent-7 {
  z-index: 7; }

.parent-6 {
  z-index: 6; }

.parent-5 {
  z-index: 5; }

.parent-4 {
  z-index: 4; }

.parent-3 {
  z-index: 3; }

.parent-2 {
  z-index: 2; }

.parent-1 {
  z-index: 1; }

/* =========================================================================
   $CLEARING
   standard methods for clearing content and floats
   ========================================================================= */
/*
 * Micro clearfix
 * nicolasgallagher.com/micro-clearfix-hack
 * =========================================================================
 */
.cleared:before,
.cleared:after {
  content: ' ';
  display: table; }

.cleared:after {
  clear: both; }

/*
 * clearing floats
 * =========================================================================
 */
.clear {
  clear: both; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

/* =========================================================================
   $HIDING
   various ways of hiding stuff
   ========================================================================= */
/* hide from both screenreaders and browsers */
.hide,
.grade-a-hide,
.js .js-hide {
  display: none;
  visibility: hidden; }

/* show to both screenreaders and browsers */
.show,
.js .js-show {
  display: block;
  visibility: visible; }

.show-inline,
.js .js-show-inline {
  display: inline;
  visibility: visible; }

/* hide only visually, but have it available for screenreaders */
.visually-hidden,
.js .js-visually-hidden {
  width: 1px;
  height: 1px;
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px); }

/* make invisible but retain dimensions */
.invisible {
  visibility: hidden; }

/* hide only the text, keep element visible */
.hide-text,
.js .js-hide-text {
  display: block;
  text-indent: -9999em;
  direction: ltr;
  overflow: hidden; }

/* hiding overflow */
.hide-overflow {
  overflow: hidden; }

/* =========================================================================
   $TYPOGRAPHIC
   type adjustments
   ========================================================================= */
.text-left {
  text-align: left; }

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

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

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.underline {
  text-decoration: underline;
  -webkit-text-decoration-skip: skip;
  text-decoration-skip: ink; }

.double-underline {
  text-decoration: underline;
  -webkit-text-decoration-skip: skip;
  text-decoration-skip: ink;
  border-bottom: 1px solid; }

.monospace {
  font-family: monospace; }

.nowrap {
  white-space: nowrap; }

.prewrap {
  word-wrap: break-word;
  white-space: pre-wrap; }

.overflow-ellipsis {
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis; }

/* .strong and .emphasis from normalize can be used to add bold and italic respectively */
.unstyled {
  font-weight: normal;
  font-style: normal; }

/*
note: font-variant: small-caps doesn't display as we need for single character strings
when source text is already uppercase, hence the use of font-size, text-transform
*/
.small-caps {
  font-size: 0.8em;
  /* scale based on containing text */
  text-transform: uppercase; }

/* =========================================================================
   $ALERT
   styles specific to the alert container
   ========================================================================= */
.alert-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transition: opacity 0.5s ease-out, bottom 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out, bottom 0.5s ease-out;
  transition: opacity 0.5s ease-out, bottom 0.5s ease-out; }

.alert-suppressed {
  bottom: -100px;
  opacity: 0; }

.alert {
  position: relative;
  background-color: #999;
  border: 1px solid #666; }

.alert-icon {
  background-size: 16px auto;
  background-position: top left; }

.alert-close-button,
.alert-close-button:hover {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%23069' d='M1.8 12L.1 10.3 10.3 0 12 1.7 1.8 12zm10.1-1.7L10.2 12 0 1.7 1.7 0l10.2 10.3z'/></svg>"), none; }

.alert-type-success {
  background-color: #e0f1d9;
  border-color: #090; }

.alert-icon-success {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='102.4 0 16 16' enable-background='new 102.4 0 16 16'><path fill='%23090' d='M107.5 11.15c.65-1.3 1.2-2.5 1.85-3.65.55-1 1.3-2.25 2.15-3.35.85-1.2 1.5-2.05 2.05-2.6.55-.55.95-.95 1.2-1 .25-.05.65-.3 1.3-.35.55-.1 1-.2 1.4-.2.3 0 .45.1.55.2.2.2.3.35.3.55s0 .35-.1.45c-.1.1-.3.35-.55.55-1.3 1.2-2.7 3-4.2 5.2-1.4 2.25-2.6 4.45-3.45 6.5-.35.85-.55 1.4-.75 1.6-.1.45-.3.65-.55.75-.3.2-.75.2-1.5.2-.55 0-.85 0-1-.1-.2-.1-.35-.2-.45-.3-.1-.2-.35-.45-.65-.95-.45-.75-1.1-1.5-1.85-2.35-.45-.55-.75-.95-.75-1.3 0-.45.3-.85.75-1.3.55-.35 1-.55 1.4-.55.45 0 .95.2 1.4.45.55.45 1 .9 1.45 1.55z'/></svg>"), none; }

.alert-type-info {
  background-color: #daedf8;
  border-color: #215f90; }

.alert-icon-info {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='125 25 16 16' enable-background='new 125 25 16 16'><path fill='%23215F90' d='M133 25c-4.374 0-8 3.626-8 8s3.626 8 8 8 8-3.626 8-8-3.626-8-8-8zm1.173 12.48c0 .107 0 .32-.32.32h-1.707c-.213 0-.32-.106-.32-.32v-5.76c0-.213.106-.32.32-.32h1.707c.213 0 .32.213.32.32v5.76zM133 30.333c-1.067 0-1.173-.534-1.173-1.067 0-.64.213-1.066 1.173-1.066s1.173.426 1.173 1.066c0 .534-.106 1.067-1.173 1.067z'/></svg>"), none; }

.alert-type-warning {
  background-color: #fcf1ba;
  border-color: #ab5306; }

.alert-icon-warning {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='109.508 34.751 16 16' enable-background='new 109.508 34.751 16 16'><path fill='%23AB5306' d='M125.382 48.933l-7.35-12.914c-.314-.526-.734-.526-1.05 0l-7.35 12.913c-.314.525 0 .945.526.945h14.7c.524 0 .84-.42.524-.945zm-8.61-9.555h1.47c.21 0 .316.105.316.315l-.21 5.774c0 .21-.105.315-.315.315h-1.05c-.21 0-.315-.105-.315-.315l-.21-5.774c0-.21.104-.315.315-.315zm.736 9.45c-1.05 0-1.155-.525-1.155-1.05 0-.63.21-1.05 1.155-1.05.945 0 1.155.42 1.155 1.05 0 .525-.21 1.05-1.155 1.05z'/></svg>"), none; }

.alert-type-error {
  background-color: #fcecec;
  border-color: #930721; }

.alert-icon-error {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='109.508 34.751 16 16' enable-background='new 109.508 34.751 16 16'><path fill='%23930721' d='M125.382 48.933l-7.35-12.914c-.314-.526-.734-.526-1.05 0l-7.35 12.913c-.314.525 0 .945.526.945h14.7c.524 0 .84-.42.524-.945zm-8.61-9.555h1.47c.21 0 .316.105.316.315l-.21 5.774c0 .21-.105.315-.315.315h-1.05c-.21 0-.315-.105-.315-.315l-.21-5.774c0-.21.104-.315.315-.315zm.736 9.45c-1.05 0-1.155-.525-1.155-1.05 0-.63.21-1.05 1.155-1.05.945 0 1.155.42 1.155 1.05 0 .525-.21 1.05-1.155 1.05z'/></svg>"), none; }

/* =========================================================================
	$FORMS (SEARCH)
	Take care when editing values, things need to add up to 40px (4rem) height
	min-width and min-height are both design and IE fallbacks
	========================================================================= */
/* Search Submit Button */
.search-btn {
  width: 4rem;
  min-width: 40px;
  height: 4rem;
  min-height: 40px;
  font-size: 1.2rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23fff' d='M10.6 1.3c2.3 0 4.2 1.9 4.2 4.2s-1.9 4.2-4.2 4.2-4.2-2-4.2-4.3 1.9-4.1 4.2-4.1m0-1.3c-3 0-5.4 2.4-5.4 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4-2.4-5.4-5.4-5.4zm-3.5 11.1l-4.9 4.9-2.2-2.2 4.9-4.8 2.2 2.1z'/></svg>"), none;
  background-size: 40% auto;
  background-color: #069;
  border: 1px solid #069;
  color: transparent; }

.search-btn:hover,
.search-btn:focus {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23069' d='M10.6 1.3c2.3 0 4.2 1.9 4.2 4.2s-1.9 4.2-4.2 4.2-4.2-2-4.2-4.3 1.9-4.1 4.2-4.1m0-1.3c-3 0-5.4 2.4-5.4 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4-2.4-5.4-5.4-5.4zm-3.5 11.1l-4.9 4.9-2.2-2.2 4.9-4.8 2.2 2.1z'/></svg>"), none;
  background-color: #fff; }

.js-header-container2 .search-btn,
.search-row-update-icon .search-btn {
  background-size: auto;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><title>icon-Icon / search</title><desc>Created with Sketch.</desc><path d='M19.48 18.455c.283.283.29.749.007 1.032-.275.275-.746.28-1.032-.007l-3.044-3.044c-1.204.978-2.739 1.564-4.41 1.564-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7c0 1.672-.586 3.207-1.564 4.41l3.044 3.044zm-8.48-1.455c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6z' fill='%23fff' fill-rule='nonzero'/></svg>"), none; }

.js-header-container2 .search-btn:hover,
.js-header-container2 .search-btn:focus {
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><title>icon-Icon / search</title><desc>Created with Sketch.</desc><path d='M19.48 18.455c.283.283.29.749.007 1.032-.275.275-.746.28-1.032-.007l-3.044-3.044c-1.204.978-2.739 1.564-4.41 1.564-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7c0 1.672-.586 3.207-1.564 4.41l3.044 3.044zm-8.48-1.455c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6z' fill='%23069' fill-rule='nonzero'/></svg>"), none; }

.search-input-box {
  margin-bottom: 0.4rem;
  /* provides the bottom gray underline on search box */ }

.search-input-field input,
.search-input-field input[type='search'] {
  border: 1px solid transparent;
  outline: 0;
  padding: 0;
  width: 100%;
  background: none;
  font-size: 2.8rem;
  line-height: 1.25; }

.search-input-btn {
  top: 0;
  right: 0;
  width: 4rem;
  min-width: 40px;
  height: 4rem;
  min-height: 40px;
  padding-left: 1rem;
  padding-bottom: 1px;
  /* ie bug */
  background: #fff; }

.search-input-layout {
  margin-right: -11rem;
  /* 5rem (width of .search-input-btn and its left padding) + width of search-input-suffix */ }

.search-input-field {
  margin-right: 11rem; }

.search-input-suffix {
  width: 6rem;
  min-width: 60px; }

.search-input-suffix-inner {
  padding: 0.5rem 1px 0.5rem 5px;
  border-left: 1px solid #069; }

.search-input-suffix select {
  width: 100%; }

.extend-suffix .search-input-layout {
  margin-right: -17rem;
  /* 5rem (width of .search-input-btn and its left padding) + width of search-input-suffix */ }

.extend-suffix .search-input-field {
  margin-right: 17rem; }

.extend-suffix .search-input-suffix {
  width: 12rem;
  min-width: 120px; }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .search-input-layout,
  .extend-suffix .search-input-layout {
    margin-right: 0; }
  .search-input-field,
  .extend-suffix .search-input-field {
    margin-right: 5rem; }
  .search-input-suffix,
  .extend-suffix .search-input-suffix {
    position: absolute;
    right: 0;
    top: 5rem; }
  .search-input-suffix-inner {
    border: 0; }
  .search-input-field input,
  .search-input-field input[type='search'] {
    font-size: 2rem;
    line-height: 1.75; } }

/* IE9 & 10 svg scaling bug - https://gist.github.com/larrybotha/7881691 */
.ie9 .search-btn {
  background-size: 16px auto; }

/* IE10+ - media queries used for selector purposes only, conditional comments not available */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .search-btn {
    background-size: 16px auto; } }

/* placeholder text */
.search-input-field input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999; }

.search-input-field input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  opacity: 1; }

.search-input-field input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  opacity: 1; }

.search-input-field input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999; }

/* =========================================================================
   $LAYOUT
   universal layout styles
   ========================================================================= */
html {
  height: 100%;
  overflow-y: scroll;
  font-size: 62.5%; }

body {
  min-height: 100%;
  font-family: 'Source Sans Pro', helvetica, sans-serif;
  line-height: 1.76;
  color: #222;
  background: #eee;
  font-size: 1.7em;
  /* fixes chrome rems bug - http://stackoverflow.com/questions/20099844/chrome-not-respecting-rem-font-size-on-body-tag */
  letter-spacing: 0.01em; }

figure {
  margin: 0; }

body,
div,
dl,
dt,
dd,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
small {
  margin: 0;
  padding: 0; }

abbr[title] {
  text-decoration: none; }

.content {
  max-width: 1000px;
  margin: 0 auto; }

/* class set on body of article page */
.article-page {
  background: #fff;
  /* full white bg for article pages */ }

/*
 * used for two column layouts and header
 * main-column has a larger gutter
 * occupies same space as standard 8 column grid
 * associated sidebar uses standard 4 column grid
 */
.main-column {
  width: 60.2%;
  margin-right: 8.6%; }

.reading-companion {
  width: 31.2%; }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .main-column {
    width: 100%;
    margin-right: 0; }
  .reading-companion {
    display: none; } }

/* z-indexing */
.z-index-100 {
  z-index: 100; }

.z-index-50 {
  z-index: 50; }

.z-index-2 {
  z-index: 2; }

.z-index-1 {
  z-index: 1; }

/* positioning */
.top-20 {
  top: 20px; }

.top-negative-20 {
  top: -20px; }

.bottom-negative-20 {
  bottom: -20px; }

/* widths */
.max-width-160 {
  max-width: 160px; }

.min-width-0 {
  min-width: 0; }

.min-width-0 {
  min-width: 0; }

@media only screen and (min-width: 75.06em) {
  .full-size-width-160 {
    width: 160px; } }

/* less than or equal to 480px */
@media only screen and (max-width: 30em) {
  .mq480-max-width-100 {
    max-width: 100px; } }

/* separators */
.separator {
  margin-top: 0;
  position: relative;
  border: none;
  border-top: 1px solid #999; }

.separator-light {
  border-color: #eee; }

/* compositing */
.composite-layer {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0); }

/* undo flexbox that is set in shunter-proxy */
/* less than or equal to 1200px */
@media only screen and (max-width: 75em) {
  .mq1200-kill-flex {
    display: block; } }

/* less than or equal to 875px */
@media only screen and (max-width: 54.688em) {
  .mq875-kill-flex {
    display: block; } }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .mq640-kill-flex {
    display: block; } }

/* less than or equal to 480px */
@media only screen and (max-width: 30em) {
  .mq480-kill-flex {
    display: block; } }

/* =========================================================================
   $GRIDS
   Shunter grid system - https://github.com/nature/responsive-grid
   ========================================================================= */
/* stylelint-disable declaration-block-single-line-max-declarations  */
/* gutters */
.grid-inline,
.grid {
  margin-right: 3.2%; }

.last {
  margin-right: 0; }

.grid-1 {
  width: 5.4%; }

.grid-2 {
  width: 14%; }

.grid-3 {
  width: 22.6%; }

.grid-4 {
  width: 31.2%; }

.grid-5 {
  width: 39.8%; }

.grid-6 {
  width: 48.4%; }

.grid-7 {
  width: 57%; }

.grid-8 {
  width: 65.6%; }

.grid-9 {
  width: 74.2%; }

.grid-10 {
  width: 82.8%; }

.grid-11 {
  width: 91.4%; }

.grid-12 {
  width: 100%; }

.grid-left-1 {
  margin-left: 8.6%; }

.grid-right-1 {
  margin-right: 8.6%; }

.grid-left-2 {
  margin-left: 17.2%; }

.grid-right-2 {
  margin-right: 17.2%; }

.grid-left-3 {
  margin-left: 25.8%; }

.grid-right-3 {
  margin-right: 25.8%; }

.grid-left-4 {
  margin-left: 34.4%; }

.grid-right-4 {
  margin-right: 34.4%; }

.grid-left-5 {
  margin-left: 43%; }

.grid-right-5 {
  margin-right: 43%; }

.grid-left-6 {
  margin-left: 51.6%; }

.grid-right-6 {
  margin-right: 51.6%; }

.grid-left-7 {
  margin-left: 60.2%; }

.grid-right-7 {
  margin-right: 60.2%; }

.grid-left-8 {
  margin-left: 68.8%; }

.grid-right-8 {
  margin-right: 68.8%; }

.grid-left-9 {
  margin-left: 77.4%; }

.grid-right-9 {
  margin-right: 77.4%; }

.grid-left-10 {
  margin-left: 86%; }

.grid-right-10 {
  margin-right: 86%; }

.grid-left-11 {
  margin-left: 94.6%; }

.grid-right-11 {
  margin-right: 94.6%; }

/* no gutters */
.grid-1of4 {
  width: 25%; }

.grid-1of3 {
  width: 33.3334%;
  /* http://www.delwinvriend.com/en/css-thirds */
  width: calc(100% / 3); }

.grid-1of2 {
  width: 50%; }

.grid-3of4 {
  width: 75%; }

.grid-1of5 {
  width: 20%; }

.grid-2of5 {
  width: 40%; }

.grid-3of5 {
  width: 60%; }

.grid-4of5 {
  width: 80%; }

/* split spacing */
.grid-split-margin-left {
  margin-left: 1.6%;
  padding-left: 1.6% !important;
  /* remove !important once ie7 support is dropped */ }

.grid-split-margin-right {
  margin-right: 1.6%;
  padding-right: 1.6% !important;
  /* remove !important once ie7 support is dropped */ }

/* stylelint-enable */
.very-small-column {
  --column-width: 197px; }

.small-column {
  --column-width: 240px; }

.large-column {
  --column-width: 301px; }

.medium-row-gap {
  --row-gap: 40px; }

.medium-row-gap > * {
  margin-bottom: 40px;
  /* for IE */ }

@supports (display: grid) {
  .medium-row-gap > * {
    margin-bottom: 0;
    /* for non-awful browsers */ } }

.grid-auto-fill {
  display: flex;
  /* no CSS grid fallback style */
  flex-wrap: wrap;
  /* no CSS grid fallback style */ }

.grid-auto-fill > * {
  width: 270px;
  /* no CSS grid fallback style */
  flex: 0 1 auto;
  /* no CSS grid fallback style */
  margin-right: 30px;
  /* no CSS grid fallback style */ }

.grid-auto-fill-w200 > * {
  width: 200px;
  /* no CSS grid fallback style, added for volume issue pages */ }

/* Default values for the grid are a column size of 270px, a row gap of 10px and a column gap of 30px. Define CSS variables in utility classes to override. */
@supports (display: grid) {
  .grid-auto-fill {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--column-width, 270px), 1fr));
    grid-column-gap: var(--column-gap, 30px);
    grid-row-gap: var(--row-gap, 15px); }
  /* remove fallback style */
  .grid-auto-fill > *,
  .grid-auto-fill-w200 > * {
    width: auto;
    margin-right: 0; }
  /* make minimum column width smaller on mobile devices to make sure it doesn't overflow its container */
  @media (max-width: 30em) {
    .small-column,
    .large-column,
    :root {
      --column-width: 200px; } } }

/* =========================================================================
   $ICONS
   universal background icons
   ========================================================================= */
/*
 * background icons
 * =========================================================================
 */
.icon {
  background-repeat: no-repeat; }

.icon-left {
  background-position: 0 50%; }

.icon-right {
  background-position: 100% 50%; }

.icon-right-top {
  background-position: 100% 0%; }

.icon-above {
  background-position: 50% 0;
  padding-top: 25px;
  min-width: 25px; }

.icon-center {
  background-position: 50% 50%; }

.icon-rotate:after,
.icon-rotate-left:before {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s; }

.icon-rotate:after {
  right: 0; }

.icon-rotate-left:before {
  left: 0; }

.js-icon-toggle.icon-rotate:after,
.js-icon-toggle.icon-rotate-left:before {
  -webkit-transform: rotate(180deg) translateY(50%);
  -ms-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%); }

.js-header-container2 .js-icon-toggle.icon-rotate:after {
  -webkit-transform: rotate(180deg) translateY(45%) translateX(-20%);
  -ms-transform: rotate(180deg) translateY(45%) translateX(-20%);
  transform: rotate(180deg) translateY(45%) translateX(-20%); }

/* header */
a.small-header-icons.tray-button-active,
a.small-header-icons:hover {
  background-color: #fff; }

.icon-login-25x25-white {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='138.481 15.385 25 25' enable-background='new 138.481 15.385 25 25'><path fill='%23fff' d='M150.98 24.757c2.604 0 4.687-2.083 4.687-4.686s-2.083-4.685-4.686-4.685c-2.603 0-4.685 2.083-4.685 4.686s2.083 4.687 4.686 4.687zm4.79 1.562c-2.498 0-2.394 4.998-4.79 4.998-2.395 0-2.29-5-4.79-5s-6.143 3.958-6.143 9.27c0 5.102 5.832 4.79 10.934 4.79s10.935.416 10.935-4.687c0-5.31-3.644-9.37-6.144-9.37z'/></svg>"), none;
  background-size: 25px auto; }

a.small-header-icons:hover .icon-login-25x25-gray {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'><path fill='%235A5A62' d='M12.5 9.372c2.603 0 4.686-2.083 4.686-4.687C17.186 2.082 15.103 0 12.5 0S7.813 2.083 7.813 4.687c0 2.603 2.083 4.687 4.687 4.687v-.002zm4.788 1.562c-2.498 0-2.394 4.998-4.79 4.998s-2.29-5-4.79-5-6.143 3.96-6.143 9.27c0 5.104 5.832 4.79 10.934 4.79 5.102 0 10.935.417 10.935-4.687 0-5.31-3.645-9.37-6.145-9.37h-.002z'/></svg>"), none;
  color: #5a5a62; }

.icon-search-25x25-white {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='235 15 25 25' enable-background='new 235 15 25 25'><g fill='%23fff'><path d='M251.583 17c3.583 0 6.583 3 6.583 6.583s-3 6.583-6.583 6.583-6.583-3-6.583-6.583S248 17 251.583 17m0-2c-4.667 0-8.417 3.75-8.417 8.417s3.75 8.417 8.417 8.417S260 28.167 260 23.417 256.25 15 251.583 15zM246.083 32.333L238.417 40 235 36.583l7.667-7.666z'/></g></svg>"), none;
  background-size: 25px auto; }

a.small-header-icons.tray-button-active .icon-search-25x25-gray,
a.small-header-icons:hover .icon-search-25x25-gray {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'><path fill='%235A5A62' d='M16.583 2c3.583 0 6.583 3 6.583 6.583s-3 6.583-6.583 6.583S10 12.166 10 8.583 13 2 16.583 2m0-2c-4.667 0-8.417 3.75-8.417 8.417s3.75 8.417 8.417 8.417S25 13.167 25 8.417 21.25 0 16.583 0zm-5.5 17.333L3.417 25 0 21.583l7.667-7.666 3.416 3.416z'/></svg>"), none;
  color: #5a5a62; }

.icon-submit-25x25-white {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'><path fill='%23fff' d='M15.6 1.3v5.3h5.3v17h-17v-22.3h11.7m1.4-1.3h-14.3v25h19.6v-19.6h-5.4l.1-5.4zm-.6 1.3l4.6 4.6v17.7h-17v-22.3h12.4m.6-1.3h-14.3v25h19.6v-19.6l-5.3-5.4zM16.6 13.5l-3.1-3.1-.8-.8c-.1-.1-.3-.1-.4 0l-.8.8-3.1 3.1-.7.7c-.1.1-.2.2-.2.3s.1.2.2.2h2.7c.1 0 .2.1.2.2v3.3c0 .2.2.4.4.4h3c.2 0 .4-.2.4-.4v-3.3c0-.1.1-.2.2-.2h2.7c.1 0 .2-.1.2-.2s-.1-.3-.2-.4c-.1-.1-.4-.3-.7-.6z'/></svg>"), none;
  background-size: 25px auto; }

a.small-header-icons:hover .icon-submit-25x25-gray {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'><path fill='%235A5A62' d='M15.6 1.3v5.3h5.3v17h-17V1.3h11.7M17 0H2.7v25h19.6V5.4h-5.4L17 0zm-.6 1.3L21 5.9v17.7H4V1.3h12.4M17 0H2.7v25h19.6V5.4L17 0zm-.4 13.5l-3.1-3.1-.8-.8c-.1-.1-.3-.1-.4 0l-.8.8-3.1 3.1-.7.7c-.1.1-.2.2-.2.3s.1.2.2.2h2.7c.1 0 .2.1.2.2v3.3c0 .2.2.4.4.4h3c.2 0 .4-.2.4-.4v-3.3c0-.1.1-.2.2-.2h2.7c.1 0 .2-.1.2-.2s-.1-.3-.2-.4c-.1-.1-.4-.3-.7-.6z'/></svg>"), none;
  color: #5a5a62; }

.icon-ealert-25x25-white {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'><path fill='%23fff' d='M25 3.1h-25v18.8h25v-18.8zm-17.8 12.8l-3.9 4.4c-.2.2-.5.3-.6.3-.2 0-.5-.2-.6-.3-.3-.3-.3-.9 0-1.4l3.9-4.4c.3-.3.9-.3 1.3 0 .2.5.2 1.1-.1 1.4zm5.3-.9c-.2 0-.3 0-.5-.2l-9.8-8.9c-.5-.3-.5-.7-.2-1.1.3-.5.8-.5 1.1-.2l9.4 8.4 9.4-8.4c.3-.3.8-.3 1.1.2.3.3.3.9-.2 1.1l-9.7 8.9c-.1.2-.4.2-.6.2zm10.5 5.3c-.2.2-.5.3-.6.3s-.5-.2-.6-.3l-4.1-4.4c-.3-.3-.3-.9 0-1.4.3-.3.9-.3 1.3 0l4.1 4.4c.2.5.2 1.1-.1 1.4z'/></svg>"), none;
  background-size: 25px auto; }

a.small-header-icons:hover .icon-ealert-25x25-gray {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'><path fill='%235A5A62' d='M25 3.1H0v18.8h25V3.1zM7.2 15.9l-3.9 4.4c-.2.2-.5.3-.6.3-.2 0-.5-.2-.6-.3-.3-.3-.3-.9 0-1.4L6 14.5c.3-.3.9-.3 1.3 0 .2.5.2 1.1-.1 1.4zm5.3-.9c-.2 0-.3 0-.5-.2L2.2 5.9c-.5-.3-.5-.7-.2-1.1.3-.5.8-.5 1.1-.2l9.4 8.4 9.4-8.4c.3-.3.8-.3 1.1.2.3.3.3.9-.2 1.1l-9.7 8.9c-.1.2-.4.2-.6.2zM23 20.3c-.2.2-.5.3-.6.3-.1 0-.5-.2-.6-.3l-4.1-4.4c-.3-.3-.3-.9 0-1.4.3-.3.9-.3 1.3 0l4.1 4.4c.2.5.2 1.1-.1 1.4z'/></svg>"), none;
  color: #5a5a62; }

/* doctypes */
.icon-doctype-default-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23555' d='M11.2 1.8v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zm-.3.8l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3z'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-swf-16x16-color,
.icon-doctype-eps-16x16-color,
.icon-doctype-ps-16x16-color,
.icon-doctype-sbml-16x16-color,
.icon-doctype-sdf-16x16-color,
.icon-doctype-pdb-16x16-color,
.icon-doctype-mol-16x16-color,
.icon-doctype-ole-16x16-color,
.icon-doctype-jd-16x16-color,
.icon-doctype-dcx-16x16-color,
.icon-doctype-cif-16x16-color,
.icon-doctype-biopax-16x16-color,
.icon-doctype-cellml-16x16-color,
.icon-doctype-cml-16x16-color,
.icon-doctype-c-16x16-color {
  /* these extension don't have their own icon */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23555' d='M11.2 1.8v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zm-.3.8l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3z'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-pps-16x16-color,
.icon-doctype-ppsx-16x16-color,
.icon-doctype-pptx-16x16-color,
.icon-doctype-ppt-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path fill='%23555' d='M11.2 1.8v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zM11.7 1.8l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3z'/></g><path fill='%23fff' d='M1.5 3.5h9v9h-9z'/><path fill='%23f60' d='M10 4v8h-8v-8h8m1-1h-10v10h10v-10zM5.5 8.7v-2.7c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5c1.3 0 2.4-1 2.5-2.3h-2.5zM7 7h2v1h-2zM7 5h2v1h-2z'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-pdf-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path fill='%23555' d='M11.2 1.8v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zM11.7 1.8l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3z'/></g><path fill='%23fff' d='M1.5 3.5h9v9h-9z'/><path fill='%23D30102' d='M10 4v8h-8v-8h8m1-1h-10v10h10v-10z'/><path fill-rule='evenodd' clip-rule='evenodd' fill='%23D30102' stroke='%23D30102' stroke-width='.98' stroke-miterlimit='2.613' d='M4.1 9.7c-.6.5-1.1 1.2-.9 1.3l-.2-.1c0-.2.2-.7 1.1-1.2zM9 9.1c.3-.7-2.4-.6-4.4.3 1.5-.6 4.4-.8 4.4-.3zM5.9 5.4c.1-.4-.1-.4-.2-.4h-.1c-.1 0-.1.1-.1.2-.2.7.1 2.4 1.1 3.3.8.7 2.3 1.1 2.4.7-.4.1-1.5-.2-2.3-.9-.9-.7-1.3-2.6-1.1-3.1 0-.1.1-.2.1-.2.1.1.2.2.2.4zM5.9 5.5c-.1.4-.1 1.4-.9 3-.9 1.7-1.5 2.5-1.9 2.4l.1.1c.3.2.9-.4 1.9-2.3.8-1.6.8-2.3.8-3.2z'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-csv-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path fill='%23555' d='M11.2 1.8v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zM11.7 1.8l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3z'/></g><path fill='%23fff' d='M1.5 3.5h9v9h-9z'/><path fill='%23A851A4' d='M10 4v8h-8v-8h8m1-1h-10v10h10v-10zM3 9h1.5v2h-1.5zM5 7h1.5v4h-1.5zM7 5h1.5v6h-1.5z'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-xls-16x16-color,
.icon-doctype-xlsx-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path fill='%23555' d='M11.2 1.8v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zM11.7 1.8l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3z'/></g><path fill='%23fff' d='M1.5 3.5h9v9h-9z'/><path fill='%23006400' d='M10 4v8h-8v-8h8m1-1h-10v10h10v-10zM5 4.9l.6 1 .5.9.5-.9.5-1h2l-2 2.8 2.2 3.7h-2.1l-.8-1.7c-.2-.3-.3-.6-.4-.9-.2.3-.4.6-.5.9l-.6 1.1h-2l2-3-1.9-2.9h2z'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-dot-16x16-color,
.icon-doctype-doc-16x16-color,
.icon-doctype-docx-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path fill='%23555' d='M11.2 1.8v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zM11.7 1.8l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3z'/></g><path fill='%23fff' d='M1.5 3.5h9v9h-9z'/><path fill='%232255C6' d='M10 4v8h-8v-8h8m1-1h-10v10h10v-10z'/><path stroke='%232255C6' stroke-miterlimit='10' d='M3.6 5.8l1.1 3.6 1-3.6h.6l1 3.6 1.1-3.6h.6l-1.4 4.2h-.5l-1.1-3.5-1 3.5h-.6l-1.3-4.2h.5z'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-exe-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M15.9 12.9l-.7-.5c-.1-.1-.2-.2-.2-.3v-.2c0-.1.1-.3.2-.3l.7-.5c.1-.1.1-.3.1-.4l-.3-.7c-.1-.1-.2-.2-.3-.1l-.9.2c-.1 0-.3 0-.3-.1l-.2-.2c-.1-.1-.1-.2-.1-.3l.2-.9c0-.1 0-.2-.1-.3l-.7-.3c-.1 0-.2 0-.3.1l-.5.7c-.1.1-.2.2-.3.2h-.2c-.1 0-.3-.1-.3-.2l-.5-.7c-.2-.1-.3-.1-.4-.1l-.7.3c-.1 0-.2.2-.1.3l.2.9c0 .1 0 .3-.1.3l-.2.2c-.1.1-.2.1-.3.1l-.9-.2c-.1 0-.2 0-.3.1l-.3.7c0 .1 0 .2.1.3l.7.5c.1.1.2.2.2.3v.2c0 .1-.1.3-.2.3l-.7.5c-.1.1-.1.2-.1.3l.3.7c0 .2.2.2.3.2l.9-.2c.1 0 .3 0 .3.1l.2.2c.1.1.1.2.1.3l-.2.9c0 .1 0 .2.1.3l.7.3c.1 0 .2 0 .3-.1l.5-.7c.1-.1.2-.2.3-.2h.2c.1 0 .3.1.3.2l.5.7c.1.1.2.1.3.1l.7-.3c.1-.1.2-.2.1-.3l-.2-.9c0-.1 0-.3.1-.3l.2-.2c.1-.1.2-.1.3-.1l.9.2c.1 0 .2 0 .3-.1l.3-.7c.1-.1.1-.3 0-.3zm-3.9.6c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6zm-2.3-5l-.7-1c-.1-.1-.1-.3 0-.5l.1-.2c.1-.1.1-.2.1-.2 0-.1.2-.3.3-.3l1.1-.2c.1 0 .3-.2.3-.3v-1c0-.1-.1-.3-.3-.3l-1.2-.1c-.2 0-.4-.1-.4-.3l-.1-.3c-.1-.1-.1-.3 0-.5l.6-1c.1-.1.1-.3 0-.4l-.7-.6c-.1-.1-.3-.1-.4 0l-1 .7c-.1 0-.3.1-.4 0l-.2-.1h-.2c-.1 0-.3-.2-.3-.3l-.2-1.2c0-.1-.2-.3-.3-.3h-1c-.1 0-.3.1-.3.3l-.2 1.2c0 .1-.2.3-.3.4l-.3.1c-.1.1-.3.1-.5 0l-1-.6c0-.2-.2-.2-.3-.1l-.7.8c-.1.1-.1.3 0 .4l.7.9c0 .1.1.3 0 .5l-.1.2v.1c0 .1-.2.3-.3.3l-1.2.2c-.2.1-.3.2-.3.4v1c0 .1.1.3.3.3l1.1.2c.1 0 .3.2.4.3l.2.2c.1.2 0 .4 0 .5l-.6 1c-.2.1-.2.3-.1.4l.7.7c.1.1.3.1.4 0l.8-.5c.1-.1.2.1.4.2l.2.1h.2l.4.1.3 1c0 .2.2.3.3.3l1-.1c.2 0 .3-.2.3-.3l.2-1.1c0-.1.2-.3.3-.4l.3-.1c.1-.1.3-.1.5 0l1 .6c.1.1.3.1.4 0l.7-.7c.1-.1.1-.3 0-.4zm-5-1.1c-1.1-.4-1.6-1.6-1.2-2.6.4-1.1 1.6-1.6 2.7-1.2 1 .4 1.5 1.6 1.1 2.7-.4 1-1.6 1.5-2.6 1.1z' fill='%23555'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-tar-16x16-color,
.icon-doctype-zip-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23F5DA4D' d='M2.5 9.5v-7h3v1h5v6z'/><path fill='%23C78605' d='M5 3v1h5v5h-7v-6h2m1-1h-4v8h9v-7h-5v-1z'/><g fill='%23555'><path d='M13 0h-4c-1.1 0-2 .9-2 2h5v1h1v7h-1v1h-5c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2v-9c0-1.1-.9-2-2-2z'/><path d='M7 14h8v2h-8zM10 12h2v3h-2z'/></g></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-xml-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path fill='%23555' d='M10.9 1.6v3h3v9.5h-9.5v-12.5h6.5m.7-.7h-8v14h11v-11h-3v-3zM11.3 1.6l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.7h-8v14h11v-11l-3-3z'/></g><path fill='%23f60' d='M1.6 3.9h8v8h-8z'/><path fill='%23fff' d='M7.1 11l-4.1-2.4v-1.3l4.1-2.4v1.6l-2.9 1.4 2.9 1.5v1.6z'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-html-16x16-color,
.icon-doctype-htm-16x16-color,
.icon-doctype-rtf-16x16-color,
.icon-doctype-wp-16x16-color,
.icon-doctype-txt-16x16-color,
.icon-doctype-tex-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23555' d='M11.2 1.8v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zm-.3.8l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3zM6 11h7v1h-7v-1zm0-2h7v1h-7v-1zm0-2h7v1h-7v-1zm0-2h4v1h-4v-1zm0-2h4v1h-4v-1z'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-wav-16x16-color,
.icon-doctype-mp3-16x16-color,
.icon-doctype-ra-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23555' d='M11.2 1.8v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zM11.7 1.8l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3z'/><path fill='%23fff' d='M1.5 3.5h9v9h-9z'/><path fill='%23114796' d='M10 4v8h-8v-8h8m1-1h-10v10h10v-10zM4 11c-.5 0-1-.3-1-.7s.4-.8 1-.9h.1c.1 0 .3 0 .4.1h.2v-3.5l4.3-.5v4.2c0 .2-.1.4-.2.6-.2.2-.5.3-.7.3h-.1c-.5 0-1-.3-1-.7s.4-.8 1-.9h.1c.1 0 .3 0 .4.1h.2v-2.6l-3.5.5v3.1c0 .2-.1.4-.2.6-.3.2-.6.3-.8.3h-.2z'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-bmp-16x16-color,
.icon-doctype-gif-16x16-color,
.icon-doctype-jpg-16x16-color,
.icon-doctype-jpeg-16x16-color,
.icon-doctype-pict-16x16-color,
.icon-doctype-png-16x16-color,
.icon-doctype-tiff-16x16-color,
.icon-doctype-wmf-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path fill='%23555' d='M11.2 1.8v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zM11.7 1.8l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3z'/></g><path fill='%23fff' d='M1.5 3.5h9v9h-9z'/><path fill='%23555' d='M10 4v8h-8v-8h8m1-1h-10v10h10v-10z'/><g fill='%23555'><circle cx='7.9' cy='9.7' r='1.4'/><circle cx='4.1' cy='9.7' r='1.4'/></g><circle fill='%23555' cx='6' cy='6.3' r='1.4'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-mp4-16x16-color,
.icon-doctype-avi-16x16-color,
.icon-doctype-mov-16x16-color,
.icon-doctype-mpg-16x16-color,
.icon-doctype-qt-16x16-color,
.icon-doctype-wmv-16x16-color,
.icon-doctype-rv-16x16-color,
.icon-doctype-noa-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path fill='%23555' d='M11.2 1.7v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zM11.7 1.7l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3z'/></g><path fill='%23D80303' d='M2 3.9h8v8h-8z'/><path fill='%23fff' d='M4.3 10.3v-4.3l3.7 2.2-3.7 2.1z'/></svg>"), none;
  background-size: 16px auto; }

.icon-doctype-svg-16x16-color,
.icon-doctype-sif-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23555' d='M11.2 1.8v3h3v9.5h-9.4v-12.5h6.4m.8-.8h-8v14h11v-11h-3v-3zM11.7 1.8l2.6 2.6v9.9h-9.5v-12.5h6.9m.3-.8h-8v14h11v-11l-3-3z'/><path fill='%23fff' d='M1.5 3.5h9v9h-9z'/><path fill='%23A851A4' d='M10 4v8h-8v-8h8m1-1h-10v10h10v-10zM3 11l3-3 3 3h-6zM3 7l1.5-1.5 1.5 1.5h-3z'/></svg>"), none;
  background-size: 16px auto; }

/* journal tools */
.icon-tools-pdf-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g fill='%23D30102'><path d='M3 12.1c-1.5 1-2.8 2.7-2.3 3h-.2c-.2-.5.3-1.7 2.5-3zM.8 15.6h-.6l-.1-.3c-.4-.8.3-2.2 2.7-3.6l.5.8c-1.3.9-2.2 2.1-2.2 2.4 0 0 0-.2-.1-.2v.2l-.2.7zM15.3 10.7c.8-1.7-5.9-1.5-11 .7 3.7-1.5 11-2 11-.7zM4.5 11.8l-.4-.8c2.6-1.2 5.9-1.9 8.6-1.9 1.6 0 2.6.3 2.9.8.2.3.2.6.1.9l-.9-.2c-.1 0-.6-.2-2.2-.2-2.3 0-5.9.5-8.1 1.4zM7.5 1.6c.3-1-.3-1-.5-1h-.3c-.3 0-.3.2-.3.5-.4 1.8.3 5.9 2.8 8.1 2 1.7 5.7 2.7 5.9 1.7-1 .2-3.8-.5-5.7-2.2-2.2-1.7-3.2-6.3-2.7-7.6 0-.2.3-.5.3-.5.2.3.5.5.5 1zM14.4 11.8c-1.4 0-3.9-.9-5.4-2.2-2.7-2.4-3.4-6.5-3-8.5 0-.6.3-.9.7-.9h.1l.2-.2.2.2c.2 0 .5.1.6.3.2.3.2.7.1 1.2l-.8-.1c-.2 1.5.7 5.2 2.7 6.7 1.8 1.5 4 2.2 5.1 2.2h.3l.7-.2-.2.7c-.1.3-.3.8-1.3.8zM7.5 1.9c-.3 1-.3 3.5-2.3 7.3-2.3 4.2-3.8 6.1-4.8 5.8l.3.2c.8.5 2.3-1 4.8-5.6 2-3.9 2-5.5 2-7.7zM1.1 15.9c-.2 0-.4-.1-.6-.2l-.3-.3.4-.8c.6 0 1.7-1 4.3-5.6 1.5-3 1.9-5.1 2.1-6.3-.1-.4 0-.7 0-.9l.9.1c0 2.2 0 4-2 8-2.8 5.4-4.1 6-4.8 6z'/></g></svg>"), none;
  background-size: 16px auto; }

.icon-tools-print-16x16-blue {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-341 443 16 16' enable-background='new -341 443 16 16'><path fill='%23069' d='M-326 448c0-.5-.5-1-1-1h-1v-4h-10v4h-1c-.5 0-1 .5-1 1h-1v9h3v2h10v-2h3v-9h-1zm-12 8h-1.5c-.3 0-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1.5v2zm1-12h8v5h-8v-5zm8 14h-8v-4h8v4zm0-7c0-.5.5-1 1-1s1 .5 1 1-.5 1-1 1-1-.5-1-1zm3 4.5c0 .3-.2.5-.5.5h-1.5v-2h1.5c.3 0 .5.2.5.5v1zm-9.5 1.5h5c.3 0 .5-.2.5-.5s-.2-.5-.5-.5h-5c-.3 0-.5.2-.5.5s.2.5.5.5z'/></svg>"), none;
  background-size: 16px auto; }

.icon-tools-reprints-16x16-blue {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='-340.5 443 15 16' enable-background='new -340.5 443 15 16'><path fill='%23069' d='M-336.5 446h4.7c-.2-.1-.4-.3-.6-.6l-1.5-1.4-.9-.9h-.1c-.2-.1-.9-.1-1.4-.1h-4.2v11h4v-4.4'/><path fill='%23069' d='M-328.6 448.7c-.4-.4-1.2-.7-1.7-.7h-3.2c-.6 0-1 .4-1 1v9c0 .6.4 1 1 1h7c.6 0 1-.4 1-1v-5.4c0-.5-.3-1.3-.7-1.7l-2.4-2.2zm2.3 3.4s-1.3.1-2.2.1c-.7 0-.9-.1-1-.2-.2-.2-.3-1.6-.1-3.2v-.1c.1-.1.2-.1.2-.1s.1 0 .2.1v.1c.1.8.2 1.4.2 1.4.1.5.6 1.1 1.2 1.2 0 0 .4.1 1.3.2.1 0 .2.1.2.3.2.1.1.2 0 .2z'/></svg>"), none;
  background-size: 16px auto; }

.icon-tools-rights-16x16-blue {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15.9' height='15.8' viewBox='-340.9 443 15.9 15.8' enable-background='new -340.9 443 15.9 15.8'><path fill='%23069' d='M-340.9 448c0 .8.1 1.6.5 2.1.7 1.8 2.3 3 4.2 3h.5c.6 0 1.1-.1 1.1-.1.3-.1.7 0 .9.2.1.1.3.2.3.1.1-.1.2-.1.3 0 .1.1.2.2.3.2s.2.1.3.2c.1.1.2.3.2.6s.3.7.5.8c.2.2.6.4.9.6.3.1.6.2.6.3s.1.2.2.3c.1.1.2.2.2.3s.1.2.2.3.3.2.6.2c.2 0 .3.1.3.3 0 .2.1.6.3.7.2.2.6.3.7.3s.5.1.6.2.5.2.8.2h.4c.3 0 .7-.1.8-.2s.2-.4.2-.8v-1.7c0-.3-.2-.8-.5-1l-5-4.9c-.2-.2-.3-.7-.2-.9 0 0 .2-.7.2-1.3.1-2.7-2.3-5-5.1-5h-.3c-2.9 0-5.2 2.2-5 5zm7.8 2.9s0-.1.1-.1l.1-.1s.2.2.5.4l6 5.9c.2.2.5.4.5.4l-.1.1-.1.1s-.2-.2-.5-.4l-6-5.8c-.3-.1-.5-.3-.5-.5zm-5.8-4.2c0-.9.7-1.6 1.6-1.6s1.6.7 1.6 1.6c0 .9-.7 1.6-1.6 1.6-.8 0-1.6-.8-1.6-1.6z'/></svg>"), none;
  background-size: 16px auto; }

.icon-tools-e-alert-32x32-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='134 4 32 32' enable-background='new 134 4 32 32'><path fill='%23CC9F4A' d='M134 4h32v32h-32V4z'/><path fill='%23fff' d='M160 12.5h-20v15h20v-15zm-14.2 10.3l-3.2 3.5c-.1.2-.3.2-.5.2s-.4-.1-.5-.2c-.3-.3-.3-.8 0-1.1l3.2-3.5c.3-.3.7-.3 1 0 .2.3.2.8 0 1.1zm4.2-.7c-.1 0-.3-.1-.4-.2l-7.9-7.1c-.3-.2-.3-.7-.1-.9.2-.3.6-.3.9-.1l7.5 6.8 7.5-6.8c.3-.2.7-.2.9.1.2.3.2.7-.1.9l-7.9 7.1c-.1.1-.2.2-.4.2zm8.4 4.2c-.1.1-.3.2-.5.2s-.4-.1-.5-.2l-3.2-3.5c-.3-.3-.3-.8 0-1.1s.7-.3 1 0l3.2 3.5c.3.3.3.8 0 1.1z'/></svg>"), none;
  background-size: 32px auto; }

.icon-tools-facebook-32x32-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='134 4 32 32' enable-background='new 134 4 32 32'><path fill='%23385597' d='M134 4h32v32h-32V4z'/><path fill='%23FEFEFE' d='M151.2 36V23.7H147v-4.8h4.2v-.5c0-1.4 0-2.8.1-4.1.3-3.1 2.3-4.9 5.3-5.2 1.3-.1 2.6 0 3.9.1.2 0 .3 0 .5.1v4.3h-3.2c-1.1.2-1.6.7-1.7 1.8v3.5h4.8l-.6 4.8h-4.2V36h-4.9z'/></svg>"), none;
  background-size: 32px auto; }

.icon-tools-feed-32x32-color,
.icon-tools-feed-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='134 4 32 32' enable-background='new 134 4 32 32'><path fill='%23F5821F' d='M134 4h32v32h-32V4z'/><path fill='%23fff' d='M140 27.3c0-.7.3-1.4.8-1.9s1.1-.8 1.9-.8c.8 0 1.4.3 1.9.8s.8 1.1.8 1.9c0 .7-.3 1.4-.8 1.9-.6.5-1.2.8-1.9.8s-1.4-.3-1.9-.8-.8-1.1-.8-1.9zm0-6.7v-3.8c2.4 0 4.6.6 6.6 1.8 2 1.2 3.6 2.8 4.8 4.8 1.2 2 1.8 4.2 1.8 6.6h-3.8c0-2.6-.9-4.8-2.7-6.6-1.9-1.9-4.1-2.8-6.7-2.8zm0-6.8V10c2.7 0 5.3.5 7.8 1.6s4.6 2.5 6.4 4.3c1.8 1.8 3.2 3.9 4.3 6.4s1.5 5 1.5 7.7h-3.8c0-2.2-.4-4.3-1.3-6.3s-2-3.7-3.4-5.2-3.2-2.6-5.2-3.4c-2-.8-4.1-1.3-6.3-1.3z'/></svg>"), none;
  background-size: 32px auto; }

.icon-tools-feed-16x16-color {
  background-size: 16px 16px; }

.icon-tools-google-plus-32x32-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='134 4 32 32' enable-background='new 134 4 32 32'><path fill='%23DD4B39' d='M134 4h32v32h-32V4z'/><path fill='%23fff' d='M152.2 10H147c-.7 0-1.4.1-2.2.2-.8.2-1.6.6-2.3 1.2-1.1 1.1-1.7 2.3-1.7 3.6 0 1.1.4 2 1.1 2.8.7.9 1.8 1.3 3.2 1.3.3 0 .5 0 .8-.1 0 .1-.1.3-.2.5s-.1.3-.1.6c0 .4.1.7.3 1 .1.3.3.5.5.8-.6 0-1.4.1-2.3.2-.9.2-1.8.5-2.7 1-.8.5-1.3 1-1.6 1.6-.3.6-.4 1.1-.4 1.6 0 1 .5 1.9 1.4 2.602 1 .7 2.4 1.1 4.2 1.1 2.2 0 3.9-.6 5-1.6s1.7-2.1 1.7-3.4c0-.9-.2-1.6-.6-2.2-.4-.5-.9-1-1.5-1.5l-.9-.7-.4-.4c-.2-.2-.2-.4-.2-.7s.1-.5.2-.7c.1-.2.3-.4.4-.6.3-.2.5-.5.8-.7.2-.2.4-.5.6-.8.4-.6.6-1.3.6-2.3 0-.5-.102-1-.2-1.3-.1-.4-.3-.7-.5-1-.2-.3-.4-.6-.6-.8 0-.1-.2-.3-.4-.4h1.6l1.6-.902zm-2.8 14.3c.4.5.6 1.1.6 1.7 0 .8-.3 1.5-.9 2s-1.6.8-2.8.8c-1.4 0-2.5-.3-3.2-.9-.8-.6-1.2-1.4-1.2-2.3 0-.5.1-.9.3-1.2.2-.3.4-.6.6-.8.2-.2.5-.4.7-.5.1 0 .3-.1.4-.1.6-.2 1.1-.3 1.7-.4.5-.1.9-.1 1-.1h.6c1 .8 1.7 1.4 2.2 1.8zm-.9-7.7c-.1.4-.2.7-.4 1-.5.5-1 .7-1.7.7-.5 0-1-.2-1.5-.5-.4-.3-.8-.7-1-1.2-.6-1-.8-2-.8-3 0-.7.2-1.4.6-2 .5-.6 1.1-.8 1.8-.9.5 0 1 .2 1.4.5.4.3.7.7 1 1.2.5 1.1.8 2.1.8 3.1-.1.5-.1.7-.2 1.1zm11.9 1.6h-2.8v-2.8H156v2.8h-2.8v1.7h2.8v2.8h1.6v-2.8h2.8v-1.7z' enable-background='new'/></svg>"), none;
  background-size: 32px auto; }

.icon-tools-library-32x32-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='134 4 32 32' enable-background='new 134 4 32 32'><path fill='%23689619' d='M134 4h32v32h-32V4z'/><path fill='%23fff' d='M156.7 12.2c-.2-.1-.5-.2-.7 0 0 0-6.6 3.2-7.3 3.5-.7.3-1.3.3-1.7.3-.8 0-1.4-.3-1.9-.6-.4-.3-.4-.6 0-.8.2-.1 3.1-1.4 3.1-1.4l3.7-1.7.7.3v-1c0-.3-.1-.5-.3-.6-.3-.2-.6-.2-.8-.1 0 0-7 3.2-7.2 3.3-.1.1-.5.3-.7.4-.2.2-.4.3-.5.6-.1.2-.1.6-.1 1v11.7c0 .9.4 1.7 1.2 2.1 1.4.9 3.5.9 5.1.2l7.3-3.9c.2-.1.4-.4.4-.7V12.9c.1-.3-.1-.5-.3-.7zm-12.2 14.4c-.2-.2-.3-.4-.4-.6v-1.7c.1.2.2.4.4.6.7.7 2.2.8 3.5.6h.1v1.7h-.1c-1.3.2-2.8.1-3.5-.6zm-.4-8.7c.1.2.2.4.4.6.7.7 2.2.8 3.5.6h.1v1.7h-.1c-1.2.2-2.7.1-3.5-.6-.2-.2-.3-.4-.4-.6v-1.7z'/></svg>"), none;
  background-size: 32px auto; }

.icon-tools-submit-manuscript-32x32-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='134 4 32 32' enable-background='new 134 4 32 32'><path fill='%23999' d='M134 4h32v32h-32V4z'/><path fill='%23fff' d='M153.6 29.4c-1.2 0-2.2-1-2.2-2.2v-1.6H150c-1.4 0-2.5-1.1-2.5-2.5v-2.5c0-1.4 1.1-2.5 2.5-2.5h1.5v-1.6c0-1.2 1-2.2 2.2-2.2.7 0 1.2.3 1.7.6-.2-.3-4.7-5-4.7-5h-10v20h15v-1.5l-.1.1c-.6.6-1.3.9-2 .9zm5.6-7.9l-1.2-1.2-3.7-3.7c-.2-.2-.4-.3-.6-.3s-.3.1-.3.3v3.1c0 .2-.1.3-.3.3h-3c-.3 0-.6.3-.6.6v2.5c0 .3.3.6.6.6h3c.2 0 .3.1.3.3v3.1c0 .2.1.302.3.302s.4-.1.6-.2l1.1-1.102 2.6-2.6 1.2-1.2c.2-.3.2-.6 0-.8z'/></svg>"), none;
  background-size: 32px auto; }

.icon-tools-subscribe-32x32-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='346.2 276.8 32 32' enable-background='new 346.2 276.8 32 32'><path fill='%23981515' d='M346.2 276.8h32v32h-32z'/><path d='M362.8 281.8h-9.9c-.5 0-.8.4-.8.8v.8c0 .5.4.8.8.8h9.9c.5 0 .8-.4.8-.8v-.8c0-.5-.4-.8-.8-.8zm.1 4.9h-10c-.5 0-.8.4-.8.8v.8c0 .5.4.8.8.8h10c.5 0 .8-.4.8-.8v-.8c0-.4-.4-.8-.8-.8zm-.1 5h-10c-.5 0-.8.4-.8.8v.8c0 .5.4.8.8.8h10c.5 0 .8-.4.8-.8v-.8c.1-.4-.3-.8-.8-.8zm9.4 2.4c-.5-3.3-3.1-5.8-6.3-6.3v2.8c1.8.4 3.2 1.9 3.5 3.9.4 2.6-1.4 5-4 5.4-1 .1-1.9 0-2.8-.5l1.9-2.2c.1-.1.1-.2 0-.3 0-.1-.1-.1-.2-.1h-6.6c-.1 0-.1 0-.2.1l-.1.2 1 6.5c0 .1.1.2.2.2h.1c.1 0 .1 0 .2-.1l1.8-2.1c1.5.9 3.3 1.3 5 1.1 4.3-.7 7.1-4.5 6.5-8.6z' fill='%23fff'/></svg>"), none;
  background-size: 32px auto; }

.icon-tools-twitter-32x32-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='134 4 32 32' enable-background='new 134 4 32 32'><path fill='%2359A7DF' d='M134 4h32v32h-32V4z'/><path fill='%23fff' d='M137.7 27.7c2.2 1.4 4.9 2.3 7.7 2.3 9.3 0 14.4-7.7 14.4-14.4v-.7c1-.7 1.8-1.6 2.5-2.6-.9.4-1.9.7-2.9.8 1-.6 1.8-1.6 2.2-2.8-1 .6-2.1 1-3.2 1.2-.9-1-2.2-1.6-3.7-1.6-2.8 0-5 2.3-5 5 0 .4 0 .8.1 1.2-4.2-.1-7.9-2.1-10.4-5.2-.4.8-.7 1.6-.7 2.6 0 1.8.9 3.3 2.2 4.2-.8 0-1.6-.3-2.3-.6v.1c0 2.4 1.7 4.5 4.1 4.9-.4.1-.9.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.5 3.5 4.7 3.5-1.7 1.398-3.9 2.2-6.3 2.2-.4-.1-.8-.1-1.2-.2z'/></svg>"), none;
  background-size: 32px auto; }

.icon-tools-youtube-32x32-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path fill='%23CE201F' d='M0 0h32v32h-32v-32z'/><path fill='%23fff' d='M24.819 8.8c-.8-.4-1.9-.5-2.8-.5-2.2-.1-3.9-.1-6.1-.1s-3.9 0-6.1.1c-.9 0-2 .1-2.8.5-1.9.9-1.7 4.7-1.7 6.9s-.2 6 1.7 6.9c.8.4 1.9.5 2.8.5 2 .1 4 .1 6.1.1s4.1 0 6.2-.1c.9 0 1.9-.1 2.8-.5 1.9-.9 1.7-4.7 1.7-6.9-.1-2.2.1-6.1-1.8-6.9zm-11.1 9.9v-6l5.6 3-5.6 3z'/></svg>"), none;
  background-size: 32px auto; }

/* share services */
.icon-linkedin-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%230065A1' d='M14.8 0h-13.6c-.7 0-1.2.6-1.2 1.2v13.6c0 .6.5 1.2 1.2 1.2h13.6c.7 0 1.2-.5 1.2-1.2v-13.6c0-.6-.5-1.2-1.2-1.2z'/><path fill='%23fff' d='M2.4 6h2.4v7.6h-2.4v-7.6zm1.2-3.8c.8 0 1.4.6 1.4 1.4s-.6 1.4-1.4 1.4-1.4-.6-1.4-1.4c0-.7.6-1.4 1.4-1.4'/><path fill='%23fff' d='M6.2 6h2.3v1c.3-.6 1.1-1.2 2.2-1.2 2.4 0 2.8 1.6 2.8 3.6v4.2h-2.4v-3.7c0-.9 0-2-1.2-2s-1.4 1-1.4 2v3.8h-2.3v-7.7z'/></svg>"), none;
  background-size: 16px auto; }

.icon-citeulike-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path fill='%23fff' d='M0 0h16v16h-16z'/><path fill='%23647B0E' d='M2.1 0h11.9v16h-11.9z'/><path fill='%23fff' d='M3.1 1h9.9v14h-9.9z'/><path fill='%23647B0E' d='M4.3 11.9h7.4v1.2h-7.4zM4.3 8.9h7.4v1.2h-7.4zM4.3 5.9h7.4v1.2h-7.4zM4.3 2.9h7.4v1.2h-7.4z'/></g></svg>"), none;
  background-size: 16px auto; }

.icon-reddit-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23fff' d='M0 0h16v16h-16z'/><ellipse fill='%23fff' cx='8' cy='9.8' rx='6.3' ry='4.1'/><path d='M8 14.1c-3.6 0-6.6-2-6.6-4.4s3-4.4 6.6-4.4 6.6 2 6.6 4.4-3 4.4-6.6 4.4zm0-8.2c-3.3 0-6 1.8-6 3.9s2.7 3.9 6 3.9 6-1.7 6-3.9-2.7-3.9-6-3.9zM13.1 4.6c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4 1.4.6 1.4 1.4-.7 1.4-1.4 1.4zm0-2.2c-.5 0-.9.4-.9.8s.4.8.9.8.9-.4.9-.8-.4-.8-.9-.8zM1.6 9.3c-.5-.3-.9-.9-.9-1.5 0-.9.8-1.7 1.7-1.7.5 0 .9.2 1.2.5l-.4.4c-.2-.2-.5-.3-.8-.3-.6 0-1.1.5-1.1 1.2 0 .4.2.8.6 1l-.3.4zM14.4 9.3l-.2-.4c.4-.2.6-.6.6-1 0-.6-.5-1.2-1.1-1.2-.3 0-.6.1-.8.3l-.4-.4c.3-.3.8-.5 1.2-.5.9 0 1.7.8 1.7 1.7-.1.6-.5 1.2-1 1.5z'/><circle fill='%23FF4500' cx='5.9' cy='9' r='1'/><circle fill='%23FF4500' cx='10.2' cy='9' r='1'/><path d='M8 5.8c-.2-.1-.3-.2-.2-.4l1.2-3.4 2.9.7c.1 0 .2.2.2.3 0 .2-.2.2-.3.2l-2.5-.5-1 3-.3.1zM8 12.6c-1.7 0-2.3-.8-2.4-.8-.1-.1-.1-.3 0-.4s.3-.1.4 0c0 0 .6.6 2 .6s2-.6 2.1-.6c.1-.1.3-.1.4 0s.1.3 0 .4c-.1 0-.9.8-2.5.8z'/></svg>"), none;
  background-size: 16px auto; }

.icon-digg-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M13.9 8.8v-2.7h-.9s-.2 0-.2.2v2.7h.9c.1 0 .2 0 .2-.2zM9.5 8.8v-2.7h-.9s-.2 0-.2.2v2.7h.9s.2 0 .2-.2zM0 0v16h16v-16h-16zm4.6 9.9c0 .2-.2.2-.2.2h-3.8v-4.9c0-.2.2-.2.2-.2h2.3v-1.7c0-.2.2-.2.2-.2h1.3v6.8zm1.9 0c0 .2-.2.2-.2.2h-1.3v-4.9c0-.2.2-.2.2-.2h1.3v4.9zm0-5.9c0 .2-.2.2-.2.2h-1.3v-.9c0-.2.2-.2.2-.2h1.3v.9zm4.4 7.6c0 .2-.2.2-.2.2h-3.7v-.9c0-.2.2-.2.2-.2h2.3v-.7h-2.5v-4.8c0-.2.1-.2.1-.2h3.8v6.6zm4.5 0c0 .2-.2.2-.2.2h-3.8v-.9c0-.2.2-.2.2-.2h2.3v-.7h-2.5v-4.8c0-.2.2-.2.2-.2h3.8v6.6zM2 6.3v2.7h.9s.2 0 .2-.2v-2.7h-.9s-.2 0-.2.2z'/></svg>"), none;
  background-size: 16px auto; }

.icon-facebook-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23385597' d='M0 0v16h8.6v-6.1h-2.1v-2.4h2.1v-2.2c.2-1.6 1.2-2.5 2.7-2.6h1.9c.1 0 .1 0 .2.1v2.2h-1.7000000000000002c-.5.1-.8.3-.8.9v1.8h2.4l-.3 2.4h-2.1v6.1h5.1v-16.2h-16z'/></svg>"), none;
  background-size: 16px auto; }

.icon-twitter-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%2359A7DF' d='M0 0v16h16v-16h-16zm12.9 5.4v.4c0 3.3-2.5 7.2-7.2 7.2-1.4 0-2.7-.4-3.8-1.1.2 0 .4 0 .6.1 1.2 0 2.3-.4 3.1-1.1-1.1 0-2-.8-2.3-1.8h.5c.2 0 .5 0 .6-.1-1.2-.2-2-1.2-2-2.5.3.2.6.3 1.1.3-.7-.4-1.2-1.1-1.2-2 0-.5.2-.9.4-1.3 1.3 1.5 3.1 2.5 5.2 2.6-.1-.3-.1-.4-.1-.7 0-1.3 1.1-2.4 2.6-2.4.8 0 1.4.3 1.8.8.6-.1 1.1-.3 1.6-.6-.2.6-.6 1.1-1.1 1.4.5-.1 1-.2 1.4-.4-.3.5-.7.9-1.2 1.2z'/></svg>"), none;
  background-size: 16px auto; }

.icon-stumbleupon-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23E74927' d='M8 0c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm-.1 6.1c-.3 0-.5.2-.5.5v2.9c0 1.1-.9 2-2 2s-2-.9-2-2v-1.3h1.6v1.3c0 .3.2.5.5.5s.5-.2.5-.5v-3c0-1.1.9-2 2-2s2 .9 2 2v.6l-1 .3-.6-.3v-.5c0-.3-.2-.5-.5-.5zm4.6 3.3c0 1.1-.9 2-2 2s-2-.9-2-2v-1.2l.5.3.9-.3v1.3c0 .3.2.5.5.5s.5-.2.5-.5v-1.3h1.6v1.2z'/></svg>"), none;
  background-size: 16px auto; }

.icon-googleplus-16x16-color {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g fill='%23DD4B39'><path d='M0 0v16h16v-16h-16zm7.7 3.7c.1.1.2.2.3.4.1.1.2.3.2.5.1.1.1.4.1.6 0 .5-.1.9-.3 1.2-.1.1-.2.3-.2.4-.2 0-.3.2-.5.3l-.2.3v.4s0 .2.1.4c0 0 .2.1.2.2l.5.3c.3.2.6.5.8.8.2.3.3.7.3 1.1 0 .6-.3 1.2-.9 1.7s-1.5.7-2.6.7c-.9 0-1.6-.2-2.1-.6-.5-.3-.7-.8-.7-1.3 0-.2 0-.5.2-.8.1-.2.4-.5.8-.7.5-.2.9-.4 1.4-.5.4-.1.8-.2 1.1-.2l-.3-.3c-.1-.2-.1-.4-.1-.5v-.3c.1-.1.1-.2.1-.2h-.3c-.8 0-1.3-.3-1.6-.7-.4-.4-.6-.8-.6-1.4 0-.7.3-1.2.8-1.8.4-.3.8-.5 1.2-.6.4-.1.8-.1 1.1-.1h2.6l-.8.5h-.8c.1 0 .2.1.2.2zm5.5 4.2h-1.4v1.4h-.8v-1.4h-1.4v-.8h1.4v-1.4h.8v1.4h1.4v.8zM6.3 9.2c-.1 0-.2 0-.5.1l-.9.2s-.1.1-.2.1c0 0-.2.1-.3.2-.1.1-.2.2-.3.4-.1.2-.1.4-.1.6 0 .4.2.8.6 1.1.3.3.9.4 1.6.4.6 0 1.1-.1 1.4-.4.2-.1.4-.5.4-.9 0-.3-.1-.6-.3-.9-.3-.2-.6-.5-1.1-.9h-.3zM6.4 3.6c-.2-.1-.4-.3-.6-.3-.4.1-.7.2-1 .5-.2.3-.3.6-.3 1 0 .5.1 1 .4 1.5.1.2.3.4.5.6.2.2.5.2.8.2.4 0 .6-.1.9-.3l.2-.5v-.5c0-.5-.2-1-.4-1.6-.1-.2-.2-.4-.5-.6z'/></g></svg>"), none;
  background-size: 16px auto; }

/* readcube */
.icon-pdf-80x80-color {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><path fill='%23fff' d='M63.6 3.2h-42.8v74.5h56v-61.6c-5.1-3.6-9.7-7.7-13.2-12.9z'/><path fill='%23585959' d='M58.2 4.5v17.3h17.3v54.4h-53.7v-71.7h36.4m4.5-4.5h-45.4v80h62.7v-62.7h-17.3v-17.3zm-1.3 4.5l14.8 14.9v56.7h-54.4v-71.6h39.6m1.5-4.5h-45.6v80h62.7v-62.9l-17.1-17.1z'/><path fill='%23fff' d='M2.6 14.1h51.8v51.8h-51.8v-51.8z'/><path fill='%23D32729' d='M51.2 17.3v45.4h-45.4v-45.4h45.4m5.8-5.8h-57v57h57v-57z'/><path fill='%23D32729' stroke='%23D32729' stroke-miterlimit='2.613' d='M17.7 49.7c-3.4 2.9-6.3 6.9-5.1 7.4l-1.1-.6c-.1-1.1 1.1-3.9 6.2-6.8zm28-3.4c1.7-4-13.7-3.4-25.1 1.7 8.5-3.4 25.1-4.6 25.1-1.7zm-17.7-21.2c.6-2.3-.6-2.4-1.1-2.4h-.6c-.6 0-.6.6-.6 1.2-1.1 4 .6 13.7 6.3 18.9 4.6 4 13.1 6.3 13.7 4-2.3.6-8.6-1.1-13.1-5.1-5.1-4-7.4-14.9-6.3-17.7 0-.6.6-1.2.6-1.2.5.6 1.1 1.1 1.1 2.3zm0 .6c-.6 2.3-.6 8-5.1 17.1-5.1 9.7-8.6 14.3-10.9 13.7l.6.6c1.7 1.1 5.1-2.3 10.9-13.1 4.5-9.1 4.5-13.1 4.5-18.3z'/></svg>") no-repeat 50% 20px, none;
  background-size: 80px auto;
  padding-top: 120px; }

.icon-readcube-80x80-color {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><path fill='%23fff' d='M78.1 25.3c.9-.4 1.4-1.1 1.5-2 .1-.8-.2-1.5-.8-2.2l-3.8-3.8 1.8 2-18-18-.5-.5c-.6-.4-1.3-.7-2-.8h-.2c-1-.1-2 .1-2.8.5l-20.3 11.2h-.2l-.3.3h-.2c-.1.2-.2.3-.3.3l5.8-10.5c.4-.8.6-1.3.3-1.7-.3-.2-.9-.1-1.7.3l-20.2 11c-.7.4-1.3.9-2 1.5l-.7.7c-1 1-1.7 1.9-2.2 2.7l-11 20.1c-.6.9-.7 1.4-.3 1.7.2.2.8.1 1.7-.3l15.5-8.5-8.3 15.5c-.1.3-.3.6-.3.8-.1.5-.2 1-.2 1.5v.6c.2.9.5 1.7 1 2.3l.2.2-4.3 2.3 3.2-1.5-7.3 4c-.5.4-.8.9-.8 1.5v.4c0 .7.2 1.4.8 2l3.7 3.7-1.8-2 18.2 18.2.8.7c.5.3 1.1.5 1.8.7 1 .1 1.9-.1 2.8-.5l20.2-11.2c.4-.2.8-.5 1-.8l.3-.7v-.8c0-.6-.3-1.2-.8-1.8l-6.8-6.8 4.2-7.7c.6-.9.7-1.9.5-3v-.2c-.1-.9-.4-1.5-.8-2l10.8 10.7c-.8.9-1.4 1.7-1.8 2.3l-9.2 16.8 1.2-2.2-3.3 6c-.4.8-.6 1.3-.3 1.7.1.1.2.1.3 0 .4.1.9 0 1.5-.3l20.2-11.2c.8-.4 1.7-1.1 2.7-2 .9-1 1.6-1.9 2-2.7l11.2-20.1c.4-.9.6-1.4.3-1.7-.1 0-.2-.1-.3-.2-.2-.2-.7-.1-1.5.3l-15.5 8.5 8.5-15.3c.6-.9.7-1.9.5-3-.1-1-.5-1.8-1.2-2.5l4.3-2.5-3.5 1.7 6.7-3.7m-46.6-11.9v.2c-.1.8.2 1.6.8 2.3l7 7-4.2 7.7c-.4.8-.6 1.7-.5 2.8.1.9.4 1.7 1 2.3l-11-11c.6-.6 1.1-1.2 1.5-1.8l.3-.5c.1 0 .1-.1.2-.2l4.9-8.8z'/><path fill='%23fff' d='M26.7 79.3c-.9.6-1.9.7-3 .5-.7-.1-1.2-.3-1.7-.5.6.3 1.2.6 1.8.7 1 .1 1.9-.1 2.8-.5l5.7-3.2-5.6 3m-17-28.8l-.2-.2-4.3 2.5 4.5-2.3m-8.5 8.2c-.5-.5-.8-1-.8-1.5 0 .6.3 1.1.8 1.7l3.8 3.6-3.8-3.8m16.5-29.4l-.3.2-8.5 15.3c-.1.2-.2.4-.2.7 0-.1.1-.3.2-.5l8.8-15.7m14.2-16.6l.3-.3 2-3.8-2.3 4.1m46.3 29.5c.6-.3 1.1-.4 1.5-.3-.3-.2-.9-.2-1.7.2l-9 5.2 9.2-5.1m-36.5 37.6c.1.1.3.2.5.2-.1 0-.2-.1-.3-.2-.2-.3-.1-.9.3-1.7l3.2-6-3.3 6c-.5.8-.6 1.4-.4 1.7m6.2-12.3l.3-.5v-.7c-.1.9-.6 1.6-1.3 2 .4-.2.8-.5 1-.8m-3.9-23.3c.7.7 1.1 1.5 1.2 2.5v-.2c-.1-.9-.3-1.5-.7-1.8l4 3.8-12.5-12.5c-.7-.7-1.1-1.6-1.3-2.7.1.9.4 1.7 1 2.3l-10.8-10.8c.6-.7 1-1.3 1.3-1.8l.3-.5c.1-.1.2-.2.2-.3l1.8-3.3-1.8 3.1c-.4.9-1.1 1.8-2 2.7v.2l19.3 19.3m9.7 12.8c.4-.5 1-1.1 1.7-1.7l-.2-.2c-.6.7-1.1 1.3-1.5 1.9m3.7-56.5c-.4-.1-.8-.3-1.2-.5h-.2c.5.2 1 .4 1.4.5m20.7 24.8c.9-.4 1.4-1.1 1.5-2 .1-.8-.2-1.5-.8-2.2l-3.8-3.7 3.7 3.7c.7.7.9 1.4.8 2.2-.2.9-.7 1.6-1.4 2z'/><path fill='%23FEC351' fill-opacity='.902' d='M71.6 32.2c-.1-1-.5-1.8-1.2-2.5l-20-20c-.7-.7-1.4-1-2.2-.8-.8.1-1.4.6-1.8 1.5l-11.2 20.1c-.4.8-.6 1.7-.5 2.8.2 1.1.7 2 1.3 2.7l19.8 19.8c.7.7 1.4.9 2.2.8.9-.1 1.6-.6 2-1.3l11-20.1c.6-.9.8-1.9.6-3z'/><path fill='%23EC3895' fill-opacity='.902' d='M55.4 55.3c-.9.8-1.5 1.5-2 2.2l-11.2 20.6c-.4.8-.6 1.3-.3 1.7.1.1.1.1.2 0 .4.1.9 0 1.5-.3l20.2-11.2c.8-.4 1.7-1.1 2.7-2 .9-1 1.6-1.9 2-2.7l11.2-20.1c.4-.9.6-1.4.3-1.7-.1 0-.2-.1-.3-.2-.3 0-.7.2-1.3.5l-20.3 11c-1 .5-1.8 1.2-2.7 2.2z'/><path fill='%23EF4442' fill-opacity='.902' d='M48.2 66.3v-.3c0-.6-.3-1.2-.8-1.8l-19.9-19.9c-.7-.7-1.6-1.1-2.7-1.3-1.1-.1-2.1.1-2.8.5l-20.8 11.5c-.5.4-.8.9-.8 1.5v.4c0 .7.3 1.3.8 1.8l20 20 .8.7c.5.3 1 .4 1.7.5 1.1.2 2.1.1 3-.5l20.2-11c.8-.5 1.2-1.2 1.3-2.1z'/><path fill='%2387479C' fill-opacity='.902' d='M31.9 12.5l6-10.7c.4-.8.6-1.3.3-1.7-.3-.2-.9-.1-1.7.3l-20.2 11c-.7.4-1.3.9-2 1.5l-.7.7c-1 1-1.7 1.9-2.2 2.7l-11 20.1c-.6.9-.7 1.4-.3 1.7.2.2.8.1 1.7-.3l15.5-8.5.2-.2 4.5-2.3c.9-.5 1.7-1.3 2.5-2.2h.2c.9-.9 1.6-1.8 2-2.7l4.8-9c.2 0 .3-.1.4-.4z'/><path fill='%239BCB47' fill-opacity='.902' d='M44.7 49.7c.6-.9.7-1.9.5-3-.1-1-.5-1.8-1.2-2.5l-20-20c-.7-.7-1.4-.9-2.2-.8-.8.1-1.4.6-1.8 1.5l-11.1 20.1-.3.7c-.1.5-.2 1-.2 1.5v.6c.2.9.5 1.7 1 2.3l.2.2.2.2 19.8 19.8c.7.7 1.4.9 2.2.8.9-.1 1.6-.6 2-1.3l10.9-20.1z'/><path fill='%2347C0EF' fill-opacity='.902' d='M58.2 1c-.6-.4-1.3-.8-2.2-1-1-.1-1.9.1-2.8.5l-20.2 11.2v.2c-.2 0-.4.1-.5.2l-.2.2c-.1 0-.2.1-.2.2-.3.3-.6.7-.7 1.2-.1.8.2 1.6.8 2.3l20 19.8c.7.7 1.5 1.1 2.5 1.2 1.1.2 2.1.1 3-.3l20.2-11.2c.8-.4 1.2-1.1 1.3-2 .1-.8-.2-1.5-.8-2.2l-19.7-19.9-.5-.4z'/></svg>") no-repeat 50% 20px, none;
  background-size: 80px auto;
  padding-top: 120px; }

/* misc */
.icon-close-12x12-gray {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%23666666' d='M1.8 12l-1.7-1.7 10.2-10.3 1.7 1.7-10.2 10.3zm10.1-1.7l-1.7 1.7-10.2-10.3 1.7-1.7 10.2 10.3z'/></svg>"), none;
  background-size: 12px auto; }

.icon-close-12x12-blue {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%23069' d='M1.8 12L.1 10.3 10.3 0 12 1.7 1.8 12zm10.1-1.7L10.2 12 0 1.7 1.7 0l10.2 10.3z'/></svg>"), none;
  background-size: 12px auto; }

.icon-mail-12x9-blue {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'><path fill='%23006699' d='M12 0h-12v9h12v-9zm-8.5 6.1l-1.9 2.1c-.1.2-.2.2-.3.2s-.2-.1-.3-.2c-.2-.1-.2-.4 0-.6l1.9-2.1c.2-.2.5-.2.6 0 .1.2.1.5 0 .6zm2.5-.3l-.2-.1-4.8-4.3c-.2-.1-.2-.4 0-.6 0-.1.3-.1.5 0l4.5 4 4.5-4.1c.1-.1.5-.1.5.1.1.1.1.5-.1.5l-4.7 4.3c-.1.1-.1.2-.2.2zm5 2.4c-.1.1-.1.1-.3.1s-.2-.1-.3-.1l-1.9-2.1c-.2-.1-.2-.4 0-.6.2-.2.5-.2.6 0l1.9 2.1c.3.2.3.5 0 .6z'/></svg>"), none;
  background-size: 12px auto; }

.icon-new-window-16x16 {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23555' d='M14.4 2H5v4H0v8h11v-4h5V2h-1.6zM10 13H1V9h4v1h5v3zM6 5h9v4H6'/></svg>"), none;
  background-size: 16px auto; }

.icon-arrow-down-12x7-white,
.icon-rotate.icon-arrow-down-12x7-white:after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='%23fff' d='M9.6 0l-3.6 4.3-3.6-4.3h-2.4l6 7 6-7h-2.4z'/></svg>"), none;
  background-size: 12px auto; }

.icon-arrow-up-12x7-white,
.icon-rotate.icon-arrow-up-12x7-white:after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='%23fff' d='M2.4 7l3.6-4.3 3.6 4.3h2.4l-6-7-6 7h2.4z'/></svg>"), none;
  background-size: 12px auto; }

.icon-arrow-down-12x7-gray,
.icon-rotate.icon-arrow-down-12x7-gray:after,
.tools-menu-button-icon,
.icon-rotate.tools-menu-button-icon:after,
.icon-rotate-left.icon-arrow-down-12x7-gray:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='%23686969' d='M9.7 0l-3.7 4.3-3.7-4.3h-2.3l6 7 6-7h-2.3z'/></svg>"), none;
  background-size: 12px auto; }

.icon-arrow-up-12x7-gray,
.icon-rotate.icon-arrow-up-12x7-gray:after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='%23686969' d='M2.3 7l3.7-4.3 3.7 4.3h2.3l-6-7-6 7h2.3z'/></svg>"), none;
  background-size: 12px auto; }

.icon-arrow-down-12x7-blue,
.icon-rotate.icon-arrow-down-12x7-blue:after,
.icon-rotate-left.icon-arrow-down-12x7-blue:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='%23069' d='M9.6 0l-3.6 4.3-3.6-4.3h-2.4l6 7 6-7h-2.4z'/></svg>"), none;
  background-size: 12px auto; }

.icon-arrow-up-12x7-blue,
.icon-rotate.icon-arrow-up-12x7-blue:after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='%23069' d='M2.4 7l3.6-4.3 3.6 4.3h2.4l-6-7-6 7h2.4z'/></svg>"), none;
  background-size: 12px auto; }

.icon-arrow-right-6x10-white {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='-0.064 -1.375 6 10' enable-background='new -0.064 -1.375 6 10'><path fill='%23fff' d='M-.064.625l3.686 3-3.686 3v2l6-5-6-5v2z'/></svg>"), none;
  background-size: 7px auto; }

.icon-arrow-left-6x10-blue {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'><path fill='%23069' d='M5.936 0l-6 5 6 5v-2l-3.686-3 3.686-3v-2z'/></svg>"), none;
  background-size: 7px auto; }

/* arrow icon rotation */
.icon-rotate.icon-arrow-down-12x7-gray,
.icon-rotate.icon-arrow-up-12x7-gray,
.icon-rotate.icon-arrow-down-12x7-white,
.icon-rotate.icon-arrow-up-12x7-white,
.icon-rotate.icon-arrow-down-12x7-blue,
.icon-rotate.icon-arrow-up-12x7-blue,
.icon-rotate.tools-menu-button-icon,
.icon-rotate-left.icon-arrow-down-12x7-gray,
.icon-rotate-left.icon-arrow-down-12x7-blue {
  background-image: none;
  /* strip the default background icon, just want :after */ }

.icon-rotate.icon-arrow-down-12x7-gray:after,
.icon-rotate.icon-arrow-up-12x7-gray:after,
.icon-rotate.icon-arrow-down-12x7-white:after,
.icon-rotate.icon-arrow-up-12x7-white:after,
.icon-rotate.icon-arrow-down-12x7-blue:after,
.icon-rotate.icon-arrow-up-12x7-blue:after,
.icon-rotate.tools-menu-button-icon:after,
.icon-rotate-left.icon-arrow-down-12x7-gray:before,
.icon-rotate-left.icon-arrow-down-12x7-blue:before {
  width: 12px;
  /* set explicit dimensions for :after arrow icons */
  height: 7px; }

.icon-rotate.menu-button-icon:after {
  margin-top: -1px; }

.icon-table {
  padding-left: 160px;
  min-height: 90px;
  background-image: url(/node_modules/shunter-mosaic/resources/fonts/icons/icon-table-150x80-gray.png); }

.icon-home-24x24-gray {
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><title>home</title><desc>Created with Sketch.</desc><path d='M12 7l-6 6v5h4v-4h4v4h4v-5l-6-6zm7 6.586v4.414c0 .552-.448 1-1 1h-5v-4h-2v4h-5c-.552 0-1-.448-1-1v-4.414c-.256 0-.512-.098-.707-.293l-.586-.586c-.391-.391-.391-1.024 0-1.414l8.293-8.293 8.293 8.293c.391.391.391 1.024 0 1.414l-.586.586c-.195.195-.451.293-.707.293zm-7-9.172l-7.586 7.586.586.586 7-7 7 7 .586-.586-7.586-7.586z' fill='%23222'/></svg>"), none; }

.icon-chevron-right-24x24-gray {
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><title>chevron-right</title><desc>Created with Sketch.</desc><path d='M10.438 9.354c-.195-.195-.195-.512 0-.707.195-.195.512-.195.707 0l4 4c.195.195.195.512 0 .707l-4 4c-.195.195-.512.195-.707 0-.195-.195-.195-.512 0-.707l3.646-3.646-3.646-3.646z' fill='%23222'/></svg>"), none; }

@media only screen and (max-width: 30em) {
  .icon-table {
    padding-left: 0;
    padding-top: 90px;
    min-height: 0; } }

/* metrics */
.icon-plus-8x8-gray {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><g><path fill='%23676868' d='M3 0h2v8h-2zM0 3h8v2h-8z'/></g></svg>"), none;
  background-size: 8px auto;
  width: 22px;
  height: 22px; }

.icon-minus-8x8-gray {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%23676868' d='M0 3h8v2h-8z'/></svg>"), none;
  background-size: 8px auto;
  width: 22px;
  height: 22px; }

.icon-expand-12x12-gray {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%23676868' d='M12 12h-12v-12h12v12zm-11.1-.9h10.2v-10.2h-10.2v10.2z'/><path fill='%23676868' d='M7 5v-3h-2v3h-3v2h3v3h2v-3h3v-2z'/></svg>"), none;
  background-size: 12px auto; }

.icon-expand-12x12-gray:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%23676868' d='M0 0v12h12v-12h-12zm10 7h-3v3h-2v-3h-3v-2h3v-3h2v3h3v2z'/></svg>"), none;
  background-size: 12px auto; }

.icon-double-chevron-right-10x10-blue {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><g fill='%23046799'><path d='M5 1.1l3.5 3.9-3.5 3.9c-.3.2-.3.7 0 .9.3.3.7.3.9 0l3.9-4.3c.1-.2.2-.3.2-.5s-.1-.3-.2-.5l-3.9-4.3c-.3-.3-.7-.3-.9 0-.3.2-.3.7 0 .9'/><path d='M5.1 5.5c.1-.2.2-.3.2-.5s-.1-.3-.2-.5l-4-4.3c-.3-.3-.7-.3-.9 0-.3.3-.3.7 0 .9l3.5 3.9-3.5 3.9c-.3.3-.3.7 0 .9.3.3.7.3.9 0l4-4.3z'/></g></svg>"), none;
  background-size: 10px auto; }

.icon-double-chevron-left-10x10-blue {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><g fill='%23046799'><path d='M4.975 1.1c.3-.2.3-.7 0-.9-.2-.3-.6-.3-.9 0l-3.9 4.3c-.1.2-.2.3-.2.5s.1.3.2.5l3.9 4.3c.2.3.6.3.9 0 .3-.2.3-.7 0-.9L1.474 5l3.5-3.9'/><path d='M8.875 9.8c.2.3.6.3.9 0 .3-.2.3-.6 0-.9L6.274 5l3.5-3.9c.3-.2.3-.6 0-.9-.2-.3-.6-.3-.9 0l-4 4.3c-.1.2-.2.3-.2.5s.1.3.2.5l4 4.3z'/></g></svg>"), none;
  background-size: 10px auto; }

/* =========================================================================
   $IMAGES
   Image-related patterns and styles
   ========================================================================= */
.image-constraint {
  display: block;
  width: auto;
  overflow: hidden;
  text-align: center;
  vertical-align: middle; }

.image-constraint-inner {
  display: block;
  width: 400%;
  margin-left: -150%; }

.image-constraint-stretch img {
  max-width: none;
  max-height: none;
  width: 25%; }

/* Listing images (for intensity 3 article and static page listings) */
.listing-image-constraint {
  max-height: 130px; }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .listing-image-constraint {
    max-height: 100px; } }

/* =========================================================================
   $TYPOGRAPHIC
   standard text and heading formatting
   ========================================================================= */
/*
 * Default spacing
 * default margin 28px to match line height
 * this is used for mainting vertical rhythm on the page
 */
p,
ul,
ol {
  margin-top: 0;
  margin-bottom: 28px; }

.standard-space-below {
  margin-bottom: 28px; }

.small-space-below {
  margin-bottom: 14px; }

.tiny-space-below {
  margin-bottom: 7px; }

.standard-space-above {
  margin-top: 28px; }

.small-space-above {
  margin-top: 14px; }

.tiny-space-above {
  margin-top: 7px; }

.standard-space-around {
  margin: 28px; }

/* handle margins on child elements (all valid elements from ckeditor) */
.suppress-bottom-margin > * {
  margin-bottom: 0; }

.add-top-margin > * + * {
  margin-top: 28px; }

.add-top-margin-small > * + * {
  margin-top: 14px; }

/*
 * Headings
 * classes used to maintain the semantically appropriate heading levels
 * NOT for use on non-headings
 * if additional headings are needed they should be created via
 * additional classes, never via location dependant styling
 * =========================================================================
 */
/* Distinctive heading-4 styles must be explicitly set, not on every h4 */
.h4 {
  color: #666;
  font-family: 'Source Sans Pro', helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h5,
.h5 {
  font-size: 1.2rem; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h5,
.h5 {
  font-family: 'Lora', Palatino, Times, 'Times New Roman', serif;
  font-weight: normal; }

.serif {
  font-family: 'Lora', Palatino, Times, 'Times New Roman', serif; }

.sans-serif,
.h4 {
  font-family: 'Source Sans Pro', helvetica, sans-serif; }

.sans-ultra-light {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  color: #666;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* text style */
.strong {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.emphasis {
  font-style: italic; }

/* text color */
.contrast-text,
.contrast-text a {
  color: #fff; }

.text-blue {
  color: #069; }

.text-gray {
  color: #222; }

.text-gray-light {
  color: #666; }

.text-orange {
  color: #cc4b14; }

/* text background colour */
.highlight {
  background-color: #ff9; }

/* adjust line-height */
.equalize-line-height {
  line-height: 1em; }

.extra-tight-line-height {
  line-height: 1.3; }

.tighten-line-height {
  line-height: 1.4; }

.doctype-line-height {
  line-height: 24px; }

/* force standard text sizes */
.text11 {
  font-size: 1.1rem; }

.text13 {
  font-size: 1.3rem; }

.text14 {
  font-size: 1.4rem; }

.text17 {
  font-size: 1.7rem;
  /* body copy */ }

.text18 {
  font-size: 1.8rem; }

.text24 {
  font-size: 2.4rem; }

.text30 {
  font-size: 3rem; }

.text48 {
  font-size: 4.8rem; }

/* vertical alignment */
.v-middle {
  vertical-align: middle; }

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

/*
 * Web fonts
 * =========================================================================
 */
@font-face {
  font-family: 'npg-stix-regular';
  src: url(/node_modules/shunter-mosaic/resources/fonts/npg-stix-regular.eot);
  src: url("/node_modules/shunter-mosaic/resources/fonts/npg-stix-regular.eot?#iefix") format("embedded-opentype"), url(/node_modules/shunter-mosaic/resources/fonts/npg-stix-regular.woff) format("woff"), url(/node_modules/shunter-mosaic/resources/fonts/npg-stix-regular.ttf) format("truetype"), url("/node_modules/shunter-mosaic/resources/fonts/npg-stix-regular.svg#npg-stix-regular") format("svg"); }

.stix {
  font-family: 'npg-stix-regular'; }

@font-face {
  font-family: 'Source Sans Pro';
  src: url(/node_modules/shunter-mosaic/resources/fonts/SourceSansPro-var.woff2) format("woff2-variations"), url(/node_modules/shunter-mosaic/resources/fonts/SourceSansPro-Regular.woff2) format("woff2");
  font-display: swap; }

@font-face {
  font-family: 'Source Sans Pro';
  src: url(/node_modules/shunter-mosaic/resources/fonts/SourceSansPro-var.woff2) format("woff2-variations"), url(/node_modules/shunter-mosaic/resources/fonts/SourceSansPro-Bold.woff2) format("woff2");
  font-display: swap;
  font-weight: bold; }

@font-face {
  font-family: 'Source Sans Pro';
  src: url(/node_modules/shunter-mosaic/resources/fonts/SourceSansPro-var-italic.woff2) format("woff2-variations"), url(/node_modules/shunter-mosaic/resources/fonts/SourceSansPro-Italic.woff2) format("woff2");
  font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Source Sans Pro';
  src: url(/node_modules/shunter-mosaic/resources/fonts/SourceSansPro-var-italic.woff2) format("woff2-variations"), url(/node_modules/shunter-mosaic/resources/fonts/SourceSansPro-BoldItalic.woff2) format("woff2");
  font-display: swap;
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Lora';
  src: url(/node_modules/shunter-mosaic/resources/fonts/Lora-Regular.woff2) format("woff2"), url(/node_modules/shunter-mosaic/resources/fonts/Lora-Regular.woff) format("woff");
  font-display: fallback; }

@font-face {
  font-family: 'Lora';
  src: url(/node_modules/shunter-mosaic/resources/fonts/Lora-Bold.woff2) format("woff2"), url(/node_modules/shunter-mosaic/resources/fonts/Lora-Bold.woff) format("woff");
  font-display: swap;
  font-weight: bold; }

@font-face {
  font-family: 'Lora';
  src: url(/node_modules/shunter-mosaic/resources/fonts/Lora-Italic.woff2) format("woff2"), url(/node_modules/shunter-mosaic/resources/fonts/Lora-Italic.woff) format("woff");
  font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Lora';
  src: url(/node_modules/shunter-mosaic/resources/fonts/Lora-BoldItalic.woff2) format("woff2"), url(/node_modules/shunter-mosaic/resources/fonts/Lora-BoldItalic.woff) format("woff");
  font-display: swap;
  font-weight: bold;
  font-style: italic; }

/* =========================================================================
   $SPACING
   methods for adding/removing margin and padding
   ========================================================================= */
/*
 * Global spacing
 * standard margin and padding values to be used across themes
 * this is used for spacing between/within components
 */
/* stylelint-disable declaration-block-single-line-max-declarations  */
/* margins */
.ma0 {
  margin: 0; }

.ma1 {
  margin: 1px; }

.ma2 {
  margin: 2px; }

.ma4 {
  margin: 4px; }

.ma6 {
  margin: 6px; }

.ma10 {
  margin: 10px; }

.ma15 {
  margin: 15px; }

.ma20 {
  margin: 20px; }

.ma30 {
  margin: 30px; }

.ma40 {
  margin: 40px; }

.ma50 {
  margin: 50px; }

.ma70 {
  margin: 70px; }

.mt0 {
  margin-top: 0; }

.mt1 {
  margin-top: 1px; }

.mt2 {
  margin-top: 2px; }

.mt4 {
  margin-top: 4px; }

.mt6 {
  margin-top: 6px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mt70 {
  margin-top: 70px; }

.mr0 {
  margin-right: 0; }

.mr1 {
  margin-right: 1px; }

.mr2 {
  margin-right: 2px; }

.mr4 {
  margin-right: 4px; }

.mr6 {
  margin-right: 6px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.mr40 {
  margin-right: 40px; }

.mr50 {
  margin-right: 50px; }

.mr70 {
  margin-right: 70px; }

.mb0 {
  margin-bottom: 0; }

.mb1 {
  margin-bottom: 1px; }

.mb2 {
  margin-bottom: 2px; }

.mb4 {
  margin-bottom: 4px; }

.mb6 {
  margin-bottom: 6px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb70 {
  margin-bottom: 70px; }

.mb120 {
  margin-bottom: 120px; }

.ml0 {
  margin-left: 0; }

.ml1 {
  margin-left: 1px; }

.ml2 {
  margin-left: 2px; }

.ml4 {
  margin-left: 4px; }

.ml6 {
  margin-left: 6px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml30 {
  margin-left: 30px; }

.ml40 {
  margin-left: 40px; }

.ml70 {
  margin-left: 70px; }

/* inline spacing, based on font-size */
.mli {
  margin-left: 0.5em; }

.mri {
  margin-right: 0.5em; }

/* match the grid */
.mt-grid-match {
  margin-top: 3.2%; }

.mr-grid-match {
  margin-right: 3.2%; }

.mb-grid-match {
  margin-bottom: 3.2%; }

.ml-grid-match {
  margin-left: 3.2%; }

.ma-grid-match {
  margin: 3.2%; }

/* negative margins */
.mt-negative-20 {
  margin-top: -20px; }

.mt-negative-30 {
  margin-top: -30px; }

.mb-negative-2 {
  margin-bottom: -2px; }

/* padding */
.pa0 {
  padding: 0; }

.pa1 {
  padding: 1px; }

.pa2 {
  padding: 2px; }

.pa4 {
  padding: 4px; }

.pa6 {
  padding: 6px; }

.pa10 {
  padding: 10px; }

.pa15 {
  padding: 15px; }

.pa20 {
  padding: 20px; }

.pa25 {
  padding: 25px; }

.pa30 {
  padding: 30px; }

.pa40 {
  padding: 40px; }

.pa70 {
  padding: 70px; }

.pt0 {
  padding-top: 0; }

.pt1 {
  padding-top: 1px; }

.pt2 {
  padding-top: 2px; }

.pt4 {
  padding-top: 4px; }

.pt6 {
  padding-top: 6px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt25 {
  padding-top: 25px; }

.pt30 {
  padding-top: 30px; }

.pt40 {
  padding-top: 40px; }

.pt70 {
  padding-top: 70px; }

.pr0 {
  padding-right: 0; }

.pr1 {
  padding-right: 1px; }

.pr2 {
  padding-right: 2px; }

.pr4 {
  padding-right: 4px; }

.pr6 {
  padding-right: 6px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pr25 {
  padding-right: 25px; }

.pr30 {
  padding-right: 30px; }

.pr40 {
  padding-right: 40px; }

.pr70 {
  padding-right: 70px; }

.pb0 {
  padding-bottom: 0; }

.pb1 {
  padding-bottom: 1px; }

.pb2 {
  padding-bottom: 2px; }

.pb4 {
  padding-bottom: 4px; }

.pb6 {
  padding-bottom: 6px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.pb25 {
  padding-bottom: 25px; }

.pb30 {
  padding-bottom: 30px; }

.pb40 {
  padding-bottom: 40px; }

.pb70 {
  padding-bottom: 70px; }

.pl0 {
  padding-left: 0; }

.pl1 {
  padding-left: 1px; }

.pl2 {
  padding-left: 2px; }

.pl4 {
  padding-left: 4px; }

.pl6 {
  padding-left: 6px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pl25 {
  padding-left: 25px; }

.pl30 {
  padding-left: 30px; }

.pl40 {
  padding-left: 40px; }

.pl70 {
  padding-left: 70px; }

/* less than or equal to 1200px */
@media only screen and (max-width: 75em) {
  .mq1200-padded {
    padding-left: 20px;
    padding-right: 20px; } }

/* less than or equal to 1200px */
@media only screen and (max-width: 75em) {
  .mq1200-pl0 {
    padding-left: 0; }
  .mq1200-pl20 {
    padding-left: 20px; } }

/* less than or equal to 875px */
@media only screen and (max-width: 54.688em) {
  .mq875-ml0 {
    margin-left: 0; }
  .mq875-mb20 {
    margin-bottom: 20px; }
  .mq875-mt30 {
    margin-top: 30px; }
  .mq875-pa0 {
    padding: 0; }
  .mq875-pl0 {
    padding-left: 0; }
  .mq875-pl20 {
    padding-left: 20px; }
  .mq875-pr20 {
    padding-right: 20px; } }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .mq640-pa4 {
    padding: 4px; }
  .mq640-pt10 {
    padding-top: 10px; }
  .mq640-pb10 {
    padding-bottom: 10px; }
  .mq640-pt20 {
    padding-top: 20px; }
  .mq640-pl20 {
    padding-left: 20px; }
  .mq640-pl0 {
    padding-left: 0; }
  .mq640-pr5 {
    padding-right: 5px; }
  .mq640-pr20 {
    padding-right: 20px; }
  .mq640-pb30 {
    padding-bottom: 30px; }
  .mq640-mt0 {
    margin-top: 0; }
  .mq640-ml0 {
    margin-left: 0; }
  .mq640-mb0 {
    margin-bottom: 0; }
  .mq640-mb5 {
    margin-bottom: 5px; }
  .mq640-mt20 {
    margin-top: 20px; }
  .mq640-mb20 {
    margin-bottom: 20px; }
  .mq640-mb30 {
    margin-bottom: 30px; } }

/* less than or equal to 480px */
@media only screen and (max-width: 30em) {
  .mq480-mr0 {
    margin-right: 0; }
  .mq480-mb10 {
    margin-bottom: 10px; }
  .mq480-pt10 {
    padding-top: 10px; } }

/* stylelint-enable */
/* =========================================================================
	$FORMS (SEARCH)
	Take care when editing values, things need to add up to 40px (4rem) height
	min-width and min-height are both design and IE fallbacks
	========================================================================= */
/* Search Submit Button */
.search-btn {
  width: 4rem;
  min-width: 40px;
  height: 4rem;
  min-height: 40px;
  font-size: 1.2rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23fff' d='M10.6 1.3c2.3 0 4.2 1.9 4.2 4.2s-1.9 4.2-4.2 4.2-4.2-2-4.2-4.3 1.9-4.1 4.2-4.1m0-1.3c-3 0-5.4 2.4-5.4 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4-2.4-5.4-5.4-5.4zm-3.5 11.1l-4.9 4.9-2.2-2.2 4.9-4.8 2.2 2.1z'/></svg>"), none;
  background-size: 40% auto;
  background-color: #069;
  border: 1px solid #069;
  color: transparent; }

.search-btn:hover,
.search-btn:focus {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23069' d='M10.6 1.3c2.3 0 4.2 1.9 4.2 4.2s-1.9 4.2-4.2 4.2-4.2-2-4.2-4.3 1.9-4.1 4.2-4.1m0-1.3c-3 0-5.4 2.4-5.4 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4-2.4-5.4-5.4-5.4zm-3.5 11.1l-4.9 4.9-2.2-2.2 4.9-4.8 2.2 2.1z'/></svg>"), none;
  background-color: #fff; }

.js-header-container2 .search-btn,
.search-row-update-icon .search-btn {
  background-size: auto;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><title>icon-Icon / search</title><desc>Created with Sketch.</desc><path d='M19.48 18.455c.283.283.29.749.007 1.032-.275.275-.746.28-1.032-.007l-3.044-3.044c-1.204.978-2.739 1.564-4.41 1.564-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7c0 1.672-.586 3.207-1.564 4.41l3.044 3.044zm-8.48-1.455c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6z' fill='%23fff' fill-rule='nonzero'/></svg>"), none; }

.js-header-container2 .search-btn:hover,
.js-header-container2 .search-btn:focus {
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><title>icon-Icon / search</title><desc>Created with Sketch.</desc><path d='M19.48 18.455c.283.283.29.749.007 1.032-.275.275-.746.28-1.032-.007l-3.044-3.044c-1.204.978-2.739 1.564-4.41 1.564-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7c0 1.672-.586 3.207-1.564 4.41l3.044 3.044zm-8.48-1.455c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6z' fill='%23069' fill-rule='nonzero'/></svg>"), none; }

.search-input-box {
  margin-bottom: 0.4rem;
  /* provides the bottom gray underline on search box */ }

.search-input-field input,
.search-input-field input[type='search'] {
  border: 1px solid transparent;
  outline: 0;
  padding: 0;
  width: 100%;
  background: none;
  font-size: 2.8rem;
  line-height: 1.25; }

.search-input-btn {
  top: 0;
  right: 0;
  width: 4rem;
  min-width: 40px;
  height: 4rem;
  min-height: 40px;
  padding-left: 1rem;
  padding-bottom: 1px;
  /* ie bug */
  background: #fff; }

.search-input-layout {
  margin-right: -11rem;
  /* 5rem (width of .search-input-btn and its left padding) + width of search-input-suffix */ }

.search-input-field {
  margin-right: 11rem; }

.search-input-suffix {
  width: 6rem;
  min-width: 60px; }

.search-input-suffix-inner {
  padding: 0.5rem 1px 0.5rem 5px;
  border-left: 1px solid #069; }

.search-input-suffix select {
  width: 100%; }

.extend-suffix .search-input-layout {
  margin-right: -17rem;
  /* 5rem (width of .search-input-btn and its left padding) + width of search-input-suffix */ }

.extend-suffix .search-input-field {
  margin-right: 17rem; }

.extend-suffix .search-input-suffix {
  width: 12rem;
  min-width: 120px; }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .search-input-layout,
  .extend-suffix .search-input-layout {
    margin-right: 0; }
  .search-input-field,
  .extend-suffix .search-input-field {
    margin-right: 5rem; }
  .search-input-suffix,
  .extend-suffix .search-input-suffix {
    position: absolute;
    right: 0;
    top: 5rem; }
  .search-input-suffix-inner {
    border: 0; }
  .search-input-field input,
  .search-input-field input[type='search'] {
    font-size: 2rem;
    line-height: 1.75; } }

/* IE9 & 10 svg scaling bug - https://gist.github.com/larrybotha/7881691 */
.ie9 .search-btn {
  background-size: 16px auto; }

/* IE10+ - media queries used for selector purposes only, conditional comments not available */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .search-btn {
    background-size: 16px auto; } }

/* placeholder text */
.search-input-field input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999; }

.search-input-field input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  opacity: 1; }

.search-input-field input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  opacity: 1; }

.search-input-field input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999; }

/* =========================================================================
   $CONTENT
   this is content coming from the back-end that is not controlled by shunter
   ========================================================================= */
/*
 * inline media content
 * =========================================================================
 */
/* default width for image wrapper, overidden with Javascript */
.js-image {
  width: 33%; }

.content-image-left {
  margin: 7px 28px 14px 0;
  float: left; }

.content-image-right {
  margin: 7px 0 14px 28px;
  float: right; }

.content-image-center {
  margin: 0 auto 28px; }

.content-image-half {
  margin: 7px 28px 14px 0;
  float: left;
  width: auto;
  max-width: 50%; }

.max-width-content-image {
  max-width: 50%; }

.max-width-third {
  max-width: 33%; }

.credit {
  font-size: 1rem;
  margin: 6px 10px;
  color: #fff;
  position: absolute;
  display: inline-block;
  text-shadow: 0 0 1px #222, 0 1px 1px #222, 1px 0 1px #222, 1px 1px 1px #222, -1px 0 1px #222, 0 -1px 1px #222, -1px -1px 1px #222; }

.ie9 .credit {
  background: #222;
  padding: 2px 4px;
  margin: 6px; }

/* 875px - 641px */
@media only screen and (max-width: 54.688em) and (min-width: 40.06em) {
  .just-mq875-content-image-center {
    margin: 0 auto 28px;
    float: none;
    max-width: 100%; } }

/* 480px - 321px */
@media only screen and (max-width: 30em) {
  .just-mq480-content-image-center {
    margin: 0 auto 28px;
    float: none;
    max-width: 100%; } }

/* =========================================================================
   $DISPLAY
   displays, floats, positions, and clears
   ========================================================================= */
/* table styles - for now these are just for laying out the header nav */
.table {
  display: table; }

.table-row {
  display: table-row; }

.table-cell {
  display: table-cell; }

/* TODO find out whether we can use this instead of the mq1200-kill-flex etc... classes in layout.css */
/* less than or equal to 1200px */
@media only screen and (max-width: 75em) {
  .mq1200-block {
    display: block; } }

/* less than or equal to 875px */
@media only screen and (max-width: 54.688em) {
  .mq875-block {
    display: block; } }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .mq640-block {
    display: block; } }

/* less than or equal to 480px */
@media only screen and (max-width: 30em) {
  .mq480-block {
    display: block; } }

/* =========================================================================
   $FORMS
   standard form layouts
   ========================================================================= */
/*
 * default forms
 * =========================================================================
 */
fieldset {
  border: 0; }

.txt,
input[type='search'].txt {
  border: 1px solid #999;
  background: #fff;
  color: #222;
  padding: 10px;
  line-height: 1.25;
  box-sizing: border-box;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in; }

input[type='search'].txt {
  outline-offset: -2px;
  /* match text input */ }

.txt:focus,
input[type='search'].txt:focus {
  outline: 1px solid #dadada; }

.txt:disabled {
  background: #eee; }

/* For use with polyfill */
.input-placeholder {
  color: #aaa; }

.error-message {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 16 16'><path fill='%23930721' d='M15.5 14.1l-7-12.3c-.3-.5-.7-.5-1 0l-7 12.3c-.3.5 0 .9.5.9h14c.5 0 .8-.4.5-.9zM7.3 5h1.4c.2 0 .3.1.3.3l-.2 5.5c0 .2-.1.3-.3.3h-1c-.2 0-.3-.1-.3-.3L7 5.3c0-.2.1-.3.3-.3zm.7 9c-1 0-1.1-.5-1.1-1 0-.6.2-1 1.1-1 .9 0 1.1.4 1.1 1 0 .5-.2 1-1.1 1z'/></svg>"), none;
  background-size: 18px 16px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  color: #b12206;
  display: block;
  font-size: 1.3rem;
  padding-left: 25px;
  margin-top: 10px; }

.error-message a {
  color: inherit;
  text-decoration: underline;
  -webkit-text-decoration-skip: skip;
  text-decoration-skip: ink; }

.medium-textarea {
  height: 200px; }

.resize-both {
  resize: both; }

.resize-none {
  resize: none; }

.resize-vertical {
  resize: vertical; }

.required-field {
  color: #b12206;
  padding-right: 4px; }

input + label {
  padding-left: 0.5em; }

.password-toggle-suffix {
  border-left: 1px solid #069;
  font-size: 1.3rem;
  min-width: 2.965em;
  padding: 0 0.5em;
  position: absolute;
  right: 0;
  top: 12px; }

/* error messages */
.txt.error,
.validate-error {
  border: 1px solid #b12206; }

.validate-message {
  color: #b12206; }

/* =========================================================================
   $LINKS
   Link-related patterns and styles
   ========================================================================= */
/* Standard link styles */
a {
  text-decoration: none;
  vertical-align: baseline;
  color: #069; }

a:hover,
a:focus {
  text-decoration: underline;
  -webkit-text-decoration-skip: skip;
  text-decoration-skip: ink; }

/* Remove hover styles from a link */
.kill-hover:hover,
.kill-hover:focus {
  text-decoration: none; }

/* Add a right arrow to a link */
.right-arrow:after {
  content: ' \00BB'; }

/* Make things look like links */
.link-like {
  color: #069;
  border: 0;
  background-color: transparent;
  font-weight: inherit;
  font-family: inherit;
  cursor: pointer; }

.link-like:hover,
.link-like:focus {
  text-decoration: underline;
  -webkit-text-decoration-skip: skip;
  text-decoration-skip: ink; }

.link-like:focus {
  outline: thin dotted; }

.block-link:focus {
  outline: 0; }

.block-link:hover > span,
.block-link:focus > span {
  text-decoration: underline;
  -webkit-text-decoration-skip: skip;
  text-decoration-skip: ink; }

/* Article tools */
.header-tools-link {
  height: 29px; }

.banner .active-tools-link {
  background-color: #fff;
  color: #222; }

.background-brand-secondary .tools-popup a {
  color: #069; }

/* subject tags */
.subject-tag-link {
  display: inline-block;
  background-color: #eee;
  padding: 2px 5px; }

.subject-tag-link-steelblue {
  background-color: #ebf6ff;
  border-radius: 20px;
  padding: 5px 10px;
  font-weight: 700;
  margin-right: 17px;
  margin-bottom: 15px;
  white-space: nowrap;
  display: inline-block; }

.subject-tag-link:hover {
  background-color: #dae5ea;
  text-decoration: none; }

/* =========================================================================
   $IMAGES
   Image-related patterns and styles
   ========================================================================= */
.image-constraint {
  display: block;
  width: auto;
  overflow: hidden;
  text-align: center;
  vertical-align: middle; }

.image-constraint-inner {
  display: block;
  width: 400%;
  margin-left: -150%; }

.image-constraint-stretch img {
  max-width: none;
  max-height: none;
  width: 25%; }

/* Listing images (for intensity 3 article and static page listings) */
.listing-image-constraint {
  max-height: 130px; }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .listing-image-constraint {
    max-height: 100px; } }

/* =========================================================================
   $BOXES
   boxes, popups, borders and backgrounds
   color naming - http://www.color-hex.com/color-names.html
   ========================================================================= */
/*
 * Boxes
 * =========================================================================
 */
.card {
  background-color: #fff;
  padding: 30px 20px 40px; }

.lightbox {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out; }

.lightbox-active {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  filter: alpha(opacity=50);
  opacity: 0.5; }

/* expandable box */
.js .js-expandable-box {
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  transition: height 0.5s ease; }

.js .js-expandable-box p {
  margin-bottom: 10px; }

.js .expandable-handle {
  position: relative;
  margin-top: -56px; }

.js-expanded > .expandable-handle {
  margin-top: 0; }

.js-expanded > .expandable-handle .expandable-fade {
  display: none; }

.js .expandable-fade {
  height: 56px;
  background: transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.38)), color-stop(50%, rgba(255, 255, 255, 0.75)), color-stop(75%, rgba(255, 255, 255, 0.85)), color-stop(100%, white));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.38) 25%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0.85) 75%, white 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.38) 25%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0.85) 75%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.38) 25%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0.85) 75%, white 100%); }

.or {
  margin: 40px 0;
  position: relative;
  border: none;
  border-top: 1px solid #069; }

.or:after {
  content: 'or';
  display: block;
  position: absolute;
  left: 50%;
  top: -0.9em;
  width: 40px;
  margin-left: -20px;
  text-align: center;
  color: #666;
  background: #dae5ea; }

/*
 * Popups
 * =========================================================================
 */
.popup {
  position: absolute;
  min-width: 300px;
  max-width: 650px; }

.popup-arrow {
  width: 30px;
  height: 20px;
  position: absolute; }

.popup-arrow-above {
  bottom: -20px;
  background: url(/node_modules/shunter-mosaic/resources/fonts/popup-down-arrow.png) no-repeat 0 0; }

.popup-arrow-below {
  top: -20px;
  background: url(/node_modules/shunter-mosaic/resources/fonts/popup-up-arrow.gif) no-repeat 0 0; }

.popup-close {
  position: absolute;
  top: 20px;
  right: 13px;
  /* center the icon in the available space */
  height: 14px; }

/* readcube popup */
.readcube-popover {
  max-width: 500px; }

.readcube-popover li a {
  min-width: 210px; }

.readcube-popover li a:hover {
  background-color: #dbeff8; }

/* shadow */
.shadow {
  border: 1px solid #eee;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 10px; }

.js .tools-popup {
  width: 275px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0; }

.tools-shadow {
  -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3); }

/*
 * borders
 * =========================================================================
 */
.border-white {
  border-style: solid;
  border-width: 0;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.75); }

.border-gray {
  border-style: solid;
  border-width: 0;
  border-color: #999; }

.border-gray-medium {
  border-style: solid;
  border-width: 0;
  border-color: #dadada; }

.border-gray-light {
  border-style: solid;
  border-width: 0;
  border-color: #eee; }

.border-steelblue {
  border-style: solid;
  border-width: 0;
  border-color: #bcd2dc; }

.border-steelblue-light {
  border-style: solid;
  border-width: 0;
  border-color: #dae5ea; }

.border-linkblue {
  border-style: solid;
  border-width: 0;
  border-color: #069; }

.border-orange {
  border-style: solid;
  border-width: 0;
  border-color: #cc4b14; }

/* width */
.border-all-1 {
  border-width: 1px; }

.border-all-2 {
  border-width: 2px; }

.border-all-5 {
  border-width: 5px; }

.border-top-1 {
  border-top-width: 1px; }

.border-top-2 {
  border-top-width: 2px; }

.border-top-5 {
  border-top-width: 5px; }

.border-right-1 {
  border-right-width: 1px; }

.border-right-2 {
  border-right-width: 2px; }

.border-right-5 {
  border-right-width: 5px; }

.border-bottom-1 {
  border-bottom-width: 1px; }

.border-bottom-2 {
  border-bottom-width: 2px; }

.border-bottom-5 {
  border-bottom-width: 5px; }

.border-left-1 {
  border-left-width: 1px; }

.border-left-2 {
  border-left-width: 2px; }

.border-left-5 {
  border-left-width: 5px; }

/* other */
.kill-border {
  border-width: 0; }

.kill-top-border:first-child {
  border: 0; }

.kill-bottom-border:last-child {
  border: 0; }

/* left-hand border with shorter top and bottom */
.stubby-border {
  position: relative; }

.stubby-border:before,
.stubby-border:after {
  content: '';
  height: 7px;
  /* quarter of the line-height */
  border-left: 5px solid #fff;
  position: absolute;
  margin-left: -5px;
  left: 0; }

.stubby-border:before {
  top: 0; }

.stubby-border:after {
  bottom: 0; }

/* pseudo borders */
.pseudo-border-right {
  position: relative; }

.pseudo-border-right:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  background: #999;
  top: 0;
  right: 0; }

/*
 * backgrounds
 * =========================================================================
 */
.background-white {
  background-color: #fff; }

.background-black {
  background-color: #000; }

.background-offwhite {
  background: #f4f3e1; }

.background-gray {
  background-color: #999; }

.background-gray-dark {
  background-color: #333; }

.background-gray-medium {
  background-color: #dadada; }

.background-gray-medium-light {
  background-color: #e0e0e0; }

.background-gray-light {
  background-color: #eee; }

.background-steelblue {
  background-color: #bcd2dc; }

.background-steelblue-light {
  background-color: #dae5ea; }

.background-linkblue {
  background-color: #069; }

.background-bluegray {
  background-color: #5a5a62; }

.background-pattensblue {
  background-color: #f0f7fa; }

.background-rosewhite {
  background-color: #fdf5f2; }

.background-bluegray-translucent {
  background-color: #5a5a62;
  background-color: rgba(90, 90, 98, 0.8); }

.background-cornsilk {
  background-color: #dae5ea; }

.background-beige {
  background-color: #f4f3e1; }

.background-gray-dark-translucent {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.7); }

/* styling for show-more */
[data-hellip] {
  max-height: 12.5rem;
  overflow: hidden; }

@media only screen and (max-width: 54.688em) {
  [data-hellip] {
    max-height: 15rem;
    overflow: hidden; } }

/* =========================================================================
   $BUTTONS
   Button-related patterns and styles
   ========================================================================= */
/* Make things behave like buttons */
.role-button:hover {
  cursor: pointer; }

.role-button:focus {
  outline: thin dotted; }

.small-header-icons,
.general-button,
.horizontal-nav-button,
.pill-button,
.search-btn {
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out, color 0.2s ease-out;
  transition: background-color 0.2s ease-out, color 0.2s ease-out; }

/* Pill-button pattern */
.pill-button,
.pill-button-expand {
  padding: 6px 20px;
  background-color: #fff;
  border: 4px solid #bcd2dc;
  border-radius: 20px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.pill-button:hover,
.pill-button-expand:hover {
  background-color: #069;
  color: #fff; }

.pill-button > span {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 10px auto;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><g fill='%23046799'><path d='M5 1.1l3.5 3.9-3.5 3.9c-.3.2-.3.7 0 .9.3.3.7.3.9 0l3.9-4.3c.1-.2.2-.3.2-.5s-.1-.3-.2-.5l-3.9-4.3c-.3-.3-.7-.3-.9 0-.3.2-.3.7 0 .9'/><path d='M5.1 5.5c.1-.2.2-.3.2-.5s-.1-.3-.2-.5l-4-4.3c-.3-.3-.7-.3-.9 0-.3.3-.3.7 0 .9l3.5 3.9-3.5 3.9c-.3.3-.3.7 0 .9.3.3.7.3.9 0l4-4.3z'/></g></svg>"), none; }

.pill-button:hover > span {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><g fill='%23fff'><path d='M5 1.1l3.5 3.9-3.5 3.9c-.3.2-.3.7 0 .9.3.3.7.3.9 0l3.9-4.3c.1-.2.2-.3.2-.5s-.1-.3-.2-.5l-3.9-4.3c-.3-.3-.7-.3-.9 0-.3.2-.3.7 0 .9'/><path d='M5.1 5.5c.1-.2.2-.3.2-.5s-.1-.3-.2-.5l-4-4.3c-.3-.3-.7-.3-.9 0-.3.3-.3.7 0 .9l3.5 3.9-3.5 3.9c-.3.3-.3.7 0 .9s.7.3.9 0l4-4.3z'/></g></svg>"), none; }

.pill-button-expand > span:after {
  width: 12px;
  height: 7px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='%23069' d='M9.6 0l-3.6 4.3-3.6-4.3h-2.4l6 7 6-7h-2.4z'/></svg>"), none; }

.pill-button-expand:hover > span:after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='%23fff' d='M9.6 0l-3.6 4.3-3.6-4.3h-2.4l6 7 6-7h-2.4z'/></svg>"), none; }

/* general button pattern */
.general-button,
.horizontal-nav-button {
  border: 1px solid #069;
  background: #069;
  color: #fff;
  line-height: 1.5;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 6px 20px;
  text-align: center;
  width: auto;
  min-width: 100px;
  display: inline-block; }

.general-button:visited {
  color: #fff; }

.secondary-button,
.general-button:hover,
.general-button:focus,
.horizontal-nav-button:hover {
  background: #fff;
  border-color: #069;
  color: #069;
  text-decoration: none; }

.general-button:disabled {
  background: #eee;
  color: #999;
  border-color: #999; }

.secondary-button:hover,
.secondary-button:focus {
  text-decoration: underline;
  -webkit-text-decoration-skip: skip;
  text-decoration-skip: ink; }

.horizontal-nav-button {
  font-weight: bold;
  min-width: 158px; }

.horizontal-nav-button > span {
  background-repeat: no-repeat;
  background-size: 40px 35px;
  display: inline-block;
  vertical-align: middle; }

.horizontal-nav-button.left {
  float: left;
  text-align: left; }

.horizontal-nav-button.right {
  float: right;
  text-align: right; }

.horizontal-nav-button.left > span {
  background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='286.1 107.4 391.9 335' enable-background='new 286.1 107.4 391.9 335' xml:space='preserve'><polygon fill='%23ffffff' points='554.1,274.9 678,184.6 678,107.4 448.5,274.9 678,442.5 678,365.3'/><polygon fill='%23FFFFFF' points='391.6,274.9 515.6,184.6 515.6,107.4 286.1,274.9 515.6,442.5 515.6,365.3'/></svg>"), none;
  background-position: left;
  padding-left: 55px; }

.horizontal-nav-button.right > span {
  background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='286.1 107.4 391.9 335' enable-background='new 286.1 107.4 391.9 335' xml:space='preserve'><polygon fill='%23FFFFFF' points='286.1,365.3 286.1,442.5 515.6,274.9 286.1,107.4 286.1,184.6 409.9,274.9'/><polygon fill='%23FFFFFF' points='448.5,365.3 448.5,442.5 678,274.9 448.5,107.4 448.5,184.6 572.4,274.9'/></svg>"), none;
  background-position: right;
  padding-right: 55px; }

.horizontal-nav-button.left:hover > span {
  background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='286.1 107.4 391.9 335' enable-background='new 286.1 107.4 391.9 335' xml:space='preserve'><polygon fill='%23006699' points='554.1,274.9 678,184.6 678,107.4 448.5,274.9 678,442.5 678,365.3'/><polygon fill='%23006699' points='391.6,274.9 515.6,184.6 515.6,107.4 286.1,274.9 515.6,442.5 515.6,365.3'/></svg>"), none; }

.horizontal-nav-button.right:hover > span {
  background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='286.1 107.4 391.9 335' enable-background='new 286.1 107.4 391.9 335' xml:space='preserve'><polygon fill='%23006699' points='286.1,365.3 286.1,442.5 515.6,274.9 286.1,107.4 286.1,184.6 409.9,274.9'/><polygon fill='%23006699' points='448.5,365.3 448.5,442.5 678,274.9 448.5,107.4 448.5,184.6 572.4,274.9'/></svg>"), none; }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .horizontal-nav-button {
    min-width: 0; }
  .horizontal-nav-button > span {
    height: 40px;
    overflow: hidden;
    width: 0; }
  .horizontal-nav-button.left > span {
    padding-left: 40px; }
  .horizontal-nav-button.right > span {
    padding-left: 40px;
    padding-right: 0; } }

/* match form styles */
.button-match-form {
  padding: 10px 25px;
  min-width: 0; }

/* tab like button */
.tab-like button {
  color: #069;
  border: solid #069;
  border-width: 1px 1px 1px 0;
  background-color: #dae5ea;
  position: relative;
  width: 100%; }

.tab-like:first-child button {
  border-left: 1px solid #069; }

.tab-like button:focus {
  text-decoration: none;
  outline: thin dotted; }

.tab-like.hide-overflow button:focus {
  background-color: #fff;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@supports (outline-offset: -3px) {
  .tab-like.hide-overflow button:focus {
    outline-offset: -3px; } }

.tab-like button.selected {
  color: #222;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.tab-like:first-child button:before,
.tab-like button.selected:after {
  content: '';
  width: 1px;
  height: 1px;
  background-color: #069;
  position: absolute;
  bottom: -1px;
  right: -1px; }

.tab-like:first-child button:before {
  left: -1px; }

/* =========================================================================
   $BREAKPOINTS
   breakpoints are calculated on a base size of 16px
   less than or equal to 1200px (75) - mq1200
   less than or equal to 875px  (54.688em) - mq875
   less than or equal to 640px  (40) - mq640
   less than or equal to 480px  (30) - mq480
   ========================================================================= */
/*
 * Reflowing grids
 * =========================================================================
 */
/* greater than 1200px */
@media only screen and (min-width: 75.06em) {
  .full-size-last {
    margin-right: 0; }
  .full-size-clear {
    clear: both; }
  .full-size-kill-left {
    margin-left: 0; } }

/* 1200px - 876px */
@media only screen and (max-width: 75em) and (min-width: 54.74em) {
  .just-mq1200-last {
    margin-right: 0; }
  .just-mq1200-clear {
    clear: both; }
  .just-mq1200-kill-left {
    margin-left: 0; } }

/* 875px - 641px */
@media only screen and (max-width: 54.688em) and (min-width: 40.06em) {
  .just-mq875-last {
    margin-right: 0; }
  .just-mq875-clear {
    clear: both; }
  .just-mq875-kill-left {
    margin-left: 0; } }

/* 640px - 481px */
@media only screen and (max-width: 40em) and (min-width: 30.06em) {
  .just-mq640-last {
    margin-right: 0; }
  .just-mq640-clear {
    clear: both; }
  .just-mq640-kill-left {
    margin-left: 0; } }

/* 480px - 321px */
@media only screen and (max-width: 30em) {
  .just-mq480-last {
    margin-right: 0; }
  .just-mq480-clear {
    clear: both; }
  .just-mq480-kill-left {
    margin-left: 0; } }

/* less than or equal to 1200px */
@media only screen and (max-width: 75em) {
  .mq1200-grid-12 {
    width: 100%; }
  .mq1200-grid-4 {
    width: 31.2%; } }

/* less than or equal to 875px */
@media only screen and (max-width: 54.688em) {
  .mq875-grid-12 {
    width: 100%; }
  .mq875-grid-10 {
    width: 82.8%; }
  .mq875-grid-8 {
    width: 65.6%; }
  .mq875-grid-7 {
    width: 57%; }
  .mq875-grid-6 {
    width: 48.4%; }
  .mq875-grid-4 {
    width: 31.2%; }
  .mq875-grid-3 {
    width: 22.6%; }
  .mq875-grid-1 {
    width: 5.4%; }
  .mq875-kill-left {
    margin-left: 0; } }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .mq640-last {
    margin-right: 0; }
  .mq640-clear {
    clear: both; }
  .mq640-grid-12 {
    width: 100%; }
  .mq640-grid-9 {
    width: 74.2%; }
  .mq640-grid-6 {
    width: 48.4%; }
  .mq640-grid-4 {
    width: 31.2%; }
  .mq640-kill-left {
    margin-left: 0; } }

/* less than or equal to 480px */
@media only screen and (max-width: 30em) {
  .mq480-grid-12 {
    width: 100%; } }

/*
 * Javascript Media Queries
 * content text tells javascript current active media query
 * =========================================================================
 */
body:before {
  content: 'full';
  position: absolute;
  top: -1px;
  left: -1px;
  height: 0;
  width: 0;
  overflow: hidden; }

/* less than or equal to 1200px */
@media only screen and (max-width: 75em) {
  body:before {
    content: 'mq1200'; } }

/* less than or equal to 875px */
@media only screen and (max-width: 54.688em) {
  body:before {
    content: 'mq875'; } }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  body:before {
    content: 'mq640'; } }

/* less than or equal to 480px */
@media only screen and (max-width: 30em) {
  body:before {
    content: 'mq480'; } }

/* =========================================================================
   $HEADER
   standard header and navigation
   ========================================================================= */
/* skip link */
.skiplink {
  width: 0;
  height: 0;
  display: block;
  overflow: hidden; }

.skiplink:focus {
  width: auto;
  height: auto;
  overflow: visible;
  margin: 2px 0 1px;
  padding: 2px; }

/* breadcrumbs */
.breadcrumbs {
  padding: 10px 20px; }

.breadcrumbs ol {
  overflow: hidden;
  line-height: 1.1em;
  white-space: nowrap;
  text-overflow: ellipsis; }

.breadcrumbs2 ol {
  overflow: visible; }

.small-header-icons {
  padding-left: 7px;
  padding-right: 7px;
  margin-top: 14px;
  width: 60px; }

.small-header-icons:hover {
  text-decoration: none; }

/* less than or equal to 1200px */
@media only screen and (max-width: 75em) {
  .breadcrumbs {
    padding: 10px 20px 10px 0; } }

/* sticky header */
.sticky-header {
  width: 100%;
  height: 39px;
  /* fix height of sticky-header to match button height */
  position: fixed;
  top: 0; }

.sticky-header .menu-button {
  top: 0;
  margin: 7px 0; }

.header-logo-container {
  padding: 15px 20px; }

.sticky-header .header-logo-container {
  padding: 7px 0 7px 20px;
  /* required to match sticky-header height of 39px */
  height: 25px; }

.sticky-header .header-logo {
  height: 25px; }

.sticky-header .header-logo img {
  max-height: 25px; }

.sticky-header .small-header-icons {
  border-left: 1px solid #8d8d78;
  padding: 7px 16px;
  background-color: #5a5a62;
  margin-top: 0;
  margin-right: 0;
  width: auto; }

.sticky-header .small-header-icons:first-of-type {
  border-left: 0; }

.sticky-header .small-header-main {
  width: auto;
  margin: 0; }

.nature-research-logo {
  width: 299px;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.small-header-side {
  right: 0; }

.sticky-header .small-header-side {
  width: auto;
  float: right;
  margin: 0;
  position: static; }

.sticky-header .small-header-hide {
  display: none;
  visibility: hidden; }

.sticky-header .small-header-show {
  display: inline;
  visibility: visible; }

.banner .header-tools-show {
  display: block;
  visibility: visible; }

/* Logos */
.header-logo-container,
.header-logo {
  height: 50px;
  overflow: hidden; }

.header-logo img {
  max-height: 50px;
  margin: 0;
  padding: 0; }

.header-logo-primary,
.sticky-header .header-logo-secondary {
  display: inline;
  visibility: visible; }

.header-logo-secondary,
.sticky-header .header-logo-primary {
  display: none;
  visibility: hidden; }

/* hide mq875-show-inline small-header-show mq640-hide */
/* menu button */
.menu-button,
.menu-button-clone {
  position: absolute;
  top: 15px;
  right: 100%;
  padding: 6px 10px;
  border: 1px solid #222;
  border: 1px solid rgba(34, 34, 34, 0.75);
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #222; }

.menu-button:hover,
.menu-button:focus,
.menu-button-clone:hover,
.menu-button-clone:focus {
  text-decoration: none; }

.menu-button-icon {
  display: block;
  position: relative;
  padding-right: 15px;
  line-height: 1em;
  text-align: right;
  background-repeat: no-repeat;
  background-position: 100% 50%; }

.menu-button-icon:after {
  width: 12px;
  height: 7px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='%23222' d='M9.7 0L6 4.3 2.3 0H0l6 7 6-7H9.7z'/></svg>"), none;
  background-size: 12px auto; }

.js-header-container2 .menu-button-icon:after {
  width: 20px;
  height: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><title>chevron-more</title><desc>Created with Sketch.</desc><defs><path d='M12.586 13l-3.293-3.293c-.391-.391-.391-1.024 0-1.414.391-.391 1.024-.391 1.414 0l4 4c.391.391.391 1.024 0 1.414l-4 4c-.391.391-1.024.391-1.414 0-.391-.391-.391-1.024 0-1.414l3.293-3.293z' id='a'/></defs><g fill='none'><mask><use xlink:href='%23a'/></mask><use fill='%23222' transform='rotate(-270 12 13)' xlink:href='%23a'/></g></svg>"), none;
  background-size: auto; }

.menu-button-label {
  padding-right: 4px; }

.menu-button-icon,
.menu-button-label {
  height: 11px;
  /* match icon height for sticky bar */
  line-height: 11px;
  /* match icon height for sticky bar */ }

.menu-button-icon {
  min-width: 45px; }

/* less than or equal to 1200px */
@media only screen and (max-width: 75em) {
  .small-header-side {
    right: 20px; }
  .sticky-header .menu-button,
  .menu-button {
    display: inline-block;
    float: none;
    vertical-align: top;
    position: static;
    margin: 1px 20px 1px 0;
    /* match icon height for sticky bar */ }
  .up-next {
    display: none; }
  .menu-button-icon {
    min-width: 0;
    padding-right: 12px; }
  .js-header-container2 .menu-button-icon {
    padding-right: 15px; }
  .menu-button-label {
    display: none; }
  .sticky-header .header-logo-container,
  .header-logo-container {
    padding-left: 0; }
  .banner {
    padding-left: 20px;
    padding-right: 0; } }

/* less than or equal to 875px */
@media only screen and (max-width: 54.688em) {
  .menu-button {
    margin: 1px 20px 1px 0;
    /* match icon height for sticky bar */ }
  .header-logo-container {
    padding: 7px 20px 7px 0;
    /* required to match sticky-header height of 39px */
    height: 25px;
    /* match icon height for sticky bar */ }
  .header-logo {
    height: 25px; }
  .header-logo img {
    max-height: 25px; }
  .header-logo-primary {
    display: none;
    visibility: hidden; }
  .header-logo-secondary {
    display: inline;
    visibility: visible; }
  .small-header-icons {
    border-left: 1px solid #8d8d78;
    margin-top: 0;
    margin-right: 0;
    padding: 7px 16px;
    width: auto;
    background-color: #5a5a62; }
  .small-header-icons:first-of-type {
    border-left: 0; }
  .small-header-main {
    width: auto;
    margin: 0; }
  .small-header-side {
    width: auto;
    float: right;
    margin: 0;
    position: static; }
  .nature-research-logo {
    width: 231px;
    margin-right: -20px; }
  .menu .menu-row {
    padding: 0; }
  .menu .menu-cell ul {
    margin: 0; }
  .menu .menu-cell li {
    display: block;
    padding: 20px;
    float: none;
    border-bottom: 1px solid #dadada; }
  .menu .background-gradient-brand-gray {
    background-image: none; }
  .menu h2 {
    margin: 0;
    padding: 20px; } }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .menu-button,
  .sticky-header .menu-button {
    margin-right: 4px; }
  .sticky-header .header-logo-primary,
  .header-logo-primary {
    display: inline;
    visibility: visible; }
  .header-logo-secondary,
  .sticky-header .header-logo-secondary {
    display: none;
    visibility: hidden; } }

/* navigation menu */
.js .menu {
  position: absolute;
  overflow-y: auto;
  left: 0;
  right: 0;
  top: -500px;
  opacity: 0;
  margin: 0; }

.js .sticky-header ~ .menu {
  position: fixed; }

.js .menu-open {
  opacity: 1; }

/*
 * mosaic design beta switch
 * =========================================================================
 */
.beta-switch {
  display: block;
  background-color: #069;
  color: #fff; }

.beta-switch a,
.beta-switch a:visited {
  color: #fff;
  text-decoration: underline;
  -webkit-text-decoration-skip: skip;
  text-decoration-skip: ink; }

/* 1200px - 876px */
@media only screen and (max-width: 75em) and (min-width: 54.74em) {
  .banner {
    padding-right: 20px; } }

/* additional styles for the onetrust cookie banner */
.optanon-alert-box-body p,
.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a {
  font-family: Source Sans Pro, arial, helvetica, sans-serif; }

.optanon-alert-box-body p a {
  color: #fff;
  font-family: Source Sans Pro, arial, helvetica, sans-serif;
  text-decoration: underline; }

.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a:before {
  top: 0 !important; }

/* =========================================================================
   $HEADER
   standard header and navigation
   ========================================================================= */
/* skip link */
.skiplink {
  width: 0;
  height: 0;
  display: block;
  overflow: hidden; }

.skiplink:focus {
  width: auto;
  height: auto;
  overflow: visible;
  margin: 2px 0 1px;
  padding: 2px; }

/* breadcrumbs */
.breadcrumbs {
  padding: 10px 20px; }

.breadcrumbs ol {
  overflow: hidden;
  line-height: 1.1em;
  white-space: nowrap;
  text-overflow: ellipsis; }

.breadcrumbs2 ol {
  overflow: visible; }

.small-header-icons {
  padding-left: 7px;
  padding-right: 7px;
  margin-top: 14px;
  width: 60px; }

.small-header-icons:hover {
  text-decoration: none; }

/* less than or equal to 1200px */
@media only screen and (max-width: 75em) {
  .breadcrumbs {
    padding: 10px 20px 10px 0; } }

/* sticky header */
.sticky-header {
  width: 100%;
  height: 39px;
  /* fix height of sticky-header to match button height */
  position: fixed;
  top: 0; }

.sticky-header .menu-button {
  top: 0;
  margin: 7px 0; }

.header-logo-container {
  padding: 15px 20px; }

.sticky-header .header-logo-container {
  padding: 7px 0 7px 20px;
  /* required to match sticky-header height of 39px */
  height: 25px; }

.sticky-header .header-logo {
  height: 25px; }

.sticky-header .header-logo img {
  max-height: 25px; }

.sticky-header .small-header-icons {
  border-left: 1px solid #8d8d78;
  padding: 7px 16px;
  background-color: #5a5a62;
  margin-top: 0;
  margin-right: 0;
  width: auto; }

.sticky-header .small-header-icons:first-of-type {
  border-left: 0; }

.sticky-header .small-header-main {
  width: auto;
  margin: 0; }

.nature-research-logo {
  width: 299px;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.small-header-side {
  right: 0; }

.sticky-header .small-header-side {
  width: auto;
  float: right;
  margin: 0;
  position: static; }

.sticky-header .small-header-hide {
  display: none;
  visibility: hidden; }

.sticky-header .small-header-show {
  display: inline;
  visibility: visible; }

.banner .header-tools-show {
  display: block;
  visibility: visible; }

/* Logos */
.header-logo-container,
.header-logo {
  height: 50px;
  overflow: hidden; }

.header-logo img {
  max-height: 50px;
  margin: 0;
  padding: 0; }

.header-logo-primary,
.sticky-header .header-logo-secondary {
  display: inline;
  visibility: visible; }

.header-logo-secondary,
.sticky-header .header-logo-primary {
  display: none;
  visibility: hidden; }

/* hide mq875-show-inline small-header-show mq640-hide */
/* menu button */
.menu-button,
.menu-button-clone {
  position: absolute;
  top: 15px;
  right: 100%;
  padding: 6px 10px;
  border: 1px solid #222;
  border: 1px solid rgba(34, 34, 34, 0.75);
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #222; }

.menu-button:hover,
.menu-button:focus,
.menu-button-clone:hover,
.menu-button-clone:focus {
  text-decoration: none; }

.menu-button-icon {
  display: block;
  position: relative;
  padding-right: 15px;
  line-height: 1em;
  text-align: right;
  background-repeat: no-repeat;
  background-position: 100% 50%; }

.menu-button-icon:after {
  width: 12px;
  height: 7px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='%23222' d='M9.7 0L6 4.3 2.3 0H0l6 7 6-7H9.7z'/></svg>"), none;
  background-size: 12px auto; }

.js-header-container2 .menu-button-icon:after {
  width: 20px;
  height: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><title>chevron-more</title><desc>Created with Sketch.</desc><defs><path d='M12.586 13l-3.293-3.293c-.391-.391-.391-1.024 0-1.414.391-.391 1.024-.391 1.414 0l4 4c.391.391.391 1.024 0 1.414l-4 4c-.391.391-1.024.391-1.414 0-.391-.391-.391-1.024 0-1.414l3.293-3.293z' id='a'/></defs><g fill='none'><mask><use xlink:href='%23a'/></mask><use fill='%23222' transform='rotate(-270 12 13)' xlink:href='%23a'/></g></svg>"), none;
  background-size: auto; }

.menu-button-label {
  padding-right: 4px; }

.menu-button-icon,
.menu-button-label {
  height: 11px;
  /* match icon height for sticky bar */
  line-height: 11px;
  /* match icon height for sticky bar */ }

.menu-button-icon {
  min-width: 45px; }

/* less than or equal to 1200px */
@media only screen and (max-width: 75em) {
  .small-header-side {
    right: 20px; }
  .sticky-header .menu-button,
  .menu-button {
    display: inline-block;
    float: none;
    vertical-align: top;
    position: static;
    margin: 1px 20px 1px 0;
    /* match icon height for sticky bar */ }
  .up-next {
    display: none; }
  .menu-button-icon {
    min-width: 0;
    padding-right: 12px; }
  .js-header-container2 .menu-button-icon {
    padding-right: 15px; }
  .menu-button-label {
    display: none; }
  .sticky-header .header-logo-container,
  .header-logo-container {
    padding-left: 0; }
  .banner {
    padding-left: 20px;
    padding-right: 0; } }

/* less than or equal to 875px */
@media only screen and (max-width: 54.688em) {
  .menu-button {
    margin: 1px 20px 1px 0;
    /* match icon height for sticky bar */ }
  .header-logo-container {
    padding: 7px 20px 7px 0;
    /* required to match sticky-header height of 39px */
    height: 25px;
    /* match icon height for sticky bar */ }
  .header-logo {
    height: 25px; }
  .header-logo img {
    max-height: 25px; }
  .header-logo-primary {
    display: none;
    visibility: hidden; }
  .header-logo-secondary {
    display: inline;
    visibility: visible; }
  .small-header-icons {
    border-left: 1px solid #8d8d78;
    margin-top: 0;
    margin-right: 0;
    padding: 7px 16px;
    width: auto;
    background-color: #5a5a62; }
  .small-header-icons:first-of-type {
    border-left: 0; }
  .small-header-main {
    width: auto;
    margin: 0; }
  .small-header-side {
    width: auto;
    float: right;
    margin: 0;
    position: static; }
  .nature-research-logo {
    width: 231px;
    margin-right: -20px; }
  .menu .menu-row {
    padding: 0; }
  .menu .menu-cell ul {
    margin: 0; }
  .menu .menu-cell li {
    display: block;
    padding: 20px;
    float: none;
    border-bottom: 1px solid #dadada; }
  .menu .background-gradient-brand-gray {
    background-image: none; }
  .menu h2 {
    margin: 0;
    padding: 20px; } }

/* less than or equal to 640px */
@media only screen and (max-width: 40em) {
  .menu-button,
  .sticky-header .menu-button {
    margin-right: 4px; }
  .sticky-header .header-logo-primary,
  .header-logo-primary {
    display: inline;
    visibility: visible; }
  .header-logo-secondary,
  .sticky-header .header-logo-secondary {
    display: none;
    visibility: hidden; } }

/* navigation menu */
.js .menu {
  position: absolute;
  overflow-y: auto;
  left: 0;
  right: 0;
  top: -500px;
  opacity: 0;
  margin: 0; }

.js .sticky-header ~ .menu {
  position: fixed; }

.js .menu-open {
  opacity: 1; }

/*
 * mosaic design beta switch
 * =========================================================================
 */
.beta-switch {
  display: block;
  background-color: #069;
  color: #fff; }

.beta-switch a,
.beta-switch a:visited {
  color: #fff;
  text-decoration: underline;
  -webkit-text-decoration-skip: skip;
  text-decoration-skip: ink; }

/* 1200px - 876px */
@media only screen and (max-width: 75em) and (min-width: 54.74em) {
  .banner {
    padding-right: 20px; } }

/* additional styles for the onetrust cookie banner */
.optanon-alert-box-body p,
.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a {
  font-family: Source Sans Pro, arial, helvetica, sans-serif; }

.optanon-alert-box-body p a {
  color: #fff;
  font-family: Source Sans Pro, arial, helvetica, sans-serif;
  text-decoration: underline; }

.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a:before {
  top: 0 !important; }

body {
  background-color: #fff; }

/* login */
#form-login {
  font-family: "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif; }

#form-login .login-label, #form-login .error-message {
  font-weight: 400;
  line-height: 24px; }

#form-login .login-label {
  color: #222; }

input[type="checkbox"] + label {
  padding-left: 0.5em; }

.input-modification-suffix {
  border-left: 1px solid #069;
  font-size: 1.2rem;
  min-width: 2.965em;
  padding: 0 0.5em;
  position: absolute;
  right: 0;
  top: 10px; }

.ie7 .input-modification-suffix,
.ie8 .input-modification-suffix {
  top: 5px;
  right: -30px; }