.bg-gradient-clan {
    background: linear-gradient(155.06deg, #ffc933, #dd2f6e, #2f0374);
    color: #ffffff;
}

.bg-gradient-clan-alt {
    background: linear-gradient(45deg, #dd2f6e, #2f0374);
}

.bg-gradient-clan-alt2 {
    background: linear-gradient(45deg, #dd2f6e, #ffc933);
}

.bg-gradient-clan-alt-subtle {
    background: #2f0374,0.5;
}

.bg-clan-outline {
    border-color: #dd2f6e;
    border-width: 1px;
    border-style: solid;
}


.btn-outline-clan-main {
    border-color: #2f0374;
    border-width: 1px;
    border-style: solid;
    font-weight: 700;
}

.btn-outline-clan-main:hover,
.btn-outline-clan-main:focus,
.btn-outline-clan-main:active
{
    background: linear-gradient(45deg, #dd2f6e, #2f0374);
    color: #ffffff;
}

.clan-c1 {
    color: #2121b5;
}

.clan-c2 {
    color: #2f0374;
}

.clan-c3 {
    color: #71288c;
}

.clan-c4 {
    color: #dd2f6e;
}

.clan-c5 {
    color: #f05523;
}

.clan-c6 {
    color: #ffc933;
}

.fs-Titles {
    font-weight: 700;
}

.fs-Titles-Bold {
    font-weight: 950;
}

.fs-Titles-Thin {
    font-weight: 450;
}

.fs-Small {
    font-size: calc(0.7rem);
}

.fs-Normal {
    font-size: calc(1rem);
}

.fs-Higher {
    font-size: calc(1.3rem);
}

.fs-Big {
    font-size: calc(1.5rem);
}

.fs-Bigger {
    font-size: calc(1.5rem + 1vw);
}

.fs-Huge {
    font-size: calc(1.5rem + 1.5vw);
}

.op-100 {
    opacity: 1;
}

.op-50 {
    opacity: .5;
}

.sidebar-icon {
    font-size: calc(1.5rem);
    font-weight: 950;
}

.nav-clan {
    /*border: 2px solid transparent;*/
    border-radius: 10px;
}

.nav-clan:hover,
.nav-clan:focus,
.nav-clan-active {
    /*border: 2px solid #FFFFFF;*/
    background: linear-gradient(45deg, #dd2f6e, #2f0374);
    border-radius: 10px;
}

.go-subtitle {
    font-size: calc(1rem);
    font-weight: 500;
    line-height: 120%;
}

.go-title {
    font-size: calc(2.0rem);
    line-height: 100%;
}