details summary::-webkit-details-marker { color: transparent; }
details summary:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0fe"; }

details[open] summary::-webkit-details-marker {/* background: url(/images/toggle-expand.png) center no-repeat;*/ color: transparent;}
details[open] summary:before {/*background: url(/images/toggle-close.png) center no-repeat;*/font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f146";}

details.JCWCollapseItem summary { text-decoration: none; font-size: 16px; cursor: pointer; }

.AccordianArchives ul { padding: 0px; list-style: none; }


/*gay ass foo foo animations*/

	/*FADE IN FROMM LEFT*/
		/*details[open] summary ~ * {animation: sweep .5s ease-in-out; }
		@keyframes sweep {0%    {opacity: 0; margin-left: -10px}100%  {opacity: 1; margin-left: 0px} }*/


	/*GROW AND FADE IN - BOOTSRAP*/
		@keyframes invisiblyGrowFontSize { 0% {font-size: 0;opacity: 0;}100% {font-size: 1em;opacity: 0;} }
		@keyframes fadeIn {0% {  opacity: 0;}100% {	opacity: 1;} }
		details[open] .accordianContent {animation-name: invisiblyGrowFontSize, fadeIn;  animation-duration: 400ms, 200ms;  animation-delay: 0ms, 300ms;}
		details:not([open]) { background: whitesmoke; }
		details[open] { background: whitesmoke; }