#top, #left, #right, #bottom {
  display: none;
}
/* "drop" Menu */
nav[data-t="#drop"] {
  padding-right: var(--normal-spacing);
}
#drop {
  background: var(--action-color-light);
  padding: 0.5em;
  font-weight: bold;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border: 1pt solid var(--primary-color-dark);
  border-top: 0;
  position: relative;
  z-index: 3;
}
/*
#drop.xc {
  display: none;
}
 */
#drop [data-i] {
  display: none;
}
#drop a ~ p {
  display: none;
}
#drop ol {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0.25em;
  list-style: none;
}
#drop li {
  margin: 0;
  padding: 0;
}
#drop a {
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
  display: block;
  color: var(--action-color);
  background: transparent;
  text-decoration: none;
}
#drop a.active {
  color: var(--action-color-bright);
  background: var(--action-color);
}
#drop a:hover {
  color: var(--action-color-light);
  background: var(--action-color);
}
#drop a.active:hover {
  color: var(--action-color-dark);
  background: transparent;
}
/*
#toc {
  background: var(--primary-color-light);
}
#toc > form {
  background: var(--gradient);
  color: var(--primary-color-light);
}
#toc > form input[type="search"] {
  border-radius: var(--border-radius);
  width: 100%;
  border: none;
}
#toc > form input[type="checkbox"] {
  border-radius: var(--border-radius);
}
#toc > ol {
  font-size: 0.9em;
  background: linear-gradient(0deg, hsla(0, 0%, 0%, 0.3) 0%, hsla(0, 0%, 0%, 0) 2%, hsla(0, 0%, 0%, 0) 98%, hsla(0, 0%, 0%, 0.3) 100%);
}
#toc a {
  white-space: normal;
  color: var(--action-color-light);
  text-decoration: none;
}
#toc li a ~ p {
  display: none;
}
#toc li.sep {
  color: var(--action-color-light);
  background: var(--action-color);
  font-size: 1.2em;
  padding-left: 0.5em;
}
#toc li.xim a ~ p {
  display: inline-block;
  white-space: pre-line;
  margin: 0;
  margin-left: var(--normal-spacing);
  font-size: 80%;
  line-height: 100%;
} */
#tictoc [data-i] {
  display: none;
}
#tictoc li {
  text-align: center;
}
#tictoc a {
  text-decoration: none;
}
#tictoc a .background {
  fill: transparent;
}
#tictoc a .foreground {
  fill: var(--action-color);
}
#tictoc a:hover .background {
  fill: var(--action-color);
}
#tictoc a:hover .foreground {
  fill: var(--action-color-bright);
}
#tictoc a.active .background {
  fill: var(--action-color);
}
#tictoc a.active .foreground {
  fill: var(--action-color-light);
}
#toc a.control figure.icon {
  height: 100%;
  display: block;
}
/* gallery_menu Menu*/
#gallery_menu a {
  font-weight: bold;
}
#home:current {
  background: none;
  margin: 0;
  margin-bottom: var(--normal-spacing);
  background-color: #57c33c21;
  border: none;
  padding: var(--normal-spacing);
  display: grid;
  grid-gap: var(--normal-spacing);
  grid-template-rows: auto;
  grid-template-columns: auto;
}
#home > header {
  display: none;
}
#home #featured {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: unset;
}
#home .blocks > div {
  min-width: 280px;
  display: inline-block;
  vertical-align: top;
  border: var(--border);
  padding: var(--normal-spacing);
}
/*
#home .blocks a .icon {
}
*/
#home .blocks {
  display: grid;
  grid-gap: var(--normal-spacing);
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  font-size: 1.1rem;
}
#home .blocks > div {
  background-size: cover;
}
#home .blocks > div > h1,
#home .blocks > div > h2,
#home .blocks > div > h3,
#home .blocks > div > h4,
#home .blocks > div > h5,
#home .blocks > div > h6,
#home .blocks > div > p {
  box-shadow: 0 0 2em 0.5em white;
  background: #ffffffab;
  width: fit-content;
  border-radius: calc(3.14em / 2);
}
#home .blocks > div > h1,
#home .blocks > div > h2,
#home .blocks > div > h3,
#home .blocks > div > h4,
#home .blocks > div > h5,
#home .blocks > div > h6 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  font-family: "Raleway";
}
#home .blocks p {
  font-size: 1rem;
  font-family: 'Nunito';
}
#home .blocks div[data-h="#species"] {
  background-image: url(/static/Asclepias-purpurascens-light.jpg);
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}
#home .blocks div[data-h="#authoring"] {
  background-image: url(/static/Anthemis-tinctoria-light.jpg);
  grid-row: 1 / 2;
  grid-column: 2 / 3;
}
#home .blocks div[data-h="#gallery"] {
  background-image: url(/static/Asclepias-tuberosa-light.jpg);
  grid-row: 1 / 2;
  grid-column: 3 / 4;
}
#home .blocks {
  text-align: center;
  margin-top: 1em;
}
@media only screen and (max-width: 1000px) {
  #home .blocks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--normal-spacing);
  }
}
#gallery_featured_album > header {
  display: none;
}
/* #gallery_info.modal article {
  max-width: var(--page-width-normal);
} */
#featured h1,
#featured h2,
#featured h3,
#featured h4,
#featured li,
#featured p {
  box-shadow: 0 0 2em 0.5em white;
  background-color: #ffffffab;
  width: fit-content;
  border-radius: calc(3.14em / 2);
}
#featured p {
  font-size: 1rem;
  font-family: 'Nunito';
}
#references li {
  list-style: none;
}