#event-register-app .read-more {
  display: contents;
  font-weight: 500;
  cursor: pointer;
}

#event-register-app .read-more:hover {
  color: var(--color-6);
}

#event-register-app :is(button, .submit) {
  padding: .25rem .5rem;
  border-radius: .25rem;
  box-shadow: none;
  width: max-content;
}

#event-register-app .column .button--row {
  margin-top: 1rem;
}

#event-register-app .button--row {
  column-gap: .75rem;
}

#event-register-app p.desc {
  margin-top: 1rem;
}

#event-register-app .desc span {
  width: fit-content;
  border-radius: var(--circle);
  padding: .25rem 1rem;
  margin-bottom: .5rem;
}

#event-register-app .search {
  border-radius: var(--circle);
  box-shadow: var(--concave-sm);
  overflow: hidden;
  padding:.25rem;
  border: 1px solid var(--contrast);
  background: var(--compare);
}

#event-register-app .search * {
  padding: 0;
  margin: 0;
}

#event-register-app .search button {
  padding: .25rem;
  border-radius: var(--circle);
}

#event-register-app .search button:hover {
  box-shadow: none !important;
  color: var(--color-6);
  outline: none;

  background: var(--compare);
}

#event-register-app .search input {
  padding: .25rem 1rem;
  border-radius: var(--circle);
  margin-right: 0;
}

#event-register-app .search input:focus {
  border: none;
  outline: none;
}

#event-register-app h4 {
  margin-top: 2rem;
}

#event-register-app :is(.event, .thirds-2-1, .info strong) {
  width: 100%;
}

#event-register-app svg.no-text {
  margin-right: 0;
}

#event-register-app .events:nth-of-type(odd) svg.no-text {
  background: var(--compare-less);
}

#event-register-app .event:nth-of-type(odd) {
border-top: 2px solid var(--compare);
border-bottom: 2px solid var(--compare);
}

#event-register-app .event:first-of-type {
  border-top-color: var(--compare-more);
}

#event-register-app .info {
  justify-content: flex-end;
  align-items: center;
  column-gap: .75rem;
}

#event-register-app .row {
  align-items: center;
  margin: .25rem 0;
}

#event-register-app .icon {
  margin: .5rem 1rem .5rem 0;
}

#event-register-app .tools {
  width: 100%;
  justify-content: space-between;
}

#event-register-app .thirds-2-1 > * {
  padding: 1rem;
  margin: .5rem 1rem;
}

#event-register-app .thirds-2-1 > :first-child {
  border-right: 1px solid var(--color-6);
}


#event-register-app :is(.submit, .save) {
  color: white;
  background: var(--color-6);
}

#event-register-app .closed {
  background: var(--color-2);
}

#event-register-app :is(button, span, .submit) {
  padding: .5rem 1rem;
  align-items: center;
  justify-content: center;
}

#event-register-app :is(button:hover, .submit:hover) {
  box-shadow: var(--concave-sm);
  outline: 1px solid var(--contrast);
}

#event-register-app .caution {
  background: var(--visitor-lt);
}

#event-register-app .stop {
  background: var(--resident);
  color: white;
}

#event-register-app .go {
  background: var(--business-lt);
  padding: .5rem 1rem;
}

#event-register-app *:focus {
  outline: 1px solid var(--color-6);
}

#event-register-app .error * {
  --color: var(--resident);
}


#event-register-app .divided {
  width: 100%;
}

  #event-register-app .divided > * {
    width: 50%;
  }


#event-register-app svg {
  margin: .25rem 0;
  margin-right: .5rem;
  stroke-width: 1.5;
  height: 18px;
  width: 18px;
}

#event-register-app select {
  margin: 0;
}

  #event-register-app svg + div strong {
    margin-right: .25rem;
  }

#event-register-app .events-register {
  width: 100%;
}

#event-register-app .tools input {
  margin: 0 1rem 0 0 !important;
}

@media screen and (max-width: 600px) {
  #event-register-app .tools {
    flex-direction: column;
  }

  #event-register-app .tools .search {
    flex-direction: row;
  }

  #event-register-app .tools .button--row {
    flex-wrap: wrap;
    column-gap: .5rem;
    row-gap: .5rem;
  }

  #event-register-app .thirds-2-1 > :first-child {
    border-right: 0px solid var(--color-6);
  }

  #event-register-app .thirds-2-1 > * {
    padding: 1rem;
    margin: 0;
  }
}