@import url('https://www.wilmu.edu/_files/css/var-colors.css');
details {
	/* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset; */
}
details:hover {
  cursor: pointer;
}

details.noBorder {
	 border-block-end-color: transparent 
}
 details p:not(.NoMargin) {
	 margin-block: 0 10px;
}
 details[open] {
	 -webkit-border-after: 8px solid;
	 border-block-end: 8px solid;
	 border-block-end-color: var(--color-primary0);
}
 details:not(:first-of-type) {
	 margin-block: 30px 0;
}
 details[open] > div {
	 /* padding: 0.75em 1.25em;
	 border: 1px solid var(--color-neutral0); */
	 background-color: white;
}
 details[open] summary {
	 background-color: var(--color-primary0);
	 color: white;
}

details > div {
  overflow: auto;
  padding: 0.75em 1.25em;
  background:
    linear-gradient(var(--color-white) 30%, var(--color-white)),
    linear-gradient(var(--color-white), var(--color-white) 70%) 0 100%,
    radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
    radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--color-white);
  background-size: 100% 4em, 100% 4em, 100% 1.4em, 100% 1.4em;
  background-attachment: local, local, scroll, scroll;
}


summary {
  margin: -0.75em 0 0;
  padding: 0.5em 1em 0.5em 0.5em;
  background-color: var(--color-white);
  color: var(--color-links);
	font-weight: 600;
  font-size: 1.5em;
	border: 2px solid;
  border-color: rgba(0, 132, 61, 0.14);
  -webkit-transform-style: flat;
	 transform-style: flat;
	 transition: border-color 100ms ease, background 100ms ease, color 100ms ease
}

summary::-webkit-details-marker {
  display: none;
}

summary:hover {
  border-color: rgba(0, 132, 61, 0.4);
  outline: none;
}

summary:hover, 
summary:hover::marker {
/*	color: var(--color-links); */
}
@media print {
  summary, details > div {
    border: none;
    background: transparent;
    padding: 0;
  }

  details > div {
    height: auto;
  }
}