/*	****************************************
 *	Intro blocks
 *	****************************************
 *	Reusable shared class name used for the 3 intro blocks on top-level landing pages.
 *  Type styles are very, very likely to be reused as a mixin, since they show up elsewhere.
 */
.region-highlighted:after {
  display: table;
  clear: both;
  content: "";
  height: 0px;
}
@media screen and (min-width: 768px) {
  .intro-block {
    clear: none;
    float: left;
    width: 33.33333333%;
  }
}
.intro-block .block-title {
  margin-top: 0.5em;
  margin-bottom: -0.5em;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff !important;
  font-weight: bold !important;
  display: inline-block;
  padding: 15px 20px 20px;
}
.intro-block .block-content {
  padding: 20px;
  background-color: #fff;
  margin-bottom: 1em;
}
.region-content .intro-block .block-inner {
  margin: 0 10px;
}