.ux-animated-accordion__toggle {
  background-color: #f6f6f6;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  display: block; /* Ensure it behaves like a block-level element */
	position: relative;
	border-left: solid 1px #f6f6f6;
	border-right: solid 1px #f6f6f6;
	border-top: solid 1px #f6f6f6;
}

.ux-animated-accordion__toggle:hover {
  background-color: #eee;
}

.ux-animated-accordion__toggle--active {
  background-color: #FFF;
	border-left: solid 1px #f6f6f6;
	border-right: solid 1px #f6f6f6;
	border-top: solid 1px #f6f6f6;
}


.ux-animated-accordion__toggle::after {
  content: '\002B';
  color: #333333;
  font-weight: 100;
  font-size: 28px;
  position: absolute;
  top: 50%; /* Move the top edge to the middle of the parent */
  right: 10px; /* Move the left edge to the middle of the parent */
  transform: translate(0, -50%); /* Shift it back by half its own width and height */
	line-height: normal;
}

.ux-animated-accordion__toggle--active::after {
  content: "\2212";
}

.ux-animated-accordion__content {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
	border-left: solid 1px #f6f6f6;
	border-right: solid 1px #f6f6f6;
}

.ux-animated-accordion .ux-animated-accordion__content:last-child {
	border-bottom: solid 1px #f6f6f6;
}

.ux-animated-accordion__inner-content {
	padding: 15px;
	font-size: 14px;
}


@media(max-width: 850px) {
	
	.ux-animated-accordion {
   		margin: 0 -15px;
	}
	
	.ux-animated-accordion__inner-content {
		font-size: 13px;
	}
	
	.ux-animated-accordion__inner-content li {
		margin-bottom: 4px!important;
	}
	
	.ux-animated-accordion__inner-content p {
		margin-bottom: 4px!important;
	}

}