/* nr-site.css van WP Minimal (Lab, 27 sep 2026). Samengesteld door scripts/bouw-css.py uit
   css/nr-site.bron.css en bouw/inline-stijlen.json; bewerk de bronnen, niet mu-plugins/nr-site/nr-site.css.
   Staat in de cascade direct na nr-design (wp_head 100). Hier alleen wat op neverrest.nl uit een plugin
   kwam of wat het ontbreken van een plugin rechtzet. */

.nr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0;border:0}

/* ---------------------------------------------------------------------------
   1. Reviewstrook in de voet (was de Google-widget van Business Reviews Bundle). Maten gelijk aan
   WP Custom en Full Code; de rij eromheen is de middelste rij van de Astra-voet.
   --------------------------------------------------------------------------- */
#colophon .nr-reviewstrook{padding:19px 0 19px 0;font-size:16px;line-height:normal;color:#F4F1EC;text-align:left}
/* Het rastervak van de voet mag niet meegroeien met de schuivende kaartenlijst op de telefoon. */
.site-primary-footer-wrap .site-footer-section,.ast-footer-html-1,.ast-footer-html-1 .ast-builder-html-element{min-width:0;max-width:100%}
#colophon .nr-reviewstrook p{margin:0}
/* Astra geeft de tekst in het HTML-element van de voet een eigen kleur, maat en regelhoogte; hier erven ze
   van de strook, zodat alleen de regels hieronder tellen. */
#colophon .nr-reviewstrook :where(p,div,li,span,a){color:inherit;font-size:inherit;line-height:inherit;text-align:inherit}
#colophon .nr-reviewstrook__kop{display:flex;flex-wrap:wrap;align-items:center;background:#1B1820;border:1px solid #2a2731;border-radius:10px;padding:16px;margin-bottom:16px}
#colophon .nr-reviewstrook__beeld{flex:none;width:48px;height:48px;border-radius:50%;margin-right:12px;align-self:flex-start}
#colophon .nr-reviewstrook__info{flex:1 1 200px;min-height:96px}
#colophon .nr-reviewstrook__titel{font-size:16px;font-weight:700;line-height:18px;margin-bottom:8px}
#colophon .nr-reviewstrook__naam{font-size:15px;font-weight:600;line-height:18.75px}
#colophon .nr-reviewstrook__uitleg{font-size:13.6px;line-height:15px;color:#9aa0a8;margin-top:37px!important}
#colophon .nr-reviewstrook__knoppen{display:flex;flex-wrap:wrap;gap:12px}
#colophon .nr-reviewstrook__knop{display:inline-block;background:var(--nr-goud-licht);font-size:15px;font-weight:700;line-height:18.75px;padding:6px 8px;text-decoration:none}
#colophon .nr-reviewstrook a.nr-reviewstrook__knop{color:#16141A}
#colophon .nr-reviewstrook__lijst{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px}
#colophon .nr-reviewstrook__item{flex:1 1 calc(25% - 12px);min-width:0;background:#1B1820;border:1px solid #2a2731;border-radius:10px;padding:16px;height:274px;display:flex;flex-direction:column;text-align:left;margin:0}
#colophon .nr-reviewstrook__wie{display:flex;gap:12px;min-width:0}
#colophon .nr-reviewstrook__wie > div{min-width:0}
#colophon .nr-reviewstrook__letter{flex:none;width:44px;height:44px;border-radius:50%;background:#2a2731;color:var(--nr-goud-licht);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:24px;line-height:1}
#colophon .nr-reviewstrook__org{font-size:15px;font-weight:600;line-height:18.75px;margin-top:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#colophon .nr-reviewstrook__datum{font-size:12px;line-height:15px;margin-top:6px!important;color:#b9bec6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#colophon .nr-reviewstrook__st{margin:16px 0 8px!important;height:20px;font-size:16px;line-height:20px;letter-spacing:3px;color:var(--nr-goud-licht)}
#colophon .nr-reviewstrook__tekst{font-size:15px;line-height:24px;height:144px;overflow:auto;margin-bottom:8px}
#colophon .nr-reviewstrook__meer{text-align:center}
#colophon .nr-reviewstrook__meer a{display:inline-block;padding:8px;font-size:16px;line-height:18px;color:#fff;text-decoration:none}
@media (hover:hover){
#colophon .nr-reviewstrook a.nr-reviewstrook__knop:hover{background:var(--nr-goud);color:#16141A}
#colophon .nr-reviewstrook__meer a:hover{color:var(--nr-goud-licht)}
}
@media (max-width:921px){
#colophon .nr-reviewstrook{padding-bottom:21px}
#colophon .nr-reviewstrook__lijst{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(2,274px);grid-auto-columns:254px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;contain:paint}
#colophon .nr-reviewstrook__item{scroll-snap-align:start}
#colophon .nr-reviewstrook__knoppen{flex-basis:100%;margin-top:12px}
}
@media (max-width:768px){
#colophon .nr-reviewstrook__kop{min-height:234px;align-content:flex-start}
}

/* ---------------------------------------------------------------------------
   2. Testimonials op /recensies/ (was wp-testimonial-with-widget-pro, design 17). Zelfde opbouw en
   klassen als de plugin, maten en kleuren gelijk aan WP Custom (daar gemeten op het origineel).
   --------------------------------------------------------------------------- */
.wtwp-testimonials-wrp,.wtwp-testimonials-wrp *{box-sizing:border-box}
.wtwp-clearfix::after{content:"";display:table;clear:both}
.wtwp-tstmnl-wrp-inr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
@media (max-width:640px){.wtwp-tstmnl-wrp-inr{grid-template-columns:1fr}}
.wtwp-testimonial-box{padding:0 .9375em;margin:0 0 20px;color:#16141a}
.wtwp-testimonial-inner{padding:20px;border:4px double #ccc;background:#f2f2f2;color:#666}
.wtwp-testimonial-content{display:table;width:100%;clear:both;text-align:center}
.wtwp-testimonial-title{margin:0 0 5px;font-size:20px;line-height:25px;font-weight:600;color:#666;text-align:left}
.wtwp-testimonials-text{position:relative;padding:0 0 40px;font-size:15px;font-style:italic;font-family:"Open Sans",sans-serif;line-height:normal;color:#666;text-align:left}
.wtwp-testimonials-text::after{content:'';position:absolute;left:0;bottom:20px;width:50px;height:3px;background-color:#bb7a40}
.wtwp-testimonials-text > em::before{color:#ccc;content:"“";font-size:3em;line-height:.1em;margin-right:.15em;vertical-align:-.4em}
.wtwp-testimonials-text > em::after{content:"”";font-size:3em;line-height:.1em;margin-left:.15em;vertical-align:-.5em;color:#ccc}
.wtwp-testimonials-text ul{margin:0 0 1.5em 3em}
.wtwp-testimonial-avatar{display:flow-root}
.wtwp-avtar-image{float:left;width:68px;margin:0 10px 0 0}
.wtwp-avtar-image img{display:block;width:68px;height:68px;border-radius:50%}
.wtwp-testimonial-rating{margin:3px 0;min-height:30px;text-align:left;font-family:Arial,sans-serif;color:#FFD700;letter-spacing:4px;padding-left:2px}
.wtwp-testimonials-text p.nr-testimonial-naschrift{font-size:15px!important;text-align:center}
.wtwp-paging{margin:0;padding:15px 0;text-align:center;color:#666}
.wtwp-paging .page-numbers{display:inline-block;margin:0 1px 6px 2px;padding:7px 10px;border:1px solid #333;background:#333;color:#fff;font-size:14px;line-height:normal;text-decoration:none}
.wtwp-paging .page-numbers.current{border-color:#666;background:transparent;color:#666;text-transform:uppercase}
.wtwp-paging .page-numbers.dots{border:0;background:transparent;color:#666}
.wtwp-paging .next{min-width:80px}
@media (hover:hover){.wtwp-paging a.page-numbers:hover{background:#666;border-color:#666}}

/* ---------------------------------------------------------------------------
   3. Lite-embed voor Vimeo (iframe pas na een klik, nr-site.js). Gelijk aan WP Custom en Full Code.
   --------------------------------------------------------------------------- */
.nr-lite{position:relative;display:block;width:100%;height:100%;background:#000;overflow:hidden}
.nr-lite__link{position:absolute;inset:0;display:block;color:#fff}
.nr-lite__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nr-lite__play{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;background:rgba(12,13,16,.72);color:#fff;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);box-shadow:0 6px 20px rgba(0,0,0,.4);transition:background .15s linear}
.nr-lite__play svg{margin-left:3px}
.nr-lite iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.nrp-vid .nr-lite,.nrp-port .nr-lite,.nrp-vid1 .nr-lite{position:absolute;inset:0}
@media (hover:hover){.nr-lite__link:hover .nr-lite__play{background:var(--nr-goud);color:#16141A}}

/* ---------------------------------------------------------------------------
   4. WhatsApp-knop (was Joinchat): 50 bij 50 px, 28 px van rechts en 68 px van onderen, tot 480 px
   breed 14 px van rechts, na zes seconden. Gelijk aan WP Custom en Full Code.
   --------------------------------------------------------------------------- */
.nr-wa{position:fixed;right:28px;bottom:68px;z-index:9000;width:50px;height:50px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);animation:nr-wa-in .5s cubic-bezier(.18,.89,.32,1.28) 6s both}
@media (max-width:480px){.nr-wa{right:14px}}
@keyframes nr-wa-in{from{opacity:0;visibility:hidden;transform:scale(0)}to{opacity:1;visibility:visible;transform:none}}
@media (prefers-reduced-motion:reduce){.nr-wa{animation-duration:.01s}}
@media (hover:hover){.nr-wa:hover{filter:brightness(1.05);color:#fff}}

/* ---------------------------------------------------------------------------
   5. Formulier ([nr_formulier], opmaak van CF7). De CSS van de plugin CF7 zelf ontbreekt; dit is wat
   daarvan zichtbaar was: de verborgen velden, de schermlezerregel en het meldingenvak.
   --------------------------------------------------------------------------- */
.wpcf7 .hidden-fields-container{display:none}
/* .screen-reader-response blijft zichtbaar in de opmaak, zoals op neverrest.nl: daar valt de verbergregel van
   CF7 weg en neemt de lege ul eronder 25,5 px in (de ondermarge van Astra op ul). */
.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}
.wpcf7 form.init .wpcf7-response-output{display:none}
.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}
.wpcf7 form.failed .wpcf7-response-output{border-color:#dc3232}
.wpcf7 form.invalid .wpcf7-response-output{border-color:#ffb900}
.nr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* De hint onder de speeldatum stond in CF7 als style-attribuut, hier als klasse met dezelfde werking. */
:where(.nr-form-hint){font-size:0.85em!important;margin-top:-0.5em!important}

/* ---------------------------------------------------------------------------
   6. Rechtzetten wat een plugin op neverrest.nl ongemerkt deed.
   --------------------------------------------------------------------------- */
/* ShortPixel zet op neverrest.nl elk beeld in een picture achter twee source-elementen. Daardoor raakt
   .nrp-gezichten img:first-child (contact-2.css) daar geen van beide gezichten en schuiven ze allebei
   12 px naar links. Hier staan de beelden kaal, dus zetten we dat gedrag terug. */
.nrp-gezichten img:first-child{margin-left:-12px}

/* ---------------------------------------------------------------------------
   7. De style-attributen van het origineel als klasse (SOP-10, geen stijl in de inhoud). Elke regel
   gedraagt zich als een style-attribuut: specificiteit nul en !important, dus wint hij van elke gewone
   regel en verliest hij van een echte !important-regel met meer gewicht. Gegenereerd.
   --------------------------------------------------------------------------- */
:where(.nrs-07d9ab){font-size:14.5px!important;color:#8f959d!important}
:where(.nrs-19aa77){background:#C9A227!important;border-radius:12px!important;padding:48px!important;max-width:1160px!important;margin:0 auto!important;box-shadow:0 20px 50px rgba(201,162,39,0.22)!important}
:where(.nrs-2ce55f){display:flex!important;gap:16px!important;flex-wrap:wrap!important;margin-bottom:32px!important}
:where(.nrs-37deb0){overflow-x:auto!important;margin-top:24px!important}
:where(.nrs-3cd439){font-size:20px!important;font-weight:600!important;color:#fff!important;margin:30px 0 8px!important}
:where(.nrs-435bc3){overflow-x:auto!important;margin-top:28px!important}
:where(.nrs-47c857){margin-top:28px!important}
:where(.nrs-49c899){font-size:20px!important;font-weight:600!important;color:#232025!important;margin:30px 0 8px!important}
:where(.nrs-4a909e){margin-top:18px!important}
:where(.nrs-553a64){margin-top:14px!important}
:where(.nrs-5c999c){display:inline-block!important;background:transparent!important;color:#16141A!important;padding:12px 26px!important;border-radius:10px!important;border:2px solid rgba(22,20,26,0.55)!important;font-weight:700!important;font-size:16px!important;text-decoration:none!important}
:where(.nrs-715db9){border-top:2px solid rgba(22,20,26,0.3)!important;padding-top:24px!important;display:flex!important;gap:32px!important;flex-wrap:wrap!important}
:where(.nrs-7277c6){color:#16141A!important;text-decoration:none!important;font-size:17px!important;font-weight:700!important}
:where(.nrs-76eea4){color:#F4F1EC!important}
:where(.nrs-79642a){color:#16141A!important;font-size:19px!important;line-height:1.6!important;margin:0 0 32px 0!important;max-width:600px!important;font-weight:500!important}
:where(.nrs-7e6922){display:inline-block!important;background:#16141A!important;color:#F7F4EF!important;padding:14px 28px!important;border-radius:10px!important;font-weight:700!important;font-size:16px!important;text-decoration:none!important}
:where(.nrs-80857c){max-width:74ch!important;color:#232025!important}
:where(.nrs-9b54a3){justify-content:center!important}
:where(.nrs-ab4c9c){padding-bottom:70px!important}
:where(.nrs-b0043e){margin-top:16px!important}
:where(.nrs-b01942){margin-top:1.6em!important;padding-top:1.1em!important;border-top:1px solid rgba(128,128,128,0.35)!important;font-size:0.95em!important}
:where(.nrs-b7c8fe){font-size:19px!important}
:where(.nrs-c7a72d){color:#E9C46A!important}
:where(.nrs-cd082c){font-size:20px!important;font-weight:600!important;color:#232025!important;margin:36px 0 8px!important}
:where(.nrs-dd8830){color:#16141A!important;font-size:32px!important;margin:0 0 16px 0!important;font-weight:700!important}
