/* Sticky Footer Css */

:root {
  /* Keep this in sync with your fixed navbar height */
  --navbar-height: 70px;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.wrapper {
  /* Subtract the fixed navbar height so the footer can sit at the bottom on load */
  min-height: calc(100vh - var(--navbar-height));
  /* Modern mobile browsers: override with dynamic viewport when supported */
  min-height: calc(100dvh - var(--navbar-height));
  display: flex;
  flex-direction: column;
}

.content {
  /* Grow to fill remaining space above the footer */
  flex: 1 0 auto;
}

.sticky-footer {
  background-color: #B79F10;
  border-top: 1px solid #ddd;
  padding: 20px 0;
  margin-top: auto; /* Pushes footer to the bottom when content is short */
}

.sticky-footer p {
  margin: 0;
  text-align: center;
  color: #eee;
}

/* Ensure proper spacing above footer */
.main-content {
  padding-bottom: 20px;
}

/* Keep content from sliding under the fixed navbar */
body {
  padding-top: var(--navbar-height);
}