/**
 * 7.3.17 - Team Content Section
 */

.team-content-wrapper .hentry {
    height: auto;
}

.team-content-wrapper .hentry-inner {
    position: relative;
}

.team-content-wrapper .post-thumbnail,
.team-content-wrapper .entry-title,
.team-content-wrapper .entry-meta {
    margin: 0;
}

.team-content-wrapper .entry-content,
.team-content-wrapper .entry-summary {
    height: 100px;
    overflow: hidden;
    position: relative;
    
    &:before {
        bottom: 0;
        content: "";
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
        height: 40%;
        left: 0;
        position: absolute;
        width: 100%;
    }
}

 #team-dots {
    display: none;
    margin: 0;
}

.team-content-wrapper.section-content-wrapper {
    
    .post-thumbnail {
        margin-bottom: 0;
    } 

    .entry-container {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        position: relative;
        z-index: 1;
    }
}

#team-content-section .team-content-wrapper.owl-carousel {
 
    .owl-nav {

        display: flex;
        justify-content: flex-end;
        margin-bottom: -7px;
        position: absolute;
        right: 30px;

        button {
            width: 40px;
            height: 40px;
        }
    }
}

#team-content-section .team-content-wrapper.owl-carousel.hide-nav .owl-nav {
    display: none;
}

#team-dots li {
    max-width: 80px;
}

.team-content-wrapper .entry-summary,
.team-content-wrapper .entry-content {
    margin: 14px 0 0;
    padding-right: 0;
}

.team-content-wrapper .entry-title {
    line-height: 1.46;
}

.team-content-wrapper .entry-meta {
    font-weight: 500;
    line-height: 1.62;
    letter-spacing: 0;
    text-transform: uppercase;
}

.team-content-wrapper .artist-social-profile {
    margin-top: 7px;
}

#team-dots {
    align-items: flex-start;
    justify-content: center;
    list-style: none;
    position: relative;
    width: 100%;

    li {
        cursor: pointer;
        margin-bottom: 35px;
        margin-right: 5px;
        opacity: 0.5;
        position: relative;

        &:after {
            bottom: -10px;
            content: "";
            height: 7px;
            left: 0;
            position: absolute;
            width: 100%;
        }

        &:last-child {
            margin-right: 0;
        }

        &:focus,
        &:hover {
            opacity: 1;
        }
    }

    .active {
        opacity: 1;
    }
}

 div#team-content-section {
    background-attachment: inherit;
    background-position: bottom right;
}