/* Match support portal typography (Onest via main.css / jds.css) */
html,
body,
input,
textarea,
select {
  font-family: "Onest", helvetica, sans-serif;
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Onest", helvetica, sans-serif;
  font-weight: bold;
  color: #0F0F0F;
}

@media only screen and (min-width: 40em) {
  h1 {
    font-size: 2.25em;
    line-height: 1.25;
  }

  h2 {
    font-size: 1.75em;
    line-height: 1.25;
  }

  h3 {
    font-size: 1.35em;
    line-height: 1.25;
  }

  h4 {
    font-size: 1.125em;
    line-height: 1.25;
  }
}

a {
  color: #3D5AFE;
}

#header {
  background: transparent !important;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 3;
  border-bottom: none;
}

#header nav a {
  color: #FFFFFF;
}

#logo.logo {
  height: auto;
}

#logo svg {
  display: inline-block;
  vertical-align: bottom;
  width: 120px;
  height: 29px;
}

#nav {
  position: static;
}

#main {
  margin-top: 0;
}

.sub-menu {
  background: #F6F6F6;
  border-bottom: solid #ddd 1px;
}

.api-content {
  margin-top: 120px;
}

#guides-menu a,
#webhooks-menu a {
  color: inherit;
  text-decoration: none;
}