.page-header__content {
    padding-top: 20rem;
    display: none;
}
.page-header__title {
    display: flex;
    flex-direction: column;
}
.page-header__title .title-before {
    font-size: 2.8rem;
    line-height: 1.2;
    opacity: .4;
}
.page-header__title .title-text {
    font-size: 2.8rem;
    line-height: 1.2;
}





.section-club {
    padding: 0 .6rem;
    display: flex;
    flex-direction: column;
    gap: 6rem;
    align-items: stretch;
}

.section-club .club-info {
    background-color: #fff;
    padding: 6rem 2.4rem;
    border-radius: 3rem;
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 3.6rem;
}

.section-club .info-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-top: .2rem solid #ededf3;
    padding-top: 3.6rem;
}
.section-club .info-block:first-child {
    border-top: none;
    padding-top: 0;
}
.section-club .info-block__inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2.4rem;
}
.section-club .info-block__heading {
    display: block;
    width: 100%;
}
.section-club .info-block__title {
    display: block;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: .4rem;
    opacity: .6;
}
.section-club .info-block__content {
    width: 100%;
}


.section-club .club-details {

}
.section-club .club-details .club-details__heading {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1.2rem;
}
.section-club .club-details .club-details__image-wrap {
    width: 10rem;
    height: 10rem;
    border-radius: 20rem;
    position: relative;
    overflow: hidden;
    border: .6rem solid #ededf3;
}
.section-club .club-details .club-details__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.section-club .club-details .club-details__title {
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 700;
}
.section-club .club-details .club-details__university {
    font-size: 1.6rem;
    line-height: 1.3;
    margin-top: 1.2rem;
    position: relative;
    padding-left: 2.8rem;
}
.section-club .club-details .club-details__university:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url('../../../../media/img/common/icons/education-dark.svg');
    background-size: 1.8rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -.2rem;
}
.section-club .club-details .club-details__location {
    font-size: 1.6rem;
    line-height: 1.3;
    margin-top: 1.2rem;
    position: relative;
    padding-left: 2.8rem;
}
.section-club .club-details .club-details__location:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url('../../../../media/img/common/icons/location-dark.svg');
    background-size: 2rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -.2rem;
}
.section-club .club-details .club-details__members-number {
    font-size: 1.6rem;
    line-height: 1.3;
    margin-top: 1.2rem;
    position: relative;
    padding-left: 2.8rem;
}
.section-club .club-details .club-details__members-number:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url('../../../../media/img/common/icons/user-dark.svg');
    background-size: 2.2rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -.1rem;
}

.section-club .club-details .club__actions-block {
    display: flex;
    margin-top: 2.4rem;
    width: 100%;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 1.2rem;
}
.section-club .club-details .club__join-link {
    display: flex;
    border-radius: 10rem;
    padding: 0 2.4rem;
    height: 4rem;
    font-size: 1.4rem;
    font-weight: 700;
    background-image: linear-gradient(135deg, #FE0133 40%, #FF8C00);
    align-items: center;
    color: #fff;
}
/* .club__actions-block .actions-button {
    background-image: linear-gradient(135deg, #FE0133 40%, #FF8C00);
    display: flex;
    align-items: center;
    height: 4rem;
    border-radius: 20rem;
    align-items: center;
    padding: 0 2.4rem 0 .4rem;
    color: #fff;
    font-size: 1.4rem;
    transition: .2s;
    gap: 1.2rem;
}
.club__actions-block .actions-button:before {
    content: '\E80F';
    font-family: 'Fontello';
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 3.2rem;
    height: 3.2rem;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 20rem;
}
.club__actions-block .actions-button.processing {
    opacity: .6;
    pointer-events: none;
}
.club__actions-block .actions-button.processing:before {
    content: '\E85E';
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: loading;
} */
/* @keyframes loading {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.club__actions-block .actions-button.processing.waiting {
    opacity: 1;
}
.club__actions-block .actions-button.processing.waiting:before {
     animation-iteration-count: 1;
} */



.section-club .club-employees {

}
.section-club .club-employees .employees-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .6rem;
}
.section-club .club-employees .employee-item {
    width: 100%;
    display: flex;
    gap: 1.2rem;
    background-color: #ededf3;
    padding: 1.2rem;
    border-radius: 2.4rem;
}
.section-club .club-employees .employee-item .employee__photo-wrap {
    position: relative;
    overflow: hidden;
    width: 6rem;
    height: 6rem;
    border-radius: 20rem;
    flex-shrink: 0;
}
.section-club .club-employees .employee-item .employee__photo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.section-club .club-employees .employee-item .employee__details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.section-club .club-employees .employee-item .employee__fullname {
    display: block;
    line-height: 1.2;
}
.section-club .club-employees .employee-item .employee__position {
    display: block;
    margin-top: .4rem;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
}
.section-club .club-employees .employee-item .employee__email {
    cursor: pointer;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0 1.2rem;
    border-radius: 20rem;
    height: 2.4rem;
    margin-top: .8rem;
    font-size: 1.2rem;
}



/*  */






.club-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 6rem;
    padding: 0 1.8rem;
}
.club-content__block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 2.4rem;
}
.club-content__block-title {
    font-size: 3.2rem;
    font-weight: 100;
    /* opacity: .5; */
}
.club-content__block-content {
    font-size: 1.6rem;
    line-height: 1.4;
}
.club-content__block-content p {
    font-size: 1.6rem;
    line-height: 1.4;
}
























.single-club .section-articles {
    margin-top: 8rem;
    width: 100%;
}
.single-club .section-articles .section__inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3.6rem;
    align-items: stretch;
}
.single-club .section-articles .section__heading {
    width: 100%;
}
.single-club .section-articles .section__title {
    font-size: 2.4rem;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--font-family-title);
}
.single-club .section-articles .section__content {
    width: 100%;
}
.single-club .section-articles .articles-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
}
.single-club .section-articles .article-item {
    width: calc(50% - 1.2rem);
    display: block;
}
.single-club .section-articles .article-item .item__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2rem;
}
.single-club .section-articles .article-item .item__media {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 1.2rem;
    aspect-ratio: 1/1;
}
.single-club .section-articles .article-item .item__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.single-club .section-articles .article-item .item__info {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.single-club .section-articles .article-item .item__date {
    display: block;
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
.single-club .section-articles .article-item .item__title {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
}






















.single-club .section-events {
    margin-top: 8rem;
    width: 100%;
}
.single-club .section-events .section__inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3.6rem;
    align-items: stretch;
}
.single-club .section-events .section__heading {
    width: 100%;
}
.single-club .section-events .section__title {
    font-size: 2.4rem;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--font-family-title);
}
.single-club .section-events .section__content {
    width: 100%;
}
.single-club .section-events .events-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
}
.single-club .section-events .event-item {
    width: 100%;
}
.single-club .section-events .event-item .item__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2rem;
}
.single-club .section-events .event-item .item__media {
    width: 60%;
    position: relative;
    overflow: hidden;
    border-radius: 50% 50% 50% 10%;
    aspect-ratio: 1/1;
}
.single-club .section-events .event-item .item__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.single-club .section-events .event-item .item__info {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.single-club .section-events .event-item .item__date {
    display: block;
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
.single-club .section-events .event-item .item__title {
    display: block;
    line-height: 1.3;
    font-size: 1.4rem;
}