/*Accordion CSS is for drop-down course menu on the listings*/
.accordion span {
color: #0000EE;
}

.accordion span:hover,
.accordion span:hover::after {
  cursor: pointer;
  }

.accordion .content {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #0000EE
}

.accordion .content p {
  font-weight: 300;
}

.accordion .content.active {
  opacity: 1;
  padding: 1rem;
  max-height: 100%;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.span {
}

.accordion a {
				position: relative;
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				color: #333333 !important;
				font-size: 14px;
				padding-bottom: 10px;
                                line-height: 1.25;
			}

			.accordion a:hover,
			.accordion a:hover::after {
				cursor: pointer;
				color: #333333;
                                text-decoration: none;
			}

			.accordion a::after {
				content: ' ⯆';
				position: absolute;
				float: right;
                                right: 0rem;
				font-size: 14px;
				color: #000;
				width: 30px;
				height: 30px;
				text-align: right;
			}

			.accordion a.active::after {
				content: " ⯅";
				color: #333333;
			}

			.accordion .content {
				opacity: 0;
				max-height: 0;
				border-bottom: 1px solid #333333;
                                margin-bottom: 5px;
				overflow: hidden;
				clear: both;
				-webkit-transition: all 0.2s ease-out;
				-o-transition: all 0.2s ease-out;
				transition: all 0.2s ease-out;
                                color: #333333;
			}

			.accordion .content p {
				font-size: 14px;
				}

			.accordion .content.active {
				opacity: 1;
				max-height: 100%;
				-webkit-transition: all 0.35s ease-out;
				-o-transition: all 0.35s ease-out;
				transition: all 0.35s ease-out;
			}