/* ==========================================================
   VIDEURO COMMUNITY VIDEO CREATOR
   ========================================================== */

.videuro-community-owner{
    margin-top:14px;
    padding:11px 12px;

    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;

    border-radius:13px;

    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.09);
}

.videuro-community-avatar{
    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #7667ff,
            #ec6b93
        );

    color:#fff !important;

    font-size:12px;
    font-weight:700;

    text-decoration:none !important;
}

.videuro-community-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.videuro-community-person{
    min-width:0;
}

.videuro-community-kicker{
    display:block;

    margin:0 0 3px;

    color:rgba(255,255,255,.52) !important;

    font-size:8px !important;
    line-height:1.2 !important;

    text-transform:uppercase;
    letter-spacing:.11em;
}

.videuro-community-name-row{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;

    gap:5px;

    margin:0 0 4px;
}

.videuro-community-name{
    color:#fff !important;

    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;

    text-decoration:none !important;
}

.videuro-community-username{
    color:rgba(255,255,255,.56) !important;

    font-size:9px !important;
    line-height:1.2 !important;
}

.videuro-community-meta{
    margin:0 !important;

    color:rgba(255,255,255,.63) !important;

    font-size:9px !important;
    line-height:1.45 !important;
}

.videuro-community-bio{
    margin:7px 0 0 !important;

    color:rgba(255,255,255,.73) !important;

    font-size:9px !important;
    line-height:1.45 !important;
}

.videuro-community-profile-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;

    margin-top:8px !important;

    color:#a9d9cd !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;

    text-decoration:none !important;
}


/* ==========================================================
   LIGHT MODE
   ========================================================== */

html[data-theme="light"] .videuro-community-owner,
body.light-mode .videuro-community-owner,
body.theme-light .videuro-community-owner{
    background:rgba(9,25,20,.035);
    border-color:rgba(9,25,20,.10);
}

html[data-theme="light"] .videuro-community-kicker,
body.light-mode .videuro-community-kicker,
body.theme-light .videuro-community-kicker{
    color:#617068 !important;
}

html[data-theme="light"] .videuro-community-name,
body.light-mode .videuro-community-name,
body.theme-light .videuro-community-name{
    color:#0a1713 !important;
}

html[data-theme="light"] .videuro-community-username,
body.light-mode .videuro-community-username,
body.theme-light .videuro-community-username{
    color:#65716c !important;
}

html[data-theme="light"] .videuro-community-meta,
body.light-mode .videuro-community-meta,
body.theme-light .videuro-community-meta{
    color:#53605b !important;
}

html[data-theme="light"] .videuro-community-bio,
body.light-mode .videuro-community-bio,
body.theme-light .videuro-community-bio{
    color:#35413c !important;
}

html[data-theme="light"] .videuro-community-profile-link,
body.light-mode .videuro-community-profile-link,
body.theme-light .videuro-community-profile-link{
    color:#176b58 !important;
}


/* ==========================================================
   PUBLIC TRAVELLER PROFILE
   ========================================================== */

.videuro-public-profile{
    max-width:1120px;
    margin:0 auto;
    padding-top:60px;
    padding-bottom:70px;
}

.videuro-public-profile-head{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:24px;
    align-items:center;

    margin-bottom:32px;
}

.videuro-public-profile-avatar{
    width:108px;
    height:108px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #7667ff,
            #ec6b93
        );

    color:#fff;

    font-size:28px;
    font-weight:700;
}

.videuro-public-profile-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.videuro-public-profile-head h1{
    margin:5px 0 5px !important;
    font-size:44px !important;
    line-height:1 !important;
}

.videuro-public-profile-handle{
    margin:0 !important;
    opacity:.58;
}

.videuro-public-profile-grid{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
    gap:22px;
}

.videuro-public-profile-card{
    padding:24px;

    border-radius:18px;

    border:1px solid rgba(128,128,128,.20);
    background:rgba(128,128,128,.035);
}

.videuro-public-profile-card h2{
    margin:0 0 14px !important;
    font-size:21px !important;
}

.videuro-public-profile-card p{
    line-height:1.65;
}

.videuro-public-profile-facts{
    display:flex;
    flex-wrap:wrap;
    gap:8px;

    margin-top:18px;
}

.videuro-public-profile-facts span{
    padding:7px 10px;

    border-radius:999px;

    border:1px solid rgba(128,128,128,.20);

    font-size:11px;
}

.videuro-public-socials{
    display:flex;
    flex-wrap:wrap;
    gap:8px;

    margin-top:15px;
}

.videuro-public-socials a{
    padding:8px 11px;

    border-radius:999px;

    border:1px solid rgba(128,128,128,.22);

    text-decoration:none;
    font-size:11px;
}

.videuro-public-video-list{
    display:grid;
    gap:9px;
}

.videuro-public-video-list a{
    display:block;

    padding:12px;

    border-radius:12px;

    border:1px solid rgba(128,128,128,.16);

    text-decoration:none;
}

@media(max-width:760px){

    .videuro-public-profile-head{
        grid-template-columns:1fr;
    }

    .videuro-public-profile-grid{
        grid-template-columns:1fr;
    }

}


/* ==========================================================
   FINAL COMMUNITY CREATOR CARD
   ========================================================== */

.videuro-community-owner{
    margin:12px 0 8px !important;
    padding:10px 0 0 !important;

    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:9px !important;

    border:0 !important;
    border-top:1px solid rgba(255,255,255,.10) !important;

    background:transparent !important;
}

.videuro-community-avatar{
    width:34px !important;
    height:34px !important;

    min-width:34px !important;

    border-radius:50% !important;

    overflow:hidden !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    text-decoration:none !important;

    color:#fff !important;

    background:
        linear-gradient(
            135deg,
            #6879ff,
            #eb668f
        ) !important;

    font-size:10px !important;
    font-weight:700 !important;
}

.videuro-community-avatar img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
}

.videuro-community-person{
    min-width:0 !important;
}

.videuro-community-shared{
    display:block !important;

    margin:0 0 2px !important;

    color:rgba(255,255,255,.48) !important;

    font-size:8px !important;
    line-height:1.2 !important;

    text-transform:uppercase !important;
    letter-spacing:.09em !important;
}

.videuro-community-name-line{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;

    gap:5px !important;

    margin:0 0 3px !important;
}

.videuro-community-name{
    color:#fff !important;

    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:700 !important;

    text-decoration:none !important;
}

.videuro-community-username{
    color:rgba(255,255,255,.55) !important;

    font-size:9px !important;
    line-height:1.2 !important;
}

.videuro-community-meta{
    color:rgba(255,255,255,.65) !important;

    font-size:8px !important;
    line-height:1.45 !important;

    margin-top:2px !important;
}

.videuro-community-bio{
    color:rgba(255,255,255,.72) !important;

    font-size:9px !important;
    line-height:1.4 !important;

    margin:5px 0 0 !important;
}

.videuro-community-actions{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;

    gap:7px !important;

    margin-top:6px !important;
}

.videuro-community-profile{
    color:#8fd5c5 !important;

    font-size:9px !important;
    line-height:1.2 !important;
    font-weight:700 !important;

    text-decoration:none !important;
}

.videuro-community-contact{
    color:rgba(255,255,255,.52) !important;

    font-size:8px !important;
    line-height:1.2 !important;
}


/* LIGHT MODE */

html[data-theme="light"]
.videuro-community-owner{

    border-top-color:
        rgba(9,25,20,.12) !important;
}

html[data-theme="light"]
.videuro-community-shared{

    color:#718079 !important;
}

html[data-theme="light"]
.videuro-community-name{

    color:#0b1713 !important;
}

html[data-theme="light"]
.videuro-community-username{

    color:#66736e !important;
}

html[data-theme="light"]
.videuro-community-meta{

    color:#53615b !important;
}

html[data-theme="light"]
.videuro-community-bio{

    color:#394741 !important;
}

html[data-theme="light"]
.videuro-community-profile{

    color:#16705c !important;
}

html[data-theme="light"]
.videuro-community-contact{

    color:#66736e !important;
}
