/* ==================================================================
   CharacterFolderStyle — Second Pass (Consolidated)
   - Keeps your original file intact for fallback.
   - Appends a single, deduped theme override section that unifies
     button palettes, cards, dropdowns, and layout tokens so the
     brown/gold skin always wins.
   - If you want a smaller file, you may now delete older duplicate
     theme rules above; functionality will remain the same.
   ================================================================== */

.internalbox :host, .internalbox :root

/* ==== PRUNED RULES (used by CharacterNav.html) ==== */

.internalbox .btn{
  white-space:normal;
  letter-spacing:.5px
}

.internalbox body{
  font-family:Cabin, arial, sans-serif
}

.internalbox body{
  font-size:16px;
  background-color:#DDBD88
}

.internalbox #content{
  background:#DDBD88
}

.internalbox .lightbackground,
.internalbox .card, .internalbox .card-block, .internalbox .btn, .internalbox .navbar .btn{
  border-radius:16px
}

.internalbox #content .btn{
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:2px;
  font-size:12px
}

.internalbox #footer, .internalbox .navbar span.fa{
  display:none
}

.internalbox .card{
  background-color:#DDBD88;
  border:none
}

.internalbox .btn{
  transition-duration:0.3s
}

.internalbox .btn:hover, .internalbox .btn:focus, .internalbox .btn:active{
  box-shadow:none!important
}

.internalbox body{
  color:#4B2E12
}

.internalbox .btn-link{
  color:#865D21;
  width: 100% !important;
}

.internalbox .btn-link:hover, .internalbox .btn-link:focus{
  color:#B87333
}

.internalbox .btn.btn-primary, .internalbox .btn.btn-outline-primary:hover, .internalbox .btn.btn-outline-primary:focus{
  background:#865D21;
  border-color:#865D21
}

.internalbox .btn.btn-primary:hover, .internalbox .btn-primary.active, .internalbox .btn.btn-primary:focus{
  background:#B87333;
  border-color:#B87333
}

.internalbox .btn-primary.active, .internalbox .btn.btn-primary, .internalbox .btn.btn-outline-primary:hover, .internalbox .btn.btn-outline-primary:focus, .internalbox .btn.btn-warning, .internalbox .btn.btn-outline-warning:hover, .internalbox .btn.btn-outline-warning:focus, .internalbox .btn.btn-danger, .internalbox .btn.btn-outline-danger:hover, .internalbox .btn.btn-outline-danger:focus, .internalbox .btn.btn-info, .internalbox .btn.btn-outline-info:hover, .internalbox .btn.btn-outline-info:focus, .internalbox .btn.btn-success, .internalbox .btn.btn-outline-success:hover, .internalbox .btn.btn-outline-success:focus, .internalbox .btn.btn-primary:hover, .internalbox .btn.btn-primary:focus, .internalbox .btn.btn-warning:hover, .internalbox .badge.btn.btn-warning:focus, .internalbox .btn.btn-danger:hover, .internalbox .btn.btn-danger:focus, .internalbox .btn.btn-info:hover, .internalbox .btn.btn-info:focus, .internalbox .btn.btn-success:hover, .internalbox .btn.btn-success:focus, .internalbox a.dropdown-toggle.btn.btn-primary{
  color:#fff
}

@media    (min-width:768px)  {.internalbox .row.row-offcanvas.row-offcanvas-left{
    min-height:400px!important
  }}

@media    (min-width:1400px)  {.internalbox #main{
    max-width:1250px;
    margin:40px auto 50px
  }}

@media    (min-width:992px)  {.internalbox #main{
    border-radius:16px;
    box-shadow:0 0 16px rgba(0,0,0,0.2);
    padding-right:0;
    padding-left:0
  }
.internalbox .row.row-offcanvas.row-offcanvas-left{
    margin-right:0;
    margin-left:0
  }
.internalbox #content{
    flex:0 0 80%;
    max-width:80%;
    padding-top:25px;
    padding-right:25px;
    border-radius:0 0 16px 0
  }}

@media    (max-width:992px) and (min-width:768px)  {.internalbox #main{
    padding-top:30px;
    padding-bottom:30px
  }
.internalbox #content{
    flex:0 0 80%;
    max-width:80%;
    margin:0 auto;
    border-radius:16px
  }}

@media    (max-width:768px)  {.internalbox #main{
    padding-top:0;
    background:none
  }}

.internalbox .fa, .internalbox .fas{--_fa-family:var(--fa-family, var(--fa-style-family, "Font Awesome 7 Pro"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-feature-settings:normal;font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto;width:var(--fa-width,1.25em)}

.internalbox :is(.fas, .internalbox .fa)::before{content:var(--fa);content:var(--fa)/""}

.internalbox .fa-fw{--fa-width:1.25em}

@media    (prefers-reduced-motion:reduce){.internalbox .fa-spin{animation:none!important;transition:none!important}}

.internalbox .fa-books{--fa:""}

.internalbox .fas{--fa-family:var(--fa-family-classic);--fa-style:900}

.internalbox body{margin:0}

.internalbox body{background-color:var(--CollapsableBox-BG-Color);color:#fcfbf6;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:400;line-height:1.5}

.internalbox .btn{border:1px solid transparent;border-radius:.25rem;display:inline-block;font-size:.9rem;font-weight:400;line-height:1.25;padding:.5rem 1rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}

@media    (prefers-reduced-motion:reduce){.internalbox .btn{transition:none}}

.internalbox .btn:focus, .internalbox .btn:hover{text-decoration:none}

.internalbox .btn.focus, .internalbox .btn:focus{box-shadow:0 0 0 2px rgba(90,181,209,.25);outline:0}

.internalbox .btn.disabled, .internalbox .btn:disabled{cursor:not-allowed;opacity:.65}

.internalbox .btn.active, .internalbox .btn:active{background-image:none}

.internalbox a.btn.disabled, .internalbox fieldset[disabled] a.btn{pointer-events:none}

.internalbox .btn-primary{background-color:#5ab5d1;border-color:#5ab5d1;color:#fff}

.internalbox .btn-primary:hover{background-color:#36a1c2;border-color:#349aba;color:#fff}

.internalbox .btn-primary.focus, .internalbox .btn-primary:focus{box-shadow:0 0 0 2px rgba(90,181,209,.5)}

.internalbox .btn-primary.disabled, .internalbox .btn-primary:disabled{background-color:#5ab5d1;border-color:#5ab5d1}

.internalbox .btn-primary.active, .internalbox .btn-primary:active, .internalbox .show>.btn-primary.dropdown-toggle{background-color:#36a1c2;background-image:none;border-color:#349aba;color:#fff}

.internalbox .btn-link{border-radius:0;color:#5ab5d1;font-weight:400}

.internalbox .btn-link, .internalbox .btn-link.active, .internalbox .btn-link:active, .internalbox .btn-link:disabled{background-color:transparent}

.internalbox .btn-link, .internalbox .btn-link:active, .internalbox .btn-link:focus, .internalbox .btn-link:hover{border-color:transparent}

.internalbox .btn-link:focus, .internalbox .btn-link:hover{background-color:transparent;color:#96d0e2;text-decoration:underline}

.internalbox .btn-link:disabled{color:#b7b2a6}

.internalbox .btn-link:disabled:focus, .internalbox .btn-link:disabled:hover{text-decoration:none}

.internalbox .btn-block{display:block;width:100%}

.internalbox .btn-block+.btn-block{margin-top:0}

.internalbox input[type=button].btn-block, .internalbox input[type=reset].btn-block, .internalbox input[type=submit].btn-block{width:100%}

@media    (prefers-reduced-motion:reduce){.internalbox .fade{transition:none}}

.internalbox .collapse{display:none}

@media    (max-width:575.98px){.internalbox .navbar-toggleable .navbar-nav .dropdown-menu{float:none;position:static}}

@media    (max-width:767.98px){.internalbox .navbar-toggleable-sm .navbar-nav .dropdown-menu{float:none;position:static}}

@media    (max-width:991.98px){.internalbox .navbar-toggleable-md .navbar-nav .dropdown-menu{float:none;position:static}}

@media    (max-width:1199.98px){.internalbox .navbar-toggleable-lg .navbar-nav .dropdown-menu{float:none;position:static}}

@media    (prefers-reduced-motion:reduce){.internalbox .modal.fade .modal-dialog{transition:none}}

@media    (min-width:576px){.internalbox .modal-dialog{margin:30px auto;max-width:500px}}

@media    (min-width:992px){.internalbox .modal-lg{max-width:none}}

.internalbox .flex-column{flex-direction:column!important}

.internalbox .justify-content-center{justify-content:center!important}

.internalbox .w-100{width:100%!important}

.internalbox .h-100{height:100%!important}

.internalbox .mr-1, .internalbox .mx-1{margin-right:.25rem!important}

.internalbox .mb-2{margin-bottom:.5rem!important}

.internalbox .mb-4{margin-bottom:1.5rem!important}

.internalbox .px-0{padding-right:0!important}

.internalbox .px-0{padding-left:0!important}

.internalbox .pl-2{padding-left:.5rem!important}

.internalbox .p-3{padding:1rem!important}

.internalbox .py-4{padding-top:1.5rem!important}

.internalbox .py-4{padding-bottom:1.5rem!important}

.internalbox .mb-n4{margin-bottom:-1.5rem!important}

.internalbox .font-italic{font-style:italic!important}

.internalbox .text-left{text-align:left!important}

.internalbox .text-center{text-align:center!important}

.internalbox .text-uppercase{text-transform:uppercase!important}

.internalbox .font-italic{font-style:italic}

.internalbox .lightbackground,
.internalbox .card{border:1px solid hsla(0,0%,100%,.125);border-radius:.25rem;display:flex;flex-direction:column;position:relative}

.internalbox .card-block{flex:1 1 auto;padding:1.25rem}

@media    (min-width:576px){.internalbox .card-deck .card{display:flex;flex:1 0 0;flex-direction:column}
.internalbox .card-deck .card:not(:first-child){margin-left:15px}
.internalbox .card-deck .card:not(:last-child){margin-right:15px}
.internalbox .card-group .card{flex:1 0 0}
.internalbox .card-group .card+.card{border-left:0;margin-left:0}
.internalbox .card-group .card:first-child{border-bottom-right-radius:0;border-top-right-radius:0}
.internalbox .card-group .card:last-child{border-bottom-left-radius:0;border-top-left-radius:0}
.internalbox .card-group .card:not(:first-child):not(:last-child){border-radius:0}
.internalbox .card-columns .card{display:inline-block;margin-bottom:.75rem;width:100%}}

.internalbox .container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:98%}

.internalbox .row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}

.internalbox .col-lg-10, .internalbox .col-lg-6, .internalbox .col-md-10, .internalbox .col-md-9, .internalbox .col-sm-12, .internalbox .col-xl-4{padding-left:15px;padding-right:15px;position:relative;width:100%}

@media    (min-width:576px){.internalbox .col-sm-12{flex:0 0 100%;max-width:100%}}

@media    (min-width:768px){.internalbox .col-md-9{flex:0 0 75%;max-width:75%}
.internalbox .col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}}

@media    (min-width:992px){.internalbox .col-lg-6{flex:0 0 50%;max-width:50%}
.internalbox .col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}}

@media    (min-width:1200px){.internalbox .col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}}

.internalbox .border-0{border:0!important}

.internalbox .rounded-0{border-radius:0}

.internalbox .container-fluid{position:relative}

.internalbox .flex-column, .internalbox .justify-content-center{display:flex}

.internalbox .w-100{width:100%}

.internalbox .faded{opacity:.5}

@media    (min-width:992px){.internalbox .auto-clear .col-lg-6:nth-child(odd){clear:left}}

@media    (min-width:768px){.internalbox .navbar .dropdown-toggle{margin:0}}

@media    (max-width:767.98px){.internalbox .navbar .dropdown-menu{margin-top:.25rem}}

@media    (max-width:991.98px){.internalbox .image-bottom-bar .image-left-bar.image-collapsed .row{margin:0}
.internalbox .image-bottom-bar .image-left-bar .character-select-selected .card{display:inline-block}}

@media    (min-width:768px){.internalbox #user-character-selector .modal-dialog{height:calc(100vh - 200px)}
.internalbox #user-character-selector .modal-dialog .modal-content{height:100%}
.internalbox #user-character-selector .modal-dialog .modal-content .modal-body{height:100%;margin:0;padding:0}}

@media    (min-width:768px){.internalbox .collapsed-sidebar .content-main{flex:none;max-width:none;padding-left:50px;padding-right:15px;width:100%}}

.internalbox [th-toggle].btn-primary:before{background-color:#5a5354;border-color:#dfddd3;right:0}

.internalbox .fa-fw{width:var(--fa-width,1.25em)}

.internalbox :is(.fas, .internalbox .fa):before{content:var(--fa)}

main h1 {
  font-size: 2em !important;
}

/* ============================================================
   THEME OVERRIDES v2 (Brown/Gold) — consolidated & deduped
   Place this section AFTER any library/base rules so it wins.
   Everything is scoped under `.internalbox`.
   ============================================================ */

/* ------------------------------
   Base & Layout
   ------------------------------ */
.internalbox body,
.internalbox #content {
  background: var(--IB-bg);
  color: var(--IB-text);
}

.internalbox .lightbackground,
.internalbox .card,
.internalbox .card-block,
.internalbox .btn,
.internalbox .navbar .btn {
  border-radius: var(--IB-radius);
}

.internalbox .btn {
  transition: color var(--IB-trans), background-color var(--IB-trans), border-color var(--IB-trans), box-shadow var(--IB-trans);
  white-space: normal;
  letter-spacing: .5px;
}

.internalbox #content .btn {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 12px;
}

/* Visibility tweaks */
.internalbox .characters-filterby.text-right,
.internalbox p.characters-gallery-none,
.internalbox #footer,
.internalbox .navbar span.fa {
  display: none;
}

/* ------------------------------
   Buttons (consolidated variants)
   ------------------------------ */
.internalbox .btn,
.internalbox .btn.btn-default,
.internalbox .btn-default {
  background: var(--IB-bg);
  border-color: var(--IB-bg);
  color: var(--IB-text);
}

.internalbox .btn:hover,
.internalbox .btn:focus,
.internalbox .btn.btn-default:hover,
.internalbox .btn.btn-default:focus,
.internalbox .btn-default:hover,
.internalbox .btn-default:focus {
  background: var(--IB-bg);
  border-color: var(--IB-bg);
  color: var(--IB-text);
}

/* primary */
.internalbox .btn.btn-primary,
.internalbox .nav-link.btn.btn-primary,
.internalbox .btn.btn-outline-primary:hover,
.internalbox .btn.btn-outline-primary:focus,
.internalbox a.dropdown-toggle.btn.btn-primary {
  background: var(--IB-primary);
  border-color: var(--IB-primary);
  color: #fff;
}

.internalbox .btn.btn-primary:hover,
.internalbox .btn.btn-primary:focus,
.internalbox .nav-link.btn.btn-primary:hover,
.internalbox .btn-primary.active {
  background: var(--IB-accent);
  border-color: var(--IB-accent);
  color: #fff;
}

/* link-style buttons */
.internalbox .btn-link { color: var(--IB-primary); }

.internalbox .btn-link:hover,
.internalbox .btn-link:focus { color: var(--IB-accent); }

/* ------------------------------
   Cards, Surfaces & Text
   ------------------------------ */
.internalbox .card { background-color: var(--IB-bg); border: none; }

.internalbox .bg-faded,
.internalbox .card-block.bg-faded { background-color: var(--IB-bg-alt) !important; }

@media (max-width: 992px) and (min-width: 768px) {
  .internalbox #main { padding-top: 30px; padding-bottom: 30px; }
  .internalbox #content { flex: 0 0 80%; max-width: 80%; margin: 0 auto; border-radius: var(--IB-radius); }
}

@media (max-width: 768px) {
  .internalbox #main { padding-top: 0; background: none; }
}

.internalbox .btn:hover,
.internalbox .btn:focus,
.internalbox .btn:active { box-shadow: none !important; }

.internalbox .collapse.show{display:block}
.internalbox tr.collapse.show{display:table-row}
.internalbox tbody.collapse.show{display:table-row-group}

.internalbox .lightbackground {
    background-color: var(--IB-bg) !important;
}