/*******
 *
 * Single Template
 *
 *******/
/******* Functions *******/
/******* Mixins *******/
/******* Bootstrap *******/
/**
* Fonts
*/
:root {
  --bs-primary: $blue;
  --bs-secondary: $gray-600;
  --bs-tertiary: $teal;
  --bs-success: $green;
  --bs-info: $cyan;
  --bs-warning: $yellow;
  --bs-danger: $red;
  --bs-light: $gray-100;
  --bs-dark: $gray-900;
}

/******* Variables *******/
.single .post p {
  margin-bottom: 1.5rem;
}
.single .post img.alignleft, .single .post img.alignright {
  margin-bottom: 1rem;
}
.single .related-posts .card {
  box-shadow: var(--bs-box-shadow-sm);
}
@media (max-width: 575.98px) {
  .single .related-posts .swiper-container {
    padding-bottom: 3rem;
  }
  .single .related-posts .swiper-slide {
    height: auto;
  }
  .single .related-posts .swiper-slide .card-body {
    padding: 1.25rem;
  }
}
.single--one .related-posts__header, .single--three .related-posts__header {
  border-top: var(--bs-border-width) solid var(--bs-border-color);
}
.single--two .hero-single .hero__pre-header {
  color: var(--bs-primary);
}
.single--two .hero-single__header {
  line-height: 1.1;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .single--two .hero-single__header {
    font-size: 3.125rem;
  }
}
.single--two .hero-single__image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 575.98px) {
  .single--two .hero-single__image {
    background-image: none !important;
  }
}
@media (min-width: 992px) {
  .single--two .hero-single__image {
    min-height: 34.375rem;
  }
}
@media (min-width: 1200px) {
  .single--two .hero-single__image {
    min-height: 37.5rem;
  }
}
.single--three .hero__pre-header {
  color: var(--bs-primary);
}
.single--three .single__post {
  margin-top: -6.25rem;
}
@media (min-width: 768px) {
  .single--three .single__post {
    margin-top: -10.625rem;
  }
}
@media (min-width: 992px) {
  .single--three .single__post {
    margin-top: -13.4375rem;
  }
}