.agent-card {
    margin-bottom: -30px;
    
    h2 {
        margin-top: 0;
    }
}

.agent-card-info {
    color: map-get($grey, 700);

    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
        margin-bottom: 30px;
    }

    ul {
        list-style: none;
        margin: 0;
        padding: 0;

        li {
            margin: 0;
        }

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

        .fa {
            margin-right: 5px;
        }
    }
}

.agent-card-image {
    background-color: rgba(black, .15);
    display: block;
    height: 0;
    padding-bottom: 100%;
    position: relative;

    &:before {
        @include placeholder('\f007', 50);
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateX(-50%), translateY(-50%);
    }

    img {
        display: block;
        height: auto;
        position: relative;
        width: 100%;
        z-index: 2;
    }
}

.agent-card-form {
    .form-group {
        &:last-child {
            margin-bottom: 0;
        }
    }
}
