::-moz-placeholder {
  opacity: 1;
}

body {
  display: flex;
  flex-direction: column;
  font-family: 'TO Record';
  font-feature-settings: 'liga' off;
}

ul {
  padding-left: 1.8rem;
}

ul ul {
  list-style-type: none;
}

ul ul li {
  position: relative;
}

ul ul li:before {
  content: "\2192";
  display: block;
  position: absolute;
  left: -1.8rem;
}

small {
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1.4;
}

.menu,
.tags {
  flex: 0 0 auto;
}

.tags--listing {
  flex: 1 1 auto;
  overflow: auto;
}

main {
  flex: 1 1 auto;
  position: relative;
  overflow: auto;
  scroll-behavior: smooth;
}

.container {
  width: calc(60% - 5rem);
  margin: 4rem auto 3rem;
}

.container > div + div {
	margin-top: 4rem;
}

.person_infos a:hover,
.person_description a:hover,
.course_description a:hover,
.workshop_description a:hover,
.projection_description a:hover,
.meeting_description a:hover,
.page_desc a:hover,
.page_description a:hover,
.page_columns a:hover,
.event_notice a:hover {
  color: grey;
}

@media (max-width: 1440px) {
  .container {
    width: 100%;
    margin: 4rem 0 3rem;
    padding: 0 4rem;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 8px;
  }
}