/*
@font-face {
 font-family: 'ff-name';
 src: url('fonts/file_name.woff2') format('woff2');
}

.ff-theme {
  font-family: 'ff-name';
}
*/

:root {
  --theme: #2e6d38;
  --theme-rgb: 46, 109, 56;
  --bs-border-radius-xxl: 5rem;
}

body {
  overflow-y: scroll;
  min-height: 100vh;
  background: linear-gradient(to bottom right, #2e6d38, transparent);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-theme {
  background: var(--theme)!important;
}

.offcanvas.show,
.offcanvas.showing {
  background: linear-gradient(to bottom right, #2e6d38, white);
}

.text-theme,
.form-label,
.has-theme-color {
  color: var(--theme)!important;
}

.border-theme {
  --bs-border-opacity: 1;
  border-color: rgba(var(--theme-rgb), var(--bs-border-opacity)) !important;
}

.hide-me {
  display: none;
}

.pointer {
  cursor: pointer;
}

.nav-toggler i {
  transition: .25s;
}

.btn-theme {
  border-color: var(--theme)!important;
  background:  rgba(var(--theme-rgb), .80);
  color: white!important;
}

.btn-outline-theme {
  border-color: var(--theme)!important;
  color: var(--theme);
  
}

.btn-theme:hover,
.btn-outline-theme:hover {
  background:  rgba(var(--theme-rgb), 1);
  color: white;
}

.form-control {
  border-color: var(--theme)!important;
}

.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--theme-rgb),.25)!important;
}

.form-check-input:checked {
  background-color: var(--theme)!important;
  border-color: var(--theme)!important;
}

.card-body p:last-of-type {
  margin: 0!important;
}

.text-shadow {
  text-shadow: 0 0 2px black;
}

.offcanvas {
  z-index: 999999;
}

.nav-link {
  font-weight: bold;
  border-left: 4px solid transparent;
  transition: .25s;
  padding: .5rem!important;
}

.active .nav-link,
.nav-link:hover {
  border-left-color: rgba(var(--bs-warning-rgb), 1) !important;
}

.active .nav-link{
  color: rgba(var(--bs-warning-rgb), 1) !important;
}

.table-borderless * {
  border: none!important;
}

content a {
  color: var(--theme)!important;
}

.btn-danger{
  color: white!important;
}

#menu-footer.list-inline > li {
  display: inline-block!important;
  margin-right: .5rem;

}

#menu-footer.list-inline a {
  color: var(--bs-nav-link-color);
  text-decoration: none;
}