/* mixins.sass */
/* Global sass mixins */
/* Modal window */
/* Modal window open */
/* Short content fix - keep the footer at the bottom */
/* Box Shadow */
/* Button */
/* Button Colors */
/* CSS transitions */
/* Icons */
/* Calculate Aspect Ratios */
/* Image Hover Effect */
/* Containers for items in standard article etc. */
/* Toggle Arrows */
/* variables.sass */
/* All global variables and settings - this should be on every page!! */
/******* Viewport Widths *******/
/******* Spacing *******/
/******* Colors *******/
/* Variable formatting: $color[Description] */
/* Admin */
/* Forms */
/* Borders */
/* Icons */
/* Header */
/* Footer */
/* Front Page */
/* Advertorials */
/* Announcement */
/* Poll */
/* Game Details */
/* Reviews */
/* Image Galleries */
/* Scrollbars */
/* Modals */
/* Cover Gallery */
/* Summary Embeds */
/******* Images *******/
/******* Typography *******/
/* Font family stack */
/* Variable formatting: $font[Description] */
/* Common font sizes */
/* Common font weights */
/***********/
/* STYLES */
/***********/
.gi5-field-copy p {
  max-width: 770px;
  margin: 0 auto 2.5rem;
}
.gi5-field-copy h2 {
  text-align: center;
}
.gi5-field-copy .hub-read-more {
  font-style: italic;
}

.dept-hubs {
  max-width: 1400px;
  margin: 30px auto;
  border-top: 1px solid #dbdbdb;
  padding: 30px 0;
}
.dept-hubs h2 {
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.dept-hubs .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.dept-hubs .view-content div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 250px;
  flex: 0 1 250px;
  padding: 10px;
}
@media screen and (max-width: 800px) {
  .dept-hubs .view-content div {
    width: 50%;
  }
}

.dept-hubs .view-content div.hub-dark {
  display: none;
}
.theme-dark .dept-hubs .view-content div.hub-light {
  display: none;
}
.theme-dark .dept-hubs .view-content div.hub-dark {
  display: flex;
}

.prev-cover-hubs {
  max-width: 1400px;
  margin: 30px auto;
  border-top: 1px solid #dbdbdb;
  padding: 30px 0;
  line-height: 1.4;
}
.prev-cover-hubs h2 {
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.prev-cover-hubs .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 960px;
  margin: 0 auto;
}
.prev-cover-hubs .views-row {
  width: 100%;
  max-width: 320px;
  flex: 0 1 320px;
  padding: 10px;
}
@media screen and (max-width: 800px) {
  .prev-cover-hubs .views-row {
    margin-bottom: 15px;
  }
}
.prev-cover-hubs .hub-promo {
  flex-direction: column;
  border-bottom: none;
  padding-bottom: 0;
}
.prev-cover-hubs .hub-promo .page-title {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 10px;
  font-size: 0.9em;
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  border-bottom: none;
}
.prev-cover-hubs .hub-promo .promo-summary {
  font-size: 0.9em;
}
.prev-cover-hubs .hub-left {
  margin-right: 0;
}
.prev-cover-hubs .hub-right {
  text-align: center;
}
.hub-archive {
  margin: 30px auto;
  border-top: 1px solid #dbdbdb;
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  max-width: 1400px;
}

.hub-year {
  width: 100%;
  max-width: 250px;
  flex: 0 1 250px;
  padding: 0 15px 15px;
}
.hub-year h2 {
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.hub-year ul {
  list-style: none;
  margin: 1rem 0 3rem;
}
.hub-year ul li {
  margin-left: 0;
  font-size: 0.9em;
  padding: 1.25rem 0;
  line-height: 1.2em;
}
.hub-year ul span {
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  display: block;
  padding-bottom: 5px;
  line-height: 1;
  font-weight: 700;
}
.hub-year ul a {
  display: block;
  line-height: 1.2;
}