:root {
  --ig-left: left;
  --ig-right: right;

  --ig-status-text-color: black; /* 1. IG Title and status text color */
  --navbar-bg-color: #D00101 !important; /* 2. Header container color */

  --footer-bg-color: #343A40 !important; /* 3. Footer background color*/
  --footer-container-bg-color: #343A40 !important; /* 4. Footer container color */
  --stripe-bg-color: #D00101 !important; /* 5. Header strip color */

  --btn-hover-color: #cf2727 !important;  /* 6. Menu button hover color */
  --btn-active-color: #ac0d1f !important; /* 7. Menu button active color */
  --btn-text-color: #ffffff !important; /* 8. Menu button text color */
  --btn-gradient-start-color: #b11d1d; /* 9. Menu item gradient start color */
  --btn-gradient-end-color: #8c0b1a; /* 10. Menu item gradient end  color */
  --btn-gradient-start-color-alpha: #ff428bca; /* 11. Menu item gradient start color (with alpha) */
  --btn-gradient-end-color-alpha: #ff357ebd; /* 12. Menu item gradient end color (with alpha) */
  --link-color: #428bca; /* 13. Hyperlink text color */
  --link-hover-color: #2a6496; /* 14. Hyperlink text hover color */

  --publish-box-bg-color: #fee892; /* 15. Publish box background color */
  --publish-box-border: 1.5px solid #0A0008; /* 16.  Publish box border definition */

  --toc-box-bg-color: #fee892; /* 17.  TOC box background color */
  --toc-box-border: 1.5px solid #0A0008; /* 18. TOC box border definition */

  --stu-note-background-color: #fff2ff !important; /* 19. (STU) Note box background color */
  --stu-note-border-left-color: #ffa0ff !important; /* 20. (STU) Note box border color */

  --ig-header-color: #ffffff; /* 21. Header color (sides) */
  --ig-header-container-color: #ffffff; /* 22. Header container color (center) */
  --footer-nav-bg-color: #f5f5f5; /* 23. Footer navigation background color*/

  --footer-text-color: #ffffff; /* 24. Footer highlight font color */
  --footer-hyperlink-text-color: #81BEF7; /* 25. Footer hyperlinks font color */
  --footer-highlight-text-color: #ffffff; /* 26. Footer highlight font color */

  --breadcrumb-bg-color: #ffffff !important; /* 27. Breadcrumb font color */
  --breadcrumb-text-color: #000000 !important; /* 28. Breadcrumb font color */

  --dragon-background-color: #fffbf7; /* 29. Dragon background color */
  --dragon-text-color: #101020; /* 30. Dragon font color */

  --translation-background-color: #f0f0f0; /* 31. Translation box background color */
  --translation-text-color: black; /* 32. Translation text color */
}
/* changes to the navigation bar/menu at the top */
.navbar {
  border-radius: 0px 0px 5px 5px;
  margin-bottom: 4px;
}

.navbar-inverse .navbar-nav > li:first-of-type > a:hover, .navbar-inverse .navbar-nav > li:first-of-type > a:focus {
  color: #ffffff;
  background-color: var(--btn-hover-color);
  border-radius: 0px 0px 0px 5px;
}

#ig-status > p > span {
  font-size: 14pt !important;
  color: #0A0008 !important;
}

#stripe {
  height: 5px;
}

#publish-box {
  background-color: var(--publish-box-bg-color);
  border: var(--publish-box-border);
  padding: 5px;
  border-radius: 5px;
}

#toc-box {
  border-radius: 5px;
}

div.markdown-toc {
  border-radius: 5px;
}

.breadcrumb {
  margin-bottom: 4px !important;
  background-color: var(--breadcrumb-bg-color) !important;
}

.breadcrumb a {
  color: var(--breadcrumb-text-color) !important;
}