/* Thema GroupIC – under-construction-pagina, overgenomen van de WordPress-plugin "Maintenance".
   De grijstint is geen platte kleur maar een laag van 40% #111 over wit, net als in het origineel. */
:root{--sp-primary:#095d32;--sp-secondary:#111111;--sp-font:"Open Sans",system-ui,sans-serif;--sp-font-heading:var(--sp-font);--sp-radius:0}

body.maintenance{margin:0;padding:0;min-height:100vh;background-color:#fff;color:#fff;font-family:var(--sp-font);font-weight:400}

.mt-main{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}
.mt-main::after{content:"";position:absolute;inset:0;background-color:#111;opacity:.4;z-index:-1;pointer-events:none}

.mt-wrapper{position:relative;width:100%;min-height:calc(100vh - 90px)}
.mt-center{width:100%;max-width:1020px;margin:0 auto;padding:0 10px;box-sizing:border-box;text-align:center}

.mt-logo-box{display:block;padding:50px 0 30px;text-align:center}
.mt-logo-box img{max-width:100%;height:auto;vertical-align:top}

/* De plugin zette dit blok met JavaScript midden in het venster; hier doet CSS dat.
   Op smalle of lage vensters is daar geen plaats voor en loopt het blok gewoon onder het logo door,
   precies zoals de oude site zich daar gedraagt. */
.is-home .mt-content{position:absolute;top:50vh;left:0;right:0;transform:translateY(-50%)}
@media (max-width:670px),(max-height:620px){.is-home .mt-content{position:static;transform:none}}

.mt-footer{width:100%;margin:25px 0 20px;color:#fff;font-weight:300;line-height:normal}

/* Typografie binnen de gecentreerde inhoud: de maten van de oude site. */
.mt-content h1,.mt-content h2,.mt-content .sp-heading{font-size:45px;font-weight:300;line-height:normal;margin:0;color:#fff;font-family:var(--sp-font)}
.mt-content p{font-size:14px;line-height:normal;margin:0 0 10px}
.mt-content a{color:inherit}

/* De builder levert secties en widgets met eigen ruimte; die hoort hier niet thuis. */
.mt-content .sp-section{padding:0;background:none}
.mt-content .sp-container,.mt-content .sp-row,.mt-content .sp-col{padding:0;margin:0;max-width:none}
.is-home .mt-content .sp-widget{margin:0}
.is-home .mt-content .sp-text{font-weight:300}
.is-home .mt-content .sp-text p{margin:0 0 10px}

/* Binnenpagina's (privacy, cookiebeleid) lopen gewoon mee in de flow. */
.is-page .mt-content{padding:0 0 3rem}
.is-page .mt-content p{font-size:16px;margin:0 0 1rem}
.is-page .mt-content h1{font-size:32px;margin-bottom:1rem}
.is-page .mt-content h2{font-size:24px;margin:1.5rem 0 .5rem}
.is-page .mt-content .mt-center{text-align:left}

@media (max-width:670px){.mt-logo-box img{display:block;width:100%;height:auto}}
@media (max-width:480px){
  .mt-center{max-width:460px}
  .mt-content h1,.mt-content h2,.mt-content .sp-heading{font-size:24px}
}
@media (max-width:360px){.mt-center{max-width:340px}}
@media (max-width:320px){.mt-center{max-width:300px}}