.container-inline div,
.container-inline nav,
.container-inline ul,
.container-inline label {
  display: inline;
}
.container-inline .fieldset-wrapper {
  display: block;
  padding: 1em;
}
.container-inline .field {
  margin-right: 1em;
}
.container-inline-block div,
.container-inline-block nav,
.container-inline-block ul,
.container-inline-block label {
  display: inline-block;
}
.element-no-margin {
  margin: 0;
}
.element-inline {
  display: inline;
}
.messages-wrapper {
  margin: 0 2em;
}
.view-empty {
  margin: 1em 0;
}
ul.tips,
div.description,
.form-item div.description {
  color: #666;
  font-size: 0.923em;
  line-height: 1.231em;
  margin: 5px 0;
}
.media-browser-launch-processed {
  margin: 1em 0;
}
.layout-inline {
  display: inline-block;
}
.layout-separator {
  margin-bottom: 2em;
}
.layout-separator-top {
  margin-top: 2em;
}
.layout-separator-inner {
  padding-bottom: 2em;
  padding-top: 2em;
}
.more-link {
  font-size: 0.75em;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: right;
}
ul.inline .node-readmore {
  padding: 0;
  margin-top: 0;
  margin-bottom: 1em;
  display: inline-block;
}
.node-teaser {
  margin-bottom: 0 !important;
}
.node-document.node-teaser {
  margin-top: 1em;
}
.person-quick-links-wrapper {
  margin-top: 1em;
  margin-bottom: 1em;
}
.person-quick-links-wrapper .field-name-field-twitter-handle {
  margin: 0 0.5em 0 0;
}
.person-quick-links-wrapper .field-name-field-twitter-handle .icon.symbol--twitter {
  fill: #1da1f2;
}
.person-quick-links-wrapper .field-name-field-skype-id p {
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.person-quick-links-wrapper .field-name-field-skype-id p a {
  width: 24px;
  overflow: hidden;
  display: inline-block;
}
.person-quick-links-wrapper .field-name-field-skype-id p a img {
  width: 65px;
  max-width: 65px;
  margin: 5px 0 0 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}
.person-quick-links-wrapper .field-name-field-skype-id .skype-id {
  color: #00aff0;
  font-size: 12px;
}
.person-quick-links-wrapper .field-name-field-skype-id .skype-button {
  display: none;
}
.eiti-map-wrapper .leaflet-top {
  z-index: 101;
}
.eiti-map-wrapper .leaflet-bottom {
  z-index: 100;
}
.eiti-map-wrapper .map-option-widget .map-option-items li {
  padding-left: 22px;
  position: relative;
}
.eiti-map-wrapper .map-option-widget .map-option-items li:before {
  position: absolute;
  left: 0;
}
.select2-container .select2-search--inline {
  margin: 1px 0;
}
.taxonomy-term.vocabulary-stakeholder-types .field-name-name-field {
  margin: 1.25rem 0 1rem;
}
.taxonomy-term.vocabulary-stakeholder-types .page-title {
  margin: 0;
}
.stk-type-contact.field-name-field-contact-eiti {
  margin: 29px 0 0;
  padding-left: 1.5rem;
  border-left: 1px solid #ddd;
}
.stk-type-contact.field-name-field-contact-eiti .label-above {
  margin-bottom: 12px;
  font-size: 1.125rem;
  color: #132856;
}
.group-left .field-name-description-field {
  margin: 0;
}
.group-left .field-name-description-field > h2 {
  margin-top: 0;
}
.node-stakeholder {
  margin-top: 1.25rem;
}
.node-stakeholder .field {
  margin: 0;
}
.node-stakeholder .group-left {
  margin-bottom: 2rem;
}
.node-stakeholder .group-left .field-name-field-stk-logo {
  margin: 0 0 2.25rem;
}
.node-stakeholder .group-left .field-name-field-stk-logo img {
  display: block;
  max-width: 100%;
}
.node-stakeholder .group-left .field-name-field-stk-countries {
  font-size: 1.125rem;
  line-height: 1.6667em;
}
.node-stakeholder .group-left .field-name-field-stk-countries:before,
.node-stakeholder .group-left .field-name-field-stk-countries:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.node-stakeholder .group-left .field-name-field-stk-countries:after {
  clear: both;
}
.node-stakeholder .group-left .field-name-field-stk-countries .field-label,
.node-stakeholder .group-left .field-name-field-stk-countries .label-above {
  margin-bottom: 0.5rem;
}
.node-stakeholder .group-left .field-name-field-stk-countries > a {
  float: left;
  clear: both;
  display: block;
}
.node-stakeholder .group-left .field-name-field-stk-countries .field-item,
.node-stakeholder .group-left .field-name-field-stk-countries > a {
  margin-bottom: 0.3rem !important;
}
.node-stakeholder .page-title {
  margin-top: 0;
  margin-bottom: 6px;
}
.node-stakeholder .field-name-field-stk-website {
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.6667em;
}
.node-stakeholder .field-name-field-short-intro {
  margin-bottom: 0.5625rem;
  font-size: 1.125rem;
  line-height: 1.4445em;
  color: #132856;
}
.node-stakeholder .field-name-field-supporter-since,
.node-stakeholder .field-name-field-stk-membership {
  margin-bottom: 0.1875rem;
  font-style: italic;
  line-height: 1.875em;
}
.node-stakeholder .field-name-field-stk-quote-title {
  margin-top: 3rem;
  margin-bottom: 1.75rem;
  color: #132856;
}
.node-stakeholder .field-name-field-stk-quote-title h2 {
  margin: 0;
  font-weight: 300;
  font-size: 2.5rem;
}
.node-stakeholder .group-quote {
  position: relative;
  margin-bottom: 2rem;
  padding: 1rem 1rem 1rem 3.5rem;
  background-color: #EAF6FA;
  font-size: 1rem;
  line-height: 1.5em;
  color: #132856;
}
.node-stakeholder .group-quote:before {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 1.75rem;
  height: 2rem;
  background-image: url(/sites/all/themes/eiti/images/icons/quote.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}
.node-stakeholder .field-name-field-stk-quote-source {
  margin-bottom: 1.25rem;
  font-weight: bold;
}
.node-stakeholder .field-name-body {
  margin-bottom: 2.5rem;
  font-size: 1.125rem;
  color: #132856;
}
.node-stakeholder .field-name-body p {
  line-height: 1.4445em;
}
.node-stakeholder .group-board {
  position: relative;
}
.node-stakeholder .field-name-field-fpp-person-list .label-above {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.25em;
  color: #132856;
}
.node-stakeholder .field-name-board-link {
  margin-top: 1rem;
}
.node-stakeholder .field-name-board-link p {
  margin: 0;
}
.node-stakeholder .field-name-board-link a {
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: none;
}
.node-stakeholder .person-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.node-stakeholder .person-teaser:not(:last-child) {
  padding-bottom: 2rem;
}
.node-stakeholder .person-teaser .info {
  line-height: 1.6667em;
}
.node-stakeholder .person-teaser .title {
  margin-bottom: 0;
}
.node-stakeholder .person-teaser .person-details-wrapper {
  margin-bottom: 0.5rem;
}
.node-stakeholder .person-teaser .photo {
  margin: 0 1rem 0 0;
}
.node-stakeholder .person-teaser .photo img {
  width: 8rem;
  color: #132856;
}
/**
 * @file
 * This file exposes responsive design mixins.
 *
 *@TODO: Allow nesting media queries in other blocks. For 'inline' object responsive behavior.
 */
/**
 * Initialize placeholder mixins.
 */
/**
 * Render/print the mixins for the current file. The current file is the file in
 * which these responsive behavior mixins are included.
 */
@media (min-width: 51em) {
  .taxonomy-term.vocabulary-stakeholder-types .field-name-name-field {
    margin-bottom: 2rem;
  }
  .node-stakeholder .group-left {
    margin-bottom: 0;
  }
  .node-stakeholder .group-quote {
    margin-bottom: 3rem;
    padding: 2.625rem 2rem 2.625rem 6.875rem;
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
  .node-stakeholder .group-quote:before {
    top: 2.25rem;
    left: 3rem;
    width: 2.25rem;
    height: 2rem;
  }
  .node-stakeholder .field-name-field-stk-quote-text {
    font-size: 1.25rem;
    line-height: 1.8em;
  }
  .node-stakeholder .field-name-body {
    margin-bottom: 3rem;
  }
  .node-stakeholder .field-name-board-link {
    position: absolute;
    top: 0.375rem;
    right: 0;
    z-index: 1;
    margin-top: 0;
    padding-left: 1.5rem;
  }
  .node-stakeholder .field-name-board-link:before {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 8px;
    height: 14px;
    background: url(/sites/all/themes/eiti/images/icons/angle-right-blue.svg);
    content: '';
  }
  .node-stakeholder .person-teaser:not(:last-child) {
    padding-bottom: 3rem;
  }
  .node-stakeholder .person-teaser .photo {
    margin: 0 3rem 0 0;
  }
  .node-stakeholder .person-teaser .photo img {
    width: 11rem;
  }
}
@media (max-width: 76em) {
  table[align="left"],
  table[align="right"] {
    float: none;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
    width: 100% !important;
  }
  table[align="left"] td,
  table[align="right"] td {
    padding: 0;
  }
}
@media (min-width: 76em) {
  .entity-summary-data.view-mode-full .field:before,
  .entity-summary-data.view-mode-full .field:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .entity-summary-data.view-mode-full .field:after {
    clear: both;
  }
  .entity-summary-data.view-mode-full .label-above {
    width: 40%;
    float: left;
    text-align: right;
  }
  .entity-summary-data.view-mode-full .field-items {
    width: 50%;
    float: left;
  }
  .entity-summary-data.view-mode-full .field-item {
    margin-bottom: 0.5em;
  }
  .entity-summary-data.view-mode-full .field-group-div {
    border: 1px solid #dddddd;
    margin: 1em 0;
    padding: 1em;
  }
  .entity-summary-data.view-mode-full .field-group-div h3 {
    margin-top: 0;
  }
  .node-stakeholder .group-left .field-name-field-stk-logo img {
    width: 100%;
    max-width: 70%;
  }
}
/**
 * @file
 * Misc helpers and shortcuts
 */
/*
 * Border radius.
 *
 * @see: http://border-radius.com
 * @see: http://caniuse.com/#feat=border-radius
 * @see: http://www.w3.org/TR/css3-background/#corners
 */
/*
 * Box sizing.
 *
 * @see: http://caniuse.com/#feat=css3-boxsizing
 * @see: http://www.w3.org/TR/css3-ui/#box-sizing
 */
/*
 * User select.
 * @see: http://caniuse.com/#feat=user-select-none
 * @see: https://drafts.csswg.org/css-ui-4/#content-selection
 * @see: https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
 *
 * NOTE: This feature is non-standard!
 */
/*
 * CSS Transitions.
 *
 * @see: http://caniuse.com/#feat=css-transitions
 * @see: https://drafts.csswg.org/css-transitions-1
 * @see: https://drafts.csswg.org/css-transitions-1/#animatable-css
 */
/*
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of 'table' rather than 'block' is only necessary if using
 *    ':before' to contain the top-margins of child elements.
 *
 * @see: http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither
 * @see: http://nicolasgallagher.com/micro-clearfix-hack
 * @see: http://www.satzansatz.de/cssd/onhavinglayout.html
 * @see: http://quirksmode.org/css/css2/display.html
 */
/*
 * Generates text-removing properties for use in image replacement. Does not
 * specify the background image (or it's positioning) itself - this needs to be
 * specified manually (or use one of the sprite mixins, if appropriate):
 *
 * 1. Opera requires some special treatment (!important) in order for the color to be overridden.
 * 2. Webkit seems not to respect width:0 on submit buttons, but font:0 does the trick.
 *
 * @TODO: Needs work!!!
 *
 * @see: http://css-tricks.com/examples/ImageReplacement
 * @see: http://www.ampsoft.net/webdesign-l/image-button.html
 * @see: https://github.com/h5bp/html5-boilerplate/issues/1108
 * @see: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
 */
/*
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 *
 * @see: DRUPAL .element-invisible {}
 */
/*
 * Apply single color to anchor tags.
 */