body {
   margin: 1.5em;
   padding: 0;
 }
 body.html,
 body.maintenance-page {
   margin: 0;
   padding: 0;
   background: url("../images/letter.jpg") no-repeat left top fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
 }
 @media all and (min-width: 60.0625em) and (max-width: 63.9375em) {
   #page,
   .region-bottom {
     margin-left: auto;
     margin-right: auto;
     max-width: 73.84615em;
   }
 }
 @media all and (min-width: 64em) {
   #page,
   .region-bottom {
     margin-left: auto;
     margin-right: auto;
     max-width: 68.57143em;
   }
 }
 h1,
 h2,
 h3,
 h4 {
   font-family: Garamond, Perpetua, "Times New Roman", serif;
   color: #557ebd;
 }
 a:link,
 a:visited {
   text-decoration: none;
   color: #557ebd;
 }
 a:hover,
 a:focus {
   text-decoration: underline;
   color: #335c9b;
 }
 #skip-link {
   margin: 0;
 }
 #skip-link a,
 #skip-link a:visited {
   display: block;
   width: 100%;
   padding: 2px 0 3px 0;
   text-align: center;
   background-color: #666;
   color: #fff;
 }
 #logo {
   width: auto;
   display: block;
   z-index: -1;
   position: absolute;
   top: 0;
   left: -12em;
 }
 #name-and-slogan h1#site-name {
    display: inline;
    text-shadow: 1px 2px 10px rgba(0, 0, 0, 1);
 }
 #name-and-slogan h1#site-name a:link,
 #name-and-slogan h1#site-name a:visited {
   text-decoration: none;
   color: #fff;
   font-weight: 600;
   letter-spacing: -0.8px;
 }
 #name-and-slogan h1#site-name a:hover,
 #name-and-slogan h1#site-name a:focus {
   text-decoration: underline;
   color: #fff;
 }
 #name-and-slogan h2#site-slogan {
   display: block;
   margin-left: 4.5em;
   font-size: 1.5em;
   line-height: 2em;
   line-height: 1.5em;
   color: #446dac;
   font-style: italic;
   font-weight: normal;
   text-shadow: #fff 0 1px 0;
 }
 @media all and (min-width: 30.0625em) {
   #name-and-slogan h2#site-slogan {
     margin-left: 3em;
   }
 }
 @media all and (min-width: 48em) {
   #header {
     padding-top: 1.5em;
   }
   #header .region-header {
     margin-top: 3em;
   }
   #name-and-slogan h1#site-name {
     font-size: 3em;
     line-height: 1.5em;
     line-height: 1.2em;
   }
   #name-and-slogan h2#site-slogan {
     margin-bottom: 1.5em;
     margin-right: -30%;
   }
 }
 #secondary-menu {
   position: absolute;
   top: 0;
   left: 0;
   text-align: right;
 }
 #secondary-menu .block-menu .block-title,
 #secondary-menu .block-menu-block .block-title {
   position: absolute !important;
   height: 1px;
   width: 1px;
   overflow: hidden;
   clip: rect(1px, 1px, 1px, 1px);
 }
 #secondary-menu ul {
   list-style-type: none;
   line-height: 4.5em;
 }
 #secondary-menu ul,
 #secondary-menu ul li {
   margin: 0px;
   padding: 0px;
   display: inline;
 }
 #secondary-menu ul li:after {
   content: "|";
 }
 #secondary-menu ul li:last-child:after {
   content: "";
 }
 #secondary-menu ul li.last:after {
   content: "";
 }
 #secondary-menu ul a {
   padding: 1.5em;
   color: #446dac;
 }
 @media all and (min-width: 64em) {
   #name-and-slogan h1 {
     line-height: 1.2em;
   }
 }
 #content {
   background-color: white;
   -webkit-border-radius: 8px 8px;
   -moz-border-radius: 8px / 8px;
   border-radius: 8px / 8px;
   -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
 }
 .breadcrumb ol {
   margin: 0;
   padding: 0;
 }
 .breadcrumb li {
   display: inline;
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 tr.even {
   background-color: #e8eef6;
 }
 tr.odd {
   background-color: white;
 }
 thead {
   border-bottom: 3px solid #ebeae6;
 }
 th img {
   vertical-align: middle;
   padding-left: 0.3em;
 }
 td {
   vertical-align: top;
   padding: 0.75em;
   line-height: 1.5em;
 }
 div.messages {
   margin: 1.5em 0;
 }
 div.messages ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 .node ul,
 .panel-hpszen-primary-box ul,
 .region-footer ul {
   line-height: 1.5em;
 }
 ul.inline {
   display: inline;
   padding: 0;
 }
 ul.inline li {
   display: inline;
   list-style-type: none;
   padding: 0 1em 0 0;
 }
 span.field-label {
   padding: 0 1em 0 0;
 }
 .item-list .pager {
   padding: 0;
 }
 .item-list .pager li {
   padding: 0 0.5em;
 }
 a.lexicon-term {
   text-decoration: none;
   border-bottom: 1px dotted black;
 }
 .print_html,
 .print_mail,
 .print_pdf {
   display: block;
   float: left;
   padding-right: 1.5em;
   margin-top: 3em;
   margin-bottom: 1.5em;
   font-size: 0.9em;
   line-height: 1.66667em;
   line-height: 3em;
   margin-left: 0;
 }
 .print_html a,
 .print_mail a,
 .print_pdf a {
   text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
   color: black;
   overflow: visible;
   color: #394651;
   text-decoration: none;
   border-style: solid;
   border-width: 0.1em;
   padding: 0.35em;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   border-color: #ccc;
   background-image: -webkit-gradient(
     linear,
     0% 0%,
     100% 100%,
     color-stop(0%, #ffffff),
     color-stop(100%, #dddddd)
   );
   background-image: -webkit-linear-gradient(left top, #ffffff, #dddddd);
   background-image: -moz-linear-gradient(left top, #ffffff, #dddddd);
   background-image: -o-linear-gradient(left top, #ffffff, #dddddd);
   background-image: linear-gradient(left top, #ffffff, #dddddd);
   cursor: pointer;
 }
 .print_html a:hover,
 .print_mail a:hover,
 .print_pdf a:hover {
   background-image: -webkit-gradient(
     linear,
     0% 0%,
     100% 100%,
     color-stop(0%, #ffffff),
     color-stop(100%, #f0ecec)
   );
   background-image: -webkit-linear-gradient(left top, #ffffff, #f0ecec);
   background-image: -moz-linear-gradient(left top, #ffffff, #f0ecec);
   background-image: -o-linear-gradient(left top, #ffffff, #f0ecec);
   background-image: linear-gradient(left top, #ffffff, #f0ecec);
 }
 .print_html a:active,
 .print_mail a:active,
 .print_pdf a:active {
   background-image: -webkit-gradient(
     linear,
     0% 0%,
     100% 100%,
     color-stop(0%, #ffffff),
     color-stop(100%, #dddddd)
   );
   background-image: -webkit-linear-gradient(left top, #ffffff, #dddddd);
   background-image: -moz-linear-gradient(left top, #ffffff, #dddddd);
   background-image: -o-linear-gradient(left top, #ffffff, #dddddd);
   background-image: linear-gradient(left top, #ffffff, #dddddd);
 }
 #block-sharethis-sharethis-block {
   border-top-style: solid;
   border-top-width: 0.1em;
   padding-top: 1.4em;
   border-color: #ebeae6;
 }
 .page-search .views-row h2,
 .pane-hps-browse-panel-pane-list .views-row h2 {
   clear: both;
   padding-top: 3em;
   border-bottom: 1px solid #ebeae6;
   margin-bottom: 0.75em;
 }
 .page-search .views-row.views-row-first h2,
 .pane-hps-browse-panel-pane-list .views-row.views-row-first h2 {
   padding-top: 0.75em;
 }
 .pane-hps-browse-panel-pane-index td:nth-child(2),
 .pane-hps-browse-panel-pane-index td:nth-child(4) {
   width: 12%;
 }
 .pane-hps-browse-panel-pane-index td:nth-child(5) {
   width: 15%;
 }
 .pane-hps-browse-panel-pane-gallery h2 {
   font-size: 1.2em;
   line-height: 2.5em;
   line-height: 1.5em;
 }
 .pane-hps-browse-panel-pane-gallery .field-dspace-bitstream-url {
   width: 100%;
 }
 #footer {
   margin-top: 1.5em;
   padding-top: 0;
   background-color: #557ebd;
   -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
   color: white;
 }
 #footer a {
   color: white;
 }
 #footer ul {
   list-style-type: none;
   margin-left: 0;
 }
 #footer ul.menu {
   border-bottom: 1px dotted #efefef;
 }
 .front #footer .block:first-child {
   background-color: #ebeae6;
   color: #666;
 }
 .front #footer .block:first-child a {
   color: #666;
 }
 .front.hpszen-primary-downsides-boxes #content {
   padding-bottom: 0;
 }
 .front.hpszen-primary-downsides-boxes
   #content
   .panel-hpszen-primary-box
   .panel-pane,
 .front.hpszen-primary-downsides-boxes
   #content
   .panel-hpszen-aside-box
   .panel-pane,
 .front.hpszen-primary-downsides-boxes
   #content
   .panel-hpszen-downside-box
   .panel-pane {
   padding-left: 15px;
   padding-right: 15px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   word-wrap: break-word;
 }
 .front.hpszen-primary-downsides-boxes #content .panel-hpszen-aside-box {
   padding-left: 15px;
   padding-right: 15px;
 }
 .front.hpszen-primary-downsides-boxes
   #content
   .panel-hpszen-aside-box
   .panel-pane {
   background-image: -webkit-gradient(
     linear,
     50% 0%,
     50% 100%,
     color-stop(0%, #ebeae6),
     color-stop(100%, #dad9d5)
   );
   background-image: -webkit-linear-gradient(#ebeae6, #dad9d5);
   background-image: -moz-linear-gradient(#ebeae6, #dad9d5);
   background-image: -o-linear-gradient(#ebeae6, #dad9d5);
   background-image: linear-gradient(#ebeae6, #dad9d5);
   border: 1px solid #ebeae6;
   -webkit-border-radius: 3px 3px;
   -moz-border-radius: 3px / 3px;
   border-radius: 3px / 3px;
   margin-top: 1.5em;
   line-height: 1.5em;
 }
 .front.hpszen-primary-downsides-boxes
   #content
   .panel-hpszen-aside-box
   .panel-pane
   h2 {
   font-size: 1.7em;
   line-height: 1.76471em;
   margin-top: 0.88235em;
   margin-bottom: 0.88235em;
   margin-top: 0.375em;
   margin-bottom: 0.375em;
 }
 .front.hpszen-primary-downsides-boxes
   #content
   .panel-hpszen-aside-box
   .panel-pane
   ul {
   margin: 0;
 }
 .front.hpszen-primary-downsides-boxes
   #content
   .panel-hpszen-aside-box
   .panel-pane
   a {
   text-decoration: none;
   color: black;
 }
 .front.hpszen-primary-downsides-boxes
   #content
   .panel-hpszen-aside-box
   .panel-pane
   a:hover {
   text-decoration: underline;
 }
 .front.hpszen-primary-downsides-boxes
   #content
   .panel-hpszen-aside-box
   .panel-pane
   .more-link {
   line-height: 3em;
 }
 .front.hpszen-primary-downsides-boxes
   #content
   .panel-hpszen-aside-box
   .panel-pane
   .more-link
a {
   color: #557ebd;
 }
 .front.hpszen-primary-downsides-boxes
   #content
   .panel-hpszen-aside-box
   .panel-pane.pane-hps-news-panel-pane-front-page-news
   ul {
   list-style-type: none;
   padding: 0;
 }
 @media all and (min-width: 37.5em) and (max-width: 47.9375em) {
   .front.hpszen-primary-downsides-boxes
     #main
     #content
     .panel-hpszen-aside-box
     .panel-pane:nth-of-type(1) {
     width: 48%;
   }
   .front.hpszen-primary-downsides-boxes
     #main
     #content
     .panel-hpszen-aside-box
     .panel-pane:nth-of-type(2) {
     clear: none;
     width: 48%;
     margin-left: 52%;
   }
   .front.hpszen-primary-downsides-boxes
     #main
     #content
     .panel-hpszen-aside-box
     .panel-pane:nth-of-type(3) {
     width: 100%;
     margin-left: 0;
     margin-right: 0;
   }
 }
 @media all and (min-width: 48em) {
   .pane-hps-browse-panel-pane-list .views-row span.hpszen-responsive {
     clear: both;
     float: left;
     padding-right: 1.5em;
     width: 50%;
   }
   .front.hpszen-primary-downsides-boxes
     #main
     #content
     .panel-hpszen-primary-box {
     width: 58.66667%;
     margin-right: -58.66667%;
   }
   .front.hpszen-primary-downsides-boxes #main #content .panel-hpszen-aside-box {
     padding-left: 0;
     padding-right: 0;
     width: 39.33333%;
     margin-left: 58.66667%;
   }
   .front.hpszen-primary-downsides-boxes
     #main
     #content
     .panel-hpszen-aside-box
     .panel-pane:first-child {
     margin-top: 0;
   }
 }
/**
 *
 * NEW CSS since deprecation of COMPASS starts here
 *
 */

/*
 * Reset default text size to 14px
 */
:root {
   font-size: 14px;
}
/*
 * Make Palatino first choice of typeface for headers, and darken header
 * text to meet accessibility standards
 */
h1,
h2,
h3,
h4 {
   font-family: Palatino, Garamond, Perpetua, "Times New Roman", serif;
   color: #4570b0;
}
/*
 * Darken link text to meet accessibility standards
 */
a:link, a:visited {
   color: #4570b0;
}
h1#page-title {
   margin: 0 0 2rem !important;
   line-height: 1.2em;
   font-size: 2.8em;
   letter-spacing: -1px;
   padding: 1.2em 8.3% 0.85em !important;
   border-width: 0 0 3px 0;
   border-bottom-style: solid;
   border-image: linear-gradient(to right,#ffffff 0%,#e3e3e1 6%, #4571b0cc 17%,#e3e3e1 66%, #ffffff 100%) 1 1;
}
div#content {
   padding-top: 0;
}

 /**
  *  Navbar styling
  */
#navigation .menu__link {
   font-family: Palatino, Garamond, Perpetua, "Times New Roman", serif;
   font-weight: 700;
   line-height: 2.2em;
}

 /**
  *  About page and subpage styling
  */
article[about^="/info"] {
   line-height: 1.35em;
   font-size: 1.2em;
   font-weight: 200;
   letter-spacing: 0.6px;
   background-color: #f5f3f0;
   padding: 1em 2em 0;
   word-spacing: -0.5px;
}
article[about^="/info"] a {
   font-weight: 400;
   letter-spacing: 0.2px;
}
article[about^="/info"] h3 {
   font-size: 1.7em;
   line-height: 1em;
   margin: 1em 0 0.4em;
}
article[about^="/info"] p {
   margin: 0 0 0.7em;
}
article[about^="/info"] ul {
   margin: .7em 0;
}

 /**
  *  Search/Browse facet styling
  */
.page-taxonomy-term #content .panel-hpszen-primary-upside-wrapper,
.page-hps-search #content .panel-hpszen-primary-upside-wrapper {
   display: flex;
   flex-direction: row-reverse;
   clear: both;
}
.page-taxonomy-term #content .panel-hpszen-upside-box,
.page-hps-search #content .panel-hpszen-upside-box {
   width: 30%;
   margin: 0 !important;
   background-color: #f5f3f0;
   padding: 1em 0;
   margin: 0 !important;
   height: 100%;
}
.page-taxonomy-term #content .panel-hpszen-upside-box.scroll-to-fixed-fixed,
.page-hps-search #content .panel-hpszen-upside-box.scroll-to-fixed-fixed {
      height: initial;
}
.page-taxonomy-term #content .panel-hpszen-upside-box .panel-pane,
.page-hps-search #content .panel-hpszen-upside-box .panel-pane {
   padding-right: 1.9em;
   padding-left: 1.85em;
}
.page-taxonomy-term #content .panel-hpszen-primary-box,
.page-hps-search #content .panel-hpszen-primary-box {
   width: 70%;
   margin: 0 !important;
}
.page-taxonomy-term h2.pane-title,
.page-hps-search h2.pane-title {
   margin-bottom: 0.2em;
   border-bottom: 1px solid #d0cac8;
   line-height: 1.5em;
   margin-left: -0.15em;
   padding-left: 0.15em;
   margin-top: 0;
   margin: 0 0 0.2em -0.15em;
}
.page-taxonomy-term ul.facetapi-facetapi-checkbox-links,
.page-hps-search ul.facetapi-facetapi-checkbox-links {
   list-style-type: none;
   padding: 0;
   margin: 0;
}
 /**
  *  Search/Browse copy styling
  */
.page-taxonomy-term #content h2,
.page-hps-search #content h2 {
   font-size: 2.1em;
   line-height: 1.1em;
   margin: 0.8rem 0 0.3rem;
   padding-top: 0;
   border: none;
}
.page-taxonomy-term #content .pager,
.page-hps-search #content .pager {
   max-width: unset;
}
.page-taxonomy-term #content .panel-hpszen-primary-box .pane-views-exposed .form-submit,
.page-hps-search #content .panel-hpszen-primary-box .pane-views-exposed .form-submit {
   margin-top: 1.8em;
}
.page-taxonomy-term #content .panel-hpszen-primary-box .pane-views-header,
.page-hps-search #content .panel-hpszen-primary-box .pane-views-header {
   margin-bottom: 1em;
}
.page-taxonomy-term #content .panel-hpszen-primary-box .pane-views-row,
.page-hps-search #content .panel-hpszen-primary-box .pane-views-row {
   padding-right: 35px;
   line-height: 1.26em;
   color: #2d2d2d;
}
.page-taxonomy-term #content .panel-hpszen-primary-box .pane-views-row p,
.page-hps-search #content .panel-hpszen-primary-box .pane-views-row p {
   margin: .8rem 0;
   letter-spacing: 0.05rem;
   font-weight: 200;
   line-height: 1.25em;
   font-size: 1.2em;
}
.page-taxonomy-term #content .panel-hpszen-primary-box p.item-format,
.page-hps-search #content .panel-hpszen-primary-box p.item-format {
   margin-bottom: 0.05rem;
}
.page-taxonomy-term #content .panel-hpszen-primary-box p.item-topic,
.page-hps-search #content .panel-hpszen-primary-box p.item-topic {
   margin-top: 0.05rem;
}
.page-taxonomy-term #content .panel-hpszen-primary-box .pane-views-row .byline,
.page-hps-search #content .panel-hpszen-primary-box .pane-views-row .byline {
   font-weight: 600;
   font-size: 1.1em;
   letter-spacing: unset;
   color: #696668;
}
.page-taxonomy-term #content .panel-hpszen-primary-box .pane-views-row p a:link,
.page-hps-search #content .panel-hpszen-primary-box .pane-views-row p a:link {
   font-weight: 400;
   letter-spacing: 0rem;
}
.page-taxonomy-term #content .panel-hpszen-primary-box .views-row,
.page-hps-search #content .panel-hpszen-primary-box .views-row {
   padding: 1.1em 1.3em 1em 1.9em;
   background-color: #efeae4;
}

/*
 * Front page
 */
.front #content > .contextual-links-region {
   display: flex;
   flex-direction: column;
}
.front.hpszen-primary-downsides-boxes #main #content .panel-hpszen-primary-box,
.front.hpszen-primary-downsides-boxes #main #content .panel-hpszen-aside-box,
.front.hpszen-primary-downsides-boxes #main #content .panel-hpszen-downside-box {
   width: 100%;
   margin: 1.5rem 0 0;
   padding: 0 2.5%;
}
.front.hpszen-primary-downsides-boxes #main #content .panel-hpszen-downside-box {
   margin-bottom: 1.7rem;
}
.front.hpszen-primary-aside-boxes #content .panel-hpszen-downside-box,
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-downside-box {
   width: 100%;
   margin: 0;
   clear: both;
}
/* .front.hpszen-primary-downsides-boxes #content .panel-hpszen-downside-box {
  display: flex;
  justify-content: space-between;
} */
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-downside-box .pane-block {
   position: relative;
   margin: 0 !important;
   padding: 0;
   width: 50% !important;
}
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-downside-box .pane-block img {
   background-color: white;
   opacity: .55;
}
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-downside-box .pane-block .cta-text-overlay {
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   position: absolute;
   text-align: center;
   font-family: Palatino, Garamond, Perpetua, "Times New Roman", serif;
   font-size: 3rem;
   line-height: 3.1rem;
   font-weight: bold;
   width: 100%;
}
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-downside-box .pane-block .cta-text-overlay.dark {
   color: #4570b0;
}
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-downside-box .pane-block .cta-text-overlay.light {
   color: #f9f4ec;
   text-shadow: 0px 0px 20px #070b13;
}
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-downside-box .pane-block-3 {
   padding-right: 6px;
}
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-downside-box .pane-block-5 {
   padding-left: 6px;
}
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-aside-box .pane-hps-encyclopedia-items-panel-pane-encyclopedia-recent-items,
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-primary-box .pane-hps-featured-content-panel-pane-featured-content-slides,
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-aside-box .pane-hps-news-panel-pane-front-page-news {
   padding: 0;
   margin: 0;
}
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-aside-box .pane-hps-encyclopedia-items-panel-pane-encyclopedia-recent-items,
.front.hpszen-primary-downsides-boxes #content .panel-hpszen-aside-box .pane-hps-news-panel-pane-front-page-news {
   background-color: #e4dfd7;
   background-image: none;
   font-size: 1.4rem;
   margin-top: 1.5rem;
}
.front #content .panel-hpszen-aside-box .pane-hps-encyclopedia-items-panel-pane-encyclopedia-recent-items h2.pane-title,
.front #content .panel-hpszen-aside-box .pane-hps-news-panel-pane-front-page-news h2.pane-title {
   font-size: 1.7em;
   line-height: 1em;
   text-align: left;
   border-image: linear-gradient(to right,rgb(0,0,0,0.05) 0%, #7a8ead 13%, rgb(0,0,0,0) 100%) 1 1;
   border-bottom-style: solid;
   border-width: 0 0 0.06em 0;
   padding: 0.9em 7% 0.4em;
   margin: 0;
}
.front #content .panel-hpszen-aside-box .pane-hps-news-panel-pane-front-page-news .view-hps-news {
   margin: 0 auto;
   text-align: left;
   font-size: 1.3rem;
   font-weight: 200;
   letter-spacing: 0.05rem;
   /* color: #f9f4ec; */
   padding: 1.1em 9% 1.4em;
   line-height: 1.9rem;
   max-width: 39em;
}
.front #content .panel-hpszen-aside-box .pane-hps-news-panel-pane-front-page-news .view-hps-news p {
   margin: 0;
}
.front #content .panel-hpszen-aside-box .pane-hps-encyclopedia-items-panel-pane-encyclopedia-recent-items .view-hps-encyclopedia-items {
   margin: 0 auto;
   text-align: left;
   font-weight: 200;
   letter-spacing: 0.05rem;
   padding: 1.1em 3% 0.4em 11%;
   line-height: 1.6rem;
   color: #696668;
}
.front #content .panel-hpszen-aside-box .pane-hps-encyclopedia-items-panel-pane-encyclopedia-recent-items .view-hps-encyclopedia-items .item-list ul {
   padding: 0;
   columns: 2;
   column-fill: balance;
}
.front #content .panel-hpszen-aside-box .pane-hps-encyclopedia-items-panel-pane-encyclopedia-recent-items .view-hps-encyclopedia-items .item-list li {
   margin-bottom: 1em;
   padding-right: 2rem;
   font-size: 1.3rem;
   line-height: 1.65rem;
   color: #4570b0;
}
.front #content .panel-hpszen-aside-box .pane-hps-encyclopedia-items-panel-pane-encyclopedia-recent-items .view-hps-encyclopedia-items .item-list li a {
   color: #4570b0;
   font-weight: 500;
   letter-spacing: 0.3px;
}
.front #content .panel-hpszen-aside-box .view-hps-encyclopedia-items .view-footer .more-link,
.front #content .panel-hpszen-aside-box .view-hps-news .more-link {
   line-height: 2em;
   padding-right: 3rem;
   text-align: right;
}
.front #content .panel-hpszen-aside-box .view-hps-news .more-link {
   padding-right: 0;
}
.front #content .panel-hpszen-aside-box .view-hps-encyclopedia-items .view-footer .more-link a,
.front #content .panel-hpszen-aside-box .view-hps-news .more-link a {
   font-weight: 400;
   letter-spacing: 0 !important;
   color: #4570b0 !important;
   font-style: italic;
}
/* Slideshow stuff */
.front .cycling,
.front .slides {
   max-width: unset;
   background-color: #4570b0;
}
.front .cycling ul.slides>li>span {
   position: relative;
   background-color: unset;
}
.front .slides .slide-title {
   font-size: 1.7em;
   line-height: 1em;
   color: #f9f4ec;
   text-align: left;
   border-image: linear-gradient(to right,#ffffff0d 0%, #f8e4c4 13%, #ffffff00 100%) 1 1;;
   border-bottom-style: solid;
   border-width: 0 0 0.1em 0;
   border-color: #ebeae6;
   padding: 0.9em 7% 0.4em;
   margin: 0;
}
.front .slides .slide-lower {
   background-color: #4570b0;
   font-size: 1.4rem;
}
.front .cycling ul.slides>li {
   height: unset !important;
   background-color: white;
}
.front .slides .slide-copy {
   margin: 0 auto;
   text-align: left;
   font-size: 1.3rem;
   font-weight: 200;
   letter-spacing: 0.05rem;
   color: #f9f4ec;
   padding: 1.1em 9% 1.4em;
   line-height: 1.9rem;
   max-width: 39em;
}
.front .slides .slide-copy a,
.front .slides .slide-copy a.lexicon-term {
   color: white;
   border-color: white;
}
.front .slides .slide-readmore {
   font-weight: 500;
   letter-spacing: 0;
}
.front .slides .slide-image-bg {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   z-index: -1;
   display: block;
   filter: blur(13px) opacity(40%);
   height: 100%;
   background-size: cover;
   background-position: 50% 50%;
}
.front .cycling .nav {
   z-index: 20;
}
span.hpszen-responsive.hps-original img {
   box-shadow: 0 0 26px 6px #000;
}




.node-type-dspaced-entities-item div#content[role="main"] .panel-hpszen-primary-box {
   padding: 0 8.3%;
}
.node-type-dspaced-entities-item .panel-pane.pane-views-row {
   padding: 0 !important;
}
.node-type-dspaced-entities-item a {
   font-weight: 400;
   letter-spacing: 0.2px;
}
.node-type-dspaced-entities-item .views-row-1 {
   padding: 4% 7% 5%;
   line-height: 1.45em;
   font-size: 1.15em;
   font-weight: 200;
   letter-spacing: 0.6px;
   word-spacing: -0.5px;
   background-color: #efeae4;
}
.node-type-dspaced-entities-item .views-row-1 h3,
.node-type-dspaced-entities-item .views-row-1 h4 {
   font-size: 1.5rem;
   line-height: 1.1em;
   margin: 1.1em 0 0;
   letter-spacing: 0.2px;
}
.node-type-dspaced-entities-item .views-row-1 p {
   margin: 0 0 0.7em;
}
.node-type-dspaced-entities-item .views-row-1 .top {
   margin-bottom: 1em;
   letter-spacing: 0.4px;
}
.node-type-dspaced-entities-item .views-row-1 .dc-creator,
.node-type-dspaced-entities-item .views-row-1 .dc-date-created,
.node-type-dspaced-entities-item .views-row-1 .dc-subject-tag {
   margin-bottom: 0.1em;
}
.node-type-dspaced-entities-item .views-row-1 .dc-creator .byline-value,
.node-type-dspaced-entities-item .views-row-1 .dc-date-created .byline-value {
   font-style: italic;
}
.node-type-dspaced-entities-item .views-row-1 #references h2 {
   font-size: 1.5rem;
   line-height: 1.1em;
   margin: 1.1em 0 0;
   letter-spacing: 0.2px;
}
.node-type-dspaced-entities-item .views-row-1 ul,
.node-type-dspaced-entities-item .views-row-1 #references ol {
   list-style-type: disc;
   margin: 0 0 0 0.7em;
}