/* Open Sans italic latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/open-sans-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Open Sans italic latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/open-sans-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Open Sans normal latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/open-sans-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Open Sans normal latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/open-sans-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ==========================================================
   Patrick van Beveren – statische site, aanvullingen op het
   originele vCard-thema (bootstrap.css / style.css / green-black.css)
   ========================================================== */

/* Achtergrond (was WordPress "custom background") */
body.custom-background{
  background-color:#d9dbdd;
  background-image:url("../../wp-content/uploads/2015/01/bg4.jpg");
  background-image:image-set(url("../../wp-content/uploads/2015/01/bg4.webp") type("image/webp"),url("../../wp-content/uploads/2015/01/bg4.jpg") type("image/jpeg"));
  background-position:center top;background-size:auto;background-repeat:no-repeat;background-attachment:fixed;
}

/* H1's krijgen exact dezelfde opmaak als de originele koppen */
.profile h1{font-size:32px;font-weight:300;margin:0;line-height:36px;color:#000}
.profile h1 span{font-weight:700;color:#000}
.profile .h2-spacer{margin:20px 0 10px;height:0}
article h1.entry-title,article h2.entry-title{font-size:16px;color:#2c383c;margin:0;line-height:1.1;font-weight:700}
article h2.entry-title a{color:#2c383c;font-size:16px}
.page-head .page-head-title{display:block;margin:0;font-size:24px;line-height:1.1;font-weight:700;color:#2c383c}

/* Projecten-grid: zonder JavaScript zichtbaar */
#portfolio{list-style:none;padding:0;margin:0}
#portfolio .folio-img{position:relative;overflow:hidden}
#portfolio .item{display:inline-block;opacity:1;float:none}
#portfolio .item a.tile{display:block}
#portfolio .folio-img img{width:100%;height:184px;object-fit:contain}
.flexslider section.flex-active-slide{padding-bottom:1px!important}
#portfolio a.tile{display:block}
#portfolio:after{content:"";display:table;clear:both}

/* Deelknoppen (vervangt AddToAny, zonder externe scripts) */
.share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 20px;padding:0 4px}
.share-bar a.sb{display:inline-flex;align-items:center;gap:4px;height:16px;padding:0 9px 0 6px;border-radius:2px;
  font:700 10px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;text-decoration:none;white-space:nowrap}
.share-bar a.sb .fa{font-size:11px}
.share-bar .sb-fb{background:#1877f2}
.share-bar .sb-x{background:#0f1419}
.share-bar .sb-pin{background:#e60023}
.share-bar a.sb.sb-li{background:#0a66c2;padding:0;width:16px;justify-content:center}
.share-bar .sb-more{color:#000;font-size:16px;text-decoration:none;margin-left:2px;background:none;border:0;padding:0;font-family:inherit;cursor:pointer}
.share-bar .sb-more:hover{color:#006633}

/* Contactformulier statusmelding */
.wpcf7-response-output{margin:10px 0;padding:8px 12px;border:2px solid transparent;font-size:14px;display:none}
.wpcf7-response-output.ok{display:block;border-color:#46b450}
.wpcf7-response-output.err{display:block;border-color:#dc3232}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Skip-link */
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#006633;color:#fff;padding:8px 14px}
.skip-link:focus{left:10px;top:10px;color:#fff}

/* Correcties na visuele vergelijking */
a.profile-pic{display:block}
.profile .h2-spacer{display:none}
.wpcf7 label{font-weight:inherit;margin:0;display:inline}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.post-meta time,.post-meta .pm{color:#a1a1a1;margin-right:15px}
@media only screen and (max-width:767px){article h1.entry-title,article h2.entry-title{margin:15px 0 0}}