/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */
html {
  height: 100%;
}

body {
  background-color: #FFEDDB;
  color: #5a5655;
  font-family: "Roboto", sans-serif;
  min-height: 100vh;
  height: 100%;
  overflow-x: clip;
}

.bg-dk-brown {
  background-color: rgb(214.2727272727, 171, 127.7272727273);
}

.clearboth {
  clear: both;
}

#nav-spacer {
  height: 80px;
}

table tbody tr:not(.expired):hover {
  background-color: #efdecd;
}

.red-text {
  color: var(--bs-danger);
  font-weight: bold;
  margin-top: 0.25rem;
  font-size: 1.25rem;
}

.faqs .accordion-body {
  background-color: rgb(245.1818181818, 234.75, 224.3181818182);
}
.faqs .accordion-button:not(.collapsed) {
  color: #5a5655;
  font-weight: bold;
  background-color: #efdecd;
}

.nav-menu-heading {
  font-size: 0.8rem;
  font-weight: bold;
}

.offcanvas-body {
  padding: 0 1rem 1rem;
}

.offcanvas-header {
  padding: 1rem 1rem 0.5rem;
}

@media (max-width: 400px) {
  .site-name {
    display: none;
  }
}
@media (max-width: 480px) {
  .site-name {
    font-size: 1rem;
  }
}
@media (max-width: 430px) {
  .site-name {
    font-size: 0.8rem;
  }
}

#sidenav {
  border-right: 1px solid #dfdfdf;
  color: #5a5655;
  min-height: 100vh;
}
#sidenav ul.nav li.nav-menu-heading {
  margin-bottom: 1rem;
}
#sidenav ul.nav li.nav-item a.nav-link {
  color: #5a5655;
  padding: 0.75rem 0.25rem;
}
#sidenav ul.nav li.nav-item a.nav-link:hover {
  background-color: #efdecd;
}
#sidenav ul.nav li.nav-item a.nav-link.active {
  background-color: #efdecd;
}