/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/*body { border: 5px solid red }*/
/*#g-offcanvas { background: red }*/
/*#g-mobilemenu-container { background: yellow }*/
/* line 5, templates/g5_hydrogen/custom/scss/custom.scss */
#g-page-surround {
  background: grey;
}
/* line 6, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation {
  background: silver;
}
/* aqua */
/* line 7, templates/g5_hydrogen/custom/scss/custom.scss */
#g-showcase {
  background: blue;
}
/* line 8, templates/g5_hydrogen/custom/scss/custom.scss */
#g-main {
  background: white;
}
/* line 10, templates/g5_hydrogen/custom/scss/custom.scss */
#g-subfeature {
  background: red;
}
/* line 11, templates/g5_hydrogen/custom/scss/custom.scss */
#g-footer {
  background: grey;
  color: white;
  border-top: 1px solid black;
}
/* line 13, templates/g5_hydrogen/custom/scss/custom.scss */
.g-offcanvas-toggle {
  color: black;
}
/* ----- */
/* line 15, templates/g5_hydrogen/custom/scss/custom.scss */
#g-header {
  background: #d0d0d0;
}
/* line 16, templates/g5_hydrogen/custom/scss/custom.scss */
#g-showcase {
  background: #e0e0e0;
}
/* line 17, templates/g5_hydrogen/custom/scss/custom.scss */
#g-feature {
  background: #e0e0e0;
}
/* line 18, templates/g5_hydrogen/custom/scss/custom.scss */
#g-footer {
  background: black;
}
/* line 19, templates/g5_hydrogen/custom/scss/custom.scss */
.g-offcanvas-toggle {
  display: none;
}
/* ============================================================================= */
/* line 22, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-block-60-left-wide {
  box-sizing: content-box;
  position: absolute;
  right: -7.5rem;
  width: 100%;
  padding-right: 7.5rem;
}
/* line 29, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-block-40-right {
  position: relative;
  left: 7.5rem;
  width: 30rem;
}
/* line 30, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-vb-logo-container {
  width: 400px;
}
/* line 31, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-vb-logo {
  height: 200px;
}
/* ----------------------------------------------------------------------------- */
@media only all and (max-width: 74.938rem) and (min-width: 60rem) {
  /* line 34, templates/g5_hydrogen/custom/scss/custom.scss */
  .pg-block-60-left-wide {
    right: -6rem;
    padding-right: 6rem;
  }
  /* line 35, templates/g5_hydrogen/custom/scss/custom.scss */
  .pg-block-40-right {
    position: relative;
    left: 6rem;
    width: 24rem;
  }
}
/* ----------------------------------------------------------------------------- */
@media only all and (max-width: 59.938rem) and (min-width: 48rem) {
  /* line 39, templates/g5_hydrogen/custom/scss/custom.scss */
  .pg-block-60-left-wide {
    right: -4.8rem;
    padding-right: 4.8rem;
  }
  /* line 40, templates/g5_hydrogen/custom/scss/custom.scss */
  .pg-block-40-right {
    position: relative;
    left: 4.8rem;
    width: 19.2rem;
  }
}
/* ----------------------------------------------------------------------------- */
@media only all and (max-width: 47.938rem) and (min-width: 30.062rem) {
  /* line 44, templates/g5_hydrogen/custom/scss/custom.scss */
  .pg-block-60-left-wide {
    right: -3rem;
    padding-right: 3rem;
  }
  /* line 45, templates/g5_hydrogen/custom/scss/custom.scss */
  .pg-block-40-right {
    position: relative;
    left: 3rem;
    width: 12rem;
  }
}
/* ----------------------------------------------------------------------------- */
@media only all and (max-width: 30rem) {
  /* line 49, templates/g5_hydrogen/custom/scss/custom.scss */
  .pg-block-60-left-wide {
    right: 0;
    padding-right: 0;
  }
  /* line 53, templates/g5_hydrogen/custom/scss/custom.scss */
  .pg-vb-logo-container {
    width: 200px;
  }
  /* line 54, templates/g5_hydrogen/custom/scss/custom.scss */
  .pg-vb-logo {
    height: 150px;
  }
}
/* ============================================================================= */
/* line 57, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-red {
  background: red;
  color: white;
}
/* line 58, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-yellow {
  background: yellow;
  color: black;
}
/* line 59, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-lime {
  background: lime;
  color: black;
}
/* line 60, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-aqua {
  background: aqua;
  color: black;
}
/* line 61, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-blue {
  background: blue;
  color: white;
}
/* line 62, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-magenta {
  background: magenta;
  color: white;
}
/* line 64, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-black {
  background: black;
  color: white;
}
/* line 65, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-grey {
  background: grey;
  color: white;
}
/* line 66, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-silver {
  background: silver;
  color: black;
}
/* line 67, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-light {
  background: #e0e0e0;
  color: black;
}
/* line 68, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-white {
  background: white;
  color: black;
}
/* line 70, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-vh-50 {
  height: 50vh;
}
/* line 71, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-vh-60 {
  height: 50vh;
}
/* line 72, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-vh-70 {
  height: 70vh;
}
/* line 73, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-vh-75 {
  height: 75vh;
}
/* line 75, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-rel {
  position: relative;
}
/* line 76, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-abs {
  position: absolute;
}
/* line 77, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-w100 {
  width: 100%;
}
/* line 78, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-h100 {
  height: 100%;
}
/* line 79, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-p05 {
  padding: 0.5rem !important;
}
/* line 80, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-p1 {
  padding: 1rem !important;
}
/* line 81, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-p2 {
  padding: 2rem !important;
}
/* line 83, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-vb-blauw {
  background: #142c53;
  color: rgba(255, 255, 255, 0.9);
}
/* line 84, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-vb-blauw-donker {
  background: #102442;
}
/* line 85, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-vb-blauw-licht {
  background: #94acd3;
}
/* line 87, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-a {
  color: #606060 !important;
}
/* line 88, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-a:hover {
  color: black !important;
  text-decoration: underline !important;
}
/* line 90, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-a2 {
  color: white !important;
}
/* line 91, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-a2:hover {
  color: white !important;
  text-decoration: underline !important;
}
/* line 93, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-silver-240 {
  background: #f0f0f0;
}
/* line 95, templates/g5_hydrogen/custom/scss/custom.scss */
h1 {
  font-size: 150% !important;
}
/* line 96, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-white {
  background: white;
  color: #606060;
}
/* line 98, templates/g5_hydrogen/custom/scss/custom.scss */
.pg-x-150 {
  font-size: 150%;
}
/*# sourceMappingURL=custom_11.css.map */