:root {

  --md-primary-fg-color:               #00498d;
  --md-primary-fg-color--light:        #8d0900;
  --md-accent-bg-color:                #FFF;
  --md-accent-fg-color:                #ef7d00;

  --md-footer-bg-color:                #00498d; /* Footer background color */
  --md-footer-text-color:              #FFFFFF; /* Footer text color */
  --md-footer-meta-bg-color:           #00498d ; /* Footer meta background color */
  --md-footer-meta-text-color:         #FFFFFF; /* Footer meta text color */


  /* Styling opanpi json code */
  --md-code-text-color:                #36464E;
  pre code span.hljs-attr {
    color: var(--md-code-text-color) !important; 
  }
  pre code span:not([class]) { /* Remove any remaining white text */
    color: var(--md-code-text-color) !important;
  }


}


[data-md-color-scheme="elga"] {
  --md-primary-fg-color:               #00498d;
  --md-primary-fg-color--light:        #00498d;
  --md-accent-bg-color:                #ffffff;
  --md-accent-fg-color:                #ef7d00;
}



/* Styling the header logo */
.md-header__button.md-logo {
    margin: 0;
    padding: 0;
    display: flex;   
}
.md-header__button.md-logo img, .md-header__button.md-logo svg {
  height: 2.2rem;
  width: auto;
}

/* Styling title in the header */
.md-header__title span.md-ellipsis {
  font-size: 26px; 
}


/* Styling the nav bar */
nav.md-tabs {
  background-color: #00498d; 
}

  
/* Styling the main footer */
footer.md-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--md-footer-bg-color); /* Footer background color */
  color: var(--md-footer-text-color);         /* Footer text color */
}

/* Styling the footer meta section */
div.md-footer-meta.md-typeset {
  background-color: var(--md-footer-meta-bg-color); 
  color: var(--md-footer-meta-text-color);        
}

.md-container
{
  margin-bottom: 15em;
}