/* 
    Created on : 21-févr.-2018, 21:22:40
    Author     : Anthony Lamant <alamant@solucia.fr>
*/

.member-jobs .member-job {
    display: inline-block;
    font-size: 12px;
    margin-top: 35px;
    border: 1px solid #56c271;
    border-radius: 25px;
    padding: 10px 25px;
    color: #fff;
    text-decoration: none;
    background-color: #56c271;
}

.member-jobs .member-job a {
    color: #fff;
}

.member-jobs .member-job.selected {
    text-decoration: underline;
}

.member-list {
    padding-top: 35px;
}

.member-list .member-wrapper {
    padding-bottom: 45px;
    min-height: 430px;
}

.member-list .member-wrapper .member-photo {
    max-height: 302px;
    overflow: hidden;
}

.member-list .member-wrapper .member-photo img {
    width: 100%;
    box-shadow: 1px 1px 16px #dedbdb;
}

.member-list .member-wrapper .member-name {
    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
}

.member-list .member-wrapper .member-name a,
.member-list .member-wrapper .member-name a:visited {
    color: #000000;
}

.member-list .member-wrapper .member-job a,
.member-list .member-wrapper .member-job a:visited {
    color: #aaaaaa;
} 

.member-detail-wrapper {
    padding-top: 35px;
}

.member-detail-wrapper .member-detail-photo {
    width: 100%;
}

.member-detail-wrapper .member-detail-photo img {
    width: 100%;
    max-width: 360px;
    box-shadow: 1px 1px 16px #dedbdb;
}

.member-detail-wrapper .member-info {
    padding: 0 0 20px 0;
    font-size: 18px;
}

.member-detail-wrapper .member-info span {

}

.member-detail-wrapper .member-info .member-phone,
.member-detail-wrapper .member-info .member-email,
.member-detail-wrapper .member-info .member-description {
    vertical-align: top;
}

.member-detail-wrapper .member-name-wrapper h2 {
    margin: 0;
}

.member-detail-wrapper .member-name-wrapper .member-name {
    font-weight: bold;
}

.member-detail-wrapper .member-name-wrapper .member-icon {
    padding-top: 5px;
}

.member-detail-wrapper .member-job-wrapper .member-job,
.member-detail-wrapper .member-email-wrapper .member-email {
    font-style: italic;
    color: #aaaaaa;
}

.member-detail-wrapper .member-info .member-phone {
    font-weight: bold;
}

.member-detail-wrapper .member-info.member-phone-wrapper {
    padding-bottom: 5px;
}

.member-detail-wrapper .member-info .member-description {
    max-width: 90%;
}

.member-buttons .next-button {
    text-align: right;
}

.member-buttons a {
    display: inline-block;
    font-size: 12px;
    margin-top: 55px;
    border: 1px solid #56c271;
    border-radius: 25px;
    padding: 10px 25px;
    color: #fff;
    text-decoration: none;
    background-color: #56c271;
}

@media screen and (max-width: 991px) {
    .member-detail-wrapper .member-detail-infos {
        margin-top: 25px;
    }
}

@media screen and (max-width: 450px) {
    .member-detail-wrapper .member-icon,
    .member-detail-wrapper .member-name {
        padding: 0;
    }

    .member-buttons .previous-button,
    .member-buttons .next-button {
        text-align: center;
    }

    .member-buttons a {
        margin-top: 20px;
    }
}