@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap");
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  font-family: "Nunito Sans", sans-serif;
}
body a {
  color: #006ddf;
}
body h1 {
  color: #7413dc;
  margin-bottom: 1rem;
}
body .form-group, body .form-floating {
  margin-bottom: 1rem;
}
body .input[readonly] {
  background-color: #e9ecef; /* Light gray background */
  cursor: not-allowed; /* Change cursor to indicate non-editable */
}
body .btn-primary {
  background-color: #7413dc;
  border-color: #7413dc;
}
body .btn-primary:hover {
  background-color: #9e5ae7;
  border-color: #9e5ae7;
  color: black;
}

.section-booking .no-camp {
  background-color: #EEEEEE;
}
.section-booking thead tr th {
  text-align: center;
}
.section-booking thead tr th h4 {
  font-size: 1.25rem;
  color: #7413dc;
}
.section-booking thead tr th p {
  margin-bottom: 0;
}
.section-booking thead tr th sup a {
  text-decoration: none;
  color: #00a794;
}
.section-booking tbody .section-name {
  vertical-align: middle;
}
.section-booking tbody .section-name img {
  max-width: 90px;
  max-height: 25px;
}

table#all-groups tr.invoiced {
  color: #23a950 !important;
}
table#all-groups.table-striped > tbody > tr.invoiced:nth-of-type(odd) > * {
  color: #23a950 !important;
}
table#all-groups td.due {
  color: #7413dc;
}
table#all-groups td.overdue {
  color: #e22e12;
}

.campers a {
  text-decoration: none;
}
.campers a h2 {
  color: #7413dc;
}
.campers .card-img-top {
  width: 100%;
}
.campers i {
  font-size: 1rem;
}
@media screen and (min-width: 992px) {
  .campers .card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: contain;
  }
}

.details-form .section-title {
  margin-top: 2rem;
}
.details-form .section-title h4 {
  background-color: #7413dc;
  color: #FFFFFF;
  padding: 0.75rem 1.5rem;
  margin-bottom: 1rem;
}
.details-form .section-title.top {
  margin-top: 1rem;
}
.details-form .section-sub-title h4, .details-form .section-sub-title h5 {
  border-bottom: 1px solid #7413dc;
}
.details-form .row.hidden {
  display: none;
}
@media screen and (max-width: 768px) {
  .details-form input[type=text], .details-form select {
    margin-bottom: 10px;
  }
}

.card.health-card img.section-logo {
  max-height: 25px;
  max-width: 120px;
}
.card.health-card .permissions {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 1rem;
}
.card.health-card .permissions p {
  margin-bottom: 0;
}
.card.health-card .permissions .Allowed, .card.health-card .permissions .AbleTo {
  color: #23a950;
}
.card.health-card .permissions .NotAllowed, .card.health-card .permissions .NoAbleTo {
  color: #e22e12;
}
.card.health-card .permissions .activities span {
  margin-right: 1rem;
}
.card.health-card ul.ice-people {
  padding-left: 0;
}
.card.health-card ul.ice-people li {
  list-style-type: none;
  margin-bottom: 0.5rem;
}
.card.health-card .big-warning {
  background-color: #e22e12;
  color: #FFFFFF;
  padding: 1rem;
}
.card.health-card .big-warning p {
  margin-bottom: 0;
}

.lunch-option-display {
  font-size: 1.5rem;
  color: #00a794;
}

.activity-scan-card .award-trophy {
  font-size: 3rem;
}

:root {
  --bs-primary: #7413dc;
  --bs-primary-rgb: 116, 19, 220;
  --bs-secondary: #00a794;
  --bs-secondary-rgb: 0, 167, 148;
  --bs-success: #23a950;
  --bs-success-rgb: 35, 169, 80;
  --bs-info: #006ddf;
  --bs-info-rgb: 0, 109, 223;
  --bs-warning: #ffee27;
  --bs-warning-rgb: 255, 238, 39;
  --bs-danger: #e22e12;
  --bs-danger-rgb: 226, 46, 18;
  --bs-dark: #000000;
  --bs-dark-rgb: 0, 0, 0;
  --bs-light: #f8f9fa;
  --bs-light-rgb: 248, 249, 250;
  --scouts-purple: #7413dc;
  --scouts-teal: #00a794;
  --scouts-red: #e22e12;
  --scouts-pink: #ffb4e5;
  --scouts-green-cubs: #23a950;
  --scouts-navy-explorers: #003982;
  --scouts-blue-beavers: #006ddf;
  --scouts-yellow: #ffee27;
  --scouts-green-section: #004851;
  --bs-font-sans-serif: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-heading-font-family: "Nunito Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
}

.btn-secondary {
  --bs-btn-bg: #00a794;
  --bs-btn-border-color: #00a794;
  --bs-btn-hover-bg: #007467;
  --bs-btn-hover-border-color: #007467;
  --bs-btn-active-bg: #005b50;
  --bs-btn-active-border-color: #005b50;
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(116, 19, 220, 0.5);
}

.bg-scouts-purple {
  background-color: #7413dc !important;
}

.bg-scouts-teal {
  background-color: #00a794 !important;
}

.bg-scouts-red {
  background-color: #e22e12 !important;
}

.bg-scouts-pink {
  background-color: #ffb4e5 !important;
}

.bg-scouts-green-cubs {
  background-color: #23a950 !important;
}

.bg-scouts-navy-explorers {
  background-color: #003982 !important;
}

.bg-scouts-blue-beavers {
  background-color: #006ddf !important;
}

.bg-scouts-yellow {
  background-color: #ffee27 !important;
}

.bg-scouts-green-section {
  background-color: #004851 !important;
}

.text-scouts-purple {
  color: #7413dc !important;
}

.text-scouts-teal {
  color: #00a794 !important;
}

.text-scouts-red {
  color: #e22e12 !important;
}

.text-scouts-pink {
  color: #ffb4e5 !important;
}

.text-scouts-green-cubs {
  color: #23a950 !important;
}

.text-scouts-navy-explorers {
  color: #003982 !important;
}

.text-scouts-blue-beavers {
  color: #006ddf !important;
}

.text-scouts-yellow {
  color: #ffee27 !important;
}

.text-scouts-green-section {
  color: #004851 !important;
}

.border-scouts-purple {
  border-color: #7413dc !important;
}

.border-scouts-teal {
  border-color: #00a794 !important;
}

.border-scouts-green-section {
  border-color: #004851 !important;
}

.badge.bg-scouts-purple,
.badge.bg-scouts-teal,
.badge.bg-scouts-red,
.badge.bg-scouts-navy-explorers,
.badge.bg-scouts-blue-beavers,
.badge.bg-scouts-green-cubs,
.badge.bg-scouts-green-section {
  color: #ffffff !important;
}

.badge.bg-scouts-yellow,
.badge.bg-scouts-pink {
  color: #000000 !important;
}

.btn-scouts-purple {
  background-color: #7413dc;
  border-color: #7413dc;
  color: #ffffff;
}
.btn-scouts-purple:hover {
  background-color: #5b0fad;
  border-color: #5b0fad;
  color: #ffffff;
}

.btn-scouts-teal {
  background-color: #00a794;
  border-color: #00a794;
  color: #ffffff;
}
.btn-scouts-teal:hover {
  background-color: #007467;
  border-color: #007467;
  color: #ffffff;
}