/* 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 */
/***********/
/* User Image */
.image-style-user-thumbnail {
  border-radius: 50%;
}

/* If no user image, show default on background */
.path-user main .icon-missing {
  background-image: url("/themes/custom/gi5/includes/images/default/default-user.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

/* Job Title */
.field--name-field-jobtitle {
  font-family: "Biennale", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.3em;
  margin-bottom: 10px;
}

/* Biography */
.field--name-field-biography {
  margin-bottom: 10px;
}
.field--name-field-biography p:last-child {
  margin-bottom: 0;
}

/* Social Links */
.social-container {
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 800px) {
  .social-container {
    justify-content: center;
  }
}
.social-container 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;
  background-size: contain;
  margin: 0 0.5rem;
}
.social-container a:hover {
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .social-container a {
    height: 31px;
    width: 31px;
    margin: 0 1rem;
  }
}
.social-container > *:first-child a {
  margin-left: 0;
}
.social-container > *:last-child a {
  margin-right: 0;
}

.field--name-dynamic-block-fielduser-user-manage-account .views-row {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-left: 0;
}
@media screen and (max-width: 800px) {
  .field--name-dynamic-block-fielduser-user-manage-account .views-row {
    justify-content: center;
  }
}
.field--name-dynamic-block-fielduser-user-manage-account a {
  display: block;
  padding: 0.5rem 1rem;
  margin: 0 7.5px;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  font-weight: 400;
}
.field--name-dynamic-block-fielduser-user-manage-account a:first-of-type {
  margin-left: 0;
}
.field--name-dynamic-block-fielduser-user-manage-account a:last-of-type {
  margin-right: 0;
}

/***********/
/* STYLES */
/***********/
/* User Image */
/* If no user image, show default on background */
.path-user main .icon-missing {
  background-color: #717171;
}

/* Social Links */
.social-container .field--name-field-facebook a {
  background: url("/themes/custom/gi5/includes/images/social/user_facebook.svg") no-repeat 100% 100%;
}
.social-container .field--name-field-twitter a {
  background: url("/themes/custom/gi5/includes/images/social/user_twitter.svg") no-repeat 100% 100%;
}
.social-container .field--type-email a,
.social-container .field--name-dynamic-token-fielduser-user-email a {
  background: url("/themes/custom/gi5/includes/images/social/user_email.svg") no-repeat 100% 100%;
}

.field--name-dynamic-block-fielduser-user-manage-account a {
  background-color: white;
  border-color: #ccc;
}
.field--name-dynamic-block-fielduser-user-manage-account a.is-active {
  border-color: #3C59E0;
  color: #3C59E0;
  background-color: white;
}
.field--name-dynamic-block-fielduser-user-manage-account a:link, .field--name-dynamic-block-fielduser-user-manage-account a:visited {
  color: black;
}
.field--name-dynamic-block-fielduser-user-manage-account a:hover {
  background-color: rgb(229.5, 229.5, 229.5);
}