//== Generates
.hdeng-staff-critical-generate() {
    // Silence
}

.hdeng-staff-generate() {
    @hdeng-staff-listing_item_padding: @hdeng-spacing;
    @hdeng-staff-listing_img_size: 125px;
    @hdeng-staff-listing_img_size-single: 250px;

    .staff-listing {
        .gee-grid(@hdeng-gutter);
    }

    .staff-listing__note {
        .gee-unit(12, 12, @hdeng-gutter);
    }

    .staff-listing__item {
        .gee-unit(6, 12, @hdeng-gutter);

        @media (max-width: @hdeng-breakpoint-large) {
            .gee-unit-width(12, 12, @hdeng-gutter);
        }
    }

    .staff-listing__container {
        position: relative;
        .hdeng-box();
    }

    .staff-listing__img {
        // Reset from default <figure> style
        display: block;
        position: absolute;
        left: @hdeng-staff-listing_item_padding;
        top: @hdeng-staff-listing_item_padding;
        margin-bottom: @hdeng-spacing;
        width: 100%;
        max-width: @hdeng-staff-listing_img_size;

        img {
            .hdeng-img-responsive();
        }

        @media (max-width: @hdeng-breakpoint-mobile) {
            max-width: 100%;
            position: static;
        }
    }

    .staff-listing__details {
        padding-left: @hdeng-staff-listing_img_size + @hdeng-staff-listing_item_padding;
        min-height: @hdeng-staff-listing_img_size;
        color: @hdeng-color-white;

        @media (max-width: @hdeng-breakpoint-mobile) {
            padding: 0;
            min-height: 0;
        }

        ul {
            margin: 0;
        }

        li {
            padding: 2px 0;
        }

        .name {
            position: relative;
            margin: 0 0 @hdeng-spacing 0;
            font-size: @hdeng-base-font-size-large;
            color: @hdeng-color-white;

            &:after {
                position: absolute;
                left: 0;
                bottom: -5px;
                display: block;
                width: @hdeng-spacing;
                content: "";
                border-bottom: 2px solid @hdeng-key-color;
            }
        }
    }

    .staff-listing__link {
        margin: @hdeng-spacing 0 0;
    }
}
