@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root>* {

    --md-footer-bg-color: white;
    --md-footer-fg-color: rgb(32, 32, 32);
    --md-footer-bg-color--dark: white;
    --md-footer-fg-color--lighter:  rgb(32, 32, 32);
    --md-footer-fg-color--light:  rgb(32, 32, 32);
    --mdc-typography-headline6-font-family: 'Be Vietnam', sans-serif;
    --mdc-typography-font-family: 'Be Vietnam', sans-serif;
    --md-typeset-a-color: rgb(12, 240, 190);

}

.hide-scroll-bar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .hide-scroll-bar::-webkit-scrollbar {
    display: none;
  }

  .md-typeset .md-button--primary {
    border-width: 1px;
    border-color: rgb(219, 219, 219);
    border-radius: 4px;
  }

  .md-typeset .home-title {
    color: #390dea;
    font-family: 'Urbanist', sans-serif;
    font-size: 2.6rem;                  /* your size */
    font-weight: 300;                       /* optional */
    line-height: 1.2;
  }

  /* Match Master courses page titles to Home blue */
  .md-typeset .master-title {
    color: #390dea !important;
  }
  


  .cardContent {
  padding: 16px;
  font-size: 16px;
  color: rgb(32, 32, 32);
}

/* Apply Urbanist font to all section titles/headings */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    font-family: 'Urbanist', sans-serif;
}

.md-typeset h2 {
    font-weight: 500;
}

.mdc-typography--body2 {
    font-weight: 300;
    font-size: 14px;
}

/* Navigation menu hover color - dark blue */
.md-nav__link:hover {
    color: #1a237e !important;
    background-color: rgba(26, 35, 126, 0.1);
}

.md-nav__item--active > .md-nav__link {
    color: #1a237e !important;
    font-weight: 500;
}

body{background-color: #ffffff;}
/* Top navigation bar (header) */
.md-header {
  background-color: #f4f4f4 !important; /* your color */
}
.md-header .md-header__title,
.md-header .md-icon,
.md-header .md-logo {
  color: #f7f7f7 !important; /* title and icon color */
}

/* Hide the top header entirely and remove its spacing */
.md-header {
  display: none !important;
}

/* Pull main content and sidebars up since header is hidden */
.md-main {
  margin-top: 0 !important;
}
.md-sidebar--primary,
.md-sidebar--secondary {
  top: 0 !important;
}

/* On mobile, ensure the drawer sits at the very top */
@media screen and (max-width: 76.1875em) {
  .md-nav--primary,
  .md-drawer {
    top: 0 !important;
  }
}

/* Hide Table of Contents (right sidebar) site-wide */
.md-sidebar--secondary,
.md-nav--secondary {
  display: none !important;
}

/* Optional: expand content area when TOC is hidden */
@media screen and (min-width: 76.1875em) {
  .md-main__inner {
    margin-right: 0 !important;
  }
}

/* Make the overall page container wider */
.md-grid {
  max-width: 120rem !important; /* increase overall site width */
}

/* Allow the content column to grow wider when TOC is hidden */
@media screen and (min-width: 76.1875em) {
  .md-content {
    max-width: 90rem !important;
  }
}