/* 
 * New.hulp.nl - Browser Compatibility
 * Based on original Hulp.nl
 */

/* IE11 Fixes */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* Enable flexbox support */
  .top-bar__navigation,
  .category-tiles__list,
  .process-steps__list,
  .footer__nav {
    display: -ms-flexbox;
  }
  
  /* Fix flex properties */
  .category-tile {
    -ms-flex: 0 0 100%;
  }
  
  @media only screen and (min-width: 48em) {
    .category-tile {
      -ms-flex: 0 0 33.333%;
    }
    
    .step {
      -ms-flex: 0 0 30%;
    }
  }
  
  /* Fix SVG rendering */
  svg {
    max-width: 100%;
  }
}

/* Safari Fixes */
@supports (-webkit-overflow-scrolling: touch) {
  /* Fix for iOS momentum scrolling */
  body {
    -webkit-overflow-scrolling: touch;
  }
  
  /* Fix for Safari font rendering */
  h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
  }
  
  /* Fix for buttons on iOS */
  .button {
    -webkit-appearance: none;
    border-radius: 4px;
  }
}

/* Firefox Fixes */
@-moz-document url-prefix() {
  /* Fix for Firefox font rendering */
  body {
    font-weight: lighter;
  }
}

/* Edge Fixes */
@supports (-ms-ime-align:auto) {
  /* Fix for Edge specific issues */
  .content-container {
    max-width: 1200px;
  }
}