
/* Section 1 */
.c-blog-post {
    background:var(--white);
    padding-block:0 var(--space-m) var(--space-l-2xl);
}
.blog--intro p {
  margin:0;
  line-height:1rem;
  font-size:1.2rem
}
.posts-container {
  background:#efefef
}

.c-blog-post {
  display:block
}
.c-blog-post__featured-image {
  width:100%;
  height:650px
}
.c-blog-post__container {
  background:#fff;
  margin-top:-150px;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  border-radius:5px;
  box-shadow:2px 2px 7px 0 rgba(66,98,61,.4);
  position:relative
}
.c-blog-post__info {
  display:flex;
  flex-direction:column;
  text-align:center;
  margin-bottom:50px
}
.c-blog-post__date {
  margin:10px 0;
  /* font-size:14pt */
}

.single-post--body {
  padding-bottom:3rem
}
.single-post--body ul {
  padding:0 20px
}
.single-post--body ul li {
  padding:.5rem 0
}

.single-post--application,
.single-post--application .application-group {
  display:flex;
  flex-direction:column;
  align-items:center
}
.single-post--application .mb__10 {
  margin-bottom:10px;
  font-size:1rem
}
.single-post--application .btn {
  padding:15px
}

.c-blog-post__title:after {
  margin:15px auto;
  content:"";
  display:block;
  background:#ea5b24;
  width:50%;
  height:5px
}
.related {
  margin-top:30px;
  z-index:-1;
  background:#e2e3e4
}
.related-posts {
  display:flex;
  flex-wrap:wrap
}
@media(min-width:576px) {
  .single-post--application {
    display:inherit;
    text-align:center
  }
  .single-post--application h3 {
    text-align:center
  }
  .single-post--application .grid--2-col {
    display:grid;
    grid-template-columns:200px 200px;
    grid-column-gap:20px;
    justify-content:center
  }
  .single-post--application .grid--2-col .application-group {
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
  }
  .single-post--application .grid--2-col .application-group .avatar {
    margin-bottom:0
  }
}
@media(min-width:768px) {
  .c-blog-post__info {
    flex-direction:row;
    justify-content:space-between
  }
  .c-blog-post__container {
    max-width:90%;
    margin-left:auto;
    margin-right:auto
  }
  .related-posts .post-list-item {
    flex:1 0 48%;
    margin:1%
  }
}
@media(min-width:992px) {
  .c-blog-post__container {
    max-width:970px;
    padding:0
  }
  .c-blog-post__info {
    padding:0 20px
  }
  .single-post--body {
    margin-left:15px;
    padding-bottom:0
  }
  .c-blog-post__content {
    padding:20px 80px 80px
  }
  .related-posts .post-list-item {
    justify-content:center;
    flex:1 0 30%;
    margin:1.5%
  }
}

.c-social-icons {
  display:flex;
  justify-content:flex-end;
  margin-top:15px;
  margin-bottom:15px
}
.c-social-icons__icon {
  cursor:pointer;
  margin-top:5px;
  margin-bottom:5px;
  transition-duration:.5s
}
.c-social-icons__icon:hover {
  transform:scale(1.5)
}
.c-social-icons__icon--email {
  color:rgb(180.7522123894,53.2743362832,34.2477876106)
}
.c-social-icons__icon--twitter {
  color:#00aced
}
.c-social-icons__icon--linkedin {
  color:#007bb6
}
.c-social-icons__icon--facebook {
  color:#3b5998
}
@media(min-width:992px) {
  .c-social-icons {
    float:left;
    position:sticky;
    top:50%;
    margin-bottom:80px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    padding:15px 10px 15px 20px;
    background:#e2e3e4;
    box-shadow:2px 2px 7px 0 rgba(66,98,61,.4)
  }
  .c-social-icons__share {
    display:flex;
    flex-direction:column
  }
}

a {
  color: var(--fire);
  text-decoration: underline;
  text-decoration-color: currentcolor;
  text-decoration-color:var(--fire);
  cursor: pointer;
}