/* Load custom fonts */
@font-face {
    font-family: 'Bree Serif';
    src: url('../fonts/BreeSerif-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Select Global Format */
:root {
  --md-primary-fg-color: #fbedca;
  --md-text-font: 'Open Sans';
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bree Serif';
}

.md-typeset h1 {
  color:#16513d;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  margin-bottom: 0.75em;
}

/* Link for Photo Credit */
.md-typeset a {
  color:#16513d
}

p {
  color: #555555;
  font-size: .7rem;
}

a.email-link {
  color:#16513d;
}

/* Set Size of Header Logo */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 90px;
  width: 100%;
}

/* Apply Bree Serif ONLY to header and nav title */
.md-header__title,
.md-nav__title {
  font-family: 'Bree Serif', serif !important; 
  letter-spacing: 0.07em;
  color:#16513d !important;
  font-size: 1.9rem;
}

@media screen and (max-width: 768px) {
  /* Header title text in nav bar */
  .md-header__title {
    font-size: 1rem; /* adjust as needed */
  }}

.md-nav__title {
  display: none !important;
}

/* Apply format to navigation tabs */
.md-tabs__link {
  color: #16513d !important;
  opacity: 0.85 !important;
  font-family: 'Bree Serif', serif !important; 
  font-size: 1.65em;
}

.md-tabs {
  height: 2rem;}

.md-nav__link {
  font-family: 'Bree Serif';
  color:#16513d !important;
}

/* Apply format to active navigation tab */
.md-tabs__item--active,
.md-nav__item--active {
  font-weight: 700 !important;       /* Make it bold */
  color: #16513d !important;         /* Override white default */
}

/* Change color of hamburger menu icon */
.md-header__button.md-icon {
  color: #16513d !important; /* Replace with your desired color */
}

/* Format the Footer Override */
.md-footer {
  padding: .75rem 0;
  background-color:#16513d
}

.md-footer-meta {
  background-color: #16513d;
}

.md-footer-meta__inner {
  display: flex;
  color: #ceae67;
  justify-content: center;
  font-size: 0.65rem ;
}

/* Footer Logo Container */
.md-footer-logo {
  text-align: center;
  background-color:#fbedca;
  padding: 10px;
}

.footer-logo {
  max-width: 100px;
  height: auto;
}

.md-typeset .grid.cards {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

/* Page Specific Styles*/

#welcome-text {
    max-width: 525px;
    color: #555555;
    font-size: .7rem;
}

#seasonal-text {
  max-width: 500px;
  color: #555555;
  font-size: .7rem;
}

.tree-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  justify-items: left;
  margin-top: 1rem;
  max-width: 1000px;
}

.tree-card {
  text-align: center;
}

.tree-card img {
  border-radius: 12px;
}