/*
 * Barfplaats.nl
 * phpBB 3.3 child style based on prosilver
 */

@import url("../../prosilver/theme/stylesheet.css");


/* =========================================================
   BARFPLAATS BASIS
   ========================================================= */

html,
body {
    background-color: #CCCC66 !important;
    color: #333333;
}

.wrap {
    background-color: #FFFFFF !important;
    border-color: #B8B85C !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.headerbar {
    background: #CCCC66 !important;
    color: #141414 !important;
}

.headerbar h1,
.headerbar h2,
.headerbar p,
.headerbar a,
.headerbar a:link,
.headerbar a:visited {
    color: #141414 !important;
}

.headerbar a:hover {
    color: #555500 !important;
}


/* =========================================================
   NAVIGATIE
   ========================================================= */

.navbar {
    background: #F9F9EF !important;
    border-color: #E1E1C7 !important;
}

.navbar a,
.navbar a:link,
.navbar a:visited {
    color: #333333 !important;
}

.navbar a:hover {
    color: #777700 !important;
}

.breadcrumbs,
.breadcrumbs a {
    color: #444444 !important;
}

.breadcrumbs a:hover {
    color: #777700 !important;
}


/* =========================================================
   CATEGORIEHEADERS
   ========================================================= */

.forabg,
.forumbg {
    background: #141414 !important;
    border-color: #141414 !important;
}

.forabg .header,
.forumbg .header,
.forabg .header a,
.forumbg .header a,
.forabg li.header dt,
.forabg li.header dd,
.forumbg li.header dt,
.forumbg li.header dd {
    color: #FFFFFF !important;
}


/* =========================================================
   FORUMLIJST
   ========================================================= */

ul.forums {
    background: #FFFFFF !important;
}

li.row {
    background: #FFFFFF !important;
    border-top-color: #EEEEDE !important;
    border-bottom-color: #E1E1C7 !important;
}

li.row:hover {
    background: #F9F9EF !important;
}

a.forumtitle,
a.topictitle {
    color: #292929 !important;
}

a.forumtitle:hover,
a.topictitle:hover {
    color: #777700 !important;
    text-decoration: underline;
}

li.row dt,
li.row dd,
li.row .list-inner {
    color: #444444;
}


/* =========================================================
   ALGEMENE LINKS
   ========================================================= */

a,
a:link,
a:visited {
    color: #3F5266;
}

a:hover,
a:focus {
    color: #777700;
}

a:active {
    color: #555500;
}


/* =========================================================
   POSTS
   ========================================================= */

.post {
    border-color: #DEDEC7 !important;
}

.bg1 {
    background-color: #FFFFFF !important;
}

.bg2 {
    background-color: #F9F9EF !important;
}

.bg3 {
    background-color: #F4F4E8 !important;
}

.postbody,
.content {
    color: #333333;
}

.postprofile {
    color: #555555;
    border-color: #DEDEC7 !important;
}


/* =========================================================
   QUOTES EN CODE
   ========================================================= */

blockquote {
    background-color: #F9F9EF !important;
    border-color: #CCCC66 !important;
    color: #444444;
}

blockquote blockquote {
    background-color: #FFFFFF !important;
}

.codebox {
    background-color: #F9F9EF !important;
    border-color: #D7D7B8 !important;
}

.codebox p {
    border-bottom-color: #CCCC66 !important;
}


/* =========================================================
   PANELEN
   ========================================================= */

.panel {
    background-color: #F9F9EF !important;
    color: #333333;
}


/* =========================================================
   INVOERVELDEN
   ========================================================= */

.inputbox {
    background-color: #FFFFFF !important;
    border-color: #C7C7A8 !important;
    color: #333333 !important;
}

.inputbox:hover {
    border-color: #AAAA55 !important;
}

.inputbox:focus {
    border-color: #888844 !important;
}


/* =========================================================
   KNOPPEN
   ========================================================= */

.button {
    border-color: #AFAF55 !important;
    color: #444400 !important;
}

.button:hover,
.button:focus {
    border-color: #777700 !important;
    color: #555500 !important;
}

.button1,
input.button1 {
    background: #CCCC66 !important;
    border-color: #AAAA55 !important;
    color: #141414 !important;
}

.button1:hover,
input.button1:hover {
    background: #DADA7B !important;
    border-color: #888844 !important;
}


/* =========================================================
   TABS
   ========================================================= */

.tabs .tab > a {
    background: #F4F4E8 !important;
    color: #444444 !important;
}

.tabs .tab > a:hover {
    background: #EAEAAB !important;
    color: #141414 !important;
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
    background: #CCCC66 !important;
    color: #141414 !important;
}


/* =========================================================
   PAGINERING
   ========================================================= */

.pagination li a {
    background: #F9F9EF !important;
    border-color: #CCCC99 !important;
    color: #444444 !important;
}

.pagination li a:hover {
    background: #CCCC66 !important;
    border-color: #AAAA55 !important;
    color: #141414 !important;
}

.pagination li.active span {
    background: #141414 !important;
    border-color: #141414 !important;
    color: #FFFFFF !important;
}


/* =========================================================
   DROPDOWNS
   ========================================================= */

.dropdown .dropdown-contents {
    background-color: #FFFFFF !important;
    border-color: #CCCC99 !important;
}


/* =========================================================
   OVERIGE VLAKKEN
   ========================================================= */

.rules {
    background-color: #F9F9EF !important;
    color: #444444;
}

.notice,
.stat-block {
    border-color: #D7D7B8 !important;
}


/* =========================================================
   ZOEKVELD
   ========================================================= */

.search-header {
    box-shadow: none !important;
}

.search-header .inputbox {
    background-color: #FFFFFF !important;
    border-color: #BABA72 !important;
}


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

.page-footer,
.copyright {
    color: #555555;
}

.copyright a {
    color: #444444;
}

.copyright a:hover {
    color: #777700;
}


/* =========================================================
   MOBIEL
   ========================================================= */

@media (max-width: 700px) {
    li.row {
        background: #FFFFFF !important;
    }

    li.row:hover {
        background: #F9F9EF !important;
    }
}

/* =========================================================
   BARFPLAATS TYPOGRAFIE
   ========================================================= */

/* Algemene tekst */
body,
input,
button,
select,
textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

/* Forumomschrijving en overige content */
li.row,
li.row dt,
li.row dd,
li.row .list-inner,
.postbody,
.content,
.postprofile,
.panel {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4;
}

/* Forumtitels en onderwerptitels */
a.forumtitle,
a.topictitle {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 1.3;
}

/* Titels van berichten */
.postbody h3,
.postbody h3 a {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}

/* Categorieheaders */
.forabg .header,
.forumbg .header,
.forabg li.header dd,
.forumbg li.header dd {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
}
.forabg li.header dt,
.forumbg li.header dt {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
}

/* Navigatie */
.navbar,
.navbar a,
.breadcrumbs,
.breadcrumbs a {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
}

/* =========================================================
   BARFPLAATS LOGO
   ========================================================= */

.site_logo {
    background-image: url("./images/logo_hd.png") !important;
    background-size: 350px 56px !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    width: 350px !important;
    height: 56px !important;
}

.site_logo i {
    display: none !important;
}

/* De tekst naast het logo verbergen */
.site-description h1,
.site-description p {
    display: none !important;
}

/* =========================================================
   BARFPLAATS HEADER MOBIEL
   ========================================================= */

@media (max-width: 700px) {

    #site-description {
        float: none;
        width: 100%;
    }

    #logo {
        float: none;
        display: block;
        width: 100%;
    }

    .site_logo {
        display: block !important;
        width: 100% !important;
        max-width: 350px !important;
        height: 56px !important;
        background-size: contain !important;
        background-position: left center !important;
    }

    .headerbar .inner {
        height: auto !important;
        min-height: 0 !important;
    }
}