.white-background .nav-opener-custom > div:before,
.nav-opener-custom > div:after,
.nav-opener-custom > div span {
  background: #3ec46b !important;
}

.html-blog-template {
  background: #f5fafd !important;
}

.blog-styles {
  background: #f5fafd !important;
}

.category {
  font-family: revert !important;
  font-size: revert !important;
  font-style: revert !important;
  font-weight: revert !important;
  line-height: revert !important;
  letter-spacing: revert !important;
  text-transform: revert !important;
}

/* Styles for the main Blog Page Container */
.blog-container {
  margin-top: 0;
}

@media (min-width: 1100px) {
  .blog-container {
    margin-top: 78px;
  }
}

/* Styles for the Main Blog Page Hero Section */
.blog-hero {
  background: url('/wp-content/uploads/d5d82ee7bd03fa4c6c23be6f533c23eb00b6275d.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  color: #09121b;
  text-align: center;

  padding: 60px 0 0 0;

  position: relative;
}

@media (min-width: 1024px) {
  .blog-hero {
    padding: 80px 0 0 0;
  }
}

.blog-hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 62px;
  background: #f5fafd;
}

.blog-hero .container-full {
  max-width: 1308px;
}

.blog-hero .blog-hero-content-container {
  padding: 0 0 60px 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .blog-hero .blog-hero-content-container {
    padding: 0 0 80px 0;
  }
}

.blog-hero .blog-hero-content-container .blog-hero-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 18px;
}

.blog-hero .blog-hero-content-container .blog-hero-icon span {
  font-size: 20px;
  line-height: 100%;
  font-weight: 600;

  padding: 0 0 2px 0;
  background: linear-gradient(160deg, #0a6177, #34ab62, #afe943);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

@media (min-width: 1024px) {
  .blog-hero .blog-hero-content-container .blog-hero-icon span {
    font-size: 24px;
  }
}

.blog-hero .blog-hero-content-container .blog-hero-icon img {
  width: 125px;
  height: auto;
}

@media (min-width: 1024px) {
  .blog-hero .blog-hero-content-container .blog-hero-icon img {
    width: 140px;
    height: auto;
  }
}

.blog-hero .blog-hero-content-container h1 {
  font-size: 42px !important;
  font-weight: 600 !important;
  color: #09121b !important;
}

@media (min-width: 1024px) {
  .blog-hero .blog-hero-content-container h1 {
    font-size: 70px !important;
    line-height: 65px !important;
  }
}

.blog-hero .blog-hero-content-container p {
  max-width: 680px;
  margin: 0 auto;
  font-size: 18px !important;
  line-height: 145%;
  font-weight: 400;
  color: #4b5563;
  text-align: center;
}

.blog-hero .container-full .row .col-sm-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

@media (min-width: 768px) {
  .blog-hero .container-full .row .col-sm-12 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.featured-post-container {
  box-shadow: 0px 40px 80px 0px #0000001f;
  border: 1px solid #0000001f;
  border-radius: 24px;
  background: #ffffff;

  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

@media (min-width: 768px) {
  .featured-post-container {
    flex-direction: row;
  }
}

.featured-post-image-container {
  width: 100%;
  height: 100%;

  border-radius: 24px 24px 0 0;

  overflow: hidden;
}

@media (min-width: 768px) {
  .featured-post-image-container {
    width: 50%;
    border-radius: 24px 0 0 24px;
  }
}

.featured-post-image-container img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.8s ease;
}

@media (min-width: 768px) {
  .featured-post-image-container img {
    height: 454px !important;
  }
}

.featured-post-container .blog-card-title span {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 0.8s ease;
}

.featured-post-container:hover .blog-card-title span {
  background-size: 100% 2px;
}

.featured-post-container:hover img {
  transform: scale(1.05);
}

.featured-post-content-container {
  width: 100%;
  text-align: left;
  padding: 30px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width: 768px) {
  .featured-post-content-container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .featured-post-content-container {
    padding: 0 48px 0 80px;
  }
}

.featured-post-content-container .blog-card-meta {
  font-size: 14px !important;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;

  color: #4b5563;
}

.featured-post-content-container h2,
.featured-post-content-container h2 span {
  margin: 0;
  padding: 0;
  font-size: 30px !important;
  line-height: 125% !important;
  font-weight: 500 !important;
  color: #000000 !important;
}

@media (min-width: 1108px) {
  .featured-post-content-container h2,
  .featured-post-content-container h2 span {
    font-size: 38px !important;
    line-height: 125% !important;
  }
}

.featured-post-content-container p {
  margin: 0;
  padding: 0;
  color: #4b5563;
}

.featured-post-content-container .blog-card-category {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}

.featured-post-content-container .blog-card-category li {
  margin: 8px 0 0 0;
  padding: 0;
  background: none;
}

.featured-post-content-container .blog-card-category li a {
  border: 1px solid #d9dde6;
  padding: 8px 16px;

  font-size: 12px !important;
  color: #6d737f !important;
  font-weight: 500;
  border-radius: 6px;
  text-transform: uppercase;
  font-family: 'DM Mono', monospace;
}

.featured-post-content-container .blog-card-category li a:hover {
  border: 1px solid #bbc0cb;
  color: #333840 !important;
  background: rgba(0, 0, 0, 0.12);
}

/* Styles for the Blog Container */
.blog-container .container-full .row {
  align-items: flex-start;
}

/* Styles for the Blog Loop Container */
.blog-loop-container {
  padding: 40px 0 40px 0;
  max-width: 1308px;
}

@media (min-width: 1024px) {
  .blog-loop-container {
    padding: 60px 0 80px 0;
  }
}

@media (min-width: 1200px) {
  .blog-loop-container {
    padding: 160px 0 80px 0;
  }
}

.blog-loop-container .wp-pagenavi {
  padding: 20px 0 !important;
}

@media (min-width: 1024px) {
  .blog-loop-container .wp-pagenavi {
    padding: 40px 0 !important;
  }
}

.post-grid-container {
  border-left: 1px solid #0000000f;
  padding: 0 !important;
}

@media (min-width: 1024px) {
  .post-grid-container {
    padding-left: 30px !important;
  }
}

.blog-card {
  border-radius: 12px;
  margin-bottom: 32px;
}

.blog-card-image-container {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #0000000f;

  width: 100%;
  height: auto;
}

.blog-card-image {
  border-radius: 12px;
  border: 1px solid #0000000f;

  width: 100%;
  height: auto;
}

.blog-card .blog-card-content {
  padding: 30px 0 0 0;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.blog-card .blog-card-content .blog-card-meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;

  color: #4b5563;
}

.blog-card .blog-card-content .blog-card-title {
  margin: 0 !important;
  line-height: 80% !important;
}

.blog-card .blog-card-content .blog-card-title span {
  font-size: 26px !important;
  line-height: 125% !important;
  font-weight: 500 !important;
  color: #000000 !important;

  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 0.8s ease;
}

@media (min-width: 1024px) {
  .blog-card .blog-card-content .blog-card-title span {
    font-size: 32px !important;
    line-height: 125% !important;
  }
}

.blog-card-container {
  padding-left: 12px !important;
  padding-right: 12px !important;
  margin-bottom: 48px;
}

@media (min-width: 768px) {
  .blog-card-container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.blog-card-container:hover .blog-card .blog-card-content .blog-card-title span {
  background-size: 100% 2px;
}

.blog-card .blog-card-content p {
  font-size: 1rem;
  line-height: 145%;
  font-weight: 400;
  color: #4b5563;
  margin: 0 !important;
  padding: 0 !important;
}

.blog-card-container .blog-card-category {
  margin: 0;
  padding: 0;
  list-style: none;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  color: #4b5563;
}

.blog-card-container .blog-card-category li {
  margin: 0;
  padding: 0;
  background: none;
  margin-top: 8px;
}

.blog-card-container .blog-card-category li a {
  border: 1px solid #d9dde6;
  padding: 8px 16px;

  font-size: 12px !important;
  color: #6d737f !important;
  font-weight: 500;
  border-radius: 6px;
  text-transform: uppercase;
  font-family: 'DM Mono', monospace;
}

.blog-card-container .blog-card-category li a:hover {
  border: 1px solid #bbc0cb;
  color: #333840 !important;
  background: rgba(0, 0, 0, 0.12);
}

/* Styles for the Blog Categories */
@media (max-width: 1199px) {
  .blog-categories-container {
    padding: 20px 0 30px 12px !important;

    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .blog-categories-container::-webkit-scrollbar {
    display: none;
  }
}

@media (min-width: 768px) {
  .blog-categories-container {
    position: sticky;
    top: 120px;
    z-index: 2;

    padding: 0 66px 0 30px !important;
  }
}

.blog-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

@media (min-width: 768px) {
  .blog-categories ul {
    display: block;
  }
}

.blog-categories ul li {
  padding: 10px 24px;

  flex: 0 0 auto;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .blog-categories ul li {
    margin-bottom: 16px;
  }
}

.blog-categories ul .active {
  background: rgba(255, 255, 255, 0.4);

  border-radius: 12px;
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);

  border: 1px solid rgba(255, 255, 255, 1);
  box-shadow:
    0px 4px 24px 0px #0000001f,
    inset 0 1px 1px rgba(255, 255, 255, 0.8);
}

.blog-categories ul .active a {
  color: #252b37;
}

.blog-categories ul li a {
  color: rgba(37, 43, 55, 0.5);
  font-weight: 500;
}

.blog-categories ul li a:hover {
  color: #252b37;
}

/* Styles for the Category Hero Section */
.category-hero {
  padding: 80px 0 0 0;
}

@media (min-width: 1024px) {
  .category-hero {
    margin-top: 78px;
  }
}

.category-hero .container-full {
  max-width: 1308px;
}

.category-hero .col-sm-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

@media (min-width: 768px) {
  .category-hero .col-sm-12 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.category-hero-content-container h1 {
  color: #09121b;
  text-transform: none !important;
  font-size: 40px !important;
  font-weight: 500 !important;
}

@media (min-width: 1024px) {
  .category-hero-content-container h1 {
    font-size: 70px !important;
  }
}

.category-hero-content-container p {
  color: #4b5563;
  text-transform: none !important;
  font-size: 18px !important;
  line-height: 145% !important;
  font-weight: 400 !important;

  max-width: 600px !important;
  width: 100%;
}

/* Styles for the Category Loop Container */
.category-loop-container .row {
  align-items: flex-start;
}

/* STYLES FOR THE SINGLE POST PAGE */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
.post-feed-loop {
  overflow-x: clip;
}

#blog-single-area {
  padding: 0 !important;
}

/* Styles for the main Blog Page Container */
#blog-single-area {
  margin-top: 0;
}

@media (min-width: 1100px) {
  #blog-single-area {
    margin-top: 78px;
  }
}

.single-post {
  color: #4b5563 !important;
}

.post-hero-container {
  background-color: #ffffff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 36px 0;
}

.post-hero-container .col-sm-12 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

@media (min-width: 1024px) {
  .post-hero-container {
    padding: 80px 0;
    border-bottom: 1px solid #d9d9d9;
  }

  .post-hero-container .col-sm-12 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.post-hero-container .flex-row {
  align-items: center;
}

.post-hero-container .post-hero-eyebrow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;

  font-weight: 600;
  color: #4b5563;
  font-size: 14px;

  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .post-hero-container .post-hero-eyebrow {
    margin-bottom: 2rem;
  }
}

.post-hero-container .post-hero-eyebrow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;

  font-weight: 600;
  color: #fff;
  font-size: 14px;

  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .post-hero-container .post-hero-eyebrow {
    margin-bottom: 2rem;
  }
}

.post-hero-container .post-hero-eyebrow-blog-link {
  display: none;
}

@media (min-width: 768px) {
  .post-hero-container .post-hero-eyebrow-blog-link {
    display: block;
  }
}

.post-hero-container .post-hero-eyebrow img {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);

  display: none;
}

@media (min-width: 768px) {
  .post-hero-container .post-hero-eyebrow img {
    display: block;
  }
}

.post-hero-container .post-hero-eyebrow a {
  color: #09121b;
  padding: 8px 14px;
  font-size: 12px;
  white-space: nowrap;
}

.post-hero-container .post-hero-category a {
  border-radius: 12px;
  color: #09121b;
  font-size: 12px;
  line-height: 100%;
  font-weight: 600;
  padding: 8px 14px;
  white-space: nowrap;

  background: rgba(255, 255, 255, 0.4);

  border-radius: 12px;
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);

  border: 1px solid rgba(255, 255, 255, 1);
  box-shadow:
    0px 4px 24px 0px #0000001f,
    inset 0 1px 1px rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
  .post-hero-container .post-hero-eyebrow a {
    font-size: 14px;
  }

  .post-hero-container .post-hero-category a {
    font-size: 14px;
  }
}

/* Eyebrow active-pill flip-flop on hover */
.post-hero-container .post-hero-eyebrow > div a {
  padding: 8px 14px !important;
  border-radius: 12px;
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.post-hero-container .post-hero-eyebrow > div:first-child a {
  border: 1px solid transparent;
}

.post-hero-container .post-hero-eyebrow > div:first-child:hover a {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border-color: rgba(255, 255, 255, 1);
  box-shadow:
    0px 4px 24px 0px #0000001f,
    inset 0 1px 1px rgba(255, 255, 255, 0.8);
}

.post-hero-container
  .post-hero-eyebrow
  > div:first-child:hover
  ~ .post-hero-category
  a {
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-color: transparent;
  box-shadow: none;
}

.post-hero-container h1 {
  color: #09121b;
  font-size: 32px !important;
  font-weight: 500 !important;
  line-height: 115% !important;

  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .post-hero-container h1 {
    font-size: 48px !important;
    margin-bottom: 2rem;
  }
}

.post-hero-container .post-hero-image {
  border-radius: 18px;
  border: 1px solid #0000000f;
  box-shadow: 0px 40px 80px 0px #0000001f;

  overflow: hidden;
}

.post-hero-container .post-hero-image img {
	width: 100%;
  border-radius: 18px;
  border: 8px solid transparent;
  background-image: linear-gradient(
    134.33deg,
    rgba(255, 255, 255, 0.6) 6.46%,
    rgba(255, 255, 255, 0) 40.26%,
    rgba(255, 255, 255, 0.25) 74.71%
  );
  background-origin: border-box;
  background-clip: border-box;
  overflow: hidden;
}

.post-hero-container .post-hero-meta {
  color: #4b5563;
  font-weight: 500 !important;
  line-height: 145% !important;
  font-size: 14px !important;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;

  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .post-hero-container .post-hero-meta {
    margin-bottom: 0;
  }
}

/* Styles for the Dark Post Hero Container */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
.post-hero-container-dark {
  background-color: #04331d;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 36px 0;
}

.post-hero-container-dark .col-sm-12 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

@media (min-width: 1024px) {
  .post-hero-container-dark {
    padding: 80px 0;
    border-bottom: 1px solid #d9d9d9;
  }

  .post-hero-container-dark .col-sm-12 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.post-hero-container-dark .flex-row {
  align-items: center;
}

.post-hero-container-dark .post-hero-eyebrow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;

  font-weight: 600;
  color: #4b5563;
  font-size: 14px;

  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .post-hero-container-dark .post-hero-eyebrow {
    margin-bottom: 2rem;
  }
}

.post-hero-container-dark .post-hero-eyebrow-blog-link {
  display: none;
}

@media (min-width: 768px) {
  .post-hero-container-dark .post-hero-eyebrow-blog-link {
    display: block;
  }
}

.post-hero-container-dark .post-hero-eyebrow a {
  color: #ffffff;
}

.post-hero-container-dark .post-hero-eyebrow img {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  display: none;
}

@media (min-width: 768px) {
  .post-hero-container-dark .post-hero-eyebrow img {
    display: block;
  }
}

.post-hero-container-dark .post-hero-eyebrow .post-hero-category a {
  border-radius: 12px;
  color: #ffffff;
  font-size: 14px;
  line-height: 100%;
  font-weight: 600;

  background: #ffffff33;

  border-radius: 12px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  /* border: 1px solid rgba(255, 255, 255, 1); */
  box-shadow:
    0px 4px 24px 0px #0000001f,
    inset 0 1px 1px rgba(255, 255, 255, 0.8);
}

/* Eyebrow active-pill flip-flop on hover */
.post-hero-container-dark .post-hero-eyebrow > div a {
  padding: 8px 14px !important;
  border-radius: 12px;
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.post-hero-container-dark .post-hero-eyebrow > div:first-child a {
  border: 1px solid transparent;
}

.post-hero-container-dark .post-hero-eyebrow > div:first-child:hover a {
  background: #ffffff33;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow:
    0px 4px 24px 0px #0000001f,
    inset 0 1px 1px rgba(255, 255, 255, 0.8);
}

.post-hero-container-dark
  .post-hero-eyebrow
  > div:first-child:hover
  ~ .post-hero-category
  a {
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

.post-hero-container-dark h1 {
  color: #ffffff;
  font-size: 32px !important;
  font-weight: 500 !important;
  line-height: 115% !important;

  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .post-hero-container-dark h1 {
    font-size: 48px !important;
    margin-bottom: 2rem;
  }
}

.post-hero-container-dark .post-hero-image {
  border-radius: 18px;
  border: 1px solid #0000000f;
  box-shadow: 0px 40px 80px 0px #0000001f;

  overflow: hidden;
}

.post-hero-container-dark .post-hero-image img {
  border-radius: 18px;
  border: 8px solid transparent;
  background-image: linear-gradient(
    134.33deg,
    rgba(255, 255, 255, 0.6) 6.46%,
    rgba(255, 255, 255, 0) 40.26%,
    rgba(255, 255, 255, 0.25) 74.71%
  );
  background-origin: border-box;
  background-clip: border-box;
  overflow: hidden;
}

.post-hero-container-dark .post-hero-meta {
  color: #ffffff;
  font-weight: 500 !important;
  line-height: 145% !important;
  font-size: 14px !important;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;

  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .post-hero-container-dark .post-hero-meta {
    margin-bottom: 0;
  }
}

/* STYLES FOR THE RELATED POST PAGE */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#related-blog-loop-area {
  padding: 0 !important;
}

.post-related-content-area {
  padding: 60px 0;
  background: #ffffff;
}

@media (min-width: 1024px) {
  .post-related-content-area {
    padding: 80px 0;
  }
}

.post-related-content-area .container-full {
  max-width: 1308px;
}

.related-posts-title {
  font-size: 38px !important;
  font-weight: 500 !important;
  color: #09121b !important;
  text-align: center !important;
  margin: 0 0 2rem 0 !important;
}

/* STYLES FOR THE SIDEBAR ON THE SINGLE POST PAGE */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
.sidebar-container-wrapper {
  padding: 0;
}

@media (min-width: 1024px) {
  .sidebar-container-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.sidebar-container {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .sidebar-container {
    padding-left: 1rem;
    position: sticky;
    top: 100px;

    border-left: 1px solid #d9d9d9;
    margin-bottom: 0;
  }
}

.sidebar-container .sidebar-title {
  color: #09121b;
  font-weight: 600;
  font-size: 14px !important;
  margin: 0;
  padding: 1.5rem;

  border-bottom: 1px solid #e6e6e6;
  border-left: 2px solid #00c805;

  position: relative;
}

.sidebar-container .sidebar-title:hover {
  cursor: pointer;
  background: #e6e6e6;
}

.sidebar-container .sidebar-title:after {
  content: '';
  background-image: url('/wp-content/themes/tigerblood/library/images/chevron-small.svg');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transition: transform 0.2s ease;
}

.sidebar-container .sidebar-title.open:after {
  transform: translateY(-50%) rotate(90deg);
}

@media (min-width: 1024px) {
  .sidebar-container .sidebar-title {
    margin: 0 0 1rem 0;
    padding: 6px 0;
    border: none;
  }

  .sidebar-container .sidebar-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: -17px;
    width: 2px;
    height: 100%;
    background: #00c805;
  }

  .sidebar-container .sidebar-title:after {
    display: none;
  }

  .sidebar-container .sidebar-title:hover {
    cursor: default;
    background: transparent;
  }
}

.sidebar-contributors-container {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .sidebar-contributors-container {
    margin-bottom: 2rem;
  }
}

.sidebar-contributor-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 1rem;
}

.sidebar-contributor-card img {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
}

.sidebar-contributor-card-content span {
  color: #4b5563;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

.sidebar-contributor-card-content .sidebar-contributor-card-content-name {
  color: #09121b;
  font-weight: 600;
  font-size: 14px !important;
  margin: 0;
  padding: 0;
}

.sidebar-in-this-article-container {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .sidebar-in-this-article-container {
    margin-bottom: 2rem;
  }
}

.sidebar-in-this-article-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-in-this-article-container ul li {
  padding: 5px 0;
}

.sidebar-in-this-article-container ul li a {
  color: #4b5563;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.sidebar-in-this-article-container ul li.active a {
  color: #09121b;
  font-weight: 600;
}

.sidebar-in-this-article-container ul li.active a:before {
  content: '';
  width: 2px;
  height: 100%;
  background: #4b5563;
  position: absolute;
  top: 0;
  left: -17px;
}

.sidebar-container .social_main_menu.share-social {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.share-container {
  padding: 0;
}

@media (min-width: 1024px) {
  .share-container {
    padding: 10px 0 0 0;
  }
}

.sidebar-drawer-content {
  display: none;
  padding: 2rem 2rem 0 2rem;
}

@media (min-width: 1024px) {
  .sidebar-drawer-content {
    display: block !important;
    padding: 0;
  }
}

/* STYLES FOR THE BODY CONTENT ON THE SINGLE POST PAGE */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
.blog-body-content {
  padding: 0 0 40px 0;
}

@media (min-width: 1024px) {
  .blog-body-content {
    padding: 100px 0;
  }
}

.single-content-container {
  width: 100%;
  max-width: 615px;
  height: auto;

  font-size: 18px !important;
  margin-bottom: 60px;
}

.main-column-content {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

@media (min-width: 1024px) {
  .main-column-content {
    padding-left: 50px !important;
    padding-right: 30px !important;
  }
}

.main-column-content h2 {
  color: #09121b;
  font-weight: 500;
  line-height: 115%;
  font-size: 28px !important;

  width: 100%;
  max-width: 615px;
  height: auto;
}

@media (min-width: 1024px) {
  .main-column-content h2 {
    font-size: 32px !important;
  }
}

.main-column-content h3,
.main-column-content h4,
.main-column-content h5 {
  color: #09121b;
  font-weight: 500;
  line-height: 115%;
  font-size: 22px !important;

  max-width: 615px;
}

.single-image-container {
  margin-bottom: 60px;
}

.single-image-container-inner {
  width: 100%;
  max-width: 700px;
  height: 375px;

  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #0000000f;
}

.single-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.single-image-container p {
  color: #4b5563;
  font-size: 16px;
  font-weight: 400;

  margin: 10px 0 0 0;
  padding: 0;
}

.single-numbers-container {
  width: 100%;
  max-width: 700px;
  height: auto;

  margin-bottom: 50px;

  border-left: 1px solid #d9d9d9;
}

.single-numbers-container-inner {
  padding: 0 1.5rem 1.5rem 32px;
}

.single-numbers-container-inner span {
  font-size: 50px;
  font-weight: 500;
  color: #09121b;
  display: block;

  margin-bottom: 10px;

  position: relative;
}

.single-numbers-container-inner span:before {
  content: '';

  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -32px;
  background: #00c805;
}

.single-numbers-container-inner-content-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.single-numbers-container-inner-content h5 {
  color: #09121b;
  font-weight: 500;
  line-height: 145%;
  font-size: 18px !important;
  margin: 0;
  padding: 0;
}

.single-numbers-container-inner-content p {
  color: #4b5563;
  font-size: 16px;
  font-weight: 400;
  line-height: 145%;
  margin: 0;
  padding: 0;
}

.single-code-container {
  width: 100%;
  max-width: 700px;
  height: auto;

  margin-bottom: 60px;

  border: 1px solid #0000000f;
  border-radius: 12px;
  padding: 1rem;
  background: #e9eef0;
}

.single-code-container pre {
  background: #e9eef0;
  color: #4b5563;
  border-radius: 8px;
  overflow-x: auto;
  font-size: 0.9rem;
  line-height: 1.6;
  tab-size: 2;
  border: none;
}

.single-code-container pre code {
  font-family: 'Fira Code', 'JetBrains Mono', monospace;
}

.single-code-container :not(pre) > code {
  background: #2a2a3a;
  color: #f38ba8;
  padding: 0.15em 0.4em;
  border-radius: 4px;
  font-size: 0.85em;
}

.single-code-container-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.single-code-container-header span {
  color: #00c805;
  font-size: 14px;
  font-weight: 500;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.single-code-container-copy-button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;

  position: relative;
  top: 0;
  right: 0;
}

.single-video-container {
  margin-bottom: 60px;
}

.single-video-container-inner {
  width: 100%;
  max-width: 700px;

  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #0000000f;

  position: relative;
}

.single-video-container .single-video-container-background-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.single-video-container .single-video-container-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transform-origin: center center;
  z-index: 2;

  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

.single-video-container .single-video-container-play-button:hover {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transform: translate(-50%, -50%) scale(1.1);
}

.single-video-container .single-video-container-play-icon {
  width: 100%;
  height: 100%;
}

.single-video-container p {
  color: #4b5563;
  font-size: 16px;
  font-weight: 400;

  margin: 10px 0 0 0;
  padding: 0;
}

.single-video-container .single-video-container-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.single-video-container .single-video-container-video iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

.single-alert-box-container {
  width: 100%;
  max-width: 700px;
  height: auto;

  margin-bottom: 60px;
}

.single-alert-box-container-inner {
  padding: 2.5rem 1.5rem 1.5rem 1.5rem;
  background: #e9eef0;
  border-radius: 12px;
  border: 1px solid #0000000f;

  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.5rem;

  position: relative;
}

@media (min-width: 1024px) {
  .single-alert-box-container-inner {
    padding: 2.5rem;
  }
}

.single-alert-box-flag {
  color: #4b5563;
  font-size: 14px;
  font-weight: 600;

  position: absolute;
  top: 1rem;
  right: 1rem;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.single-alert-box-container-inner h2 {
  color: #09121b;
  font-weight: 400;
  font-size: 16px !important;
  margin: 0;
  padding: 0;
}

.single-alert-box-container-inner p {
  color: #4b5563;
  font-size: 14px;
  font-weight: 400;
  line-height: 145%;
  margin: 0;
  padding: 0;
}

.single-cta-container {
  width: 100%;
  max-width: 700px;
  height: auto;

  margin-bottom: 60px;
}

.single-cta-container-inner {
  background-image: url('/wp-content/uploads/mobile-cta-bg.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;

  width: 372px;
  height: 537px;

  padding: 2rem;

  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 700px) {
  .single-cta-container-inner {
    background-image: url('/wp-content/uploads/newsletter-cta-bg.png');
    width: 100%;
    height: 269px;

    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
  }
}

.single-cta-container-inner span {
  color: #c3f53c;
  font-weight: 500;
  font-size: 18px !important;
  margin: 0;
  padding: 0;

  display: block;
}

.single-cta-container-inner h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 28px !important;
  margin: 0 0 0.5rem 0;
  padding: 0;
}

.single-cta-container-inner p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;

  max-width: 400px;
}

.single-cta-container-inner .single-cta-container-button {
  background: #c3f53c;
  color: #003b44;
  font-weight: 600;
  font-size: 14px !important;
  margin: 0;
  padding: 18px;
  border: 1px solid #9cd600;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

.single-cta-container-inner .single-cta-container-button:hover {
  background: #9cd600;
}

.single-testimonial-carousel-container {
  width: 100%;
  max-width: 700px;
  height: auto;

  margin-bottom: 60px;

  position: relative;
}

.single-newsletter-container {
  width: 100%;
  max-width: 700px;
  height: auto;

  margin-bottom: 60px;
}

.single-newsletter-container-inner {
  background-image: url('/wp-content/uploads/mobile-cta-bg.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;

  width: 372px;
  height: 537px;

  padding: 2rem;

  /* box-shadow: 0px 40px 80px 0px #0000001f; */

  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 700px) {
  .single-newsletter-container-inner {
    background-image: url('/wp-content/uploads/newsletter-cta-bg.png');
    width: 100%;
    height: 269px;
    padding: 2rem;

    justify-content: center;
    gap: 2rem;
  }
}

.single-newsletter-container-inner h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 28px !important;
  margin: 0;
  padding: 0;
}

.single-newsletter-container-inner p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;

  max-width: 400px;
}

.single-testimonial-carousel-container {
  width: 100%;
  max-width: 700px;
  height: auto;

  margin-bottom: 60px;

  position: relative;
}

@media (min-width: 1024px) {
  .testimonial-carousel-swiper {
    clip-path: inset(-9999px -9999px -9999px -25px);
  }
}

.testimonial-carousel-swiper .swiper-slide {
  opacity: 0.2;
}

.testimonial-carousel-swiper .swiper-slide-active {
  opacity: 1;
  box-shadow: 0px 20px 25px 0px #0000001f;
  border-radius: 15px;
}

.is-single-testimony {
  opacity: 1;
  box-shadow: 0px 20px 25px 0px #0000001f;
  border-radius: 15px;
}

.single-testimonial-carousel-card {
  position: relative;
  border-radius: 15px;
  padding: 6px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.04) 0%,
    rgba(255, 255, 255, 0.2) 51.44%,
    rgba(255, 255, 255, 0.04) 100%
  );
}

.single-testimonial-carousel-card::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 15px;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.12) 0%,
    rgba(255, 255, 255, 0.2) 51.92%,
    rgba(255, 255, 255, 0.8) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.single-testimonial-carousel-card-inner {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5ebec;
  padding: 2rem;
}

@media (min-width: 1024px) {
  .single-testimonial-carousel-card-inner {
    padding: 3rem;
  }
}

.single-testimonial-carousel-card-testimony {
  color: #09121b;
  font-size: 28px;
  font-weight: 500;
  line-height: 115%;
  margin: 0;
  padding: 0;

  width: 100%;
  max-width: 518px;
  height: auto;
  display: block;
}

.single-testimonial-carousel-card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 4rem;
}

.single-testimonial-carousel-card-headshot-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.single-testimonial-carousel-card-headshot-content-name {
  color: #000000;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 100%;
  margin: 0;
  padding: 0;
}

.single-testimonial-carousel-card-headshot-content span {
  display: block;
  margin: 0;
  padding: 0;
}

.single-testimonial-carousel-card-headshot {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
}

.single-testimonial-carousel-card-logo {
  flex-basis: 100%;
  max-width: 160px;
}

@media (min-width: 1024px) {
  .single-testimonial-carousel-card-logo {
    max-width: 160px;
  }
}

.testimonial-carousel-swiper-button-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;

  position: relative;
  z-index: 2;

  margin: 1rem 0 0 0;
}

.testimonial-carousel-swiper-button-prev {
  background: #fff;

  width: 44px;
  height: 44px;
  box-shadow: 0px 4px 24px 0px #0000001f !important;
  border-radius: 18px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-carousel-swiper-button-next {
  background: #fff;

  width: 44px;
  height: 44px;
  box-shadow: 0px 4px 24px 0px #0000001f !important;
  border-radius: 18px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-carousel-swiper-button-prev,
.testimonial-carousel-swiper-button-next {
  cursor: pointer;
}

.testimonial-carousel-swiper-button-container .swiper-button-disabled {
  background: none;
  box-shadow: none !important;
  opacity: 0.5;
}

.single-image-carousel-container {
  width: 100%;
  max-width: 700px;
  height: auto;

  margin-bottom: 60px;

  position: relative;
}

@media (min-width: 1024px) {
  .image-carousel-swiper {
    clip-path: inset(-9999px -9999px -9999px -25px);
  }
}

.image-carousel-swiper .swiper-slide {
  opacity: 0.2;
}

.image-carousel-swiper .swiper-slide-active {
  opacity: 1;

  box-shadow: 0px 20px 25px 0px #0000001f;
  border-radius: 15px;
}

.single-image-carousel-card {
  position: relative;
  border-radius: 15px;
  padding: 6px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.04) 0%,
    rgba(255, 255, 255, 0.2) 51.44%,
    rgba(255, 255, 255, 0.04) 100%
  );
}

.single-image-carousel-card::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 15px;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.12) 0%,
    rgba(255, 255, 255, 0.2) 51.92%,
    rgba(255, 255, 255, 0.8) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.single-image-carousel-card-inner {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5ebec;
}

.single-image-carousel-card-inner img {
  border-radius: 12px;

  width: 100%;
  height: auto;
}

.image-carousel-image-description-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;

  margin: 1rem 0 0 0;
  padding: 0 0 0 1rem;

  position: relative;
  z-index: 2;
}

.image-carousel-swiper-button-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}

.image-carousel-swiper-button-prev {
  background: #fff;

  width: 44px;
  height: 44px;
  box-shadow: 0px 4px 24px 0px #0000001f !important;
  border-radius: 18px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.image-carousel-swiper-button-next {
  background: #fff;

  width: 44px;
  height: 44px;
  box-shadow: 0px 4px 24px 0px #0000001f !important;
  border-radius: 18px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.image-carousel-swiper-button-prev,
.image-carousel-swiper-button-next {
  cursor: pointer;
}

.image-carousel-swiper-button-container .swiper-button-disabled {
  background: none;
  box-shadow: none !important;
  opacity: 0.5;
}

.single-table-container {
  width: 100%;
  max-width: 700px;
  height: auto;
  margin-bottom: 60px;

  background: #fff;
  border: 1px solid #e5ebec;
  border-radius: 12px;

  box-shadow: 0px 20px 80px 0px #0000001f;

  padding: 20px 0 10px 0;
}

.single-table-container .dt-container {
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  max-height: 500px;
}

.single-table-container .tablepress-table-name {
  font-size: 18px !important;
  color: #09121b;
  padding-left: 20px;
  margin: 0;
}

.single-table-container .tablepress-table-description {
  font-size: 14px !important;
  color: #4b5563;
  padding-left: 20px;
  margin: 0 0 1rem 0;
}

.single table thead,
.single .post-table thead {
  background: #e9eef0;
  border: 1px solid #e9eef0;
}

.single table th,
.single .post-table th {
  text-transform: uppercase !important;
  color: #4b5563;
  font-size: 12px !important;
  text-align: left !important;
}

.single table tbody,
.single .post-table tbody {
  border: none;
  border-bottom: 1px solid #e9eef0;
}

.single table tbody td,
.single .post-table tbody td {
  border: none;
}

.single table tbody tr:nth-child(odd),
.single .post-table tbody tr:nth-child(odd) {
  background: #fff !important;
}

.single table tbody tr:nth-child(even),
.single .post-table tbody tr:nth-child(even) {
  background: #fff !important;
}
.tablepress
  > :where(tbody.row-striping)
  > :nth-child(even of :where(:not(.child, .dtrg-group)))
  + :where(.child)
  > *,
.tablepress
  > :where(tbody.row-striping)
  > :nth-child(even of :where(:not(.child, .dtrg-group)))
  > * {
  background-color: #fff !important;
}

.single table tbody tr,
.single .post-table tbody tr {
  border-bottom: 1px solid #e9eef0;
}

.column-1 {
  font-weight: 600;
  color: #09121b;
}

/* STYLES FOR THE CONTRIBUTORS ON THE SINGLE POST PAGE */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
.contributors-container {
  width: 100%;
  max-width: 700px;
  margin-bottom: 60px;
}

.contributor-card {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;

  padding: 2rem 0;
  border-top: 1px solid #e5ebec;

  scroll-margin-top: 80px;
}

@media (min-width: 1024px) {
  .contributor-card {
    align-items: center;
    padding: 3rem 0;
    gap: 1.5rem;
  }
}

.contributor-card:last-child {
  border-bottom: 1px solid #e5ebec;
}

.contributor-card img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
}

.contributor-card-content {
}

.contributor-card-content-meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  flex-wrap: wrap;
  margin: 0 0 12px 0;
}

.contributor-card-content-meta .contributor-card-content-meta-name {
  color: #09121b;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 100%;
  margin: 0;
  padding: 0;
}

.contributor-card-content-meta span {
  color: #4b5563;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  margin: 0;
  padding: 0;
}

.contributor-card-content-meta-separator {
  opacity: 0;
}

@media (min-width: 1024px) {
  .contributor-card-content-meta-separator {
    opacity: 1;
    font-size: 20px !important;
  }
}

.contributor-card-title {
  flex-basis: 100%;
}

@media (min-width: 1024px) {
  .contributor-card-title {
    flex-basis: auto;
  }
}

.contributor-card-content p {
  color: #4b5563;
  font-size: 14px;
  font-weight: 400;
  line-height: 145%;
  margin: 0;
  padding: 0;
}

/* STYLES FOR THE DISCLAIMER ON THE SINGLE POST PAGE */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
.single-disclaimer-container {
  width: 100%;
  max-width: 700px;
}

.single-disclaimer-container .single-disclaimer-container-title {
  color: #09121b;
  font-weight: 600;
  font-size: 14px !important;
  margin: 0 0 1rem 0;
}

.single-disclaimer-container p {
  color: #4b5563;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.section-heading {
  scroll-margin-top: 120px;
}

/* STYLES FOR THE NEWSLETTER FORM ON THE SINGLE POST PAGE */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
.single-newsletter-form {
  width: 100%;

  padding: 6px 6px 6px 18px;
  background: #f2f5f6;
  border: 1px solid #e9e9e9;
  border-radius: 18px;
  max-width: 350px;
}

@media (min-width: 768px) {
  .single-newsletter-form {
    padding: 6px 0 6px 18px;
  }
}

.single-newsletter-form .frm_fields_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.single-newsletter-form .frm_primary_label {
  display: none !important;
}

.single-newsletter-form input[type='email'] {
  background: #f2f5f6 !important;
  border: none !important;
}

.single-newsletter-form .frm_forms form .frm_form_field {
  padding: 0 !important;
  float: none !important;
}

.single-newsletter-form .frm_form_fields {
  margin: 0 !important;
}

.single-newsletter-form input[type='email'] {
  margin: 0 !important;
}

form:not(.fl-builder-settings) input[type='email']:focus {
  box-shadow: none !important;
  background: #f2f5f6 !important;
}

.single-newsletter-form .frm_forms form .frm_form_field.frm9 {
  width: auto !important;
  flex-grow: 1 !important;
}

.single-newsletter-form .frm_forms form .frm_form_field.frm3 {
  width: auto !important;
}

.single-newsletter-form form:not(.fl-builder-settings) button[type='submit'] {
  background: #c3f53c !important;
  margin: 0 !important;
  border: 1px solid #9cd600 !important;
  border-radius: 12px !important;
  padding: 18px !important;
  color: #003b44 !important;
}

.single-newsletter-form
  form:not(.fl-builder-settings)
  button[type='submit']:hover {
  background: #9cd600 !important;
}

.single-newsletter-form .frm_forms form .frm_error_style {
  display: none !important;
}

.single-newsletter-form .frm_error {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 !important;

  position: absolute !important;
  top: 61px !important;
}

/* Styles for the Newsletter Form on the Blog Page */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.blog-newsletter-container {
  width: 100%;
  height: auto;

  margin: 36px 0;
  padding: 0 12px;
}

@media (min-width: 1024px) {
  .blog-newsletter-container {
    padding-left: 30px;
    padding-right: 30px;

    margin: 60px 0;
  }
}

.blog-newsletter-container-inner {
  background-image: url('/wp-content/uploads/mobile-cta-bg.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  width: 100%;
  height: 537px;

  padding: 2rem;

  box-shadow: 0px 40px 80px 0px #0000001f;
  border-radius: 12px;

  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 700px) {
  .blog-newsletter-container-inner {
    background-image: url('/wp-content/uploads/blog-newsletter-bg.png');
    background-position: right center;
    width: 100%;
    height: 269px;
    padding: 2rem;

    justify-content: center;
    gap: 2rem;
  }
}

.blog-newsletter-container-inner h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 28px !important;
  margin: 0;
  padding: 0;
}

@media (min-width: 1024px) {
  .blog-newsletter-container-inner h2 {
    margin: 0 0 1rem 0;
    font-size: 30px !important;
  }
}

.blog-newsletter-container-inner p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;

  max-width: 500px;
}

.fa-x-twitter:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z'/%3E%3C/svg%3E")
    no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z'/%3E%3C/svg%3E")
    no-repeat center / contain;
  vertical-align: -0.125em; /* matches FA's baseline alignment */
}

.fa-threads:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M340.8 238c-.6-69.6-38.3-111.5-102-111.5-42.5 0-78.3 19.2-97.1 49.9l41.2 28.7c10.7-16.8 25.4-30.8 52.4-30.8 30.5 0 46.3 17 50.8 48.5-14.7-2.3-29.5-3.5-44.6-3.5-82.4 0-121.1 37.3-121.1 86.6s38.8 79.7 95.9 79.7c62.7 0 100.1-42.2 115.4-94.5 15.9 7.2 26.9 24 26.9 49.3 0 67.6-78 104.5-144.1 104.5-97.5 0-161.3-64-161.3-168.2 0-127.6 84.3-209.4 197.6-209.4 76 0 113.6 33.4 139.2 78.1L432 115.9c-27.8-58-89.9-99.5-183.1-99.5-148.5 0-249.5 105.4-249.5 258.2 0 139.8 98.9 220.9 216.7 220.9 97.4 0 195.8-56.8 195.8-154 0-50.8-29.2-84.5-71.2-103.5zM214.4 334.9c-21.5 0-40.4-10.2-40.4-29 0-29.6 36.4-38.6 72-38.6 13.5 0 26.8 .9 38.5 3.5-8.4 38.5-33.4 64.2-70 64.2l0 0z'/%3E%3C/svg%3E")
    no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M340.8 238c-.6-69.6-38.3-111.5-102-111.5-42.5 0-78.3 19.2-97.1 49.9l41.2 28.7c10.7-16.8 25.4-30.8 52.4-30.8 30.5 0 46.3 17 50.8 48.5-14.7-2.3-29.5-3.5-44.6-3.5-82.4 0-121.1 37.3-121.1 86.6s38.8 79.7 95.9 79.7c62.7 0 100.1-42.2 115.4-94.5 15.9 7.2 26.9 24 26.9 49.3 0 67.6-78 104.5-144.1 104.5-97.5 0-161.3-64-161.3-168.2 0-127.6 84.3-209.4 197.6-209.4 76 0 113.6 33.4 139.2 78.1L432 115.9c-27.8-58-89.9-99.5-183.1-99.5-148.5 0-249.5 105.4-249.5 258.2 0 139.8 98.9 220.9 216.7 220.9 97.4 0 195.8-56.8 195.8-154 0-50.8-29.2-84.5-71.2-103.5zM214.4 334.9c-21.5 0-40.4-10.2-40.4-29 0-29.6 36.4-38.6 72-38.6 13.5 0 26.8 .9 38.5 3.5-8.4 38.5-33.4 64.2-70 64.2l0 0z'/%3E%3C/svg%3E")
    no-repeat center / contain;
  vertical-align: -0.125em;
}