/*
==========================================================

PremiumZone

Version :
1.0.0

File :
assets/css/community.css

Description :
PremiumZone Community

==========================================================
*/

/* ==========================================================
   ROOT
========================================================== */

.pz-community{

    display:flex;

    flex-direction:column;

    gap:16px;

}

/* ==========================================================
   TITLE
========================================================== */

.pz-community-title{

    color:#00F3FF;

    font-size:16px;

    font-weight:700;

    letter-spacing:1px;

}

/* ==========================================================
   LIST
========================================================== */

.pz-community-list{

    display:flex;

    flex-direction:column;

    gap:14px;

}

/* ==========================================================
   CARD
========================================================== */

.pz-community-card{

    display:flex;

    gap:14px;

    padding:14px;

    border:1px solid rgba(

        0,

        243,

        255,

        .25

    );

    background:rgba(

        255,

        255,

        255,

        .02

    );

    cursor:pointer;

    transition:.2s;

}

/* ==========================================================
   HOVER
========================================================== */

.pz-community-card:hover{

    border-color:#00F3FF;

    box-shadow:

        0 0 12px

        rgba(

            0,

            243,

            255,

            .30

        );

}

/* ==========================================================
   COVER
========================================================== */

.pz-community-cover{

    width:82px;

    height:82px;

    flex:none;

    border:1px solid rgba(

        0,

        243,

        255,

        .35

    );

    background:#050505;

}

/* ==========================================================
   CONTENT
========================================================== */

.pz-community-content{

    flex:1;

    display:flex;

    flex-direction:column;

    gap:6px;

}

/* ==========================================================
   NAME
========================================================== */

.pz-community-name{

    color:#EFFFFF;

    font-size:15px;

    font-weight:700;

}

/* ==========================================================
   OWNER
========================================================== */

.pz-community-owner{

    color:#00F3FF;

    font-size:12px;

}

/* ==========================================================
   DESCRIPTION
========================================================== */

.pz-community-description{

    color:#B5CACA;

    font-size:12px;

    line-height:1.5;

}

/* ==========================================================
   FOOTER
========================================================== */

.pz-community-footer{

    display:flex;

    justify-content:space-between;

    margin-top:auto;

    color:#7F9B9B;

    font-size:11px;

}

/* ==========================================================
   ACTIVE
========================================================== */

.pz-community-card:active{

    transform:

        scale(

            .985

        );

}

/* ==========================================================
   MOBILE
========================================================== */

@media(

max-width:768px

){

.pz-community-card{

    gap:10px;

    padding:10px;

}

.pz-community-cover{

    width:64px;

    height:64px;

}

.pz-community-name{

    font-size:14px;

}

.pz-community-description{

    font-size:11px;

}

}