/* Algemeen ------------------------------------------------------------------------ */

/* Typografie ---------------------------------------------------------------------- */

/* Layout en opmaak ---------------------------------------------------------------- */

html {
    min-height: 100%;
    height: 100%
}

body.site,
.body-wrapper,
.body-innerwrapper {
    min-height: 100%;
}

body {
    background: linear-gradient(90deg, #000000 0%, #0d27ac 25%, #0d27ac 49%, #0d27ac 75%, #000000 100%);
}

#sp-main {min-height: calc(100% - 100px);}

#sp-main-body {min-height: calc(100% - 162px + 2rem + 3rem);}

/* EINDE: Algemeen ----------------------------------------------------------------- */

/* Template posities --------------------------------------------------------------- */

/* Header -------------------------------------------------------------------------- */ 

/* Mainbody ------------------------------------------------------------------------ */

#sp-main-body {
  padding: 2rem 0 3rem 0;
}

/* Bottom -------------------------------------------------------------------------- */


/* Footer -------------------------------------------------------------------------- */

#sp-footer {
    background: #222;
}

/* Template posities --------------------------------------------------------------- */

/* Extensies en modules ------------------------------------------------------------ */

/* Individuele pagina's ------------------------------------------------------------ */

/* Media queries ------------------------------------------------------------------- */