/*!
Theme Name: WPHelpdesk
Theme URI: https://wphelpdesk.nl
Author: WPHelpdesk [Richard van Denderen]
Author URI: https://wphelpdesk.nl
Description: Het WordPress Helpdesk Thema - WPHelpdesk.nl
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wphelpdesk

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WPHelpdesk is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #3b3b3b;
  font-family: Georgia, serif;
  font-size: 21px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1, .entry-title {
  margin-left: 80px;
  margin-right: 10px;
  font-weight: normal;
  font-family: "museo-slab", serif;
  color: #5a5a5a;
  font-size: 42px;
  font-size: 2rem; }
  @media (max-width: 550px) {
    h1, .entry-title {
      margin-left: 0;
      padding: 0 2%; } }

h2, h3, h4, h5, h6 {
  margin-left: 110px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  font-size: 31.5px;
  font-size: 1.5rem;
  color: #3b3b3b;
  margin-top: 3em; }
  @media (max-width: 550px) {
    h2, h3, h4, h5, h6 {
      margin-left: 0;
      margin-right: 0;
      padding: 0 2%; } }

h3 {
  font-size: 29.4px;
  font-size: 1.4rem; }

h4 {
  font-size: 27.3px;
  font-size: 1.3rem; }

h5 {
  font-size: 25.2px;
  font-size: 1.2rem; }

h6 {
  font-size: 23.1px;
  font-size: 1.1rem; }

.search-results .page-title {
  text-align: center;
  margin-left: 0; }

h1.entry-title {
  padding-top: 3rem; }

.single-vraag h1.entry-title,
.single-artikel h1.entry-title {
  padding-top: 0; }

.search-results .page-title {
  padding-top: 3rem; }

p {
  margin-bottom: 1.5em;
  margin-left: 140px;
  margin-right: 60px;
  font-size: 21px;
  font-size: 1rem; }
  @media (max-width: 550px) {
    p {
      margin-left: 0;
      margin-right: 0;
      padding: 0 2%; } }

.entry-content #vraag h1, .entry-content #vraag h2, .entry-content #vraag h3, .entry-content #vraag h4, .entry-content #vraag h5, .entry-content #vraag h6, .entry-content #antwoord h1, .entry-content #antwoord h2, .entry-content #antwoord h3, .entry-content #antwoord h4, .entry-content #antwoord h5, .entry-content #antwoord h6 {
  margin-left: 140px; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 21px;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 16.8px;
  font-size: 0.8rem; }

p > code {
  font-size: 18.27px;
  font-size: 0.87rem;
  padding: 2px 3px 3px;
  background: #eee; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

.entry-content ul, .entry-content ol {
  margin: 0 0 1.5em 140px;
  padding: 0 0 0 23px; }
  @media (max-width: 550px) {
    .entry-content ul, .entry-content ol {
      margin-left: 0;
      margin-right: 0; } }

.entry-content li {
  margin: 0 0 1em 0; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  margin: 0.5rem auto; }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 60px 1.5em 140px;
  max-width: 100%; }
  table td, table th {
    padding: 0 1em 1em 0; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 0px;
  background-image: url("images/Button hover_onder.png"), url("images/Button hover_boven.png");
  background-position: right bottom,right top;
  background-repeat: no-repeat,repeat-y;
  background-size: 220% 6px, 200%;
  box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0), inset 0 15px 17px rgba(255, 255, 255, 0), inset 0 -5px 12px transparent;
  color: #fff;
  font-family: Myriad Pro, sans-serif;
  font-size: 15.75px;
  font-size: 0.75rem;
  line-height: 1;
  text-shadow: 0 0px 0 rgba(255, 255, 255, 0);
  transition: background-position 1000ms ease-out; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), inset 0 15px 17px rgba(255, 255, 255, 0), inset 0 -5px 12px transparent;
    background-position: left bottom,left top;
    transition: background-position 200ms ease-out; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0), inset 0 2px 5px transparent;
    background-position: right bottom,right top;
    transition: background-position 2000ms ease-out; }

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  padding-bottom: 16px !important; }

.ghost-btn {
  border-radius: 200px;
  border: 2px solid #ff7531;
  background-color: #fff;
  color: #ff7531;
  font-family: "myriad-pro", sans-serif;
  text-decoration: none;
  padding: 7px 15px 5px;
  margin-top: 20px;
  margin-bottom: 25px;
  display: inline-block;
  transition: background-color 150ms ease-out, color 200ms ease-out; }
  .ghost-btn:hover {
    background-color: #ff7531;
    color: #fff;
    transition: background-color 150ms ease-out, color 200ms ease-out; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 3px solid #bebdbe;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #bebdbe; }

textarea {
  width: 100%; }

/* C2A gravity forms opmaak */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 5px 8px; }

.gform_wrapper .gform_footer {
  width: auto;
  float: right;
  margin: 0 16px 0 0;
  padding: 0; }

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
  padding: 15px 65px 10px;
  margin: 10px 0 0 0;
  display: block;
  letter-spacing: 1px; }
  @media (max-width: 550px) {
    .gform_wrapper .gform_footer input.button,
    .gform_wrapper .gform_footer input[type=submit],
    .gform_wrapper .gform_page_footer input.button,
    .gform_wrapper .gform_page_footer input[type=submit] {
      margin: 0px 0 0 0; } }

.gform_wrapper .top_label li ul.gfield_checkbox, .gform_wrapper .top_label li ul.gfield_radio {
  width: calc(100% - 16px); }

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: -4px; }

.gform_confirmation_wrapper {
  text-align: center; }

ul#gform_fields_1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: baseline;
      align-items: baseline; }
  ul#gform_fields_1 li {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%; }
    ul#gform_fields_1 li#field_1_5, ul#gform_fields_1 li#field_1_6, ul#gform_fields_1 li#field_1_10 {
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
      text-align: right;
      -ms-flex-item-align: end;
          align-self: flex-end; }
    ul#gform_fields_1 li#field_1_5 {
      -ms-flex: 1 15 40%;
          flex: 1 15 40%;
      padding-right: 250px;
      min-width: 470px; }
    ul#gform_fields_1 li#field_1_6 {
      -ms-flex: 1 1 15%;
          flex: 1 1 15%;
      text-align: left; }
    ul#gform_fields_1 li#field_1_10 {
      -ms-flex: 1 1 35%;
          flex: 1 1 35%;
      text-align: center; }
      ul#gform_fields_1 li#field_1_10 select#input_1_10 {
        width: 95%; }

.entry-content .gform_wrapper {
  margin-left: 80px;
  margin-right: 60px; }
  @media (max-width: 550px) {
    .entry-content .gform_wrapper {
      margin-left: 2%;
      margin-right: 2%; } }

/* Headings binnen een formulier */
.gform_wrapper h2 {
  margin-left: 0; }

.gform_wrapper .ginput_complex.ginput_container_address span.ginput_right + span.ginput_left {
  margin-right: 8px; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue; }
  a:visited {
    color: inherited; }
  a:hover, a:focus, a:active {
    color: midnightblue; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

a[href^="tel:"] {
  color: inherit;
  text-decoration: none; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 3 1;
      flex: 3 1;
  -ms-flex-item-align: stretch;
      align-self: stretch; }
  .main-navigation > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1; }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
        flex: 1 1;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media (max-width: 880px) {
      .main-navigation ul {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .main-navigation ul li {
          margin-bottom: 0;
          margin-right: 20px; }
          .main-navigation ul li.secundair {
            display: none; } }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 1.5em;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul,
      .main-navigation ul ul li.focus > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7px; }
    .main-navigation li:hover > a,
    .main-navigation li.focus > a {
      color: #f26101; }
    .main-navigation li:nth-last-child(2) {
      margin-left: 100px; }
      @media (max-width: 990px) {
        .main-navigation li:nth-last-child(2) {
          margin-left: 0; } }
  .main-navigation a {
    display: block;
    text-decoration: none;
    font-family: "myriad-pro", sans-serif;
    font-weight: 400;
    font-size: 18.0px;
    font-size: 0.85714rem;
    color: #5a5a5a;
    -ms-flex-item-align: center;
        align-self: center;
    padding: 5px; }
  .main-navigation .current_page_item,
  .main-navigation .current-menu-item,
  .main-navigation .current_page_ancestor,
  .main-navigation .current-menu-ancestor {
    border-bottom: 7px solid #f26101;
    margin-bottom: 0; }
    .main-navigation .current_page_item > a,
    .main-navigation .current-menu-item > a,
    .main-navigation .current_page_ancestor > a,
    .main-navigation .current-menu-ancestor > a {
      color: #f26101; }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none; }
  .main-navigation ul {
    display: -ms-flexbox;
    display: flex; } }

@media screen and (max-width: 37.5em) {
  .menu-toggle,
  .main-navigation {
    display: none; } }

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

#top-bar {
  background-color: #fff;
  border-bottom: 2px solid #b1b1b1;
  height: 100px;
  margin: 0;
  padding: 0; }
  #top-bar p {
    margin: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em; }
    #top-bar p.site-description {
      display: none; }
    #top-bar p.site-title {
      -ms-flex: 1 1;
          flex: 1 1;
      -ms-flex-align: center;
          align-items: center;
      margin-right: 1rem; }
      #top-bar p.site-title a {
        margin: 0;
        font-size: 0rem;
        line-height: 0rem; }
  #top-bar #logo-img {
    max-width: 50px;
    width: 10vw;
    margin: 0 0.5rem 0 0; }
  #top-bar #logo-text {
    max-width: 160px;
    width: 35vw;
    margin: -0.35rem 1rem 0 0; }
  #top-bar .site-title a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center; }
  #top-bar .site-branding {
    width: 1000px;
    max-width: 90%;
    margin: auto;
    height: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    #top-bar .site-branding h1 {
      margin-left: 0; }

@media (max-width: 880px) {
  #top-bar .site-branding {
    -ms-flex-pack: justify;
        justify-content: space-between; } }

@media (min-width: 601px) {
  a.shiftnav-toggle-button {
    display: none !important; } }

a.shiftnav-toggle-button {
  border-radius: 25px;
  border: 2px solid #ff7531;
  background-color: #fff;
  color: #ff7531;
  font-family: Myriad Pro, sans-serif;
  text-decoration: none;
  padding: 7px 15px 5px;
  margin-top: 20px;
  margin-bottom: 25px;
  display: inline-block;
  transition: background-color 150ms ease-out, color 200ms ease-out; }
  a.shiftnav-toggle-button:hover {
    background-color: #ff7531;
    color: #fff;
    transition: background-color 150ms ease-out, color 200ms ease-out; }

.shiftnav-inner {
  background-color: #fff; }

.shiftnav ul.shiftnav-menu li.menu-item {
  font-family: Myriad Pro, sans-serif;
  color: #5a5a5a; }

div.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target,
div.shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target,
div.shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target,
div.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item .shiftnav-target {
  color: #ffff;
  border-bottom: 7px solid #dd5226;
  background-color: #f16322; }

/*
	Mobiel menu met 2 a 3 quick links
 */
/*
 */
/* iPhone 6+ ----------- */
aside#mobileQuickNavPush,
aside#mobileQuickNav {
  display: none; }

@media only screen and (max-device-height: 736px) and (orientation: portrait) {
  /* Styles */
  aside#mobileQuickNavPush {
    display: block;
    width: 100%;
    height: 132px; }
  aside#mobileQuickNav {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    z-index: 9999;
    position: fixed;
    bottom: 0;
    height: 132px;
    background: #fff;
    border-top: 1px solid #f6f6f6;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: stretch;
        align-items: stretch; }
    aside#mobileQuickNav span.seperator {
      width: 2px;
      display: inline-block;
      margin: 5px;
      background-color: #f6f6f6; }
    aside#mobileQuickNav a {
      display: none;
      text-align: center;
      vertical-align: middle;
      padding: 85px 2px 2px;
      margin: 10px 3px;
      color: #3b3b3b;
      -webkit-text-decoration-color: #f16322;
              text-decoration-color: #f16322;
      text-decoration: underline;
      font-family: "myriad-pro", sans-serif;
      font-size: 14px;
      background-size: contain !important;
      background-position: top center !important; }
      aside#mobileQuickNav a:hover, aside#mobileQuickNav a:focus, aside#mobileQuickNav a:active {
        background-color: #f6f6f6; }
    aside#mobileQuickNav a[href^="tel:"] {
      display: inline-block;
      color: inherit;
      -ms-flex: 1;
          flex: 1;
      background: url(images/bellen.svg) center no-repeat; }
      aside#mobileQuickNav a[href^="tel:"]:hover, aside#mobileQuickNav a[href^="tel:"]:focus, aside#mobileQuickNav a[href^="tel:"]:active {
        background-color: #f6f6f6; }
      aside#mobileQuickNav a[href^="tel:"]:before {
        content: "bel: "; }
    aside#mobileQuickNav a.zoek,
    aside#mobileQuickNav a.vraag {
      display: inline-block;
      -ms-flex: 1;
          flex: 1; }
    aside#mobileQuickNav .zoek {
      background: url(images/zoeken.svg) center no-repeat; }
    aside#mobileQuickNav .vraag {
      background: url(images/fles-mail.svg) center no-repeat; } }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 18.375px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

#pricing {
  margin-top: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 100%;
      flex: 1 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start; }

.pakket {
  -ms-flex: 1 33%;
      flex: 1 33%;
  max-width: 33%;
  background: #f6f6f6; }
  .pakket header {
    background: #f26101;
    color: #fff;
    padding-bottom: 35px;
    height: 220px;
    -ms-flex-line-pack: center;
        align-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    font-family: "museo-slab", serif;
    font-weight: 300; }
  .pakket h3 {
    margin: 0px auto 10px;
    padding: 0 0 5px 0;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-bottom: 2px solid #fff;
    font-family: "museo-slab", serif;
    font-weight: 300;
    font-size: 30.45px;
    font-size: 1.45rem; }
  .pakket p {
    margin: 0;
    display: block;
    text-align: center; }
  .pakket ul {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    background: #f6f6f6;
    margin: auto;
    margin-top: -35px;
    max-width: 75%; }
    .pakket ul li {
      list-style: none;
      display: block;
      text-align: center;
      padding: 18px 18px 36px 18px;
      border-bottom: 1px solid #fff;
      font-size: 16.8px;
      font-size: 0.8rem; }
      .pakket ul li:last-child {
        border-bottom: 0px; }
    .pakket ul span {
      display: none; }
  .pakket footer {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative; }
  .pakket.lite footer a.button {
    min-width: 60%; }
  .pakket.pro footer a.button {
    min-width: 60%; }
  .pakket.vip footer a.button {
    min-width: 60%; }
  .pakket.recommended footer a.button {
    background: #33bbed;
    border-color: #33bbed;
    color: #fff;
    min-width: 60%; }
    .pakket.recommended footer a.button:hover {
      background-color: #13a4da; }

.recommended {
  margin-top: -62px; }
  .recommended header {
    background: #33bbed;
    height: 282px; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

p.entry-meta {
  color: #838383; }
  p.entry-meta span {
    display: inline-block;
    min-width: 40%; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

#content img {
  border: 3px solid #cecece; }

/**
	Custom opmaak.
**/
html {
  font-size: 131.25%; }

/* =10px */
body {
  background: #fff; }

.site-header {
  background-color: #33bbed;
  padding-bottom: 280px; }

.site-main {
  background: #fff;
  width: 1000px;
  max-width: 90%;
  margin: -180px auto 180px;
  padding: 0 0 0 0; }

h2.entry-title a {
  text-decoration: none;
  color: inherit; }

/**
Aside
**/
aside.meta {
  background-color: #f26213;
  display: inline-block;
  margin: 0;
  padding: 0; }
  aside.meta p {
    color: #fff;
    padding: 10px;
    margin: 0; }
    aside.meta p a {
      color: #fff; }

aside .container {
  width: 1000px;
  max-width: 90%;
  margin: auto; }

aside .belons {
  background: #f06322;
  border-bottom: 7px solid #dc5126;
  padding: 35px 20px; }
  aside .belons .container > p {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "museo-slab", serif;
    font-size: 42px;
    font-size: 2rem;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto; }

aside .bestel {
  background: #f6f6f6;
  padding: 75px 0; }
  @media (max-width: 550px) {
    aside .bestel {
      padding-bottom: 90px; } }
  aside .bestel h5 {
    text-align: center;
    margin: 0;
    color: #3b3b3b;
    font-weight: 500;
    font-family: "museo-slab", serif;
    font-size: 30.0px;
    font-size: 1.42857rem; }
  aside .bestel form label {
    font-family: "myriad-pro", sans-serif;
    font-weight: 600;
    font-size: 30.0px;
    font-size: 1.42857rem; }
  aside .bestel form span label,
  aside .bestel form .gform_wrapper .field_sublabel_below {
    color: #989898;
    font-weight: 400;
    font-size: 21px;
    font-size: 1rem; }
  aside .bestel .hide-title > label {
    display: none !important; }

article.vraag .entry-title {
  margin-bottom: 0; }

article.vraag p.entry-meta {
  font-size: 17.85px;
  font-size: 0.85rem;
  font-style: italic;
  margin-left: 80px;
  margin-top: 0;
  margin-bottom: 2.5em; }
  article.vraag p.entry-meta span {
    min-width: initial; }
    article.vraag p.entry-meta span a {
      color: inherit; }
  @media (max-width: 550px) {
    article.vraag p.entry-meta {
      margin-left: 2%; } }

article.vraag div#vraag {
  background-image: url(images/vraag-bg.png);
  background-repeat: repeat-y;
  padding: 1px 0px;
  background-position: 110px 0; }
  @media (max-width: 550px) {
    article.vraag div#vraag {
      background-position: 50px 0; }
      article.vraag div#vraag p {
        margin-left: 80px;
        margin-right: 20px; } }

blockquote > p {
  color: #666;
  border-left: #666 6px solid;
  padding: 10px 0 10px 25px; }

article.vraag div.author {
  display: inline-block;
  background: #04a777;
  color: #fff;
  padding: 15px 20px;
  margin: 100px 0 60px 80px; }

article.vraag div#antwoord {
  background-image: url(images/antwoord-bg.png);
  background-repeat: repeat-y;
  padding: 1px 0px;
  background-position: 110px 0;
  margin-left: 75px; }
  article.vraag div#antwoord pre {
    margin-left: 140px; }
  @media (max-width: 550px) {
    article.vraag div#antwoord {
      margin-left: -25px; } }

.post-type-archive-vraag article,
.search-results article {
  margin-top: 5rem;
  border-top: 1px solid #d4d7d9; }
  .post-type-archive-vraag article:first-child,
  .search-results article:first-child {
    margin-top: 0;
    border-top: 0px; }
    .post-type-archive-vraag article:first-child aside.meta,
    .search-results article:first-child aside.meta {
      margin-top: 0px; }
  .post-type-archive-vraag article aside.meta,
  .search-results article aside.meta {
    margin-top: -1px; }

.post-type-archive-vraag h2.entry-title,
.search-results h2.entry-title {
  margin-top: 1rem; }
  .post-type-archive-vraag h2.entry-title a,
  .search-results h2.entry-title a {
    text-decoration: none;
    color: inherit; }

.post-type-archive-vraag article p.entry-meta,
.search-results article p.entry-meta {
  margin-bottom: 1rem; }

.post-type-archive-vraag .entry-content > p,
.post-type-archive-vraag .entry-summary > p,
.search-results .entry-content > p,
.search-results .entry-summary > p {
  margin-left: 80px; }
  @media (max-width: 550px) {
    .post-type-archive-vraag .entry-content > p,
    .post-type-archive-vraag .entry-summary > p,
    .search-results .entry-content > p,
    .search-results .entry-summary > p {
      margin-left: 2%;
      margin-right: 2%; } }

.entry-title {
  margin-top: 1rem; }

.read-more-teaser {
  text-align: right; }

a.read-more {
  border: 2px solid #ff7531;
  background-color: #fff;
  color: #ff7531;
  text-decoration: none;
  padding: 7px 15px 5px;
  margin: 0rem 60px 0 0;
  display: inline-block;
  transition: background-color 150ms ease-out, color 200ms ease-out; }
  a.read-more:hover {
    background-color: #ff7531;
    color: #fff;
    transition: background-color 150ms ease-out, color 200ms ease-out; }

.entry-summary > p:last-child {
  text-align: right;
  margin-top: 0; }
  .entry-summary > p:last-child a.read-more {
    margin: 0; }

.pagination.loop-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 40px 0;
  margin: 115px 0 0 0;
  border-top: 1px solid #d4d7d9;
  border-bottom: 1px solid #d4d7d9; }
  .pagination.loop-pagination .page-numbers {
    border: 2px solid #ff7531;
    background-color: #fff;
    color: #ff7531;
    transition: background-color 150ms ease-out, color 200ms ease-out;
    text-decoration: none;
    margin: 1%;
    padding: 5px 15px; }
    .pagination.loop-pagination .page-numbers:hover {
      background-color: #ff7531;
      color: #fff;
      transition: background-color 150ms ease-out, color 200ms ease-out; }
    .pagination.loop-pagination .page-numbers.dots {
      border-color: rgba(255, 117, 49, 0.5); }
      .pagination.loop-pagination .page-numbers.dots:hover {
        background-color: #fff;
        color: #ff7531; }
    .pagination.loop-pagination .page-numbers.next {
      border-color: rgba(255, 117, 49, 0); }
    .pagination.loop-pagination .page-numbers.prev {
      border-color: rgba(255, 117, 49, 0); }
    .pagination.loop-pagination .page-numbers.current {
      background-color: #ff7531;
      color: #fff; }

.page-template-page-referenties #content img {
  border: 0px; }

@media (max-width: 550px) {
  .page-template-page-referenties p {
    margin-left: auto; } }

/**
 * Contact pagina
 */
article.contact {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  article.contact footer {
    -ms-flex: 1 100%;
        flex: 1 100%; }

.entry-content.contact-page {
  -ms-flex: 2 1;
      flex: 2 1;
  max-width: 100%; }
  .entry-content.contact-page h1:first-of-type {
    color: #3b3b3b;
    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 30px;
    line-height: 33px;
    font-weight: 600;
    margin-left: 80px; }
    @media (max-width: 550px) {
      .entry-content.contact-page h1:first-of-type {
        margin-left: 0;
        margin-right: 0;
        padding: 0 2%; } }
  .entry-content.contact-page h2:first-of-type {
    color: #3b3b3b;
    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 30px;
    line-height: 33px;
    font-style: italic;
    font-weight: normal;
    margin-top: 0;
    margin-left: 80px; }
    @media (max-width: 550px) {
      .entry-content.contact-page h2:first-of-type {
        margin-left: 0;
        margin-right: 0;
        padding: 0 2%; } }
  .entry-content.contact-page h3, .entry-content.contact-page p {
    margin-left: 80px; }
    @media (max-width: 550px) {
      .entry-content.contact-page h3, .entry-content.contact-page p {
        margin-left: 0;
        margin-right: 0;
        padding: 0 2%; } }

aside.openingstijden {
  -ms-flex: 1;
      flex: 1;
  margin: 3em 80px 0;
  display: inline-block; }
  @media (max-width: 550px) {
    aside.openingstijden {
      margin: auto; } }
  aside.openingstijden ul {
    display: inline-block;
    margin: 0;
    width: 100%;
    min-width: 270px;
    list-style: none;
    color: #3b3b3b;
    font-family: Georgia;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    padding: 20px;
    border: 3px solid #f06322;
    margin-bottom: 25px; }
    aside.openingstijden ul li {
      font-style: italic; }
      aside.openingstijden ul li:first-of-type {
        font-style: normal; }
      aside.openingstijden ul li:first-of-type, aside.openingstijden ul li:last-of-type {
        text-align: center; }
      aside.openingstijden ul li small {
        line-height: normal; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

.home #top-bar {
  margin-top: -40px; }

.site-header {
  background-image: url("images/vuurtoren.svg");
  background-size: auto 420px;
  height: 540px;
  background-position: bottom left -6rem;
  background-color: #33bbed;
  background-repeat: no-repeat; }
  @media (max-width: 550px) {
    .site-header {
      background-size: auto 300px;
      height: auto; } }
  .site-header h2, .site-header .welkom-bij-wphelpdesk {
    width: 1000px;
    max-width: 100%;
    margin: 40px auto 0;
    color: #fff;
    font-family: "museo-slab", serif;
    font-weight: 500;
    font-size: 46.2px;
    font-size: 2.2rem;
    line-height: normal;
    text-align: center;
    text-shadow: 0px -2px 2px #33bbed, 0px 2px 2px #33bbed, -2px 0px 2px #33bbed, 2px 0px 2px #33bbed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .site-header h2 small, .site-header .welkom-bij-wphelpdesk small {
      font-size: 21px;
      font-size: 1rem; }
    @media (max-width: 550px) {
      .site-header h2, .site-header .welkom-bij-wphelpdesk {
        padding: 0 2%;
        font-size: 31.5px;
        font-size: 1.5rem; } }

.home .site-header {
  background-size: auto 475px;
  height: 570px;
  background-position: bottom left -7rem;
  margin-top: 40px; }
  .home .site-header h2 {
    margin: 105px auto 0;
    padding: 0 2%; }
  @media (max-width: 550px) {
    .home .site-header {
      background-size: auto 300px;
      height: auto;
      padding-bottom: 0; } }

form.search-form {
  margin: 58px auto;
  text-align: center;
  width: 800px;
  max-width: 95%; }
  form.search-form label {
    margin-right: -5px; }
  form.search-form input.search-field {
    width: 75%;
    max-width: 745px;
    height: 52px;
    border-right: 0px;
    border-radius: 0px;
    padding: 0 10px; }
  form.search-form input.search-submit {
    border: 0px solid;
    border-bottom: 0px solid #dd5226;
    border-radius: 0px;
    background: #f16322;
    box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent, inset 0 0 0 transparent;
    color: #fff;
    font-size: 23.1px;
    font-size: 1.1rem;
    /* padding: .6em 1em .4em; */
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
    font-family: "myriad-pro", sans-serif;
    font-weight: 400;
    width: 215px;
    max-width: 25%;
    height: 52px;
    padding: 5px 0 10px;
    float: right;
    background-image: url("images/Button hover_onder.png"), url("images/Button hover_boven.png");
    background-position: right bottom,right top;
    background-repeat: no-repeat,repeat-y;
    background-size: 240% 6px, 200%;
    transition: background-position 1000ms ease-out; }
    form.search-form input.search-submit:hover {
      background-position: left bottom,left top;
      transition: background-position 200ms ease-out; }
    form.search-form input.search-submit:focus {
      background-position: right bottom,right top;
      transition: background-position 2000ms ease-out; }

ul#services {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 3 1;
      flex: 3 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: baseline;
      align-items: baseline;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 1000px;
  max-width: 98%;
  margin: 60px auto 100px;
  padding: 0; }
  ul#services li {
    -ms-flex: 3 1 27%;
        flex: 3 1 27%;
    list-style: none;
    text-align: center;
    padding: 20px; }
    @media (max-width: 880px) {
      ul#services li {
        -ms-flex: 2 1 45%;
            flex: 2 1 45%; } }
    @media (max-width: 550px) {
      ul#services li {
        -ms-flex: 1 1 80%;
            flex: 1 1 80%; } }
  ul#services img {
    border: 0px;
    margin: 45px; }
  ul#services h3 {
    margin: auto;
    font-size: 18.9px;
    font-size: 0.9rem; }
  ul#services p {
    margin: auto;
    font-size: 16.8px;
    font-size: 0.8rem; }
    ul#services p > a {
      border-radius: 200px;
      border: 2px solid #ff7531;
      background-color: #fff;
      color: #ff7531;
      font-family: "myriad-pro", sans-serif;
      text-decoration: none;
      padding: 7px 15px 5px;
      margin-top: 20px;
      margin-bottom: 25px;
      display: inline-block;
      transition: background-color 150ms ease-out, color 200ms ease-out; }
      ul#services p > a:hover {
        background-color: #ff7531;
        color: #fff;
        transition: background-color 150ms ease-out, color 200ms ease-out; }
  ul#services a {
    margin: auto; }

#reviews {
  background-color: #33bbed;
  min-height: 225px; }
  #reviews .inner {
    width: 1000px;
    max-width: 98%;
    margin: 90px auto 70px; }
    #reviews .inner > h2 {
      text-align: center;
      color: #Fff;
      font-family: "museo-slab", serif;
      font-weight: 500;
      font-size: 38.85px;
      font-size: 1.85rem;
      margin: 0 0 40px 0; }
  #reviews p.oordeel-zelf {
    color: #fff;
    text-align: center;
    font-family: "myriad-pro", sans-serif;
    font-weight: 700;
    font-size: 30.45px;
    font-size: 1.45rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto; }
    #reviews p.oordeel-zelf a {
      text-decoration: none;
      background-color: #fff;
      color: #33bbed;
      display: inline-block;
      margin-top: 25px;
      padding: 15px 25px 10px;
      border-radius: 50px;
      margin-bottom: 40px; }
  #reviews .fts-simple-fb-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  #reviews .fts-jal-single-fb-post {
    background-color: #fff;
    padding: 15px 30px !important;
    -ms-flex: 1 1;
        flex: 1 1;
    margin: 1%;
    width: 300px;
    min-width: 250px; }
    #reviews .fts-jal-single-fb-post .fts-jal-fb-user-thumb {
      width: 100px;
      height: 100px;
      display: block;
      float: none;
      margin: 0 auto 20px;
      text-align: center; }
      #reviews .fts-jal-single-fb-post .fts-jal-fb-user-thumb img {
        max-width: 100px;
        max-height: 100px;
        border: 0px; }
    #reviews .fts-jal-single-fb-post .fts-jal-fb-user-name {
      text-align: center;
      color: #5a5a5a;
      font-size: 29.4px;
      font-size: 1.4rem;
      font-family: "myriad-pro", sans-serif;
      line-height: normal;
      margin-top: 20px;
      margin-bottom: 0px;
      font-weight: 700; }
      #reviews .fts-jal-single-fb-post .fts-jal-fb-user-name a {
        text-decoration: none;
        color: inherit;
        display: block;
        margin-bottom: 25px;
        width: 100%; }
    #reviews .fts-jal-single-fb-post .fts-jal-fb-post-time {
      text-align: center;
      color: #bebdbe;
      font-family: Georgia;
      font-size: 11.13px;
      font-size: 0.53rem;
      font-weight: 300;
      display: block;
      margin-top: -70px;
      margin-bottom: 60px; }
    #reviews .fts-jal-single-fb-post .fts-review-star {
      font-size: 30.45px;
      font-size: 1.45rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
      margin: auto;
      width: 200px;
      text-align: center;
      padding: 0px 10px 0px;
      line-height: normal;
      border-radius: 30px;
      letter-spacing: 5px;
      background-color: #33bbed;
      color: #FFF;
      font-style: normal; }
    #reviews .fts-jal-single-fb-post .fts-jal-fb-message p {
      text-align: center;
      color: #3b3b3b;
      font-size: 17.43px;
      font-size: 0.83rem;
      line-height: 1.5;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0; }
  #reviews .fts-jal-fb-see-more,
  #reviews .fts-fb-header-wrapper {
    display: none !important; }
  #reviews .fts-jal-fb-user-thumb img {
    display: block; }

.footer-gradient {
  width: 100%;
  height: 200px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,ffffff+100 */
  background: #f6f6f6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

footer#colophon {
  min-height: 500px;
  background-color: #33bbed; }
  footer#colophon aside.graphic {
    width: 100%;
    background: url("images/footer_water_los.svg") no-repeat #fff;
    background-size: 102%;
    background-position: top 250px center; }
    @media (max-width: 550px) {
      footer#colophon aside.graphic {
        background-position: top 150px center; } }
    footer#colophon aside.graphic .op-een-onbewoond-eiland {
      display: block;
      margin: 0px auto 0px;
      max-width: 80%;
      text-align: center; }
  footer#colophon .site-info {
    text-align: center;
    margin: 10px 0;
    color: #f1f1f1;
    font-size: 15.75px;
    font-size: 0.75rem; }
    footer#colophon .site-info a {
      color: inherit;
      text-decoration: none; }
    @media (max-width: 550px) {
      footer#colophon .site-info {
        padding: 0 2%; } }
  footer#colophon aside.widget-area {
    width: 1000px;
    max-width: 98%;
    margin: auto;
    font-size: 15.75px;
    font-size: 0.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media (max-width: 550px) {
      footer#colophon aside.widget-area {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 0 2%; } }
    footer#colophon aside.widget-area .widget {
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
      margin-right: 40px;
      padding-right: 40px;
      border-right: 1px solid #66ccf2;
      color: white;
      font-family: Georgia;
      font-size: 15.75px;
      font-size: 0.75rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media (max-width: 550px) {
        footer#colophon aside.widget-area .widget {
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; } }
      footer#colophon aside.widget-area .widget:last-child {
        margin-right: 0px;
        padding-right: 0px;
        border-right: 0px solid #66ccf2; }
      footer#colophon aside.widget-area .widget h6 {
        font-weight: 600;
        color: white;
        font-family: Georgia,serif;
        font-size: 15.75px;
        font-size: 0.75rem;
        margin: 0 0 10px;
        padding: 0; }
      footer#colophon aside.widget-area .widget a {
        color: inherit;
        text-decoration: none; }
      footer#colophon aside.widget-area .widget a:hover {
        text-decoration: underline; }
      footer#colophon aside.widget-area .widget ul {
        margin: 0;
        padding: 0;
        list-style: none; }
      footer#colophon aside.widget-area .widget li.recentcomments {
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #5ac5ee; }
        footer#colophon aside.widget-area .widget li.recentcomments:first-child {
          margin-top: 0; }
        footer#colophon aside.widget-area .widget li.recentcomments:last-child {
          border-bottom: 0px;
          padding-bottom: 0; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: left;
  color: #404040; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*# sourceMappingURL=maps/style.css.map */