/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

:root {
    --text-fanscribr-color: #DFD164;
    /* --bs-primary: #bcdcff;
    --bs-success: #c8efd6;
    --bs-danger: #f8c6c6; */

      --bs-primary: #DFD164;
    --bs-primary-rgb: 223, 209, 100;

    --bs-success: #C8E6C1;
    --bs-success-rgb: 200, 230, 193;

    --bs-danger: #F8C6C6;
    --bs-danger-rgb: 248, 198, 198;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* ensures body is full height */
}

.site-wrapper {
  flex: 1; /* takes all available space */
}

.badge.bg-primary, .badge.text-bg-primary {
  background-color: #DFD164 !important;
  color: #212529;
}

.badge.bg-danger, .badge.text-bg-danger {
  background-color: #F8C6C6 !important;
  color: #212529;
}

.badge.bg-success, .badge.text-bg-success {
  background-color: #c8efd6 !important;
  color: #212529 !important;
}

.headerClasses .title-padding{
  padding: 10vh 25px;
}

.headerClasses :not(input):not(button) {
    color: var(--text-fanscribr-color);
}

.btn-primary {
  --bs-btn-bg: #DFD164;              /* button background */
  --bs-btn-border-color: #DFD164;    /* button border */
  --bs-btn-hover-bg: #D0C854;        /* hover background */
  --bs-btn-hover-border-color: #D0C854; /* hover border */
  --bs-btn-color: #2B2B2B;           /* text color */

  --bs-btn-active-bg: #c2bb48;
  --bs-btn-active-border-color: #c2bb48;

  --bs-btn-focus-shadow-rgb: 223, 209, 100;
}

.btn-success {
  --bs-btn-bg: #c8efd6;
  --bs-btn-border-color: #c8efd6;
  --bs-btn-hover-bg: #b4e7c5;
  --bs-btn-hover-border-color: #b4e7c5;
  --bs-btn-color: #2b3a42;
}

.btn-danger {
  --bs-btn-bg: #f8c6c6;
  --bs-btn-border-color: #f8c6c6;
  --bs-btn-hover-bg: #f3b1b1;
  --bs-btn-hover-border-color: #f3b1b1;
  --bs-btn-color: #2b3a42;
}

.badge-primary {
  --bs-badge-bg: #DFD164;          /* background */
  --bs-badge-color: #2B2B2B;       /* text color */
}

.badge-success {
  --bs-badge-bg: #C8E6C1;          /* soft mint green */
  --bs-badge-color: #2B2B2B;       /* text color */
}

/* Pastel danger badge */
.badge-danger {
  --bs-badge-bg: #F8C6C6;          /* soft pink */
  --bs-badge-color: #2B2B2B;       /* text color */
}

.contact h3,
.contact legend {
    display: none;
}

.form-row {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.form-row .control-group{
    flex: 4 1 300px;
}

.form-row button{
    flex: 1 1 auto;
}

button:disabled, .btn:disabled, .btn.disabled{
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #cccccc;
  border-color: #DFD164;
}

.stage-container {
  width: 100%;
  height: 400px;
  background: url('media/templates/site/fanscribr/images/spotlight.png') no-repeat center bottom;
  background-size: contain; /* or cover, depending on effect */
}

.pagination{
  overflow-x: auto;
  flex-wrap: nowrap;
}

.pagination li {
  display: inline-block;
}