.post-hero {
  height: auto;
  background-color: #486f68;
}

.post-content img,
.post-content figure {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.post-content figure {
  margin-bottom: 4rem;
}
.post-content a {
  color: var(--secondary-color);
  text-decoration: underline;
}
.post-content a:hover {
  text-decoration: underline;
}
.post-content hr {
  border: dotted var(--primary-color) 10px;
  border-bottom: none;
  width: 10%;
  margin: 4rem auto;
  background: transparent;
}
.post-content .coupon {
  cursor: alias;
  color: var(--primary-color);
  font-family: var(--heading-font-family);
}
.post-content .coupon img {
  width: auto;
}
.post-content .coupon .details-container {
  border: 2px var(--primary-color);
}
.post-content .coupon.coupon-inline .get-deal-btn {
  width: fit-content !important;
}
.post-content .coupon .get-deal-btn {
  color: white;
  text-align: center;
  margin-left: auto;
  width: 50%;
  background-color: var(--primary-color);
}
.post-content .coupon .price {
  margin-right: 25px;
}
.post-content iframe.instagram-media {
  margin: 20px auto !important;
}
.post-content p {
  font-family: var(--heading-font-family);
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 1rem;
}
.post-content li {
  font-family: var(--heading-font-family);
  font-size: 18px;
  font-weight: 300;
  padding-left: 0px;
}
.post-content .ql-ref {
  scroll-margin-block: 5rem;
}
@media (min-width: 1200px) {
  .post-content .h3,
  .post-content h3 {
    font-size: 1.7rem;
  }
}

#table-of-contents .quick-links-container > ul {
  list-style: none;
  padding-inline-start: 0;
  text-align: left;
  font-family: var(--heading-font-family);
}
#table-of-contents .quick-links-container > ul > li {
  margin-top: 5px;
}
#table-of-contents .quick-links-container > ul > li .ql-count {
  font-size: 1rem;
  color: var(--primary-color);
  margin-right: 0.25rem;
}
#table-of-contents .quick-links-container > ul > li a {
  color: #000;
  line-height: 1.5rem;
  font-size: 1.1rem;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-decoration: none;
  background-size: 2px 2px;
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-image: linear-gradient(
    var(--primary-color),
    rgba(57, 126, 83, 0.631372549)
  );
}
@media screen and (min-width: 992px) {
  #table-of-contents {
    width: 75%;
  }

  .mx-8 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .post-hero {
    height: 80vh;
  }
}
@media screen and (max-width: 768px) {
  .post-content img,
  .post-content figure {
    width: 100% !important;
    height: 300px;
  }
}

@media screen and (max-width: 1200px) {
  .post-hero {
    height: auto !important;
  }

  .post-hero .post-description-section {
    position: static !important;
  }

  .post-hero .post-hero-img-container {
    order: -1;
  }

  .post-hero .post-img {
    /* max-height: 90svh; */
  }

  .post-hero .row {
    /* flex-direction: column-reverse !important; */
  }
}

@media (min-width: 1200px) {
  #post-container .post-hero {
    height: calc(100% + 20px) !important;
  }

  #coupons-container.coupons-4 .coupon {
    text-align: center !important;
  }

  #coupons-container.coupons-4 .coupon img {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* @media (min-width: 1400px) {
        #post-container .post-hero {
          height: 576px !important;
        }
      } */

@media (max-width: 1200px) {
  #post-container .post-hero {
    height: calc(100% + 20px) !important;
    max-height: none !important;
  }
}

.coupon {
  justify-content: center;
}

#coupons-container .coupon {
  width: 15rem;
}

#coupons-container.coupons-2 .owl-carousel .owl-stage,
#coupons-container.coupons-4 .owl-carousel .owl-stage {
  margin: auto;
}

#coupons-container .post-content .coupon .get-deal-btn {
  width: 60%;
}

.coupon.coupon-inline {
  width: fit-content;
  margin: auto;
  text-align: center;
  margin-bottom: 1.2rem;
}

.coupon.coupon-inline .get-deal-btn {
  display: block !important;
  margin: auto !important;
  margin-top: 14px !important;
}

.coupon img:hover,
.coupon .get-deal-btn:hover {
  cursor: pointer;
}

.twitter-tweet,
.twitter-tweet-rendered {
  margin-left: auto !important;
  margin-right: auto !important;
}

.widget {
  padding: 10px !important;
}

.rightSidebar {
  /* float: right;
      padding: 0 0 0 30px; */
  position: relative;
}

#sidebar,
#sidebar .rightSidebar,
#sidebar .sticky-sidebar {
  position: sticky !important;
  top: 100px;
}

#sidebar {
  margin-bottom: 20px;
}