/*
Torro Forms style overrides for HU Berlin Centre for Social Critique
*/

.site .torro-element-wrap input:not([type="file"]),
.site .torro-element-wrap select,
.site .torro-element-wrap textarea {
  border-width: 1px;
  border-style: solid;
  border-color: #333;
}

.site .torro-element-wrap input[aria-invalid=true][aria-invalid=true],
.site .torro-element-wrap select[aria-invalid=true],
.site .torro-element-wrap textarea[aria-invalid=true] {
 border-color:#e63346;
 border-style: solid;
 border-width: 2px;
}

.site .torro-element-errors {
 color:#e63346
}

ul.torro-element-errors {
  padding-left: 1em;
}

.site .torro-pager,
.site .torro-element-wrap {
  max-width: 870px;
}

.site .torro-element-wrap select,
.site .torro-element-wrap input:not([type="radio"]):not([type="checkbox"]) {
  width: 50%;
}

.site .torro-element-wrap textarea,
.site .torro-element-wrap.wide select,
.site .torro-element-wrap.wide input[type] {
  width: 100%;
}

.site .torro-element-wrap.wide input[type],
.site .torro-element-wrap.wide select {
  max-width: 60ch;
}

.site fieldset.torro-element-wrap {
  border-color: #333;
  margin-left: 0;
}

.site select.torro-element-input,
.site input.torro-element-input:not([type="file"]) {
    padding: 0.25em 1em 0.25em 0.5em;
}

.site select.torro-element-input {
  background: transparent;
}

.site .torro-element-description + * {
  margin-top: 0.5em;
}

.site .torro-element-label {
  font-size: 18px;
  font-family: 'GT_walsheim_pro_bold', sans-serif;
}

.site .torro-toggle > input + .torro-element-label {
  font-size: inherit;
  font-family: inherit;
}

.site fieldset.torro-element-wrap > legend,
.site fieldset.torro-element-wrap > div {
  padding-left: 0.4em;
}

.site .torro-pager {
  display: flex;
  margin-bottom: 2em;
}

.site .torro-pager .next {
  margin-left: auto;
}

.site .torro-button {
  border: 2px solid #333;
  background: transparent;
  font-size: 20px;
  font-family: 'GT_walsheim_pro_bold', sans-serif;
  padding: 0.25em 1em;
}

.site .torro-button:focus,
.site .torro-button:hover {
  color: white;
  border-color: #e63346;
  background-color: #e63346;
}


.site .torro-button:focus {
  text-decoration: underline;
}

.site input[type="radio"].torro-element-input,
.site input[type="checkbox"].torro-element-input {
  width: 1.15em;
  height: 1.15em;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
}

.site input.torro-element-input:focus {
  border-radius: 0;
}