.toc-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: space-between;
}

.toc-items li {
  flex: 0 0 50%;
  max-width: 48%;
  text-align: left;
}
.toc-link {
  color: #000000;
}

ul.toc-items {
  list-style: none;
}

@media screen and (max-width: 768px) {
  .toc-items {
    display: block;
    text-align: center;
    justify-content: center;
  }
  .toc-items li {
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}

.quick-links-container > ul > li > a {
  color: #000;
  line-height: 1.5rem;
  font-size: 0.98rem;
  font-weight: 500;
  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), #e0b656);
}

.quick-links-container > ul > li > .ql-count {
  color: var(--primary-color);
}


#tags-container ul > li {
  padding: 4px 11px;
  margin-bottom: 5px;
  margin-right: 2px;
  font-weight: 700;
  font-size: 0.9rem;
  color: #506172;
}
#tags-container ul > li a {
  text-decoration: none;
}
#tags-container ul > li a:hover {
  color: var(--hover-color);
}
#tags-container .tags-container ul > li {
  display: inline-block;
  background-color: rgba(192, 235, 215, 0.11);
}
#tags-container .tags-container ul > li a {
  color: var(--section-color, var(--primary-color));
  transition: inherit;
}
#tags-container .tags-container ul > li:hover {
  background-color: var(--section-color, var(--primary-color));
}
#tags-container .tags-container ul > li:hover a {
  color: #fff;
}

/* BLOG CONTENT */
#post-content * {
  text-decoration: revert;
}

#post-content a {
  color: var(--primary-color);
  text-decoration: underline !important;
}

#post-content h2 {
  color: #000000;
  font-size: 2.2rem;
}

#post-content h3 {
  /* bootstrap fs */
  font-size: calc(1.3rem + .6vw);
}

#post-content .instagram-media {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 20px !important;
}

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

#post-content img {
  height: auto !important;
  width: auto;
}

#post-content strong {
  color: inherit !important;
}

/* COUPON BUTTON */

.coupon {
  justify-content: center;
}

.coupon.coupon-inline {
  max-width: 100%;
}
.coupon.coupon-inline img {
  max-width: 100%;
}

#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;

  background: var(--primary-color);
  color: white !important;
  text-decoration: none !important;
  width: fit-content !important;
}

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

.coupon.coupon-product-style-1 {
  text-align: left !important;
}

.coupon.coupon-product-style-1 img {
  width: auto !important;
}

.coupon.coupon-product-style-2 .get-deal-btn {
    width: 100% !important;
    text-align: center;
  }


@media screen and (max-width: 768px) {
  .coupon.coupon-product-style-1 {
    display: block !important;
  }

  .coupon.coupon-product-style-1 .get-deal-btn {
    width: 100% !important;
    text-align: center;
  }
}

#coupons-container.coupons-3 .coupon {
  height: auto !important;
  width: inherit !important;
}


#coupons-container.coupons-2 .coupon {
  width: 100% !important;
}