:root {

/* Primary color shades */
--md-primary-fg-color: #22a652;
/* --md-primary-fg-color--light: #861f4194; */
/* --md-primary-fg-color--dark: #ac325a; */
--md-primary-bg-color: hsla(0, 0%, 100%, 1);
--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
--md-text-link-color: hsla(231, 48%, 48%, 1);

/* Accent color shades */
--md-accent-fg-color: rgb(98, 18, 189);
--md-accent-fg-color--transparent: hsla(189, 100%, 37%, 0.1);
--md-accent-bg-color: hsla(0, 0%, 100%, 1);
--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7);
}

:root > * {

/* Code block color shades */
--md-code-bg-color: hsla(0, 0%, 96%, 1);
--md-code-fg-color: hsla(200, 18%, 26%, 1);

/* Footer */
--md-footer-bg-color: #2f3d4d;
--md-footer-bg-color--dark: hsla(0, 0%, 0%, 0.32);
--md-footer-fg-color: hsla(0, 0%, 100%, 1);
--md-footer-fg-color--light: hsla(0, 0%, 100%, 0.7);
--md-footer-fg-color--lighter: hsla(0, 0%, 100%, 0.3);
}







.md-grid {
  max-width: initial;
}








.md-search {
  width: 250px;
}

/* Hide the default # without moving it off-screen */
.md-typeset .headerlink {
    visibility: hidden; /* Hides the default content */
    display: inline-block; /* Keep the element in place */
    width: 1em;
    height: 1em;
}

/* Display the custom SVG icon */
.md-typeset .headerlink::after {
    visibility: visible; /* Make the icon visible */
    content: ''; /* Clear default text */
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background-image: url('/assets/images/icon-anchorlink.svg'); /* Adjust path */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.caption {
    display: block;        /* Ensure the caption is a block element */
    text-align: center;    /* Center the caption text */
    margin-top: 0.5em;     /* Add space between the image and the caption */
}

td.default {
  background-color: #c6d6b8; /* Light green background */
}
td.lightgreen {
  background-color: #bcf886;
}
td.orange {
  background-color: #f8bd86;
}

/*hide ai chatbot when printing html page via browser */
html.print-page #kapa-widget-container {
  display: none !important;
}

@media print {
  #kapa-widget-container {
    display: none !important;
  }
}

/* Fix images being cut off when printing to PDF */
@media print {
  img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    display: block;
    margin: 1rem auto;
  }
}