/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

:root {
  /* Brand */
  --bs-black: #000000;
  --bs-cream: #faf6f2;
  --bs-maroon: #8c1217;

  /* Primary (your maroon) — use white text */
  --bs-primary: #8c1217;
  --bs-primary-rgb: 140, 18, 23;
  --bs-primary-text-emphasis: #380a0c;
  --bs-primary-bg-subtle: #f7dbdc;
  --bs-primary-border-subtle: #efb7ba;

  /* Secondary — neutral charcoal — use white text */
  --bs-secondary: #495057;
  --bs-secondary-rgb: 73, 80, 87;
  --bs-secondary-text-emphasis: #1d2023;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-secondary-border-subtle: #c4c8cb;

  /* Success — use white text */
  --bs-success: #198754;
  --bs-success-rgb: 25, 135, 84;
  --bs-success-text-emphasis: #0a3622;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-success-border-subtle: #a3cfbb;

  /* Danger — distinct crimson from primary maroon — use white text */
  --bs-danger: #b02a37;
  --bs-danger-rgb: 176, 42, 55;
  --bs-danger-text-emphasis: #46111a;
  --bs-danger-bg-subtle: #f6dbdd;
  --bs-danger-border-subtle: #edb8bc;

  /* Warning — use BLACK text */
  --bs-warning: #ffc107;
  --bs-warning-rgb: 255, 193, 7;
  --bs-warning-text-emphasis: #664d03;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-warning-border-subtle: #ffe69c;

  /* Info — deep teal, use white text */
  --bs-info: #087990;
  --bs-info-rgb: 8, 121, 144;
  --bs-info-text-emphasis: #032830;
  --bs-info-bg-subtle: #cfeaf0;
  --bs-info-border-subtle: #9fd6e0;

  /* Light (your cream) — use BLACK/dark text */
  --bs-light: #faf6f2;
  --bs-light-rgb: 250, 246, 242;
  --bs-light-text-emphasis: #495057;
  --bs-light-bg-subtle: #fdfcfb;
  --bs-light-border-subtle: #f3ede6;

  /* Dark (your black) — use white text */
  --bs-dark: #000000;
  --bs-dark-rgb: 0, 0, 0;
  --bs-dark-text-emphasis: #495057;
  --bs-dark-bg-subtle: #d3d3d4;
  --bs-dark-border-subtle: #a8a9aa;

  /* Grays — warm-neutral, cream-tinted rather than cool grey */
  --bs-gray-100: #f8f5f2;
  --bs-gray-200: #ede8e3;
  --bs-gray-300: #dcd5cd;
  --bs-gray-400: #b8afa5;
  --bs-gray-500: #93887c;
  --bs-gray-600: #6e655a;
  --bs-gray-700: #4a453d;
  --bs-gray-800: #2a2724;
  --bs-gray-900: #141312;

  /* Body / links */
  --bs-body-color: #141312;
  --bs-body-bg: #faf6f2;
  --bs-emphasis-color: #000000;
  --bs-link-color: #8c1217;
  --bs-link-hover-color: #6d0e11;
  --bs-border-color: #dcd5cd;
	
	 /* Body background tiers */
  --bs-body-bg: #faf6f2;          /* primary body bg — your cream */
  --bs-secondary-bg: #ede8e3;     /* one step darker (matches --bs-gray-200) */
  --bs-tertiary-bg: #f3ede6;      /* subtle tint, sits between primary and secondary */
}

.bg-body-tertiary {
  background-color: var(--bs-tertiary-bg) !important;
}



body {
  color: var(--bs-body-color);       /* #141312 */
  background-color: var(--bs-body-bg); /* #faf6f2 */
font-family: instrument-sans-variable, sans-serif;
	font-size:17px;
}

h1, h2, h3, h4 {font-family: "cardo", serif; font-weight:400;}

a {
  color: var(--bs-link-color);           /* #8c1217 */
  text-decoration: underline;
}

a:hover {
  color: var(--bs-link-hover-color);     /* #6d0e11 */
}

.navbar-brand img{width: 7rem;}

/* ---------- Solid theme backgrounds ---------- */
.bg-primary   { background-color: var(--bs-primary) !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }
.bg-success   { background-color: var(--bs-success) !important; }
.bg-danger    { background-color: var(--bs-danger) !important; }
.bg-warning   { background-color: var(--bs-warning) !important; }
.bg-info      { background-color: var(--bs-info) !important; }
.bg-light     { background-color: var(--bs-light) !important; }
.bg-dark      { background-color: var(--bs-dark) !important; }
.bg-black     { background-color: var(--bs-black) !important; }
.bg-white     { background-color: #fff !important; }
.bg-transparent { background-color: transparent !important; }

/* ---------- Subtle (tinted) backgrounds — pair with dark text ---------- */
.bg-primary-subtle   { background-color: var(--bs-primary-bg-subtle) !important; }
.bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; }
.bg-success-subtle   { background-color: var(--bs-success-bg-subtle) !important; }
.bg-danger-subtle    { background-color: var(--bs-danger-bg-subtle) !important; }
.bg-warning-subtle   { background-color: var(--bs-warning-bg-subtle) !important; }
.bg-info-subtle      { background-color: var(--bs-info-bg-subtle) !important; }
.bg-light-subtle     { background-color: var(--bs-light-bg-subtle) !important; }
.bg-dark-subtle      { background-color: var(--bs-dark-bg-subtle, #ced4da) !important; }

/* ---------- Body background tiers (set earlier, included for completeness) ---------- */
.bg-body           { background-color: var(--bs-body-bg) !important; }        /* #faf6f2 */
.bg-body-secondary { background-color: var(--bs-secondary-bg) !important; }   /* #ede8e3 */
.bg-body-tertiary  { background-color: var(--bs-tertiary-bg) !important; }    /* #f3ede6 */

/* ---------- Gradient (Bootstrap's .bg-gradient utility) ---------- */
.bg-gradient {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}


/* Base button (Bootstrap defaults, included for completeness) */
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-weight: 400;
  --bs-btn-border-width: 1px;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  --bs-btn-disabled-opacity: 0.65;
}

/* ---------- PRIMARY (maroon, white text) ---------- */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8c1217;
  --bs-btn-border-color: #8c1217;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #771013;
  --bs-btn-hover-border-color: #6f0f12;
  --bs-btn-focus-shadow-rgb: 160, 54, 59;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6f0f12;
  --bs-btn-active-border-color: #680e11;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #8c1217;
  --bs-btn-disabled-border-color: #8c1217;
}
.btn-outline-primary {
  --bs-btn-color: #8c1217;
  --bs-btn-border-color: #8c1217;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8c1217;
  --bs-btn-hover-border-color: #8c1217;
  --bs-btn-focus-shadow-rgb: 140, 18, 23;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8c1217;
  --bs-btn-active-border-color: #8c1217;
  --bs-btn-disabled-color: #8c1217;
  --bs-btn-disabled-border-color: #8c1217;
}

/* ---------- SECONDARY (charcoal, white text) ---------- */
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #495057;
  --bs-btn-border-color: #495057;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3e444a;
  --bs-btn-hover-border-color: #3a3f45;
  --bs-btn-focus-shadow-rgb: 100, 106, 112;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3a3f45;
  --bs-btn-active-border-color: #363b40;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #495057;
  --bs-btn-disabled-border-color: #495057;
}
.btn-outline-secondary {
  --bs-btn-color: #495057;
  --bs-btn-border-color: #495057;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #495057;
  --bs-btn-hover-border-color: #495057;
  --bs-btn-focus-shadow-rgb: 73, 80, 87;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #495057;
  --bs-btn-active-border-color: #495057;
  --bs-btn-disabled-color: #495057;
  --bs-btn-disabled-border-color: #495057;
}

/* ---------- SUCCESS (white text) ---------- */
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-border-color: #198754;
}

/* ---------- DANGER (crimson, distinct from primary, white text) ---------- */
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #b02a37;
  --bs-btn-border-color: #b02a37;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #96242f;
  --bs-btn-hover-border-color: #8d222c;
  --bs-btn-focus-shadow-rgb: 187, 74, 85;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8d222c;
  --bs-btn-active-border-color: #85202a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #b02a37;
  --bs-btn-disabled-border-color: #b02a37;
}
.btn-outline-danger {
  --bs-btn-color: #b02a37;
  --bs-btn-border-color: #b02a37;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b02a37;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 176, 42, 55;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #b02a37;
  --bs-btn-disabled-color: #b02a37;
  --bs-btn-disabled-border-color: #b02a37;
}

/* ---------- WARNING (BLACK text — too light for white) ---------- */
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-outline-warning {
  --bs-btn-color: #997404;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

/* ---------- INFO (deep teal, white text) ---------- */
.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #087990;
  --bs-btn-border-color: #087990;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #076779;
  --bs-btn-hover-border-color: #066071;
  --bs-btn-focus-shadow-rgb: 45, 143, 163;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #066071;
  --bs-btn-active-border-color: #065a6a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #087990;
  --bs-btn-disabled-border-color: #087990;
}
.btn-outline-info {
  --bs-btn-color: #087990;
  --bs-btn-border-color: #087990;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #087990;
  --bs-btn-hover-border-color: #087990;
  --bs-btn-focus-shadow-rgb: 8, 121, 144;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #087990;
  --bs-btn-active-border-color: #087990;
  --bs-btn-disabled-color: #087990;
  --bs-btn-disabled-border-color: #087990;
}

/* ---------- LIGHT (cream, BLACK text — too light for white) ---------- */
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #faf6f2;
  --bs-btn-border-color: #faf6f2;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d4d1ce;
  --bs-btn-hover-border-color: #c8c5c2;
  --bs-btn-focus-shadow-rgb: 212, 209, 206;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c8c5c2;
  --bs-btn-active-border-color: #bcb9b6;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #faf6f2;
  --bs-btn-disabled-border-color: #faf6f2;
}
.btn-outline-light {
  --bs-btn-color: #6e655a;
  --bs-btn-border-color: #dcd5cd;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #faf6f2;
  --bs-btn-hover-border-color: #faf6f2;
  --bs-btn-focus-shadow-rgb: 250, 246, 242;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #faf6f2;
  --bs-btn-active-border-color: #faf6f2;
  --bs-btn-disabled-color: #faf6f2;
  --bs-btn-disabled-border-color: #faf6f2;
}

/* ---------- DARK (black, white text) ---------- */
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1a1a1a;
  --bs-btn-hover-border-color: #262626;
  --bs-btn-focus-shadow-rgb: 38, 38, 38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #262626;
  --bs-btn-active-border-color: #333333;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #000000;
  --bs-btn-disabled-border-color: #000000;
}
.btn-outline-dark {
  --bs-btn-color: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-border-color: #000000;
}

.menu-svg {display:inline;}

.nav-toggler {
  color: var(--bs-primary);
  text-decoration: none;
  transition: color 0.15s ease-in-out;
}

.nav-toggler:hover,
{
  color: #000000;
}