@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;1,200&display=swap');

:root {
    --red: #621818;

    --main-dark-bg: #161616;
    --main-text-color: #b5b5b5;
    --main-link-color: #979797;

    --gray-text: #7a7a7a;
    --gray-bg: #262626;
    --gray-border: #2f2f2f;

    --main-text-font: font-family: 'Nunito', sans-serif;


}



img.avatar {
    border: 1px solid var(--gray-border) !important;
}

#container {
    background-color: var(--main-dark-bg) !important;
    border: 1px solid var(--gray-border) !important;
}
div.padder {
    border: none !important;
}
#sidebar {
    background-color: var(--main-dark-bg) !important;
    border-left: 1px solid var(--gray-border) !important;
}

div.author-box {
    background-color: var(--main-dark-bg) !important;
    border: 1px solid var(--gray-border) !important;
}
div.author-box p {
    color: var(--gray-text) !important;
}

span.activity {
    color: var(--gray-text);
    background-color: var(--gray-bg);
    border: 1px solid var(--gray-border);
}

p, #nav li a {
    font-size: 16px !important;
    font-weight: 200;
    font-family:  font-family: 'Nunito', sans-serif !important;
    color: var(--main-text-color) !important;
}

/* menu navigation */

#nav {
    margin-top: 100px !important;
    background-color: var(--main-dark-bg) !important;
    padding: 5px 10px;
}

#nav li a {
    border: var(--main-dark-bg) !important;
    background-color: transparent !important;
}
#nav li a:hover {
    color: white !important;
}
/* nom utilisateur connecté */

#sidebar-me h4 a {
    color: var(--main-text-color) !important;
    text-decoration: none;
}

/* bouton déconnexion */

a.logout {
    color: var( --gray-text) !important;
    background: none !important;
    border: 1px solid var(--gray-border) !important;
    transition: 300ms all ease !important;
}

a.logout:hover {
    color: var( --main-text-color) !important;
    background: none !important;
    border: 1px solid var(--main-text-color) !important;
    transition: 300ms all ease !important;
}

div.bpfb_form_container {
    background-color: var(--gray-border);
    padding: 20px !important;
    border-radius: 10px;
}

/* formulaire ajout activité */

#whats-new-form  h5{
    font-size: 20px !important;
    color: var(--main-text-color) !important;
}
#whats-new-textarea {
    background: none !important;
    border: none !important;
    margin-top: 5px;
}
#whats-new {
    border: none !immportant;
    border-radius: 5px !immportant;
    padding: 5px !immportant;
    font-size: 16px !immportant;
}
#whats-new-options {
height: auto !important;
padding-bottom: 10px;
overflow: hidden !important;
}
#whats-new-post-in-box {
font-size: 16px !important;
color: var(--main-text-color) !important;
}
#whats-new-post-in {
font-size: 16px!important;
color: var(--gray-text) !important;
background: none !important;
padding: 10px 20px !important;
border: none !important;
border-bottom: 1px solid var(--gray-text) !important;
}
#aw-whats-new-submit {
font-size: 16px !important;
color: var(--main-text-color) !important;
background-color: var(--main-dark-bg) !important;
padding: 10px 20px !important;
border: none !important;
border-radius: 25px !important;
}

/* deux barres sous le formulaire d'ajout d'activité */

.item-list-tabs {
background-color: var(--main-dark-bg) !important;
}

.item-list-tabs ul li a {
color: (--main-text-color) !important;
background: none !important;
}

.activity-meta {

border-top: 1px solid var( --gray-border) !important;
}

/* titre des actualité dans le fil */

.activity-meta a {
color: var( --gray-text) !important;
background: none !important;
border: none !important;
}
.activity .activity-item .activity-content .activity-header p {
font-size: 16px !important;
}
.activity-content .activity-header p  a:nth-child(1) {
background: none !important;
}

.new_blog_post .activity-content .activity-header p a:nth-child(2) {
font-size: 20px !important;
display: block !important;
}
.joined_group  .activity-content .activity-header p a:nth-child(2) {
display: none !important;
}
.joined_group  .activity-content .activity-header p a:nth-child(3) {
font-size: 20px !important;
display: block !important;
}

.time-since{
font-size: 10px !important;
display: block !important;
}

/* profil*/

#item-body .profile .profil .profile-fields tbody tr.alt {
background: none !important;
}

table tr.alt td {
background: none !important;
}

/* groupes */

/* barre de recherche de groupe et de membre*/
#groups_search, #groups_search_submit, #groups-directory-form h3 .button, #members_search, #members_search_submit, #members-order-by {
font-size: 16px !important;
padding: 10px 20px;
border: none;
border-radius: 50px;
}
#groups_search_submit, #groups-directory-form h3 .button {
color: var(--main-dark-bg) !important;
background-color: var(--main-text-color) !important;
}
#subnav {
padding-bottom: 10px;
}
#pag-top, #pag-bottom {
background: none !important;

}
.item .item-title a {
font-size: 20px !important;
text-decoration: none;
}

.group-button {

margin-top: 10px !important;
}
.action .meta {
padding-top: 10px;
}

.group-button .join-group,  a.friendship-button {
font-size: 16px !important;
color: var(--main-dark-bg) !important;
background-color: var(--main-text-color) !important;
padding: 10px 20px !important;
border: none !important;
border-radius: 25px !important;
margin-top: 10px !important;
}
.friendship-button {
margin-top: 10px;
}