:root {
    --md-primary-fg-color: #3168B7 !important;
	--md-accent-fg-color: #3168B7 !important;
}

.md-header {
    background-color: #3168B7 !important;
}

.md-footer {
    background-color: #BDCE31 !important;
}

.md-header__title {
  margin-left: 0.55rem !important;
}

.md-banner__inner {
  padding-left: 0.37rem !important;
  padding-right: 0.37rem !important;
}

.md-banner {
  background-color: #ffffff !important; 
}

.c-site-name {
    font-size: 0.8rem;  
}

.c-site-slogan {
    font-size: 0.6rem;  
	letter-spacing: -0.5px;
}

/* Custom NAHMS: New Div Debug */
.vegalite-container {
	/* border: 1px solid #ccc; */
}

/* Custom NAHMS: New Div */
:root {
  --md-admonition-icon--nahms-abstract: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.5c-1.35-.85-3.8-1.5-5.5-1.5-1.65 0-3.35.3-4.75 1.05-.1.05-.15.05-.25.05-.25 0-.5-.25-.5-.5V6c.6-.45 1.25-.75 2-1 1.11-.35 2.33-.5 3.5-.5 1.95 0 4.05.4 5.5 1.5 1.45-1.1 3.55-1.5 5.5-1.5 1.17 0 2.39.15 3.5.5.75.25 1.4.55 2 1v14.6c0 .25-.25.5-.5.5-.1 0-.15 0-.25-.05-1.4-.75-3.1-1.05-4.75-1.05-1.7 0-4.15.65-5.5 1.5m-1-14c-1.36-.6-3.16-1-4.5-1-1.2 0-2.4.15-3.5.5v11.5c1.1-.35 2.3-.5 3.5-.5 1.34 0 3.14.4 4.5 1V7.5M13 19c1.36-.6 3.16-1 4.5-1 1.2 0 2.4.15 3.5.5V7c-1.1-.35-2.3-.5-3.5-.5-1.34 0-3.14.4-4.5 1V19m1-2.65c.96-.35 2.12-.52 3.5-.52 1.04 0 1.88.08 2.5.24v-1.5a13.884 13.884 0 0 0-6 .19v1.59m0-2.66c.96-.35 2.12-.53 3.5-.53 1.04 0 1.88.08 2.5.24v-1.5c-.87-.16-1.71-.23-2.5-.23-1.28 0-2.45.15-3.5.45v1.57M14 11c.96-.33 2.12-.5 3.5-.5.91 0 1.76.09 2.5.28V9.23c-.87-.15-1.71-.23-2.5-.23-1.32 0-2.5.15-3.5.46V11Z"/></svg>');
}

.md-typeset .admonition.nahms-abstract,
.md-typeset details.nahms-abstract {
  border-color: #005440;
  border-width: 0;
  border-left-width: 5px;
  font-size: .8rem;
}

.md-typeset .nahms-abstract > .admonition-title,
.md-typeset .nahms-abstract > summary {
  background-color: rgba(43, 155, 70, 0.1);
  font-size: .8rem; 
}

.md-typeset .nahms-abstract > .admonition-title::before,
.md-typeset .nahms-abstract > summary::before {
  background-color: #005440;
  -webkit-mask-image: var(--md-admonition-icon--nahms-abstract);
          mask-image: var(--md-admonition-icon--nahms-abstract);
}

/* Custom NAHMS: New Div */
.custom-center-text-underline {
  display: block;
  text-align: center;
  border-bottom: 1px solid black; 
  padding-bottom: 10px;
  font-weight: bold;
}

/* Custom NAHMS: New Div */
.custom-filled-header {
  display: block;      
  width: 100%;         
  background-color: #3168b7; 
  text-align: left;    
  padding: 5px 20px;  
  color: #ffffff;  
}

/* Custom NAHMS: New Div */
.custom-horizontal-container {
  display: flex;
  justify-content: space-around;
  align-items: center; 
}

/* Custom NAHMS: New Div: Media query for screens less than 600px wide */
@media (max-width: 800px) {
  .custom-horizontal-container {
    flex-direction: column; 
    align-items: stretch; 
  }
}

.md-footer {
  color: #000000;
}

.md-footer__title {
  font-size: 0.8rem;
}

/* Custom NAHMS: New Div */
.svg-container {
    width: 100%;  
    overflow-x: auto;  
    /* border: 1px solid #ccc; */
}

/* Custom NAHMS: New Div */
.custom-horizontal-grid-container {
    display: flex;
    justify-content: space-around;
    gap: 5px;
    padding: 5px;
    max-width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap; /* Note: Allow items to wrap to the next line */
}
.custom-horizontal-grid-container .grid-item {
    background-color: #3168b7;
    border: 0px solid #ccc;
    border-radius: 0px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    flex: 1 1 30%; /* Note: Allow items to grow and shrink with a minimum width */
    max-width: 30%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 200px;
}
.custom-horizontal-grid-container .grid-item h2 {
    font-size: 1.4em;
    margin: 0;
    color: #ffffff;
}
.custom-horizontal-grid-container .grid-item p {
    margin: 10px 0 0 0;
    font-size: 0.9em;
    color: #ffffff;
}

/* Note: Media query to stack items vertically on smaller screens */
@media (max-width: 600px) {
    .custom-horizontal-grid-container {
        flex-direction: column;
        align-items: center;
    }
    .custom-horizontal-grid-container .grid-item {
        max-width: 100%;
        min-width: 100%;
        flex: none; /* Note: Prevent items from growing/shrinking */
    }
}

.md-typeset__table {
   min-width: 100%;
}

.md-typeset table:not([class]) {
    display: table;
}

.custom_tableau_container {

}