/* Overriding some CSS Resets so we have a pretty display */
body {
  padding: 1rem;
}

section {
  margin: 1rem 0;
}

h1 {
  font-size: 2em;
  font-weight: bold;
  padding-bottom: 1rem;
}

h2 {
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: .75rem;
}

a[href]:not([class]), a.add-url-params, a.start_link {
  color: blue;
  text-decoration: underline;
}

#store-footer a.add-url-params, #store-footer a.start_link {
  color: inherit;
  text-decoration: inherit;
}

ul {
  margin-left: 1rem;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

button, input, optgroup, select, textarea {
  border-width: 1px;
  padding: 3px 6px;
}

.hidden {
  display: none!important;
}

input[disabled], select[disabled] {
  cursor: not-allowed;
  opacity: .5;
}

.feature-notice {
  border-color: orange;
  border-style: solid;
  border-width: 0.2em;
  padding: 0.1em 0.1em 0.1em 0.1em;
  background: lightgrey;
}