/* BEGIN GLOBAL DEFAULTS */
body {
  background-color: #e6d6c3;
  width: 90%;
  margin: 0 auto;
}
.narrow {
  width: 1%;
}
.wide {
  width: 100%;
}
.nowrap {
  white-space: nowrap;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.float-right {
  float: right;
}
.relative {
  position: relative;
}
/* END GLOBAL DEFAULTS */
/* BEGIN TEXT */
* {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
}
body {
  font-family: 'PT Serif';
  font-weight: 400;
  font-size: 1.2rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Noto Sans Condensed Bold';
  font-weight: bold;
  margin: 0 0 0.5rem;
  padding: 0;
}
h1 {
  font-size: 2.6rem;
  margin-bottom: 1rem;
}
h1 small {
  font-family: "Noto Sans Semi-condensed Medium";
  font-weight: normal;
  display: block;
  padding: 0;
  margin: -0.6rem 0.3ch;
  font-size: 1.1rem;
  color: #999;
}
h2 {
  font-size: 1.8rem;
  margin-top: 3.6rem;
}
h3 {
  font-size: 1.4rem;
  margin-top: 2.8rem;
  text-align: center;
}
h4 {
  font-size: 1rem;
  margin-top: 2rem;
}
h5 {
  font-size: 1rem;
  margin-top: 2rem;
}
h6 {
  font-size: 1rem;
  margin-top: 2rem;
}
p {
  margin: 1rem 0 0.5rem;
  line-height: 2rem;
}
strong {
  font-family: "PT Serif Bold";
  font-weight: normal;
}
em {
  font-family: "PT Serif Italic";
  font-style: italic;
}
strong em,
em strong {
  font-family: "PT Serif Bold Italic";
  font-style: italic;
  font-weight: bold;
}
small {
  font-size: 75%;
}
a {
  color: #cc4200;
}
a.admin {
  color: #c00;
}
a:hover {
  color: #000;
}
pre,
code,
.pre,
.code {
  /* font-size:1rem; */
  font-family: "Consolas", "Courier New", monospace;
  font-weight: normal;
}
code {
  padding-left: 1px;
  padding-right: 1px;
}
code,
.code {
  color: #a69085;
}
pre.code {
  background-color: #f6f6f4;
  padding: 0.75rem 1rem;
  border-radius: 3px;
}
output,
pre.output {
  color: #ccc;
  background-color: #000;
}
pre.output {
  padding: 0.5rem 1rem;
  font-size: 0.95rem;
  line-height: 1.1rem;
}
/* END TEXT */
/* BEGIN MAIN LAYOUT */
header {
  margin: 0;
  padding: 0;
}
footer {
  padding: 0;
  margin: 0;
}
nav {
  margin: 0;
  padding: 0;
}
nav ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
nav ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 1vw;
  padding: 0;
}
nav ul li a {
  font-family: "Noto Sans Semi-condensed Medium";
  display: inline-block;
  font-size: 1rem;
  height: 4rem;
  line-height: 4rem;
  text-decoration: none;
  color: #8f766a;
  letter-spacing: 1px;
}
nav ul li a.error {
  display: inline-block;
  height: 1rem;
  width: 1rem;
  background-color: transparent;
  background-image: url(/img/error.svg);
  background-size: contain;
  background-position: right 0 center;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}
#main-content {
  position: relative;
  background-color: #fff;
  padding: 5rem 10%;
  box-shadow: 0 0 20px #a9985e;
  border-radius: 5px;
}
#main-content ol.breadcrumb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0 0 0 1.5ch;
  list-style-type: none;
  /* border-bottom:1px solid #af96fa; */
  box-shadow: 0px 5px 10px -5px #ddd;
  /* background-color:#eeedea; */
}
#main-content ol.breadcrumb li {
  display: inline-block;
  color: #e3d0cb;
  /* The color of the breadcrumbs separator */
  font-weight: bold;
  font-size: 1rem;
  height: 2rem;
  line-height: 2rem;
}
#main-content ol.breadcrumb li.separated::before {
  /* content:"\00a0/\00a0"; */
  content: "\00a0\00a0\203a\00a0\00a0";
  /* content:"\00a0🡲\00a0"; */
}
#main-content ol.breadcrumb li a {
  font-family: "Noto Sans Semi-condensed Medium";
  font-weight: normal;
  font-size: inherit;
  height: inherit;
  line-height: inherit;
  text-decoration: none;
  color: #a69085;
  letter-spacing: 1px;
}
#main-content ol.breadcrumb li a:hover {
  color: #000;
}
#main-content div.locale-selection {
  position: absolute;
  top: 0.45rem;
  right: 1.5ch;
  text-align: right;
}
#main-content div.locale-selection button.locale-selection {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  height: 1.25rem;
  width: 6ch;
  background-color: transparent;
  background-image: url(/img/locale-selection.svg);
  background-size: contain;
  background-position: right 0 center;
  background-repeat: no-repeat;
}
#main-content div.locale-selection button.locale-selection:hover {
  filter: grayscale(100%);
  filter: brightness(0);
}
#main-content div.locale-selection div.dropdown-anchor {
  position: absolute;
  bottom: 0;
  right: 0;
}
#main-content div.locale-selection div.dropdown-anchor ul {
  position: absolute;
  top: 0px;
  right: 0;
  margin: 0;
  padding: 0.5rem 0;
  background-color: #eeedea;
  text-align: left;
}
#main-content div.locale-selection div.dropdown-anchor ul.hidden {
  display: none;
}
#main-content div.locale-selection div.dropdown-anchor ul li {
  margin: 0;
  padding: 0 2ch;
  list-style-type: none;
  white-space: nowrap;
  font-family: "Noto Sans Semi-condensed Medium";
  font-weight: normal;
  font-size: 1rem;
  height: 2rem;
  line-height: 2rem;
  color: #a69085;
}
#main-content div.locale-selection div.dropdown-anchor ul li:hover {
  color: #000;
  background-color: #f1f1f0;
}
#main-content div.locale-selection div.dropdown-anchor ul li img {
  display: inline-block;
  height: 1rem;
  width: 1.4rem;
  margin-right: 0.7ch;
  position: relative;
  top: 0.1rem;
}
#main-content div.locale-selection div.dropdown-anchor ul li a {
  text-decoration: none;
  color: inherit;
  letter-spacing: 1px;
}
#main-content div.locale-selection div.dropdown-anchor ul li a:hover {
  color: #000;
}
#main-content #logo {
  display: block;
  margin: 0 auto 4rem;
  width: 70%;
  max-width: 800px;
  height: 0;
  padding: 12.25% 0 0;
  /* width * 17.5% */
  /* background-image:url(/img/the-onym-project.svg); */
  background-image: url(/img/the-onym-project.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
#main-content section.onym-divider {
  margin-top: 4rem;
  background-image: url(/img/endonym-exonym.svg);
  background-size: 5rem;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 3rem;
}
/* END MAIN LAYOUT */
/* BEGIN TABLES AND LISTS */
table.grid {
  border-collapse: collapse;
}
table.grid th,
table.grid td {
  border: 1px solid #af968a;
  padding: 0.1rem 1ch;
  vertical-align: top;
}
table.grid th {
  background-color: #eeedea;
  font-family: 'Noto Sans Semi-condensed Medium';
  font-weight: normal;
  color: #8f766a;
  font-size: 90%;
  padding-bottom: 0.15rem;
}
ul li,
ol li {
  line-height: 2rem;
}
/* END TABLES AND LISTS */
/* BEGIN FORMS */
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
label {
  font-family: 'Noto Sans Semi-condensed Medium';
  font-weight: normal;
  color: #af968a;
  font-size: 90%;
}
label.block {
  margin: 1rem 0 0.2rem;
}
input[type=text],
input[type=number],
input[type=date],
input[type=email],
input[type=password],
select,
textarea {
  display: inline-block;
  margin: 0;
  padding: 0.25rem 1ch;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  /* background-color:#f2f1f0; */
  /* background-color:#e6d6c3; */
  background-color: #f0f0ee;
  /* box-shadow: inset 2px 2px 20px 0px #e5e4e3; */
  /* box-shadow: inset 2px 2px 15px 0px #a9985e; */
  box-shadow: inset 2px 2px 15px 0px #e6e6e4;
  font-size: 1.2rem;
  line-height: 2rem;
}
::placeholder,
option[disabled] {
  font-style: italic;
  color: #afaca8;
}
option[disabled] {
  background-color: #eee;
}
input[type=text],
input[type=number],
input[type=date],
input[type=email],
input[type=password],
select {
  height: 2.5rem;
}
input[type=text][readonly],
input[type=number][readonly],
input[type=date][readonly],
input[type=email][readonly],
input[type=password][readonly],
select[readonly],
input[type=text][disabled],
input[type=number][disabled],
input[type=date][disabled],
input[type=email][disabled],
input[type=password][disabled],
select[disabled] {
  color: #af968a;
  outline: none;
  background-image: url(/img/readonly.svg);
  background-size: 0.9rem;
  background-repeat: no-repeat;
  background-position: right 1ch top 0.75rem;
  padding-right: 2ch;
}
textarea {
  resize: vertical;
}
form div.sortable div.form-row {
  padding-left: 4ch;
  background-image: url(/img/drag-handle.png);
  background-size: 0.9rem 1.8rem;
  background-repeat: no-repeat;
  background-position: left top 0.25rem;
  cursor: ns-resize;
}
form div.sortable div.form-row.table-head {
  background-image: none;
  cursor: default;
}
form div.sortable div.form-row.add-row {
  background-image: none;
  cursor: default;
}
form section.bordered-section {
  border: 2px solid black;
  padding: 0.5rem 1rem 0;
  border-radius: 5px;
  margin-bottom: 1rem;
}
form section.bordered-section h2 {
  margin: 0.5rem 0 1rem;
}
div.form-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 30px;
  margin-bottom: 20px;
  justify-items: stretch;
  align-items: start;
}
div.form-row div.field-wrapper {
  position: relative;
}
div.form-row div.field-wrapper label,
div.form-row div.field-wrapper input.label {
  display: block;
  padding: 0 0 0 0.2ch;
  margin: 0 0 0.2rem;
  font-family: 'Noto Sans Semi-condensed Medium';
  font-weight: normal;
  color: #af968a;
  font-size: 90%;
  box-sizing: border-box;
}
div.form-row div.field-wrapper input[type=text],
div.form-row div.field-wrapper input[type=number],
div.form-row div.field-wrapper input[type=date],
div.form-row div.field-wrapper input[type=email],
div.form-row div.field-wrapper input[type=password],
div.form-row div.field-wrapper textarea,
div.form-row div.field-wrapper select {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
div.form-row div.field-wrapper.span-1 {
  grid-column: span  1;
}
div.form-row div.field-wrapper.span-2 {
  grid-column: span  2;
}
div.form-row div.field-wrapper.span-3 {
  grid-column: span  3;
}
div.form-row div.field-wrapper.span-4 {
  grid-column: span  4;
}
div.form-row div.field-wrapper.span-5 {
  grid-column: span  5;
}
div.form-row div.field-wrapper.span-6 {
  grid-column: span  6;
}
div.form-row div.field-wrapper.span-7 {
  grid-column: span  7;
}
div.form-row div.field-wrapper.span-8 {
  grid-column: span  8;
}
div.form-row div.field-wrapper.span-9 {
  grid-column: span  9;
}
div.form-row div.field-wrapper.span-10 {
  grid-column: span 10;
}
div.form-row div.field-wrapper.span-11 {
  grid-column: span 11;
}
div.form-row div.field-wrapper.span-12 {
  grid-column: span 12;
}
div.form-row div.field-wrapper fieldset {
  display: block;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-block-end: 0;
  min-inline-size: min-content;
  height: 2.5rem;
  line-height: 2rem;
  /* background-color:#eee; */
  padding: 0.25rem 0 0 0;
  /* padding:0; */
}
div.form-row div.field-wrapper fieldset input[type=radio],
div.form-row div.field-wrapper fieldset input[type=checkbox] {
  display: inline-block;
  position: relative;
  top: 1px;
}
div.form-row div.field-wrapper fieldset label.radio-value {
  display: inline-block;
  padding: 0;
  margin: 0 1ch 0 0;
  font-family: 'PT Serif';
  font-weight: 400;
  font-size: 1.2rem;
  color: #000;
}
div.form-row.table-head {
  margin-top: 20px;
  margin-bottom: 10px;
}
button,
a.button {
  font-family: 'Noto Sans Semi-condensed Medium';
  font-weight: normal;
  text-decoration: none;
  background-color: #cc4200;
  color: #fff;
  font-size: 90%;
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  border: 0;
  padding: 0 2ch;
  border-radius: 3px;
  margin: 1rem 0 0;
  cursor: pointer;
}
textarea.pre {
  padding: 0.5rem 1ch;
}
button.form-button {
  margin-top: 1rem;
}
td input[type=text],
td input[type=number],
td textarea,
td select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1rem;
}
td input[type=text]:hover,
td input[type=number]:hover,
td textarea:hover,
td select:hover {
  background-color: #eee;
}
td input.editing {
  color: #0c0;
}
/* END FORMS */
/* BEGIN CONTENT ITEMS */
div.content-head,
div.content-foot {
  font-family: "Noto Sans Semi-condensed Medium";
  font-size: 0.9rem;
}
div.content-head a.edit,
div.content-foot a.edit {
  float: right;
  text-decoration: none;
  padding-left: 2.5ch;
  background-image: url(/img/edit-red.svg);
  background-position: left top 1px;
  background-size: 0.9rem 0.9rem;
  background-repeat: no-repeat;
}
div.content-head dl,
div.content-foot dl {
  margin: 0;
  padding: 0 0 0 2px;
}
div.content-head dl dt,
div.content-foot dl dt,
div.content-head dl dd,
div.content-foot dl dd {
  display: inline-block;
  margin: 0;
  padding: 0;
}
div.content-head dl dt,
div.content-foot dl dt {
  color: #b6ad9e;
}
div.content-head dl dt:not(:first-child),
div.content-foot dl dt:not(:first-child) {
  margin-left: 2ch;
}
div.content-head dl dd,
div.content-foot dl dd {
  color: #000;
}
div.content-head {
  margin: 0 0 1.5rem;
  padding-bottom: 0.1rem;
  border-bottom: 1px solid #d6cdbe;
}
div.content-head div.machine-translation {
  background-color: #eeedea;
  border-radius: 5px;
  padding: 1rem 1.5rem 1rem 3.8rem;
  margin: -1rem 0 3rem;
  background-image: url(/img/ai-logo-01.svg);
  background-position: left 1.3rem top 0.15rem;
  background-size: 1.7rem 3rem;
  background-repeat: no-repeat;
}
div.content-foot {
  margin-top: 2rem;
  border-top: 1px solid #d6cdbe;
  padding-top: 0.2rem;
}
/* END CONTENT ITEMS */
/* BEGIN OVERLAYS */
#overlay-darkener {
  display: none;
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.6;
  z-index: 10000;
}
#overlay-outer-container {
  display: none;
  position: fixed;
  box-sizing: border-box;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  margin: auto;
  z-index: 10100;
  border: 0px solid #000;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 40px #333;
}
#overlay-inner-container {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 2rem;
  z-index: 10100;
}
#x-out {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0px;
  right: 5px;
  font-size: 1rem;
  z-index: 10200;
  cursor: pointer;
  color: #999;
  text-decoration: none;
}
#x-out:hover {
  color: #000;
}
/* END OVERLAYS */