/* 
	This stylesheet assumes use of the foundation CSS framework
*/
/* Foundation Breakpoints */
/* Colours */
/* Fonts */
.font_body {
  color: #7a777a;
  font-family: 'Lato', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
}
/* Page Title Styling */
.page-title.admin h2,
.page-title.the-source h2 {
  color: #5bc8e1;
  font-size: 3.7rem;
  text-transform: uppercase;
}
.page-title.admin h2 small,
.page-title.the-source h2 small {
  display: block;
  margin-bottom: 0;
  color: #999999;
  font-size: 1.4rem;
  font-weight: normal;
}
.page-title.admin h2 small strong,
.page-title.the-source h2 small strong {
  font-weight: 700;
}
/* Container Styling */
.source-admin-container {
  padding-bottom: 5rem;
}
.the-source-container {
  padding-bottom: 5rem;
}
/***
 * Form Styling
 ***/
form.crud-form .form-control,
form.source-user-form .form-control {
  display: flex;
  flex-direction: column;
  margin-bottom: 2px;
  padding: 5px 5px 5px 10px;
  position: relative;
  width: 100%;
  background-color: #e7e7e7;
}
@media (min-width: 1024px) {
  form.crud-form .form-control,
  form.source-user-form .form-control {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
form.crud-form .form-control label,
form.source-user-form .form-control label {
  color: #7a777a;
  font-family: 'Lato', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 35px;
}
@media (min-width: 1024px) {
  form.crud-form .form-control label,
  form.source-user-form .form-control label {
    flex-basis: 25%;
  }
}
form.crud-form .form-control input,
form.source-user-form .form-control input,
form.crud-form .form-control textarea,
form.source-user-form .form-control textarea,
form.crud-form .form-control select,
form.source-user-form .form-control select {
  flex-basis: 75%;
  background-color: #fff;
  border: 1px solid #b4b4b4;
  box-shadow: none;
  color: #7a777a;
  font-family: 'Lato', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
}
form.crud-form .form-control .wp-editor-wrap,
form.source-user-form .form-control .wp-editor-wrap {
  flex-basis: 75%;
}
form.crud-form .form-control input[type="checkbox"],
form.source-user-form .form-control input[type="checkbox"] {
  display: inline-block;
  margin-right: 0.5rem;
}
form.crud-form .form-control textarea,
form.source-user-form .form-control textarea {
  min-height: 100px;
}
form.crud-form .form-control.autocomplete > div,
form.source-user-form .form-control.autocomplete > div {
  display: block;
  flex-basis: 75%;
}
form.crud-form .form-control.autocomplete > div input,
form.source-user-form .form-control.autocomplete > div input,
form.crud-form .form-control.autocomplete > div textarea,
form.source-user-form .form-control.autocomplete > div textarea,
form.crud-form .form-control.autocomplete > div select,
form.source-user-form .form-control.autocomplete > div select {
  display: block;
  flex-basis: auto;
  width: 100%;
}
form.crud-form .form-control.autocomplete > div input.ui-autocomplete-input.ui-autocomplete-loading,
form.source-user-form .form-control.autocomplete > div input.ui-autocomplete-input.ui-autocomplete-loading {
  background-image: url('https://www.magpies.net.au/wp-content/uploads/2021/08/loading-animation.gif');
  background-position: right center;
  background-repeat: no-repeat;
}
form.crud-form .form-control.autocomplete > div input.ui-autocomplete-input[disabled="disabled"],
form.source-user-form .form-control.autocomplete > div input.ui-autocomplete-input[disabled="disabled"] {
  background-color: #e7e7e7;
}
form.crud-form .form-control fieldset,
form.source-user-form .form-control fieldset {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 0 none #000;
}
form.crud-form .form-control fieldset legend,
form.source-user-form .form-control fieldset legend {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
  color: #7a777a;
  font-family: 'Lato', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 35px;
}
@media (min-width: 1024px) {
  form.crud-form .form-control fieldset legend,
  form.source-user-form .form-control fieldset legend {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  form.crud-form .form-control fieldset > div,
  form.source-user-form .form-control fieldset > div {
    float: left;
    width: 75%;
  }
}
form.crud-form .form-control fieldset.input-range > div,
form.source-user-form .form-control fieldset.input-range > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (min-width: 1024px) {
  form.crud-form .form-control fieldset.input-range > div,
  form.source-user-form .form-control fieldset.input-range > div {
    float: left;
    width: 75%;
  }
}
form.crud-form .form-control fieldset.input-range > div label,
form.source-user-form .form-control fieldset.input-range > div label {
  box-sizing: border-box;
  flex-basis: 10%;
  margin-bottom: 0;
  padding-right: 10px;
  text-align: right;
}
form.crud-form .form-control fieldset.input-range > div label::after,
form.source-user-form .form-control fieldset.input-range > div label::after {
  content: ':';
}
form.crud-form .form-control fieldset.input-range > div input,
form.source-user-form .form-control fieldset.input-range > div input {
  flex-basis: 40%;
  margin-bottom: 0;
}
form.crud-form .form-control fieldset.checkbox-group > div,
form.source-user-form .form-control fieldset.checkbox-group > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
form.crud-form .form-control fieldset.checkbox-group > div label,
form.source-user-form .form-control fieldset.checkbox-group > div label {
  box-sizing: border-box;
  flex-basis: 100%;
  padding: 3px;
  line-height: 1.2;
}
@media (min-width: 640px) {
  form.crud-form .form-control fieldset.checkbox-group > div label,
  form.source-user-form .form-control fieldset.checkbox-group > div label {
    flex-basis: 50%;
  }
}
@media (min-width: 640px) {
  form.crud-form .form-control fieldset.checkbox-group > div label,
  form.source-user-form .form-control fieldset.checkbox-group > div label {
    flex-basis: 33.333%;
  }
}
form.crud-form .form-control fieldset.checkbox-group > div label:hover,
form.source-user-form .form-control fieldset.checkbox-group > div label:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
form.crud-form .form-control fieldset.checkbox-group > div label input[type="checkbox"],
form.source-user-form .form-control fieldset.checkbox-group > div label input[type="checkbox"] {
  margin: 0 4px 0 0;
  line-height: 1.2;
}
form.crud-form .form-control .field-tooltip,
form.source-user-form .form-control .field-tooltip {
  bottom: auto;
  left: auto;
  right: -64px;
  top: 50%;
  overflow: visible;
  padding: 2px 6px;
  position: absolute;
  transform: translateY(-50%);
  width: 64px;
  z-index: 10;
  background-color: #555555;
  border-radius: 4px;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}
form.crud-form .form-control .field-tooltip::after,
form.source-user-form .form-control .field-tooltip::after {
  bottom: auto;
  left: -5px;
  right: auto;
  top: 50%;
  height: 0;
  position: absolute;
  transform: translateY(-50%);
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #555555;
  content: '';
}
.crud-feedback {
  bottom: auto;
  left: 50%;
  right: 50%;
  top: auto;
  box-sizing: border-box;
  margin: 20px -50vw 40px;
  max-height: 0;
  padding: 20px 0;
  position: relative;
  width: 100vw;
  opacity: 0;
  transition: opacity 0.35s, max-height 0.5s;
  background-color: #e7e7e7;
  text-align: center;
}
.crud-feedback dl {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 62.5em;
  padding: 0;
}
@media (min-width: 640px) {
  .crud-feedback dl {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.crud-feedback dl dt {
  padding-right: 30px;
  text-align: left;
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .crud-feedback dl dt {
    flex-basis: 25%;
    margin-bottom: 4px;
    text-align: right;
  }
}
.crud-feedback dl dt::before {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  border-radius: 50%;
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.crud-feedback dl dt.error {
  color: #ff7563;
}
.crud-feedback dl dt.error::before {
  background-color: #ff7563;
  content: '\f12a';
}
.crud-feedback dl dt.success {
  color: #5bc8e1;
}
.crud-feedback dl dt.success::before {
  background-color: #5bc8e1;
  content: '\f00c';
}
.crud-feedback dl dd {
  padding: 0 30px;
  margin-bottom: 10px;
  text-align: left;
}
@media (min-width: 640px) {
  .crud-feedback dl dd {
    flex-basis: 75%;
    margin-bottom: 4px;
  }
}
.crud-feedback.active {
  max-height: 500px;
  opacity: 1;
}
.crud-feedback--contained {
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
  margin: 20px 40px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #e7e7e7;
  border-style: solid none;
}
ul.ui-menu.ui-autocomplete {
  box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.4);
}
ul.ui-menu.ui-autocomplete li.ui-menu-item {
  font-family: 'Lato', sans-serif;
  font-size: 1.2rem;
}
ul.ui-menu.ui-autocomplete li.ui-menu-item:hover,
ul.ui-menu.ui-autocomplete li.ui-menu-item:focus {
  cursor: pointer;
  background-color: rgba(91, 200, 225, 0.3);
  font-weight: 700;
}
div.form-actions,
div.object-actions {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  position: relative;
  justify-content: flex-end;
}
div.form-actions input[type="submit"],
div.object-actions input[type="submit"] {
  display: inline-block;
  padding: 10px;
  width: 32%;
  background-color: #5bc8e1;
  border: 0 none #000000;
  border-radius: 0 0 8px 0;
  box-shadow: none;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
div.form-actions input[type="submit"].warning,
div.object-actions input[type="submit"].warning {
  background-color: #ff7563;
}
div.form-actions input[type="submit"]:hover,
div.object-actions input[type="submit"]:hover {
  background-color: #2199b5;
}
div.form-actions input[type="submit"]:disabled,
div.object-actions input[type="submit"]:disabled {
  opacity: 0.5;
}
div.form-actions a.crud-action,
div.object-actions a.crud-action {
  display: inline-block;
  margin-left: 1%;
  padding: 10px;
  width: 32%;
  border: 0 none #000000;
  box-shadow: none;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
div.form-actions a.crud-action.non-default,
div.object-actions a.crud-action.non-default {
  background-color: #999999;
}
div.form-actions a.crud-action.default,
div.object-actions a.crud-action.default {
  background-color: #5bc8e1;
}
div.form-actions a.crud-action:last-child,
div.object-actions a.crud-action:last-child {
  border-radius: 0 0 8px 0;
}
div.form-actions a.crud-action:hover,
div.object-actions a.crud-action:hover {
  background-color: #2199b5;
}
div.form-actions.loading input[type="submit"],
div.object-actions.loading input[type="submit"],
div.form-actions.loading a.crud-action,
div.object-actions.loading a.crud-action {
  opacity: 0.5;
  pointer-events: none;
}
div.form-actions.loading::before,
div.object-actions.loading::before {
  bottom: auto;
  left: auto;
  right: 2rem;
  top: 50%;
  display: block;
  height: 2.4rem;
  width: 2.4rem;
  position: absolute;
  transform: translateY(-50%);
  background-image: url('https://www.magpies.net.au/wp-content/uploads/2021/08/loading-animation.gif');
  background-position: right center;
  background-repeat: no-repeat;
  content: '';
}
div.object-actions {
  margin-bottom: 40px;
  text-align: right;
}
/***
 * Review Container
 ***/
.review-container h3 {
  margin-top: 0;
}
.review-container__related-functionality {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: space-between;
}
.review-container__back a {
  color: #999999 !important;
  font-size: 1.2rem;
  font-weight: 700;
}
.review-container__back a::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: '\f060';
  font-family: 'Font Awesome 5 Free';
}
.review-container__back a:hover {
  color: #5bc8e1 !important;
}
.review-container__listmaker {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5rem;
  pointer-events: none;
  align-items: center;
  justify-content: flex-end;
}
.review-container__listmaker h5 {
  margin: 0 0.5rem 0 0;
  color: #999999;
  font-weight: 700;
}
.review-container__listmaker a {
  pointer-events: all;
}
.review-container dl.object-review-list {
  display: flex;
  flex-direction: column;
  margin: 0 auto 4rem;
  padding: 0;
  background-color: #e7e7e7;
}
@media (min-width: 640px) {
  .review-container dl.object-review-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.review-container dl.object-review-list dt {
  margin: 0;
  padding: 7px 30px;
  text-align: left;
}
@media (min-width: 640px) {
  .review-container dl.object-review-list dt {
    flex-basis: 25%;
    border-bottom: 2px solid #fff;
  }
}
.review-container dl.object-review-list dt small {
  display: block;
  margin-top: 0.5rem;
}
.review-container dl.object-review-list dd {
  margin: 0;
  padding: 7px 30px;
  border-bottom: 2px solid #fff;
  text-align: left;
}
@media (min-width: 640px) {
  .review-container dl.object-review-list dd {
    flex-basis: 75%;
  }
}
.review-container dl.object-review-list dd.show_pre {
  white-space: pre;
}
.review-container dl.object-review-list dd ul.object-one-to-many-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.review-container dl.object-review-list dd ul.object-one-to-many-list li {
  display: inline-block;
  margin: 0 3px 3px 0;
  padding: 3px 4px 3px 4px;
  position: relative;
  background-color: #dddddd;
  border-radius: 2px;
  line-height: 16px;
  vertical-align: middle;
}
.review-container a.related-data-link {
  display: inline-block;
  margin-left: 0.5rem;
  cursor: pointer;
  color: #999999;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 1.6rem;
  text-transform: uppercase;
}
.review-container a.related-data-link::after {
  display: inline-block;
  margin-left: 0.3rem;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
}
.review-container a.related-data-link:hover::after {
  margin-left: 0.2rem;
}
table.object-related-objects-list {
  width: 100%;
  background-color: #eeeeee;
  border: 0px none #000000;
  font-size: 0.8em;
}
table.object-related-objects-list thead tr {
  background-color: #cccccc;
  border-bottom: 3px solid #f9f9f9;
}
table.object-related-objects-list thead th {
  padding: 12px 6px 3px 6px;
  border: 0 none #000000;
  border-right: 1px solid #f9f9f9;
  color: #000000;
  text-align: left;
}
table.object-related-objects-list tbody tr:nth-child(2n) {
  background-color: #e5e5e5;
}
table.object-related-objects-list tbody td {
  padding: 6px;
  border: 0 none #000000;
  border-right: 1px solid #f9f9f9;
}
ul.reference-item-list {
  margin: 4px 0 0 0;
  padding: 0 0 0 10px;
  list-style-type: none;
}
ul.reference-item-list li {
  display: inline-block;
  margin: 0 3px 3px 0;
  padding: 3px 24px 3px 4px;
  position: relative;
  background-color: #dddddd;
  border-radius: 2px;
  line-height: 16px;
  vertical-align: middle;
}
ul.reference-item-list li.resolving {
  background-color: transparent;
  color: #999999;
}
ul.reference-item-list li > a:not(.remove-item) {
  color: #999999;
}
ul.reference-item-list li.save-changes {
  padding: 0;
  background-color: transparent;
}
ul.reference-item-list li.save-changes a {
  box-sizing: border-box;
  display: block;
  padding: 3px 24px 3px 4px;
  position: relative;
  background-color: #5bc8e1;
  border-radius: 2px;
  color: #fff;
  line-height: 16px;
  vertical-align: middle;
}
ul.reference-item-list li.save-changes a::after {
  bottom: 3px;
  display: inline-block;
  height: 16px;
  width: 16px;
  position: absolute;
  right: 4px;
  background-color: #2199b5;
  border-radius: 50%;
  color: #ffffff;
  content: '\f00c';
  font-family: 'FontAwesome';
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
}
ul.reference-item-list li .remove-item {
  bottom: 3px;
  display: inline-block;
  height: 16px;
  width: 16px;
  position: absolute;
  right: 4px;
  background-color: #cccccc;
  border-radius: 50%;
  color: #ffffff;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
}
ul.reference-item-list li .remove-item:hover {
  background-color: #ff7563;
  color: #ffffff;
}
ul.related-items-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.related-items-list li {
  display: inline-block;
  margin: 0 0.4rem 0.4rem 0;
}
ul.related-items-list li > a {
  display: block;
  padding: 0.5rem 0.8rem;
  background-color: #999999;
  border-radius: 2px;
  color: white;
  text-decoration: none;
}
ul.related-items-list li > a:hover {
  background-color: #2199b5;
  text-decoration: none;
}
/***
 * Search Results
 ***/
.search-results-container {
  padding-top: 3rem;
}
.search-results-container h3,
.search-results-container h4 {
  margin-bottom: 0;
}
.search-results-container h3 + p,
.search-results-container h4 + p {
  margin: 0.5rem 0 1rem;
}
.search-results-container .results-nav {
  margin-left: 0;
}
ul.search-results.simple {
  margin-left: 0;
}
table.search-results.user thead tr {
  border-bottom: 1px solid #cccccc;
}
table.search-results.user tbody tr {
  border-bottom: 1px solid #e7e7e7;
}
table.search-results.user tbody tr:nth-child( odd ) {
  background-color: white;
}
table.search-results.user th[scope=col] {
  padding: 1rem 0.5rem 0.5rem;
}
table.search-results.user th[scope=col]:not(.numeric) {
  text-align: left;
}
table.search-results.user th[scope=row] {
  padding: 0.2rem 0.5rem;
  font-size: 1.2rem;
}
table.search-results.user th[scope=row]:not(.numeric) {
  text-align: left;
}
table.search-results.user th.numeric {
  text-align: right;
}
table.search-results.user td {
  padding: 0.2rem 0.5rem;
  font-size: 1.2rem;
}
table.search-results.user td:not(.numeric) {
  text-align: left;
}
table.search-results.user td.numeric {
  text-align: right;
}
table.search-results.admin td {
  padding: 0.2rem 0.5rem;
  border-bottom: 1px solid #e7e7e7;
  font-size: 1.2rem;
}
table.search-results.admin td:last-child span {
  display: block;
  max-width: 200px;
  overflow: hidden;
  font-size: 1.2rem;
  text-align: right;
  white-space: nowrap;
}
table.search-results.admin th {
  padding: 0 0.5rem;
  text-align: left;
}
table.search-results.admin th[scope=col] {
  padding: 1rem 0.5rem 0.5rem;
  border-bottom: 1px solid #cccccc;
}
table.search-results.admin th[scope=row] {
  max-width: 28rem;
  border-bottom: 1px solid #e7e7e7;
  font-size: 1.2rem;
}
table.search-results.admin th[scope=row] span {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
table.search-results.admin th.long[scope=row] {
  max-width: none;
}
table.search-results.admin .button {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0.1rem 0.7rem;
  border: 1px solid #5bc8e1;
  border-radius: 0.3rem;
  color: #5bc8e1;
  font-weight: 700;
  line-height: 1.6rem;
}
table.search-results.admin .button:hover {
  background-color: #5bc8e1;
  color: white;
  text-decoration: none;
}
table.search-results.admin .button.non-default {
  border-color: #999999;
  color: #999999;
}
table.search-results.admin .button.non-default:hover {
  background-color: #999999;
  color: white;
}
table.search-results.admin .button.review,
table.search-results.admin .button.update {
  padding: 0.1rem 0.4rem;
  font-size: 0;
  line-height: 0;
}
table.search-results.admin .button.review::before,
table.search-results.admin .button.update::before {
  display: inline-block;
  width: 16px;
  font-family: 'Font Awesome 5 Free';
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
}
table.search-results.admin .button.add-related {
  padding: 0.1rem 0.7rem 0.1rem 0.4rem;
}
table.search-results.admin .button.add-related::before {
  display: inline-block;
  margin-right: 0.7rem;
  width: 16px;
  content: '\f067';
  font-family: 'Font Awesome 5 Free';
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-align: center;
}
table.search-results.admin .button.review::before {
  content: '\f129';
}
table.search-results.admin .button.update::before {
  content: '\f304';
}
table.search-results.admin .minor-function {
  display: inline-block;
  margin-left: 0.5rem;
  cursor: pointer;
  color: #999999;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 1.6rem;
  text-transform: uppercase;
}
em.full-text {
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: left;
}
em.full-text::before {
  font-family: 'Font Awesome 5 Free';
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1;
}
em.full-text.books::before {
  content: '\f02d';
}
em.full-text.awards::before {
  content: '\f559';
}
em.full-text.shorts::before,
em.full-text.short_stories::before {
  content: '\f518';
}
em.full-text.poetry::before {
  content: '\f56b';
}
/***
 * Related Data
 ***/
.related-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 640px) {
  .related-data {
    flex-direction: row;
  }
}
.related-data__searched,
.related-data__related {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.related-data__searched h5,
.related-data__related h5 {
  margin-right: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  white-space: nowrap;
}
.related-data__searched ul,
.related-data__related ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  list-style-type: none;
  align-items: stretch;
  justify-content: flex-start;
}
.related-data__searched ul li,
.related-data__related ul li {
  margin-right: 0.5rem;
}
.related-data__searched ul li a,
.related-data__related ul li a {
  display: block;
  padding: 0.5rem 1rem;
  border-radius: 3px;
}
.related-data__searched ul li a {
  background-color: #cccccc;
  color: #7a777a;
}
.related-data__searched ul li a:hover {
  background-color: #999999;
  color: #464546;
}
@media (min-width: 640px) {
  .related-data__related {
    margin-left: 1.5rem;
  }
}
.related-data__related ul {
  flex-wrap: wrap;
}
.related-data__related ul li {
  margin-bottom: 0.5rem;
}
.related-data__related ul li a {
  background-color: #5bc8e1;
  color: white;
}
.related-data__related ul li a:hover {
  background-color: #2199b5;
}
/***
 * Listmaker Action Elements
 ***/
.listmaker-action-outer-icon {
  display: inline-block;
  height: 2.6rem;
  width: 2.6rem;
  position: relative;
  background-color: #999999;
  border-radius: 50%;
  color: white;
  content: '\f46d';
  font-family: 'Font Awesome 5 Free';
  font-size: 1.6rem;
  line-height: 2.6rem;
  text-align: center;
}
.listmaker-action-inner-icon {
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  background-color: #2199b5;
  border-radius: 50%;
  color: white;
  font-family: 'Font Awesome 5 Free';
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
}
.listmaker-action-inner-icon__create {
  content: '\f067';
}
.listmaker-action-inner-icon__update {
  content: '\f304';
}
.listmaker-action-inner-icon__delete {
  background-color: #ff7563;
  content: '\f00d';
}
.listmaker-action-inner-icon__active {
  content: '\f00c';
}
.listmaker-action-inner-icon__print {
  content: '\f02f';
}
.listmaker-action-icon {
  display: inline-block;
  margin-right: 1rem;
  position: relative;
  font-size: 0;
  line-height: 0;
}
.listmaker-action-icon::before {
  display: inline-block;
  height: 2.6rem;
  width: 2.6rem;
  position: relative;
  background-color: #999999;
  border-radius: 50%;
  color: white;
  content: '\f46d';
  font-family: 'Font Awesome 5 Free';
  font-size: 1.6rem;
  line-height: 2.6rem;
  text-align: center;
  z-index: 9;
}
.listmaker-action-icon::after {
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  background-color: #2199b5;
  border-radius: 50%;
  color: white;
  font-family: 'Font Awesome 5 Free';
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
  position: absolute;
  z-index: 10;
}
.listmaker-action-icon.create::after {
  content: '\f067';
}
.listmaker-action-icon.update::after {
  content: '\f304';
}
.listmaker-action-icon.delete::after {
  background-color: #ff7563;
  content: '\f00d';
}
.listmaker-action-icon.in-list::after {
  content: '\f00c';
}
.listmaker-action-icon.active::after {
  content: '\f00c';
}
.listmaker-action-icon.make-active::after {
  content: none;
}
.listmaker-action-icon.make-active:hover::after {
  content: '\f00c';
}
.listmaker-action-icon:hover::before {
  background-color: #cccccc;
}
.listmaker-action-icon:hover::after {
  background-color: #5bc8e1;
}
.listmaker-action-icon--small::before {
  height: 2rem;
  width: 2rem;
  background-color: #5bc8e1;
  font-size: 1.2rem;
  line-height: 2rem;
}
.listmaker-action-icon--small::after {
  content: none !important;
}
.listmaker-action-icon--small:hover::before {
  background-color: #b1e5f1;
}
.listmaker-action-button {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.4rem 0.5rem 0.4rem 1rem;
  position: relative;
  cursor: pointer;
  background-color: #cccccc;
  border: none;
  border-radius: 0.2rem;
  color: black;
}
.listmaker-action-button::after {
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  background-color: #2199b5;
  border-radius: 50%;
  color: white;
  font-family: 'Font Awesome 5 Free';
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
  height: 1.8rem;
  width: 1.8rem;
  margin-left: 0.5rem;
  font-size: 1.1rem;
  line-height: 1.7rem;
}
.listmaker-action-button.create::after {
  content: '\f067';
}
.listmaker-action-button.update::after {
  content: '\f304';
}
.listmaker-action-button.delete::after {
  background-color: #ff7563;
  content: '\f00d';
}
.listmaker-action-button.active::after {
  content: '\f00c';
}
.listmaker-action-button.print::after {
  content: '\f02f';
}
.listmaker-action-button:hover {
  background-color: #999999;
  color: white;
}
/***
 * Listmaker Styles
 ***/
a.listmaker.icon {
  display: inline-block;
  margin-right: 1rem;
  position: relative;
  font-size: 0;
  line-height: 0;
}
a.listmaker.icon::before {
  display: inline-block;
  height: 2.6rem;
  width: 2.6rem;
  position: relative;
  background-color: #999999;
  border-radius: 50%;
  color: white;
  content: '\f46d';
  font-family: 'Font Awesome 5 Free';
  font-size: 1.6rem;
  line-height: 2.6rem;
  text-align: center;
  z-index: 9;
}
a.listmaker.icon::after {
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  background-color: #2199b5;
  border-radius: 50%;
  color: white;
  font-family: 'Font Awesome 5 Free';
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
  position: absolute;
  z-index: 10;
}
a.listmaker.icon.create::after {
  content: '\f067';
}
a.listmaker.icon.update::after {
  content: '\f304';
}
a.listmaker.icon.delete::after {
  background-color: #ff7563;
  content: '\f00d';
}
a.listmaker.icon.in-list::after {
  content: '\f00c';
}
a.listmaker.icon.active::after {
  content: '\f00c';
}
a.listmaker.icon.make-active::after {
  content: none;
}
a.listmaker.icon.make-active:hover::after {
  content: '\f00c';
}
a.listmaker.icon:hover::before {
  background-color: #cccccc;
}
a.listmaker.icon:hover::after {
  background-color: #5bc8e1;
}
a.listmaker.button {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.4rem 0.5rem 0.4rem 1rem;
  position: relative;
  cursor: pointer;
  background-color: #cccccc;
  border: none;
  border-radius: 0.2rem;
  color: black;
}
a.listmaker.button::after {
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  background-color: #2199b5;
  border-radius: 50%;
  color: white;
  font-family: 'Font Awesome 5 Free';
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
  height: 1.8rem;
  width: 1.8rem;
  margin-left: 0.5rem;
  font-size: 1.1rem;
  line-height: 1.7rem;
}
a.listmaker.button.create::after {
  content: '\f067';
}
a.listmaker.button.update::after {
  content: '\f304';
}
a.listmaker.button.delete::after {
  background-color: #ff7563;
  content: '\f00d';
}
a.listmaker.button.active::after {
  content: '\f00c';
}
a.listmaker.button.print::after {
  content: '\f02f';
}
a.listmaker.button:hover {
  background-color: #999999;
  color: white;
}
a.listmaker.popup-switch {
  display: inline-block;
  margin-right: 1rem;
  position: relative;
  font-size: 0;
  line-height: 0;
}
a.listmaker.popup-switch::before {
  display: inline-block;
  height: 2.6rem;
  width: 2.6rem;
  position: relative;
  background-color: #999999;
  border-radius: 50%;
  color: white;
  content: '\f46d';
  font-family: 'Font Awesome 5 Free';
  font-size: 1.6rem;
  line-height: 2.6rem;
  text-align: center;
  z-index: 9;
}
a.listmaker.popup-switch::after {
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  background-color: #2199b5;
  border-radius: 50%;
  color: white;
  font-family: 'Font Awesome 5 Free';
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
  position: absolute;
  z-index: 10;
}
a.listmaker.popup-switch.create::after {
  content: '\f067';
}
a.listmaker.popup-switch.update::after {
  content: '\f304';
}
a.listmaker.popup-switch.delete::after {
  background-color: #ff7563;
  content: '\f00d';
}
a.listmaker.popup-switch.in-list::after {
  content: '\f00c';
}
a.listmaker.popup-switch.active::after {
  content: '\f00c';
}
a.listmaker.popup-switch.make-active::after {
  content: none;
}
a.listmaker.popup-switch.make-active:hover::after {
  content: '\f00c';
}
a.listmaker.popup-switch:hover::before {
  background-color: #cccccc;
}
a.listmaker.popup-switch:hover::after {
  background-color: #5bc8e1;
}
a.listmaker.popup-switch::before {
  height: 2rem;
  width: 2rem;
  background-color: #5bc8e1;
  font-size: 1.2rem;
  line-height: 2rem;
}
a.listmaker.popup-switch::after {
  content: none !important;
}
a.listmaker.popup-switch:hover::before {
  background-color: #b1e5f1;
}
a.listmaker.in-list {
  display: inline-block;
  margin-right: 1rem;
  position: relative;
  font-size: 0;
  line-height: 0;
  cursor: default;
}
a.listmaker.in-list::before {
  display: inline-block;
  height: 2.6rem;
  width: 2.6rem;
  position: relative;
  background-color: #999999;
  border-radius: 50%;
  color: white;
  content: '\f46d';
  font-family: 'Font Awesome 5 Free';
  font-size: 1.6rem;
  line-height: 2.6rem;
  text-align: center;
  z-index: 9;
}
a.listmaker.in-list::after {
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  background-color: #2199b5;
  border-radius: 50%;
  color: white;
  font-family: 'Font Awesome 5 Free';
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
  position: absolute;
  z-index: 10;
}
a.listmaker.in-list.create::after {
  content: '\f067';
}
a.listmaker.in-list.update::after {
  content: '\f304';
}
a.listmaker.in-list.delete::after {
  background-color: #ff7563;
  content: '\f00d';
}
a.listmaker.in-list.in-list::after {
  content: '\f00c';
}
a.listmaker.in-list.active::after {
  content: '\f00c';
}
a.listmaker.in-list.make-active::after {
  content: none;
}
a.listmaker.in-list.make-active:hover::after {
  content: '\f00c';
}
a.listmaker.in-list:hover::before {
  background-color: #cccccc;
}
a.listmaker.in-list:hover::after {
  background-color: #5bc8e1;
}
a.listmaker.in-list::before {
  height: 2rem;
  width: 2rem;
  background-color: #5bc8e1;
  font-size: 1.2rem;
  line-height: 2rem;
}
a.listmaker.in-list::after {
  content: none !important;
}
a.listmaker.in-list:hover::before {
  background-color: #b1e5f1;
}
a.listmaker.in-list::before {
  background-color: #999999;
  content: '\f46c';
}
a.listmaker.in-list:hover::before {
  background-color: #999999;
}
.user-lists {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.user-lists > li,
div.active-list {
  margin-bottom: 1.5rem;
  padding: 2rem;
  background-color: white;
}
.user-lists > li > h3,
div.active-list > h3 {
  margin-top: 0;
  position: relative;
}
.user-lists > li > h3 a.listmaker.icon,
div.active-list > h3 a.listmaker.icon {
  bottom: auto;
  left: auto;
  right: 0;
  top: 50%;
  position: absolute;
  cursor: pointer;
  transform: translateY(-50%);
}
.user-lists > li.active > h3,
div.active-list.active > h3 {
  color: #5bc8e1;
}
.user-lists > li > ul.list-contents,
div.active-list > ul.list-contents {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.user-lists > li > ul.list-contents li,
div.active-list > ul.list-contents li {
  float: none;
  margin-bottom: 4px;
  padding: 1.5rem;
  width: 100%;
  border: 1px solid #cccccc;
  transition: all 0.25s ease-in;
}
.user-lists > li > ul.list-contents li.just-updated,
div.active-list > ul.list-contents li.just-updated {
  border: 1px solid #5bc8e1;
  transition: all 0.25s ease-out;
}
.user-lists > li > ul.list-contents li:last-child,
div.active-list > ul.list-contents li:last-child {
  margin-bottom: 0;
}
.user-lists > li > ul.list-contents li h4,
div.active-list > ul.list-contents li h4 {
  margin-top: 0;
  overflow: hidden;
  position: relative;
  color: black;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-lists > li > ul.list-contents li h4::before,
div.active-list > ul.list-contents li h4::before {
  display: inline-block;
  margin: 0 1rem 0 0;
  font-family: 'Font Awesome 5 Free';
  font-size: inherit;
}
.user-lists > li > ul.list-contents li h4::after,
div.active-list > ul.list-contents li h4::after {
  bottom: auto;
  left: auto;
  right: 1.5rem;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  content: '\f078';
  font-family: 'Font Awesome 5 Free';
  font-size: inherit;
}
.user-lists > li > ul.list-contents li h4.active::after,
div.active-list > ul.list-contents li h4.active::after {
  content: '\f077';
}
.user-lists > li > ul.list-contents li h4:hover,
div.active-list > ul.list-contents li h4:hover {
  cursor: pointer;
  color: #5bc8e1;
}
.user-lists > li > ul.list-contents li h4:hover::before,
div.active-list > ul.list-contents li h4:hover::before {
  opacity: 1;
}
.user-lists > li > ul.list-contents li.books h4::before,
div.active-list > ul.list-contents li.books h4::before {
  content: '\f02d';
}
.user-lists > li > ul.list-contents li.awards h4::before,
div.active-list > ul.list-contents li.awards h4::before {
  content: '\f559';
}
.user-lists > li > ul.list-contents li.shorts h4::before,
div.active-list > ul.list-contents li.shorts h4::before {
  content: '\f518';
}
.user-lists > li > ul.list-contents li.poetry h4::before,
div.active-list > ul.list-contents li.poetry h4::before {
  content: '\f56b';
}
.user-lists > li > ul.list-contents li dl,
div.active-list > ul.list-contents li dl {
  padding-top: 2rem;
}
.user-lists > li > ul.list-contents li dl dt,
div.active-list > ul.list-contents li dl dt {
  display: inline;
  margin: 0 1rem 0 0;
  padding: 0.4rem 0 0 0;
  font-weight: bold;
}
.user-lists > li > ul.list-contents li dl dt::before,
div.active-list > ul.list-contents li dl dt::before {
  clear: both;
  display: block;
  content: '';
}
.user-lists > li > ul.list-contents li dl dd,
div.active-list > ul.list-contents li dl dd {
  display: inline;
  padding-top: 0.4rem;
}
.user-lists > li > ul.list-contents li dl dd ul li,
div.active-list > ul.list-contents li dl dd ul li {
  margin-bottom: 0;
  border: none;
}
.user-lists > li > ul.list-contents li div.object-actions,
div.active-list > ul.list-contents li div.object-actions {
  margin-bottom: 0;
  padding: 0 10px;
}
/***
 * Tooltip
 ***/
.tooltip {
  padding: 0.3rem 0.7rem;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  color: white;
}
.tooltip.fade-out {
  opacity: 0;
  transform: translateY(-1.5rem);
  transition: transform 0.4s, opacity 0.4s;
  transition-delay: 1s;
}