/* ===================================================== */
/* KURD LOV MODERN PROFILE */
/* ===================================================== */

/* MAIN PROFILE POPUP */

#profile_content,
.profile_content,
.pro_menu_container,
.user_profile,
.modal_profile,
#user_profile,
.pro_content {

    position: relative !important;

    overflow: hidden !important;

    border-radius: 12px !important;

    background-image: url('../default_images/background.png') !important;

    background-size: cover !important;

    background-position: center center !important;

    background-repeat: no-repeat !important;

    box-shadow: 0 0 25px rgba(0,0,0,0.55) !important;
}

/* DARK OVERLAY */

#profile_content::before,
.profile_content::before,
.pro_menu_container::before,
.user_profile::before,
.modal_profile::before,
#user_profile::before,
.pro_content::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,0.45);

    z-index: 0;
}

/* KEEP CONTENT ABOVE */

#profile_content *,
.profile_content *,
.pro_menu_container *,
.user_profile *,
.modal_profile *,
#user_profile *,
.pro_content * {

    position: relative;

    z-index: 2;
}

/* INFO BOXES */

.pro_menu_content,
.pro_content,
.profile_info,
.user_info_box {

    background: rgba(0,0,0,0.30) !important;

    border-radius: 10px !important;

    backdrop-filter: blur(6px);

    padding: 10px;
}

/* USERNAME */

.pro_name,
.user_name,
.profile_name,
#profile_name {

    color: #ffffff !important;

    font-weight: bold !important;

    text-shadow: 0 0 8px rgba(0,0,0,0.8);
}

/* TABS */

.pro_tab,
.profile_tab,
.pro_menu_tab {

    background: rgba(255,255,255,0.10) !important;

    color: #ffffff !important;

    border-radius: 8px !important;
}

/* ACTIVE TAB */

.pro_tab_selected,
.pro_tab_current {

    background: rgba(255,255,255,0.18) !important;

    color: #ffffff !important;
}

/* TEXT */

#profile_content td,
.profile_content td,
.pro_menu_container td,
.pro_content td,
#profile_content span,
.profile_content span,
.pro_menu_container span,
.pro_content span {

    color: #ffffff !important;

    text-shadow: 0 0 4px rgba(0,0,0,0.7);
}

/* AVATAR */

.profile_avatar img,
.pro_avatar img,
.avatar_profile img {

    border-radius: 12px !important;

    border: 2px solid rgba(255,255,255,0.35);

    box-shadow: 0 0 15px rgba(0,0,0,0.45);
}

/* MOBILE */

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

    #profile_content,
    .profile_content,
    .pro_menu_container {

        border-radius: 0 !important;
    }
}