/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/single-post-details/single-post-details.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/*
A simple little SCSS mixin for creating scrim gradients
Inspired by Andreas Larson - https://github.com/larsenwork
https://css-tricks.com/easing-linear-gradients/
*/
.sp-detail-section {
  padding: 5rem 0.9375rem 4.375rem;
  text-align: left;
  overflow-x: hidden;
  background-color: #FFFFFF;
}
@media (max-width: 767px) {
  .sp-detail-section {
    padding: 3.75rem 0.9375rem 3.125rem;
  }
}
.sp-detail-section.grey-background {
  background-color: #D9D9D9;
}
@media (max-width: 767px) {
  .sp-detail-section__social-icons {
    margin-bottom: 1.875rem;
  }
}
.sp-detail-section__inner-content h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: #1D252C;
  margin-bottom: 1.5625rem;
}
@media (max-width: 767px) {
  .sp-detail-section__inner-content h2 {
    font-size: 1.25rem;
  }
}
.sp-detail-section__inner-content h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: #1D252C;
  margin-bottom: 1.5625rem;
}
@media (max-width: 767px) {
  .sp-detail-section__inner-content h3 {
    font-size: 1.125rem;
  }
}
.sp-detail-section__inner-content p {
  font-size: 1rem;
  font-weight: 900;
  margin-bottom: 0;
  color: #FFFFFF;
  margin-bottom: 1.5625rem;
  color: #1D252C;
  font-weight: 400;
}
@media (max-width: 767px) {
  .sp-detail-section__inner-content p {
    font-size: 0.875rem;
  }
}
.sp-detail-section__sub-title {
  font-size: 1rem;
  font-weight: 900;
  margin-bottom: 0;
  color: #FFFFFF;
  color: #1D252C;
  font-weight: 400;
  padding-bottom: 0.9375rem;
  border-bottom: 1px solid #0099A8;
  display: block;
  width: 100%;
  margin-bottom: 1.6875rem;
}

/*# sourceMappingURL=single-post-details.min.css.map*/