/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.member {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
  border-radius: 16px;
  padding: .75em; }
  @media (min-width: 768px) {
    .member {
      padding: 1.25em; } }
  .member h3 {
    margin: .5rem 0 !important;
    color: #1C3F85 !important;
    font-size: 17px;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto; }
  .member p {
    margin: 0;
    color: #1C3F85;
    font-weight: 400;
    padding-bottom: .25em; }
    @media (max-width: 767px) {
      .member p {
        line-height: 15px; } }
  .member .thumb {
    padding-top: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative; }
    .member .thumb img {
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .member .function {
    font-size: 13px;
    line-height: 1.3;
    display: block;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto; }
  .member .content {
    margin-top: auto; }
  .member .connections {
    border-top: 2px solid #40c7e9;
    margin-top: 1rem;
    padding-top: 1rem;
    display: flex;
    justify-content: space-between; }
  .member .option {
    position: relative; }
    .member .option .hover-phone {
      display: none; }
    @media (min-width: 981px) {
      .member .option a:hover + .hover-phone {
        display: block;
        position: absolute;
        top: -57px;
        left: -4px;
        color: #fff;
        background: #1C3F85;
        padding: 12px 24px;
        width: 230px; }
        .member .option a:hover + .hover-phone:after {
          content: '';
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 10px solid #1C3F85;
          position: absolute;
          bottom: -8px;
          left: 1px; } }
    .member .option:last-child {
      margin-right: 0; }
    .member .option a {
      color: #00B6E8;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
      .member .option a img {
        border-radius: 0;
        display: block;
        width: 24px;
        height: 24px; }

/*# sourceMappingURL=member-card.css.map */