@media screen and (min-width: 992px) {
  .disc-group .desc {
    padding: 3rem;
  }
}

.disc-group > h1,
.disc-group > h2,
.disc-group > h3,
.disc-group > h4,
.disc-group > h5 {
  margin: 0 !important;
  padding: 0 !important;
}

.disc-group:not(:first-of-type):not(:last-of-type) > h1,
.disc-group:not(:first-of-type):not(:last-of-type) > h2,
.disc-group:not(:first-of-type):not(:last-of-type) > h3,
.disc-group:not(:first-of-type):not(:last-of-type) > h4,
.disc-group:not(:first-of-type):not(:last-of-type) > h5 {
  border-bottom: 1px solid #D1D1D1;
}

.disc-group:not(:first-of-type):not(:last-of-type) {
  border: 1px solid #D1D1D1;
  border-bottom: none;
  border-top: none;
  margin: 0;
  padding: 0;
}

.disc-group:first-of-type {
  border: 1px solid #D1D1D1;
  margin: 0;
  padding: 0;
  border-radius: 7px 7px 0 0;
}
.disc-group:last-of-type {
  border: 1px solid #D1D1D1;
  border-top: none;
  margin: 0;
  padding: 0;
  border-radius: 0 0 7px 7px;
}

.disc-group .disc-btn {
  background-color: transparent;
  margin: 0;
  padding: 1rem;
  text-align: left;
  width: 100%;
}

.disc-group > h1:not(:last-of-type) > .disc-btn,
.disc-group > h2:not(:last-of-type) > .disc-btn,
.disc-group > h3:not(:last-of-type) > .disc-btn,
.disc-group > h4:not(:last-of-type) > .disc-btn,
.disc-group > h5:not(:last-of-type) > .disc-btn {
	border-bottom: 1px solid #D1D1D1 !important;
}

.disc-group .desc {
  background-color: #fff;
  display: none;
  padding: 1rem;
}

.disc-group .disc-btn:hover,
.disc-group .disc-btn:focus {
  background-color: #eee;
}

.disc-group .disc-btn:focus {
  border-color: #630;
}

.disc-group .disc-btn:active {
  background-color: #bbb;
}

/**************************************/
/* Custom disclosure button animation */
/**************************************/
/*.disc-btn-x {
	content: 
	border: solid black;
	border-width: 0 2px 0 0;
	height: 1rem;
	pointer-events: none;
	position: relative;
	right: -2em;
	width: 0.5rem;
	transform: translateY(-60%) rotate(45deg);
}*/

.disc-btn-x {
    position: relative;
    width: 1rem;
    height: 1rem;	
}

.disc-btn-x::after {
    top: 50%;
    left: 0;
    width: 90%;
    height: 2px;
    margin-top: -2px;
}
.disc-btn-x::before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 90%;
    margin-left: -2px;
}
.disc-btn-x::before, .disc-btn-x::after {
    content: "";
    position: absolute;
    background-color: black;
    transition: transform 0.25s ease-out;
}

.disc-btn[aria-expanded="true"] .disc-btn-x::before {
	transform: rotate(90deg);
}

.disc-btn[aria-expanded="true"] .disc-btn-x::after {
	transform: rotate(180deg);
}

/*.disc-btn[aria-expanded="false"] .disc-btn-x {
	animation: spinPlus 0.25s 1;
	/*transform: translateY(-50%) rotate(-135deg);*//*
	right: -0.6rem;
	top: -0.8rem;
	position: relative;
}

.disc-btn[aria-expanded="true"] .disc-btn-x {
	animation: spinCross 0.25s 1;
	transform: /*translateY(-60%)*/ /*rotate(45deg);
	right: -0.6rem;
	top: -0.8rem;
	position: relative;
}

.disc-btn-x::before {
	border: solid black;
	border-width: 0 2px 0 0;
	content: '';
	height: 1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(90deg);
}

.disc-btn-x::after {
	border: solid black;
	border-width: 0 2px 0 0;
	content: '';
	height: 1rem;
	pointer-events: none;
	position: absolute;
}*/

@keyframes spinCross
{
	0% {
		transform: translateY(0rem) rotate(0deg);
	}
	
	100% {
		transform: translate(-0.6rem, 0.8rem) rotate(-135deg);
		/*transform: translateY(0.8rem) translateX(-0.6rem) rotate(-135deg)*/
	}
}

@keyframes spinPlus
{
	0% {
		transform: translate(-0.5rem, 1rem) rotate(-135deg);
		/*transform: translateY(1rem) translateX(-0.5rem) rotate(-135deg)*/
	}
	
	100% {
		transform: translateY(0rem) rotate(0deg);
	}
}
/**********************************/

.disc-group .disc-btn[aria-expanded="false"]::before {
  content: '+';
  padding: 0 0.35rem;
}

.disc-group .disc-btn[aria-expanded="true"]::before {
  content: '-';
  padding: 0 0.35rem;
}