#main {
  padding: 40px 10px;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  #main {
    padding: 40px 0;
  }
}
@media (min-width: 1200px) {
  #main .container {
    max-width: 1024px;
  }
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}
.breadcrumbs li {
  display: inline-flex;
  align-items: center;
}
.breadcrumbs li.separator {
  rotate: 180deg;
}
.breadcrumbs li a, .breadcrumbs li span {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
}
.breadcrumbs li img {
  position: relative;
  top: 0;
}

.postContent p {
  margin-bottom: 15px;
}
.postContent ul, .postContent ol, .postContent div {
  margin-bottom: 25px;
}
.postContent iframe {
  position: static !important;
  width: 100%;
  min-height: 400px;
  margin-bottom: 25px;
}
.postContent img {
  margin-bottom: 25px;
}

.topContent {
  margin-bottom: 40px;
}
.topContent .mainTitle {
  font-size: 2rem;
  line-height: 2.25rem;
  font-weight: 600;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .topContent .mainTitle {
    font-size: 2.625rem;
    line-height: 2.875rem;
  }
}
.topContent .excerpt {
  margin-bottom: 20px;
  font-size: 1.375rem;
}
.topContent .excerpt > * {
  font-size: 1.375rem;
}
.topContent .socialBox {
  border-top: 1px solid #1E1E20;
  border-bottom: 1px solid #1E1E20;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
}
.topContent .socialBox .author {
  display: flex;
  align-items: center;
}
.topContent .socialBox .author .profileImage {
  display: inline-flex;
  align-items: center;
  margin-inline-end: 6px;
  max-height: 40px;
  overflow: hidden;
}
.topContent .socialBox .author .profileImage img {
  width: 40px;
  border-radius: 100%;
}
.topContent .socialBox .author .authorSocialLink {
  display: inline-flex;
  flex-flow: column;
}
.topContent .socialBox .author .authorSocialLink .name a {
  font-size: 0.625rem;
  line-height: 1;
  color: #1E1E20;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 6px;
  text-decoration: underline;
}
.topContent .socialBox .author .authorSocialLink .link {
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 600;
  color: #858585;
}
.topContent .socialBox .sharing {
  display: flex;
  align-items: center;
}
.topContent .socialBox .sharing .shareButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  margin-inline-start: 4px;
  transform: translateY(0);
  transition: all 0.5s ease;
}
.topContent .socialBox .sharing .shareButton:hover {
  transform: translateY(-5px);
}

.authorSection {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: start;
  padding: 26px 16px;
  border-top: 1px solid #1E1E20;
  border-bottom: 1px solid #1E1E20;
  margin-top: 40px;
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  .authorSection {
    flex-flow: row;
  }
}
.authorSection .profileImage {
  display: inline-flex;
  width: 100%;
  max-width: 77px;
  height: 77px;
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}
.authorSection .profileImage img {
  min-width: 100%;
  min-height: 100%;
}
@media (min-width: 768px) {
  .authorSection .profileImage {
    margin-inline-end: 24px;
    margin-bottom: 0;
  }
}
.authorSection .authorDetails .desc {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.authorSection .authorDetails .contactDetails {
  display: flex;
  align-items: center;
}
.authorSection .authorDetails .contactDetails .jobTitle {
  display: inline-flex;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #858585;
  margin-inline-end: 14px;
}
.authorSection .authorDetails .contactDetails .instagramLink {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 500;
  color: #1E1E20;
}
.authorSection .authorDetails .contactDetails .instagramLink .icon {
  margin-inline-end: 3px;
}

.relatedArticles {
  margin-bottom: 80px;
  overflow: hidden;
}
.relatedArticles .titleWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 6px solid #F0F0F0;
  padding-bottom: 15px;
  margin-bottom: 40px;
}
.relatedArticles .titleWrapper .title {
  font-size: 1.25rem;
  line-height: 1rem;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .relatedArticles .titleWrapper .title {
    font-size: 3.125rem;
    line-height: 2.875rem;
  }
}
.relatedArticles .titleWrapper .more {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 0.88px;
  text-transform: uppercase;
  font-weight: 600;
  color: #1E1E20;
}
.relatedArticles .titleWrapper .more img {
  position: relative;
  top: -2px;
  margin-inline-start: 8px;
}
.relatedArticles .articlesWrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.relatedArticles .articlesWrapper .articleItem {
  flex: 1 1 0;
  padding-inline-end: 21px;
}
.relatedArticles .articlesWrapper .articleItem:last-child {
  padding: 0;
}
.relatedArticles .articlesWrapper .articleItem .imageWrapper {
  width: 100%;
  height: 156px;
  overflow: hidden;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .relatedArticles .articlesWrapper .articleItem .imageWrapper {
    height: 245px;
  }
}
.relatedArticles .articlesWrapper .articleItem .imageWrapper a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.relatedArticles .articlesWrapper .articleItem .imageWrapper a img {
  min-height: 100%;
  min-width: 100%;
}
.relatedArticles .articlesWrapper .articleItem .title {
  margin-bottom: 12px;
}
.relatedArticles .articlesWrapper .articleItem .title a {
  font-size: 1.25rem;
  color: #1E1E20;
}
.relatedArticles .articlesWrapper .articleItem .desc {
  font-size: 0.875rem;
  color: #1E1E20;
}
.relatedArticles .articlesWrapper::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .relatedArticles .articlesWrapper {
    flex-flow: row wrap;
    overflow: hidden;
  }
}

/*# sourceMappingURL=post.css.map */