/* Staff Page - single page (/staff) */
/* Mixins and variables */
/* 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 */
/* Staff Page - single page (/staff) */
/***********/
/* STYLES */
/***********/
.ds-wrapper .ds-main {
  max-width: 1400px;
  flex: 1 1400px;
}

h2 {
  text-align: center;
  clear: both;
}

/* User Image */
.image-style-user-thumbnail {
  border-radius: 50%;
}

.staffpage-header {
  background-image: url(/themes/custom/gi5/includes/images/staff-header.jpg);
  height: 100px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  margin-top: -30px;
}

.view-staff-list .view-content,
.staff-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 450px) {
  .view-staff-list .view-content,
  .staff-block {
    flex-direction: column;
  }
}
.view-staff-list .view-content .staffpage-container,
.staff-block .staffpage-container {
  display: flex;
  justify-content: center;
}

/* Production and sales containers */
.staffpage-staff {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.staffpage-prod,
.staffpage-adsales {
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
@media screen and (max-width: 450px) {
  .staffpage-prod,
  .staffpage-adsales {
    width: 100%;
  }
}
.staffpage-prod .staffpage-container,
.staffpage-adsales .staffpage-container {
  width: 100%;
}

/* Production staff */
@media screen and (max-width: 450px) {
  .staffpage-prod {
    margin-bottom: 0;
  }
}

/* Each item container */
.staffpage-container {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 15px;
}

.staffpage-editors .staffpage-container, .staffpage-interns .staffpage-container {
  padding-left: 30px;
  padding-right: 30px;
}

h3.staffpage-name,
.staffpage-jobtitle,
.staffpage-social {
  margin: 5px 0;
}

/* Name */
h3.staffpage-name {
  font-size: 1em;
}
/* Job title */
.staffpage-jobtitle {
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

/* Social icons */
.staffpage-social {
  margin: 10px 0;
}
.staffpage-social a {
  border-bottom: none;
  height: 2rem;
  width: 2rem;
  display: inline-block;
  margin: 0 0.5rem;
  text-indent: -9999px;
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  speak: none;
  margin: 0 0.25rem;
}
.staffpage-social a:hover {
  transition: all 0.3s ease;
}
.staffpage-social a.staffpage-twitter {
  background-image: url("/themes/custom/gi5/includes/images/social/user_twitter.svg");
}
.staffpage-social a.staffpage-email {
  background-image: url("/themes/custom/gi5/includes/images/social/user_email.svg");
}

/* Staff Page - single page (/staff) */
/* User Image */
/* Name */
h3.staffpage-name a:link, h3.staffpage-name a:visited {
  color: #000;
}
h3.staffpage-name a:hover, h3.staffpage-name a:active {
  color: #3C59E0;
}

.staffpage-social a.staffpage-twitter {
  background-image: url("/themes/custom/gi5/includes/images/social/user_twitter.svg");
}
.staffpage-social a.staffpage-email {
  background-image: url("/themes/custom/gi5/includes/images/social/user_email.svg");
}