/*Modify the home page feature area background*/
#home-page .feature-region {
  height:  400px;
  margin: auto;
  background-image: url("https://instructure-uploads.s3.amazonaws.com/account_135130000000000001/attachments/6006/Certification%2526Training%20Banner%20%25281%2529.svg");
  background-size:  cover;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-color: #c6d7e9;
  }



/*Modify the layout for the contents of the feature area background*/
#home-page #feature div {
  max-width: 1000px;
  padding-top: 48px;
  margin: auto;
  color: #c6d7e9;
}

/*Modify the H3 text style in the feature area. Add actual text via JavaScript */
#home-page #feature h3 {
  text-align: center;
  font-size: 2.3em;
  margin-top: 1em;
  line-height: 1;
}

/*Modify the H4 text style in the feature area. Add actual text via JavaScript */
#home-page #feature h4 {
  text-align: center;
  font-size: 1.9em;
}

/*Hide dates, price, and free flag*/
.product-dates {
display:  none;
}

.product-price {
display:  none;
}

.jqFlag {
display:  none;
}

/*Hide enrollment message on listing and self-paced*/
.ProductEnrollment__Notice {
	display: none;
}

.hero-region p {
          display: none;
}

/*Accordion CSS for Unity Listing*/
.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;
			}