/* user css file */

/* accessibility */
.visuallyhidden {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* header styling */
#header img {
  max-height: 3.5rem;
}

#header img.mmi {
  margin-top: 0.5rem;
  max-height: 2.5rem;
}

/* additional element for assents */
div.assent {
  background: #EAEBEC;
  margin-top: 2em;
  padding: 0.5rem 1.5rem;
}

/* headings - optimise line height */
h1 {
  line-height: 2.5rem;
}

/* buttons - use lower case for button labels */
.btn, input[type="button"], input[type="submit"], input[type="reset"], .buttonbar input, .buttonbar button, .button {
  border-radius: 0.25rem;
  font-size: 0.9rem;
  transition: all 250ms ease-in-out;
}

/* buttons - add hover underline according to uni basel corporate design  */
.btn:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .buttonbar input:hover, .buttonbar button:hover, .button:hover {
  text-decoration: underline;
}

/* labels - reduce line height for better readability */
label {
  line-height: 1.5rem;
}

/* lists - use squares instead of discs */
ul {
  list-style: square;
}

ul li {
  padding-left: 0.2rem;
}