.um-profile-photo-img,
.um-profile-photo {
    display: none;
}

.um-profile-meta {
    padding-left: 25px !important;
    padding-top: 25px;
}

.um-header {
    border-bottom: none !important;
    background-color: var(--slate-50);
}

.um-name a {
    font-size: 28px !important;
    color: #000000 !important;
}

@media(min-width: 865px) {
    .um-own-profile .um-profile-body {
        width: 100%
    }
}

.um-profile .um-profile-body {
    padding-top: 30px !important;
}

.um-profile .um-profile-body h3 {
    margin-bottom: 0 !important;
}

.um-17852.um,
.um-17852.um .um-profile-body {
    max-width: 1366px !important;
}

.um-own-profile .page-heading-wrap {
    display: none
}

.um-own-profile #content {
    padding-top: 0
}

.um-meta-text {
    display: none
}

.um-profile-nav {
    background-color: var(--slate-50) !important;
    border-radius: 0 0 var(--rounded-default) var(--rounded-default);
}

.um-profile-nav-item a {
    border-radius    : var(--rounded-default);
    padding          : 7px 15px 7px 15px !important;
    background-color : var(--slate-300);
    color            : black !important;
}

.um-profile-nav-item a .title {
    font-size   : 15px;
    color       : black;
    font-weight : 400;
}

.um-profile-nav-item.active a .title {
    font-size: 15px;
    color: white;
    font-weight: 400;
}

.um-profile-nav-item a:hover .title {
    color: #fff !important
}

.um-profile-nav-item a.uimob340-hide {
    color: #fff
}

@media(max-width: 768px) {

    .um-profile-nav-item a i,
    .um-profile-nav-item a svg {
        color: #000;
        fill: #000
    }
}

.um-profile-connect.um-member-connect {
    padding: 0 !important
}

.um-profile-edit {
    display: none
}

.select2-container .select2-choice,
.select2-container-multi .select2-choices,
.um .um-form input[type=number],
.um .um-form input[type=password],
.um .um-form input[type=search],
.um .um-form input[type=tel],
.um .um-form input[type=text],
.um .um-form textarea {
    border-radius: var(--rounded-default)
}

.um-field-label .um-field-label-icon {
    display: none !important
}

a[title=Déconnexion] {
    float: right !important
}

.um-page-login .content-only,
.um-page-password-reset .content-only {
    background: var(--slate-50);
    display: flex;
    align-items: center;
    justify-content: center
}

.um-page-login .entry-content,
.um-page-password-reset .entry-content {
    display: flex;
    align-items: center;
    justify-content: center
}

.um-login,
.um-password {
    padding: 20px;
    border-radius: var(--rounded-default);
    background-color: var(--white);
    border: 1px solid var(--border);
    text-align: left
}

.um-login h1,
.um-password h1 {
    margin-bottom: 10px
}

.um-login .um-field-block,
.um-password .um-field-block {
    margin-bottom: 10px
}

.um-login .um-button,
.um-password .um-button {
    min-width: 100% !important;
    margin-top: 20px !important
}

.um-field-label {
    margin-bottom: 0 !important
}

.um-avatar {
    border-radius: 50px
}

@media(min-width: 541px) and (max-width: 1000px) {
    .um-profile-nav .um-profile-nav-item a.uimob800-hide {
        display: block;
    }

    .um-profile-nav .um-profile-nav-item a.uimob800-show {
        display: none;
    }
}

.uimob500-show {
    width         : 18.5%;
    margin        : 5px 0.75% !important;
    border-radius : var(--rounded-default) !important;
}

@media(max-width:992px) {
    .uimob800-hide {
        width         : 18.5%;
        margin        : 5px 0.75% !important;
        border-radius : var(--rounded-default) !important;
    }
}

.user-avatar {
    height           : 40px;
    width            : 40px;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    background-color : var(--neutral-200);
    border-radius    : 50%;
    font-weight      : 400;
    font-size        : 22px;
}