@font-face {
  font-family: 'WP-EDU';
  src: url('fonts/WP-EDU.eot?ihl7aj');
  src: url('fonts/WP-EDU.eot?ihl7aj#iefix') format('embedded-opentype'),
    url('fonts/WP-EDU.ttf?ihl7aj') format('truetype'),
    url('fonts/WP-EDU.woff?ihl7aj') format('woff'),
    url('fonts/WP-EDU.svg?ihl7aj#WP-EDU') format('svg');
  font-weight: normal;
  font-style: normal;
}

.EDU .media {
  position: relative;
}

.EDU .btn.stretched-link {
  float: right;
}

.EDU .stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: '';
}

.wedu {
  margin-top: 20px;
}

h1.wpedu {
  color: #49A74C;
  line-height: 42px;
  text-align: center;
}

a h2 {
  text-align: center;
  padding: 20px 0 0 0;
}

a:hover {
  text-decoration: none;
}

    a:hover h2 {
        /*color: #49A74C;*/
        color: grey;
        text-decoration: underline;
    }

.divider {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'WP-EDU' !important;
  speak: none;
  position: relative;
  width: 100%;
  height: 2px;
  background: #49A74C;
  margin: 30px auto;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.divider:after {
  content: '\e906';
  font-family: 'WP-EDU' !important;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  font-size: 36px;
  color: #49A74C;
  background: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  text-align: center;
}

.apple.divider:after {
  content: '\e900';
}

.braces.divider:after {
  content: '\e904';
}

.coffee.divider:after {
  content: '\e905';
}

.edu.divider:after {
  content: '\e906';
}

.electric-toothbrush.divider:after {
  content: '\e907';
}

.floss.divider:after {
  content: '\e908';
}

.implant.divider:after {
  content: '\e909';
}

.interdental-brush.divider:after {
  content: '\e90a';
}

.manual-v-electric.divider:after {
  content: '\e90b';
}

.stringfloss.divider:after {
  content: '\e90c';
}

.tooth.divider:after {
  content: '\e90d';
}

.toothbrush.divider:after {
  content: '\e90e';
}

.whiten.divider:after {
  content: '\e90f';
}

.source h3,
.relatedArticles h3 {
  border-top: solid 2px #49A74C;
  padding: 10px 0 0;
  margin: 10px 0 0;
}

.source ul,
.relatedArticles ul {
  font-size: 12px;
  padding-left: 25px;
  list-style-type: none;
}

.source li,
.relatedArticles li {
  padding: 5px 0;
}

.source a:hover,
.relatedArticles a:hover {
  color: #49A74C;
}

@media (max-width: 575px) {
  .EDU .media-body h2 {
    font-size: 20px;
    line-height: normal;
  }
}

    .relatedArticleCard .col {
    display: block;
    align-items: stretch !important;
    }

    .wedu {
    margin-top: 0px;
    }

    .relatedArticleCard .card {
        flex-direction: row;
    }

    .relatedArticleCard .card-img-top {
        flex-shrink: 1;
        width: 125px;
    }

    .relatedArticleCard .card-body {
      display: flex;
      align-items: center;
      
    }
    .relatedArticleCard .card-body .card-title {
      margin-bottom: 0;
    }