@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//vvdhilvarenbeek.nl/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.1") format("woff2");
}

:root {
	--wd-text-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,35,79);
	--wd-text-font-size: 17px;
	--wd-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(10,44,202);
	--wd-entities-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(10,44,202);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(10,44,202);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(255,100,0);
	--wd-alternative-color: rgb(10,44,202);
	--wd-link-color: rgb(10,44,202);
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(10,44,202);
	--btn-accented-bgcolor-hover: rgb(255,100,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,245,245);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(96,96,96);
	background-image: none;
}
.wd-page-title {
	background-color: rgb(10,44,202);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(233,235,239);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
h2 {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	color: rgb(10,44,202);
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: rgb(255,100,0);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(10,44,202);
}
.page .wd-page-content {
	background-color: rgb(245,245,245);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(245,245,245);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(245,245,245);
	background-image: none;
}
html .comment-form .submit, html .blog-design-list .btn-read-more {
	text-transform: capitalize;
	background: rgb(255,100,0);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/* Visual Composer buttons - juicy-pink override naar corporate oranje */
.vc_btn3-color-juicy-pink,
.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    background-color: rgb(255, 100, 0) !important;
    color: #ffffff !important;
    border: none !important;
}

/* Hover state: donkerblauw */
.vc_btn3-color-juicy-pink:hover,
.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
    background-color: rgb(10, 44, 202) !important;
    color: #ffffff !important;
}

/* Verberg auteur- en reactie-metadata */
.wd-meta-author,
.wd-meta-reply {
    display: none !important;
}

/* Lijststyling specifiek voor standpunten-sectie */
#standpunt ul {
    list-style: none;
    padding-left: 32px;
}

#standpunt ul li {
    position: relative;
    margin-bottom: 12px;
}

#standpunt ul li {
    list-style-image: url('https://vvdhilvarenbeek.nl/wp-content/uploads/2026/01/VVD_Pijl_01_RGB_Kleur.svg');
    list-style-position: outside;   /* of inside, afhankelijk van gewenste uitlijning */
    padding-left: 35px;             /* pas aan naar behoefte – ruimte voor de pijl */
}
/* Secundaire marker (blauwe accent) */
#standpunt ul li::after {
    content: "";
    position: absolute;
    left: -27px;
    top: 50%;
    transform: translateY(-42%);
    width: 0;
    height: 0;
    border-left: 12px solid rgb(10, 44, 202);
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
    z-index: 1;
}

/* Reacties volledig verbergen */
#comments.comments-area {
    display: none !important;
}

/* Ninja Forms validatiefoutmeldingen verbergen */
.nf-error-msg.nf-error-field-errors {
    display: none !important;
}

/* WoodMart titelcontainers met marker */
h2.woodmart-title-container {
    position: relative;
    padding-left: 42px;
}

h2.woodmart-title-container::before {
    content: "";
    position: absolute;
    left: 0;                      /* Of -5px / -10px als je hem iets meer naar links wilt schuiven */
    top: 50%;
    transform: translateY(-50%);
    width: 24px;                  /* Probeer 28–38px → originele viewBox is 100×113, dus iets smaller */
    height: 26px;                 /* Iets hoger dan breed om verhouding te behouden */
    background-image: url('https://vvdhilvarenbeek.nl/wp-content/uploads/2026/01/VVD_Pijl_01_RGB_Kleur.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;   /* Of center center als je wilt centreren */
    z-index: 2;
}

h2.woodmart-title-container::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-42%);
    border-left: 12px solid rgb(10, 44, 202);
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
    z-index: 1;
}

/* Single post achtergrond */
.post-single-page {
    background-color: #ffffff;
}

/* VC headings voorkomen tekstbreuk */
.vc_custom_heading h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* VC grid items - gelijke hoogte en verticale opmaak */
.vc_grid .vc_grid-item-mini {
    height: 100% !important;
}

.vc_grid .vc_gitem-animated-block {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.vc_gitem-zone-c {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px !important;
    box-sizing: border-box;
}

/* Excerpt beperken tot 3 regels */
.vc_gitem-post-data-source-post_excerpt {
    min-height: 4.5em;
    line-height: 1.5;
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.vc_gitem-post-data-source-post_excerpt p {
    margin: 0 !important;
}

/* Button positionering */
.vc_btn3-container {
    margin-top: auto !important;
}

/* Ninja Forms - input en textarea styling */
.nf-form-cont .nf-field-element input.ninja-forms-field,
.nf-form-cont .nf-field-element textarea.ninja-forms-field {
    background-color: #ffffff !important;
    height: 52px !important;
    padding: 0 18px !important;
    border-radius: 10px !important;
    border: 1px solid #dddddd !important;
    font-size: 16px !important;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.nf-form-cont .nf-field-element textarea.ninja-forms-field {
    height: 140px !important;
    padding: 18px !important;
    resize: vertical;
}

/* Focus state */
.nf-form-cont .nf-field-element input.ninja-forms-field:focus,
.nf-form-cont .nf-field-element textarea.ninja-forms-field:focus {
    border-color: #999999 !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.08) !important;
    outline: none;
}

/* Submit button styling */
.nf-form-cont input[type="submit"].ninja-forms-field {
    min-width: 220px;
    height: 54px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    background-color: rgb(255, 100, 0) !important;
    color: #ffffff !important;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

.nf-form-cont input[type="submit"].ninja-forms-field:hover {
    background-color: rgb(235, 85, 0) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(255, 100, 0, 0.28);
}

/* Blog cards - compacte weergave op kleinere schermen */
.article-inner {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 3px 16px rgba(0,0,0,0.07);
    transition: transform 0.25s ease;
}

.article-inner:hover {
    transform: translateY(-5px);
}

.article-inner .wd-entities-title {
    margin: 14px 18px 0;
    min-height: calc(1.35em * 2);
    padding-bottom: 6px;
}

.article-inner .wd-entities-title a {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
    color: #0a2cca;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article-inner .entry-content.wd-post-desc {
    flex-grow: 1;
    margin: 0 18px 18px;
    font-size: 14.5px;
    line-height: 1.55;
    color: #555555;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article-inner .post-img-wrapp img {
    width: 100%;
    height: 195px;
    object-fit: cover;
}

/* Verberg metadata en social sharing elementen */
.entry-meta,
.entry-meta-list,
.hovered-social-icons,
.wd-tltp {
    display: none !important;
}
/* Verwijder pijl bij de grote hoofdtitel */
#wd-6964f8d9d0cb3 h2.woodmart-title-container::before,
#wd-6964f8d9d0cb3 h2.woodmart-title-container::after {
    content: none !important;
    display: none !important;
}

/* Verwijder pijl bij de "Volg ons op social media" titel */
#wd-67ea8e2b95121 h2.woodmart-title-container::before,
#wd-67ea8e2b95121 h2.woodmart-title-container::after {
    content: none !important;
    display: none !important;
}

/* Uitzondering: ALLE titels in de carousel/slider volledig zonder pijl */
.wd-carousel-wrap .woodmart-title-container::before,
.wd-carousel-wrap .woodmart-title-container::after {
    content: none !important;
    display: none !important;
}
body.home .wd-carousel-item:has(a[href*="wil-vennix-2"]),
body.home .wd-carousel-item:has(a[href*="2-rens-schapendonk"]),
body.home .wd-carousel-item:has(a[href*="3-tycho-holleman"]),
body.home article.wd-project:has(a[href*="wil-vennix-2"]),
body.home article.wd-project:has(a[href*="2-rens-schapendonk"]),
body.home article.wd-project:has(a[href*="3-tycho-holleman"]) {
    display: none !important;
}