/********************************

    #USER PAGE

*******************************/

.page-mimi {
    display:none
}

.page-active {
    display: flex;
}

.user-content {
    max-width: 1160px;
    margin:0 auto;
    padding-top:40px;
}

.logged-in .user-content .back-share-block-content {
    display: none!important;
}

.user-content .second-header-share-button {
    display: block;
    margin-right: 0px;
}

.user-content .back-share-block-content .second-back-button-header {
    position: relative;
    left:0;
}

.logged-in .user-content {
    max-width: 940px;
    margin: 0 auto 0 325px;
}

.user-content .user-heading {
    display: flex;
    padding-bottom:40px;
}

.user-content .user-heading-image {
    max-width:178px;
    height:178px;
    border-radius:50%;
    overflow: hidden;
    width: 100%;
}

.user-content .user-heading-image img {
    height: 100%;
    display: block;
    max-width: 178px;
    width: 100%;
}

.user-content .user-heading-data {
    padding: 0 0 0 48px;
}

.user-content .user-heading-data h3 {
    font-size:2rem;
    color:#545554;
    line-height:46px;
    font-family: "sofia-pro",sans-serif;
    font-weight:700;
}

.user-content .user-heading-data .follow-button {
    border: 2px solid #deeae9;
    line-height: 28px;
    padding: 0 16px;
    color: #38bba0;
    border-radius: 16px;
    margin:10px 0 0 20px;
    font-size: 14px;
    font-family: "sofia-pro",sans-serif;
    font-weight:400;
    display: inline-block;
    transition: all .4s ease;
    vertical-align: top;
}

.user-content .user-heading-data:hover .follow-button {
    text-decoration: none;
    cursor:pointer;
}

.user-content .user-heading-data .follow-button.Follow:hover {
    border: 2px solid #38bba0;
}

.user-content .user-heading-data .follow-button.Following {
    background: #38bba0;
    border: 2px solid #38bba0;
    color:#fff;
}

.user-content .user-heading-data p {
    line-height:28px;
    color:#545554;
    font-family:"pt-serif";
    font-weight:400;
}

.user-content .user-heading-data .tags a {
    display: inline-block;
    margin:0 8px 8px 0;
    background: #f4f4f4;
    border-radius:11px;
    padding:0 9px;
    font-size:13px;
    color:#989898;
    line-height:22px;
    font-family: "sofia-pro", sans-serif;
    font-weight:500;
}

.user-profile-menu {
    max-width:100%;
}

.user-profile-menu ul {
    margin: 0;
    overflow: hidden;
    padding: 24px 0 0 0;
    border-top: 0.5px solid #d9d9d9;
}

.user-profile-menu ul li {
    list-style:none;
    float: left;
    margin-right:24px;
}

.user-profile-menu ul li a {
    color:#989898;
    font-size:0.875rem;
    font-family: "sofia-pro",sans-serif;
    font-weight:600;
    line-height:2rem;
    padding:0 8px;
    display: block;
    border-radius:4px;
    transition:all 0.4s ease;
}

.user-profile-menu ul li a:hover {
    text-decoration: none;
    background: #e6e6e6;
}

.user-profile-menu ul li a.active {
    background: #e6e6e6;
    color:#545554;
}

.user-content-articles {
    margin-bottom:50px;
}



/*** Latest articles ***/

.user-content .latest-articles {
    margin-top:70px;
}

.user-content .latest-articles,
.user-content .latest-classes {
    position: relative;
}

.user-content .latest-articles .article {
    margin-bottom:30px;
}

.user-content .latest-articles h3,
.user-content .latest-classes > h3 {
    font-size:1.0625rem;
    line-height:24px;
    font-family: "sofia-pro",sans-serif;
    font-weight:600;
    padding-bottom:0;
    margin-bottom:32px;
}

.user-content .latest-articles .see-all-articles,
.user-content .latest-classes .see-all-articles {
    position: absolute;
    right:0;
    top:0;
    color:#0c646f;
    font-size:0.9375rem;
    line-height:22px;
    font-family: "sofia-pro",sans-serif;
    font-weight:600;
}

.user-content .latest-articles a {
    text-decoration: none;
}

.user-content .latest-articles img {
    height:178px;
    width:100%;
    object-fit:cover;
    margin-bottom:0.75rem;
}

.user-content .latest-articles h4 {
    font-size:1rem;
    line-height:1.25rem;
    font-family: "sofia-pro",sans-serif;
    font-weight:600;
    color:#545554;
    margin-bottom:0!important;
    padding-bottom:0;
}


/*** user share icons ***/

.user-shared-icons {
    margin-top:50px;
    margin-bottom:88px;
}

.user-shared-icons a {
    padding: 12px;
    background: #f4f4f4;
    line-height: 12px;
    margin-right:12px;
    width:48px;
    height:48px;
    display: inline-block;
    vertical-align: top;
}

/*** User programs **/

.user-content-programs .program {
    position: relative;
    display: block;
    margin-bottom:30px;
}

.user-content-programs .program img {
    height:278px;
    object-fit:cover;
}

.user-content-programs .program .content {
    background-color: transparent;
    width: 100%;
    bottom: 0;
    padding: 1.375rem;
    position: absolute;
    font-family: sofia-pro,sans-serif;
}

.user-content-programs .program .content .title {
    font-family: sofia-pro,sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin-right: .25rem;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--text-opacity));
}

.user-content-programs .program .content .duration,
.user-content-programs .program .content .classes {
    display: inline;
    margin-right:10px;
    --text-opacity: 1;
    color: #d6e5e3;
    color: rgba(214,229,227,var(--text-opacity));
    font-size: .8125rem;
}

.user-content-programs .program .content .level {
    font-weight: 600;
    font-size: .75rem;
    display: inline;
    color: #0c646f;
    padding: .125rem  .625rem;
    background-color: #d6e5e3;
    border-radius:11px;
}

.user-content-programs .program:before {
    background: linear-gradient(180deg,rgba(34,36,36,0),#222424);
    position: absolute;
    width: 100%;
    height: 50%;
    content: '';
    bottom: 0;
    opacity: 0.6;
    z-index: 0;
}

.user-content-programs .program:hover:before {
    transition:all 0.3s ease;
    opacity: 0.9;
}


#ey-wp-pagination {
    width:100%;
    margin-top:40px;
}

#ey-wp-pagination .hidden {
    display: none!important;
}

#ey-wp-pagination .prev .page-link,
#ey-wp-pagination .next .page-link,
#ey-wp-pagination .page-item .page-link {
    border:none;
    color: #929897;
    padding: .25rem;
    display: block;
    min-width: 2.25rem;
    margin-left: .25rem;
    margin-right: .25rem;
    text-align: center;
    line-height: 26px;
    font-size:1.25rem;
    font-weight:700;
    border-radius: 4px;
    font-family: sofia-pro,sans-serif;
}

#ey-wp-pagination .prev .page-link,
#ey-wp-pagination .next .page-link {
    max-width: 2.25rem;
    line-height: 18px;
}


#ey-wp-pagination .page-item.active .page-link,
#ey-wp-pagination .page-item .page-link:hover,
#ey-wp-pagination .prev .page-link:hover,
#ey-wp-pagination .next .page-link:hover,
#ey-wp-pagination .page-item .page-link:focus {
    background-color: #f5f7f7;
    color: #343d3c;
    box-shadow:none;
}

@media screen and (max-width: 1023px) {

    .user-content,
    .logged-in .user-content {
        max-width:100%;
        margin:0 24px;
    }

}

@media screen and (max-width: 768px) {

    .user-content .user-heading-data .follow-button.Following {
        width: 105px;
    }

    .user-content .user-heading {
        display: block;
    }

    .user-content .user-heading-image {
        margin:0 auto 24px;
        max-width:128px;
        height:128px;
    }

    .user-content .user-heading-data {
        padding:0;
    }

    .user-content .user-heading-data h3 {
        text-align: center;
        margin-bottom:0;
        padding-bottom:0;
        font-size:1.5rem;
        line-height:2.125rem;
    }

    .user-content .user-heading-data .follow-button {
        display: block;
        margin: 14px auto 28px;
        width: 80px;
    }

    .user-content .user-heading-data p {
        text-align: center;
    }

    .author .user-content .back-share-block-content {
        margin-bottom:52px;
    }

}

@media screen and (max-width: 400px) {

    .user-content .latest-articles h3,
    .user-content .latest-classes > h3 {
        display: none;
    }

    .user-content .latest-articles .see-all-articles, .user-content .latest-classes .see-all-articles {
        top:-40px;
        right:auto;
        left:0;
    }

}