//
// Team Unit
// ---
// bigchain.io
//

// Base class
.team {}

.team__image {
    @extend .img--responsive;
    background: $gray;
    width: 230px;
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);

}

.team__name {
    @extend .h5;
    color: $text-color;
    margin-bottom: 0;

    // the bottom line
    &:after {
        content: "";
        height: 2px;
        width: 3rem;
        display: block;
        margin: ($spacer / 2) auto;
        background: $gray-lightest;
    }
}

.team__position {
    @extend .text-dimmed;
    margin-bottom: ($spacer / 2);
}

.team__social {
    margin-bottom: 0;
}

.team__social__link {
    display: inline-block;
    margin: 0 ($spacer / 4);

    .icon {
        @extend .transition;
        width: 1rem;
        height: 1rem;
        stroke: none;
        fill: rgba($link-color, .4);
    }

    &:hover,
    &:focus {
        .icon--twitter  { fill: #55acee }
        .icon--facebook { fill: #3b5998 }
        .icon--linkedin { fill: #0077b5 }
        .icon--github   { fill: #4183c4 }
    }
}