.footer-info-menu ul li a {
  color: #ffffff !important;
}

.footer-info-menu ul li a:hover {
  color: #76e477 !important;
}

.reddit-quote {
  max-width: 75%;
  margin: 2em auto;
  padding: 1.5em;
  background-color: #e6f7f9; /* soft teal */
  border: 2px solid #009fb7; /* brand teal */
  border-radius: 16px;
  font-style: italic;
  font-size: 1.1em;
  line-height: 1.6;
}

.reddit-quote cite {
  display: block;
  margin-top: 1em;
  text-align: right;
  font-style: normal;
  font-weight: 500;
  color: #009fb7;
}

/* Make in-page content links stand out */
.entry-content a,
.post_content a {
  color: #009fb7;          /* teal from your brand */
  text-decoration: underline;
}

.entry-content a:hover,
.post_content a:hover {
  color: #ff617f;          /* coral pink hover */
  text-decoration: underline;
}

/* Increase paragraph and list item text size on mobile */
@media (max-width: 768px) {
  p,
  li {
    font-size: 18px !important;  /* adjust size as needed */
    line-height: 1.6;            /* improve readability */
  }
}

/* FORCE submenu links to black in both dark/default schemes */
.scheme_dark .sc_layouts_menu_popup .sc_layouts_menu_nav > li > a,
.scheme_dark .sc_layouts_menu_nav > li li > a,
.scheme_default .sc_layouts_menu_popup .sc_layouts_menu_nav > li > a,
.scheme_default .sc_layouts_menu_nav > li li > a {
  color: #000 !important;
}

/* Hide category labels/badges on this specific Blogger grid */
.hide-cats-badges .zn_badge,
.hide-cats-badges .zn-badge,
.hide-cats-badges .zn_badges,
.hide-cats-badges .blogger-badge,
.hide-cats-badges .post-categories,
.hide-cats-badges .entry-categories,
.hide-cats-badges .entry-meta .cat-links,
.hide-cats-badges a[rel="category tag"],
.hide-cats-badges [class*="badge"],
.hide-cats-badges [class*="cat-"],
.hide-cats-badges [class*="cat_"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Fix vertical alignment of tag/category titles with sidebar */
.archive-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.archive-header {
  margin-top: -40px !important; /* adjust between -20px and -60px depending on how much gap you want */
}

@media (min-width: 992px) {
  .page_content_wrap .content {
    margin-top: -40px !important;
  }
}