.agent-medium {
    @extend .clearfix;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    margin-bottom: 30px;
    padding: 16px;
}

.agent-medium-image {
    @include image_hover; 
    background-color: rgba(black, .15);
    border-radius: 50%;
    display: block;
    float: left;
    height: 104px;
    position: relative;
    width: 104px;

    &:before {
        @include placeholder('\f007', 40);
    }

    &:after {
        border-radius: 50%;
    }

    img {
        border-radius: 50%;
        height: auto;
        position: relative;
        width: 100%;
        z-index: 2;
    }
}

.agent-medium-content {
    color: map-get($grey, 700);
    margin: 0 0 0 120px;

    ul {
        font-size: 12px;
        list-style: none; 
        margin: 0;
        padding: 0;

        .fa {
            color: map-get($grey, 400);
            margin: 0 5px 0 0;
        }

        li {
            margin: 0;
        }
    }

    a {
        color: map-get($color-secondary, 400);
    }

    hr {
        margin: 10px 0;
    }
}

.agent-medium-title {
    margin: 0;

    a {
        color: map-get($grey, 800);

        &:hover {
            text-decoration: none;
        }
    }
}

.agent-medium-subtitle {
    color: map-get($grey, 700);
    font-size: 13px;
}
