@charset "UTF-8";
/* Annotated Bibliography CSS for P4E */
/* Tree-styled hide/reveal list - no JavaScript (see: http://experiments.wemakesites.net/css3-treeview.html) */
.css-treeview ul,
.css-treeview li
{
    font-family:'Arial',sans-serif;
    font-size:12.0pt;
    padding: 0;
    margin-bottom: 0.3em;
    list-style: none;
}

li.citation {
    margin-top: 1em;
}

li.expansion {
      background-color: ghostwhite;
}

.css-treeview input
{
    position: absolute;
    opacity: 0;
}

.css-treeview
{
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.css-treeview a
{
    color: #00f;
    text-decoration: none;
}

.css-treeview a:hover
{
    text-decoration: underline;
}

.css-treeview input + label + ul
{
    margin: 0 0 0 22px;
}

.css-treeview input ~ ul
{
    display: none;
}

.css-treeview label,
.css-treeview label::before
{
    cursor: pointer;
}

.css-treeview input:disabled + label
{
    cursor: default;
    opacity: .6;
}

.css-treeview input:checked:not(:disabled) ~ ul
{
    display: block;
}

.css-treeview label,
.css-treeview a,
.css-treeview label::before
{
    display: inline-block;
}

.css-treeview label::before
{
    content: "\25B6";
    margin-right: 6px;
    vertical-align: middle;
    width: 1.2em
}

.css-treeview input:checked + label::before
{
    content: "\25BC";
    margin-right: 6px;
    vertical-align: middle;
    width: 1.2em;
}

/* Style the citation itself. */
.citation {
    color: black;
    background-color: ivory;
    padding: 2rem;
    margin: 2rem;
  }
/* Style the keywords. */
.keywords {
    padding-left: 4em;
    background-color: white;
}
.keywords::before {
  content: "Keywords: ";
  color: darkslategrey;
  font-style: italic;
  display: inline-block;
  margin-right: 6px;
  background-color: ghostwhite;
}
