/*
 * Your custom styles.
 *
 * This file loads after css/theme.css, so rules here override the theme.
 * Keep your changes in this file so that you can update theme.css later
 * without losing them.
 *
 * For example, to change the accent color and the link color:
 *
 * :root {
 *     --theme-accent: #2e7d32;
 *     --theme-link: #1565c0;
 * }
 *
 * See css/theme.css for the full list of variables.
 */

.text-bg-safe {
  background-color: #4147DC; /* Replace with your desired hex color */
  color: #ffffff;            /* Forces text to stay white */
}

.text-bg-third {
  background-color: #3D81E1; /* Replace with your desired hex color */
  color: #ffffff;            /* Forces text to stay white */
}

.text-bg-fourth {
  background-color: #E13DD3; /* Replace with your desired hex color */
  color: #ffffff;            /* Forces text to stay white */
}

.text-bg-fifth {
  background-color: #E072C9; /* Replace with your desired hex color */
  color: #ffffff;            /* Forces text to stay white */
}

.text-bg-sixth {
  background-color: #AB3256; /* Replace with your desired hex color */
  color: #ffffff;            /* Forces text to stay white */
}

.text-bg-seventh {
  background-color: #613636; /* Replace with your desired hex color */
  color: #ffffff;            /* Forces text to stay white */
}

.text-bg-eighth {
  background-color: #378194; /* Replace with your desired hex color */
  color: #ffffff;            /* Forces text to stay white */
}

.text-bg-ninth {
  background-color: #8C7415; /* Replace with your desired hex color */
  color: #ffffff;            /* Forces text to stay white */
}

.post-content a[href^="http://"]::after,
.post-content a[href^="https://"]::after {
    content: none;
}