/* VOV's original sections rendered with Gavias Edmix and portable layouts. */
html,body{margin:0}
body{background:#333;color:#363636}
.vov-site{background:#fff;min-height:100vh}
.vov-nav{min-height:81px;background:#343a40;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}
.vov-nav .region,.vov-nav #block-mainnavigation{width:100%}
.vov-nav .navbar-we-mega-menu,.vov-nav .main.navbar{display:flex;justify-content:center;margin:0;min-height:0;background:transparent;border:0;box-shadow:none}
.vov-nav .we-mega-menu-ul{display:flex;justify-content:center}
.vov-nav .we-mega-menu-li>a{color:#fff!important;font:400 13px 'Quicksand',sans-serif;text-transform:uppercase;padding:16px!important}
.vov-nav .we-mega-menu-li>a:hover,.vov-nav .we-mega-menu-li.active>a{background:transparent!important;color:#ddd!important}
.vov-hero{height:142px;background:#eee url('../images/headerbg.jpg') center right/cover no-repeat}
.vov-hero--front{height:700px}
.vov-branding{height:142px;background:rgba(255,255,255,.6);text-align:center}
.vov-branding #block-vov-advocaten-branding{height:100%;display:flex;justify-content:center;align-items:center;background:transparent;margin:0;padding:0}
.vov-branding .site-logo img,.vov-branding .site-branding__logo-link img{width:260px;height:auto;max-height:125px;object-fit:contain}
.vov-highlighted{position:relative;min-height:0}
.vov-highlighted #block-inleidingsblok{position:relative;z-index:2;background:#fff;max-width:560px;margin:-112px 6% 16px auto;padding:0}
.vov-highlighted #block-inleidingsblok .block__inner{border-left:1px solid #856336;padding-left:10px}
.vov-main{width:100%;margin:0 auto;padding:18px 0;color:#363636}
.vov-main .region-content{width:100%}
.vov-main h1.node__title{font-size:1.5rem}
.vov-main h2.block__title{color:#856637;font-size:1.8em}
.vov-main .atl--threecol-4-4-4{background:aliceblue}
.vov-main .atl--threecol-4-4-4>.atl__cw{max-width:70%;margin:auto}
.vov-main .atl__lc{padding:0 2.63em}
.vov-main .atl--onecol .atl__lc{padding:0}
.vov-footer{min-height:139px;background:#666;color:#fff;padding:30px 3.5%;display:flex;align-items:center}
.vov-footer a{color:#fff}
.vov-footer .menu{display:flex;gap:16px;flex-wrap:wrap;padding:0;list-style:none}
.vov-footer #block-vov-advocaten-footer{padding:0}
@media(max-width:768px){
 .vov-hero--front{height:440px}
 .vov-highlighted #block-inleidingsblok{margin:-60px auto 16px;width:90%}
 .vov-main .atl--threecol-4-4-4>.atl__cw{max-width:90%}
 .vov-footer .menu{display:block}
 .vov-nav .we-mega-menu-ul{flex-wrap:wrap}
}

.vov-highlighted--front{padding-bottom:85px}
.vov-highlighted #block-inleidingsblok{border-left:1px solid #856336;padding-left:10px}
.vov-highlighted #block-inleidingsblok h2{color:#856637;font-size:28px;font-weight:300;text-transform:none;letter-spacing:0;line-height:1.3;margin:0 0 14px}
.vov-main:not(.vov-main--front){padding:18px}
.vov-main .atl--threecol-4-4-4>.atl__cw{max-width:70%}
.vov-main .atl--twocol-6-6>.atl__cw{max-width:80%;margin:auto}
@media(max-width:768px){.vov-highlighted--front{padding-bottom:45px}.vov-main .atl--threecol-4-4-4>.atl__cw,.vov-main .atl--twocol-6-6>.atl__cw{max-width:100%}}

.vov-footer a,.vov-footer .menu a{color:#fff!important;font-weight:400!important;text-transform:none!important;}
.vov-highlighted #block-inleidingsblok h2{color:#856637!important;font-weight:300!important;text-transform:none!important;font-size:28px!important;letter-spacing:0!important;}
.contact-message-form .form-item-mail{height:auto!important;padding:0!important;background:transparent!important;}
.contact-message-form .form-item-mail label{height:auto!important;padding:0!important;background:transparent!important;}
.vov-highlighted #block-inleidingsblok h2 span{color:#856637!important;font-size:28px!important;font-weight:300!important;text-transform:none!important;letter-spacing:0!important;}

/* Reading layout for content pages; the Over mij view keeps its own columns. */
.vov-main:not(.vov-main--front){background:#f7f8fa;padding:48px 24px 72px}
body.path-over-mij .vov-main{background:#fff;padding:18px}
.vov-main:not(.vov-main--front) .node--type-page{
  max-width:1120px;
  margin:0 auto;
  padding:44px clamp(24px,5vw,64px) 56px;
  background:#fff;
  border:1px solid #eceef0;
  border-radius:8px;
  box-shadow:0 14px 38px rgba(36,45,55,.055);
}
.vov-main .node--type-page>header .container{width:100%;max-width:none;padding:0;margin:0}
.vov-main .node--type-page h2.node__title{font-size:30px;line-height:1.25;letter-spacing:-.025em;color:#303943;margin:0}
.vov-main .node--type-page .widget.gsc-heading{padding-bottom:28px!important}
.vov-main .node--type-page .heading-line{margin-top:14px}
.vov-main .node--type-page .node__content{width:100%;max-width:900px;color:#454e57;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.vov-main .node--type-page .field--name-body p{margin:0 0 1.15em;line-height:1.8}
.vov-main .node--type-page .field--name-body h3{
  font-size:20px;line-height:1.4;color:#353e47;margin:2em 0 .7em;
  padding-bottom:.4em;border-bottom:1px solid #e7ebee;
}
.vov-main .node--type-page .field--name-body h4{
  font-size:17px;line-height:1.45;color:#353e47;margin:1.6em 0 .55em;
}
.vov-main .node--type-page .field--name-body ul,
.vov-main .node--type-page .field--name-body ol{padding-left:1.5em;margin:0 0 1.5em}
.vov-main .node--type-page .field--name-body li{padding-left:.3em;margin-bottom:.55em;line-height:1.7}
.vov-main .node--type-page .field--name-body li::marker{color:#856637}
.vov-main .node--type-page .field--name-body a{color:#73552d;text-decoration:underline;text-underline-offset:2px}
.vov-section-heading{max-width:1120px;margin:0 auto 24px;padding:0 2px}
.vov-section-heading h1{font-size:30px;line-height:1.25;color:#303943;margin:0 0 14px}
.vov-section-heading:after{content:"";display:block;width:50px;height:2px;background:#7595c8}
body.path-kantoor .vov-main #block-vov-advocaten-content{
  max-width:1120px;margin:0 auto;background:#fff;padding:24px;
  border:1px solid #eceef0;border-radius:8px;box-shadow:0 14px 38px rgba(36,45,55,.055)
}
body.path-kantoor .vov-main .leaflet-container{width:100%;border-radius:5px;z-index:0}
body.path-kantoor .vov-main .views-row{width:100%;margin:0;display:block}
body.path-kantoor .vov-main .views-row .views-col{
  width:100%!important;float:none!important;max-width:none;padding:26px 12px 8px;
  color:#515b64;font-size:15px;line-height:1.7
}
body.path-kantoor .vov-main .views-field-title{
  color:#303943;font-size:22px;font-weight:600;line-height:1.3;margin-bottom:10px
}
body.path-contact .vov-main #block-vov-advocaten-content{
  max-width:900px;margin:0 auto;padding:36px clamp(22px,5vw,64px);
  background:#fff;border:1px solid #eceef0;border-radius:8px;
  box-shadow:0 14px 38px rgba(36,45,55,.055)
}
body.path-contact .vov-main .contact-message-form{max-width:100%;width:100%;margin:0}
body.path-contact .vov-main .contact-message-form input,
body.path-contact .vov-main .contact-message-form textarea{max-width:100%;box-sizing:border-box}
@media(max-width:767px){
 .vov-main:not(.vov-main--front){padding:25px 15px 42px}
 body.path-over-mij .vov-main{padding:18px}
 .vov-main:not(.vov-main--front) .node--type-page{padding:28px 22px 38px}
 .vov-main .node--type-page h2.node__title,.vov-section-heading h1{font-size:26px}
 body.path-kantoor .vov-main #block-vov-advocaten-content{padding:14px}
 body.path-kantoor .vov-main .leaflet-container{height:300px!important}
 body.path-contact .vov-main #block-vov-advocaten-content{padding:28px 22px}
}


/* Front-page advocate section: undo the narrow nested legacy columns. */
body.path-contact .vov-section-heading{max-width:900px}
.vov-main--front .node__content > .atl--twocol-6-6{
  background:#f7f8fa;padding:44px 24px 64px
}
.vov-main--front .node__content > .atl--twocol-6-6 > .atl__lr:first-child{
  max-width:1120px;margin:0 auto
}
.vov-main--front .node__content > .atl--twocol-6-6 > .atl__lr:first-child > .atl__top{padding:0}
.vov-main--front .node__content > .atl--twocol-6-6 > .atl__cw{
  width:100%;max-width:1120px!important;margin:0 auto
}
.vov-main--front .node__content > .atl--twocol-6-6 > .atl__cw > .lc-1{
  flex:0 0 100%;width:100%;max-width:100%;padding:0
}
.vov-main--front .node__content > .atl--twocol-6-6 .field--name-field-inhoudsreferentie{
  max-width:860px;margin:18px auto 0;padding:32px 36px;
  background:#fff;border:1px solid #eceef0;border-radius:8px;
  box-shadow:0 14px 38px rgba(36,45,55,.055)
}
.vov-main--front .node__content > .atl--twocol-6-6 .field--name-field-inhoudsreferentie > .atl--twocol-6-6 > .atl__cw{
  max-width:100%!important;width:100%;margin:0
}
.vov-main--front .field--name-field-inhoudsreferentie > .atl--twocol-6-6 > .atl__cw > .lc-1{
  flex:0 0 38%;width:38%;padding:0 24px 0 0
}
.vov-main--front .field--name-field-inhoudsreferentie > .atl--twocol-6-6 > .atl__cw > .lc-2{
  flex:0 0 62%;width:62%;padding:0
}
.vov-main--front .field--name-field-inhoudsreferentie .field--name-field-advocatenfoto img{
  width:100%;max-width:260px;height:auto;border-radius:5px
}
.vov-main--front .field--name-field-inhoudsreferentie .field--name-node-title h2{
  font-size:25px;line-height:1.25;margin:0 0 12px
}
.vov-main--front .field--name-field-inhoudsreferentie .field--name-node-link a{
  display:inline-block;margin-top:10px;color:#73552d;text-decoration:underline;text-underline-offset:3px
}
@media(max-width:767px){
 .vov-main--front .node__content > .atl--twocol-6-6{padding:30px 18px 44px}
 .vov-main--front .node__content > .atl--twocol-6-6 .field--name-field-inhoudsreferentie{padding:24px}
 .vov-main--front .field--name-field-inhoudsreferentie > .atl--twocol-6-6 > .atl__cw{display:block}
 .vov-main--front .field--name-field-inhoudsreferentie > .atl--twocol-6-6 > .atl__cw > .lc-1,
 .vov-main--front .field--name-field-inhoudsreferentie > .atl--twocol-6-6 > .atl__cw > .lc-2{
  width:100%;max-width:100%;padding:0
 }
 .vov-main--front .field--name-field-inhoudsreferentie > .atl--twocol-6-6 > .atl__cw > .lc-2{margin-top:20px}
}

.vov-main--front .field--name-field-inhoudsreferentie > .atl--twocol-6-6 > .atl__cw > .lc-1{padding:0 24px 0 0!important}
.vov-main--front .field--name-field-inhoudsreferentie > .atl--twocol-6-6 > .atl__cw > .lc-2{padding:0!important}
@media(max-width:767px){
 .vov-main--front .field--name-field-inhoudsreferentie > .atl--twocol-6-6 > .atl__cw > .lc-1{padding:0!important}
}