/* Safari fix for vertical padding bug on trial & landing pages */

:root {
  --c1-header-height: 40px;
  --c1-header-bg: #151515;
}

html {
  height: 100%;
}

/* autoprefixer grid: autoplace */
body {
  min-height: 100%;
  height: 100%;
  margin: auto;
  display: grid;
  grid-template-areas: 'header' 'main';
  grid-template-rows: auto 1fr;
  overflow: hidden;
}

#top-header {
  grid-area: header;
  min-height: var(--c1-header-height);
  background-color: var(--c1-header-bg);
}

main {
  grid-area: main;
  overflow: hidden;
}