/**
 *
 * Cape Gastro Services Listing and Article-specific Pages
 */

.services .services-listing .card .card-body .card-title {
  min-height: 110px;
  max-height: 110px;
  margin-bottom: 0;
  margin-top: 2rem;
}

.card-text p {
  margin-bottom: 3rem !important;
}

.services .services-listing .card-deck .card {
  display: flex;
  display: -ms-flexbox;
  flex: 1 auto;
  -ms-flex: 1 auto;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 20px;
}

.article-section-title {
  color: var(--theme-color);
  font: normal normal 25px/30px 'Open Sans', sans-serif;
}

article>section,
article>div {
  padding-top: 5px;
  padding-bottom: 15px;
}

article .introduction {
  padding-top: 20px;
}

article .introduction p {
  margin-bottom: 0;
}

.services-specific article.content ul {
  list-style: none;
  padding-left: 20px;
}

.services-specific article.content ul li {
  color: #656d6d;
  font: normal normal 16px/30px 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 40px;
}

.services-specific article.content ul li::before {
  content: "\2022";
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  color: var(--theme-color);
  font-size: 20px;
  font-weight: 700;
}

.page-section .goto-page a i.fa {
  font-size: 23px;
  line-height: 30px;
  padding-top: 1px;
  padding-right: 5px;
}

@media only screen and (max-width: 992px) {
  .services .services-listing .card-deck .card {
    max-width: 320px;
    width: 100%;
    margin: 20px auto;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  [class*=services] h2 {
    font-size: 25px;
    margin-bottom: 30px;
  }

  [class*=services] h3 {
    font-size: 23px;
  }

  article>section,
  article>div {
    padding-top: 0;
    padding-bottom: 20px;
  }

  article .introduction,
  article .complaint {
    padding-top: 0;
  }

  .page-section .goto-page a i.fa {
    font-size: 20px;
    line-height: 30px;
    padding-top: 0px;
    padding-right: 3px;
  }
}