/* ==========================================================================
   Design tokens. Every value below was read from the Wix CSS of the live site
   (saved pages), not guessed. Wix lays everything out on a 980px canvas that is
   centred in the window; all "px" here are those design pixels.
   ========================================================================== */
:root {
  --design-width: 980px;

  /* Colours (Wix theme colour_15 / colour_11 / colour_14 …) */
  --color-text: rgb(0, 0, 0);
  --color-page-background: rgb(255, 255, 255);
  --color-text-hover: rgb(117, 117, 117);
  --color-header-panel: rgba(248, 248, 248, 0.95);
  --color-heading-band: rgb(250, 250, 250);
  --color-project-slide: rgb(248, 248, 248);
  --color-email-link: #008afc;
  --color-footer-border: rgba(0, 0, 0, 0.5);

  /* Typography. Helvetica LT and All Round Gothic are the Wix fonts: see 01-base/fonts.css */
  --font-helvetica: "Helvetica LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-gothic: "All Round Gothic Medium", "Century Gothic", "Avenir Next", Futura, sans-serif;

  /* Header */
  --header-panel-height: 305px;
  --header-title-left: 103px;
  --header-title-top: 107px;
  --header-title-width: 774px;
  --header-title-height: 69px;
  --header-title-size: 60px;
  --header-title-letter-spacing: 0.02em;
  --header-nav-left: 282px;
  --header-nav-top: 223px;
  --header-nav-width: 381px;
  --header-nav-height: 50px;
  --header-nav-font-size: 16px;
  --header-margin-top: 227px;
  --header-margin-bottom: 70px;

  /* Home */
  --home-background-image-height: 766px;
  --home-hero-space: 619px;
  --home-intro-height: 816px;
  --home-collage-space: 40px;
  --home-slideshow-left: 264px;
  --home-slideshow-top: 92px;
  --home-slideshow-width: 452px;
  --home-slideshow-height: 631px;
  --home-heading-band-top: 110px;
  --home-heading-band-height: 132.8px;
  --home-heading-font-size: 27px;
  --home-heading-letter-spacing: 0.07em;

  /* Pinned arrow (fixed, bottom left) */
  --pinned-arrow-left: 80px;
  --pinned-arrow-bottom: 10px;
  --pinned-arrow-width: 35px;
  --pinned-arrow-height: 45px;
  --pinned-arrow-icon-size: 25px;
  --pinned-arrow-icon-size-hover: 27px;

  /* Projecten */
  --projecten-height: 640px;
  --projecten-visible-height: 602px;
  --projecten-margin-top: 20px;
  --projecten-transition: 1000ms;
  --projecten-image-size: 256px;
  --projecten-title-left: 279px;
  --projecten-title-top: 135px;
  --projecten-title-width: 422px;
  --projecten-title-size: 20px;
  --projecten-image-left-a: 237px;
  --projecten-image-left-b: 540px;
  --projecten-image-top: 241px;
  --projecten-caption-left: 265px;
  --projecten-caption-top: 556px;
  --projecten-caption-width: 450px;
  --projecten-caption-size: 12px;
  --projecten-arrow-width: 18px;
  --projecten-arrow-offset: 19px;
  --projecten-arrow-color: rgb(117, 117, 117);
  --projecten-menu-font-size: 18px;
  --projecten-menu-letter-spacing: 0.1em;
  --projecten-menu-item-left: 367px;
  --projecten-menu-item-top: 111px;
  --projecten-menu-item-height: 50px;
  --projecten-menu-button-left: 909px;
  --projecten-menu-button-width: 87px;
  --projecten-menu-button-height: 38px;
  --projecten-menu-icon-size: 28px;
  --projecten-bottom-hidden: 38px;         /* lowest part of the panel that Wix hides */

  /* Contact */
  --contact-figure-size: 275px;

  /* Footer */
  --footer-copyright-size: 13px;
  --footer-credit-size: 8px;
  --footer-letter-spacing: 0.05em;
}

body.page-projecten {
  --header-margin-top: 225px;
  --header-margin-bottom: 120px;
}