.site_logo {
    background-image: url("./images/mafalda-transparant.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 190px;
    height: 120px;
}

/* Achtergrond naast het forum */
html,
body {
    background-color: #030402;
    color: #333333;
}

/* Witte inhoud van het forum */
.wrap {
    background-color: #FCFCFC;
}

/* Grote kopbalk met groen kleurverloop */
.headerbar {
    background-color: #355820;
    background-image: linear-gradient(
        to bottom,
        #74A144 0%,
        #64903A 45%,
        #355820 100%
    );
}

/* Navigatiebalk */
.navbar {
    background-color: #355820;
}

/* Tekst en links in de navigatiebalk */
.navbar,
.navbar a,
.navbar a:link,
.navbar a:visited {
    color: #FFFFFF;
}

.navbar a:hover {
    color: #DDEBCF;
}

/* Balken boven de lijsten met forums en onderwerpen */
.forabg,
.forumbg {
    background-color: #355820;
    background-image: linear-gradient(
        to bottom,
        #64903A 0%,
        #355820 100%
    );
}

/* Titels in de groene balken */
.forabg .header a,
.forumbg .header a,
.forabg .header,
.forumbg .header {
    color: #FFFFFF;
}

/* Afzonderlijke forumregels */
li.row {
    background-color: #F4F7F1;
}

li.row:hover {
    background-color: #E4EDDC;
}

/* Gewone links */
a,
a:link,
a:visited {
    color: #355820;
}

a:hover {
    color: #74A144;
}

/* Knoppen */
.button {
    color: #355820;
    border-color: #456829;
    background-color: #FFFFFF;
}

.button:hover,
.button:focus {
    color: #FFFFFF;
    border-color: #355820;
    background-color: #64903A;
}

/* Gebruikersnaam rechtsboven leesbaar maken */
.navbar .username-coloured,
.header-profile .username-coloured,
#username_logged_in .username-coloured {
    color: #FFFFFF !important;
}

/* Gebruikersnaam bij aanwijzen */
.navbar a:hover .username-coloured,
.header-profile a:hover .username-coloured,
#username_logged_in a:hover .username-coloured {
    color: #DDEBCF !important;
}
/* Donkere tekst in de lichte uitklapvensters van de navigatiebalk */
.navbar .dropdown-extended,
.navbar .dropdown-extended a,
.navbar .dropdown-extended a:link,
.navbar .dropdown-extended a:visited,
.navbar .notification_list,
.navbar .notification_list a {
    color: #333333 !important;
}

/* Links bij aanwijzen */
.navbar .dropdown-extended a:hover,
.navbar .notification_list a:hover {
    color: #355820 !important;
}
/* Leesbare tekst in uitklapmenu's */
.navbar .dropdown,
.navbar .dropdown a,
.navbar .dropdown a:link,
.navbar .dropdown a:visited {
    color: #333333;
}

.navbar .dropdown a:hover {
    color: #355820;
}

/* Leesbare knoppen bij aanwijzen met de muis */
.button:hover,
.button:focus,
.button:active {
    color: #355820;
    background-color: #E4EDDC;
    border-color: #355820;
}