/*
Theme Name: Berkhof Enterprises
Theme URI:  https://berkhof-enterprises.nl
Description: Child theme for WoodMart
Author:      Berkhof Enterprises
Template:    woodmart
Version:     1.0.0
Text Domain: berkhof-enterprises
*/

.comments-area .logged-in-as>a {
    color: #ffffff;
}

.main-page-wrapper {
    background-color: #221b2f;
}

.job-manager .job-type,
.job-types .job-type,
.job_listing .job-type {
    color: #c1723d
}

.job-manager .full-time,
.job-types .full-time,
.job_listing .full-time {
    color: #26caff
}

.job-manager .part-time,
.job-types .part-time,
.job_listing .part-time {
    color: #f51959
}

.job-manager .bemiddeling,
.job-types .bemiddeling,
.job_listing .bemiddeling {
    color: #32a852
}

.job-manager .freelance,
.job-types .freelance,
.job_listing .freelance {
    color: #39c
}

.job-manager .in-loondienst,
.job-types .in-loondienst,
.job_listing .in-loondienst {
    color: #FF7900
}

.job-manager .berkhofenterprises,
.job-types .berkhofenterprises,
.job_listing .berkhofenterprises {
    color: #32a852
}

.job-manager .werving-en-selectie,
.job-types .werving-en-selectie,
.job_listing .werving-en-selectie {
    color: #32a852
}

.job-manager .tijdelijk,
.job-types .tijdelijk,
.job_listing .tijdelijk {
    color: #F55319
}

.single_job_listing .meta .tijdelijk {
    background-color: #F55319 !important;
}

.single_job_listing .meta .part-time {
    background-color: #f51959 !important;
}

.single_job_listing .meta .full-time {
    background-color: #26caff !important;
}

.single_job_listing .meta .berkhofenterprises {
    background-color: #32a852 !important;
}

.single_job_listing .meta .in-loondienst {
    background-color: #FF7900 !important;
}

.single_job_listing .meta .freelance {
    background-color: #39c !important;
}

.single_job_listing .meta .bemiddeling {
    background-color: #32a852 !important;
}

.single_job_listing .meta .werving-en-selectie {
    background-color: #32a852 !important;
}

.single-job_listing .wd-single-post-img {
    display: none !important;
}

.wd-meta-reply {
    display: none !important;
}

.single-job_listing .posted-by,
.single-job_listing .author {
    display: none !important;
}

.wd-meta-reply,
.wd-meta-author {
    display: none !important;
}

body.page-id-7908 .wd-content-area.site-content .entry-content,
body.blog .wd-content-area.site-content .entry-content {
    margin-top: initial;
    /* Herstel de standaardwaarde */
    padding-top: initial;
    /* Herstel de standaardwaarde */
}

body .wd-content-area.site-content .entry-content {
    margin-top: -100px;
    /* Pas de ruimte boven het tekstgedeelte aan */
    padding-top: 0px;
    /* Pas de binnenruimte aan */
}

.wd-meta-date {
    margin-bottom: 7px !important;
    /* Pas de waarde aan naar wens */
}

.rss_link {
    display: none;
}

.showing_jobs,
.wp-job-manager-showing-all {
    color: #f31e5d;
    /* Maak de tekst wit */
}

body .wd-single-post-header {
    margin-top: -30px;
    /* Pas deze waarde aan naar wens */
    padding-top: 0;
    /* Verwijder extra padding indien nodig */
}

.mobile-nav .menu-item-compare {
    display: none;
}

@media (max-width: 768px) {
    .single-post .post-navigation {
        display: none;
    }
}

.page-id-7908 .post-date {
    display: none;
}

.job-manager .job_manager_loader {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    border: 1px solid white !important;
    /* Witte rand */
    border-radius: px;
    /* Optioneel, afgeronde hoeken */
    padding: 10px;
    /* Optioneel, ruimte binnen het veld */
    box-sizing: border-box;
    /* Zorg ervoor dat padding de veldgrootte niet beïnvloedt */
}

.meta-date {
    display: block !important;
    visibility: visible !important;
}

.comment-author .fn {
    color: #fff !important;
    /* Maakt de naam wit */
}

.comment-author .fn a {
    color: #fff !important;
    /* Zorgt dat links ook wit worden */
    text-decoration: none;
    /* Verwijdert eventuele onderstreping */
}

.wd-page-nav .prev-btn span.wd-label,
.wd-page-nav .next-btn span.wd-label {
    color: white;
    /* Zet de tekstkleur van "Ouder" en "Nieuwe" in wit */
}

.comment-awaiting-moderation {
    display: block;
    background-color: #ffffff;
    /* Witte achtergrond */
    padding: 10px;
    /* Ruimte binnen het vlakje */
    border: 1px solid #e0e0e0;
    /* Optionele grijze rand */
    border-radius: 5px;
    /* Maak de hoeken rond */
    margin-bottom: 10px;
    /* Ruimte onder het vlakje */
    font-size: 14px;
    /* Lettergrootte */
    color: #888;
    /* Tekstkleur */
    text-align: left;
    /* Tekst uitlijnen naar links */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    /* Optionele schaduw */
}

@media (max-width: 768px) {
    .comment-awaiting-moderation {
        display: block;
        margin-top: 8px;
        font-size: 12px;
        color: #555;
        /* Een kleur die goed zichtbaar is */
        background-color: #f9f9f9;
        /* Achtergrondkleur voor betere leesbaarheid */
        padding: 5px;
        border-radius: 4px;
        /* Maakt de melding visueel aantrekkelijk */
        position: relative;
        /* Zorgt ervoor dat het in de juiste context blijft */
    }

    .comment-text {
        margin-top: 15px;
        margin-bottom: 15px;
        /* Extra ruimte om overlapping te vermijden */
    }

    .comment-awaiting-moderation+.comment-text {
        clear: both;
        /* Zorgt dat de tekst niet door de melding overlapt */
    }
}

.meta-reply .replies-count {
    background-color: #ec2661 !important;
    /* Volledige achtergrond roze */
    color: #ffffff !important;
    /* Cijfertje wit */
    border: none !important;
    /* Verwijder de rand */
    border-radius: 50%;
    /* Zorg voor een perfect rondje */
    display: inline-flex;
    /* Flexbox gebruiken voor centreren */
    align-items: center;
    /* Verticaal centreren */
    justify-content: center;
    /* Horizontaal centreren */
    width: 30px;
    /* Pas aan voor gewenste grootte */
    height: 30px;
    /* Pas aan voor gewenste grootte */
    font-weight: bold;
    /* Cijfertje beter leesbaar */
    line-height: 1;
    /* Verzeker dat het goed gecentreerd blijft */
    box-shadow: 0 0 0 2px #ff007f inset !important;
    /* Optioneel: roze rand binnenin */
}

.wd-page-nav-btn a .wd-page-nav-icon {
    color: #fff !important;
    /* Maak alleen de pijl wit */
    background: none !important;
    /* Verwijder de achtergrond */
    border: none !important;
    /* Verwijder de rand */
    box-shadow: none !important;
    /* Verwijder eventuele schaduwen */
}

.author {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
    color: inherit !important;
}

html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}


/* Wit vlak voor alles binnen de post content, alleen bij blogoverzicht */
/* .blog .article-body-container {
    background-color: #ffffff !important;
    padding: 12px !important;
    border-radius: 8px !important;
    display: inline-block;
    width: auto;
} */

/* Extra zekerheid voor mobiel */
@media (max-width: 768px) {
    .blog .article-body-container {
        background-color: #ffffff !important;
    }
}

@media (max-width: 768px) {
    .blog .article-body-container {
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .blog .article-body-container * {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Wit vlak op alle schermen behouden */
.blog .article-body-container {
    background-color: #ffffff;
    padding: 12px;
    border-radius: 8px;
}

/* Alles centreren op mobiel */
@media (max-width: 768px) {
    .blog .article-body-container {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .blog .article-body-container * {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Zorg voor wit vlak op desktop én mobiel */
.blog .article-body-container {
    background-color: #ffffff;
    padding: 12px;
    border-radius: 8px;
}

/* Wit vlak behouden + gecentreerde content op desktop, zonder overmatige ruimte */
.blog .article-body-container {
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    background-color: #ffffff;
}

/* Netjes centreren op desktop zonder alles onder elkaar te forceren */
.blog .article-body-container>* {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    display: inline-block;
    text-align: center;
}

/* Eventuele tussenruimte verkleinen */
.blog .article-body-container p,
.blog .article-body-container span,
.blog .article-body-container a,
.blog .article-body-container .woodmart-post-meta {
    margin-bottom: 8px;
}

.blog .content-area {
    width: 100% !important;
}

/* Kill skip links everywhere */
a.skip-link,
.skip-link,
.screen-reader-text.skip-link,
a[href="#content"],
a[href="#main"],
a[href="#primary"],
a[href^="#content"],
a[href^="#main"],
[class*="skip-link"] {
    display: none !important;
}

/* Witte omlijning rond zoekvelden op vacaturepagina */
.page-id-7908 input[type="text"],
.page-id-7908 input[type="search"],
.page-id-7908 select {
    border: 1px solid #fff !important;
    color: #fff;
    /* witte tekst in het veld */
    background-color: transparent;
    /* behoud donkere achtergrond */
}

/* Witte rand iets dikker bij focus of hover */
.page-id-7908 input[type="text"]:focus,
.page-id-7908 input[type="search"]:focus,
.page-id-7908 select:focus {
    border: 2px solid #fff !important;
    outline: none;
}

/* Eventueel: placeholdertekst iets lichter wit */
.page-id-7908 ::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.single-job_listing .wd-post-image {
    display: none !important;
}

.single-job_listing .wd-post-date {
    padding: 20px 0 20px 0 !important;
}

.wd-post-date {
    color: #fff !important;
}

.wd-post-reply {
    display: none !important;
}