/* Layout and controls written for Rank Kings. */
*, *::before, *::after { box-sizing: border-box; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
button { border-radius: 0; }
img, svg { vertical-align: middle; }
img { max-width: 100%; }
p { margin: 0 0 1rem; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .5rem; line-height: 1.2; font-weight: 600; }
ul, ol { margin-top: 0; margin-bottom: 1rem; }

.container { width: 100%; padding-inline: 12px; margin-inline: auto; }
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1400px) { .container { max-width: 1320px; } }

.row { --gap-x: 24px; --gap-y: 0px; display: flex; flex-wrap: wrap; margin-inline: calc(var(--gap-x) / -2); margin-top: calc(var(--gap-y) * -1); }
.row > * { flex: 0 0 auto; width: 100%; min-width: 0; padding-inline: calc(var(--gap-x) / 2); margin-top: var(--gap-y); }
.row.g-3 { --gap-x: 16px; --gap-y: 16px; }
.row.g-4 { --gap-x: 24px; --gap-y: 24px; }
.row.gy-5 { --gap-y: 48px; }
.col-12 { width: 100%; }
@media (min-width: 768px) {
  .col-md-4 { width: 33.333333%; }
  .col-md-6 { width: 50%; }
}
@media (min-width: 992px) {
  .col-lg-4 { width: 33.333333%; }
  .col-lg-5 { width: 41.666667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.333333%; }
  .col-lg-9 { width: 75%; }
  .row.g-lg-5 { --gap-x: 48px; --gap-y: 48px; }
}

.d-flex { display: flex !important; }
.align-items-center { align-items: center !important; }
.align-items-stretch { align-items: stretch !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-center { justify-content: center !important; }
.flex-column { flex-direction: column !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.gap-3 { gap: 16px !important; }
.gap-4 { gap: 24px !important; }
.position-relative { position: relative !important; }
.fixed-top { position: fixed !important; top: 0; right: 0; left: 0; }
.text-center { text-align: center !important; }
.text-muted { color: #aaa79d !important; }
.img-fluid { max-width: 100%; height: auto; }
.rounded { border-radius: 6px; }
.rounded-4 { border-radius: 16px; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.mb-2 { margin-bottom: 8px !important; }
.mb-3 { margin-bottom: 16px !important; }
.mb-4 { margin-bottom: 24px !important; }
.mb-5 { margin-bottom: 48px !important; }
.mt-5 { margin-top: 48px !important; }
.my-3 { margin-block: 16px !important; }
.my-4 { margin-block: 24px !important; }
.me-3 { margin-inline-end: 16px !important; }
@media (min-width: 992px) { .mb-lg-0 { margin-bottom: 0 !important; } .flex-lg-row { flex-direction: row !important; } }
@media (min-width: 1200px) { .d-xl-none { display: none !important; } }

.btn { display: inline-block; padding: 8px 16px; border: 1px solid transparent; border-radius: 6px; line-height: 1.5; text-align: center; }
.btn-primary { color: #ccc8b9; background: #f5332c; border-color: #f5332c; }
.btn-outline-primary { color: #f5332c; border-color: #f5332c; }
.btn-outline-primary:hover { color: #ccc8b9; background: #f5332c; }
.form-label { display: inline-block; margin-bottom: 8px; }
.form-control, .form-select { display: block; width: 100%; padding: 10px 12px; border: 1px solid #777; border-radius: 6px; background: #f8f8f8; color: #222; line-height: 1.5; }
.form-control:focus, .form-select:focus { border-color: #f5332c; outline: 2px solid #f5332c55; }
.form-check { display: block; min-height: 24px; padding-inline-start: 24px; }
.form-check-input { float: inline-start; width: 16px; height: 16px; margin-inline-start: -24px; margin-top: 4px; accent-color: #f5332c; }
.form-check-label { cursor: pointer; }
.d-block { display: block !important; }

.nav { display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.nav-link { display: block; cursor: pointer; }
.tab-pane { display: none; }
.tab-pane.active { display: block; }
.fade { transition: opacity .25s ease; }
.fade:not(.show) { opacity: 0; }
.stretched-link::after { content: ''; position: absolute; inset: 0; z-index: 1; }

.site-icon-wrap { display: inline-flex; align-items: center; justify-content: center; font-style: normal; line-height: 1; vertical-align: middle; }
.site-icon { display: inline-block; width: 1em; height: 1em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.12em; }
.site-icon.filled { fill: currentColor; stroke: none; }

@media (prefers-reduced-motion: no-preference) {
  .reveal-ready [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; transition-delay: var(--reveal-delay, 0ms); }
  .reveal-ready [data-reveal].revealed { opacity: 1; transform: none; }
  .reveal-ready [data-reveal-delay="0"] { transition-delay: 0ms; }
  .reveal-ready [data-reveal-delay="50"] { transition-delay: 50ms; }
  .reveal-ready [data-reveal-delay="70"] { transition-delay: 70ms; }
  .reveal-ready [data-reveal-delay="80"] { transition-delay: 80ms; }
  .reveal-ready [data-reveal-delay="100"] { transition-delay: 100ms; }
  .reveal-ready [data-reveal-delay="120"] { transition-delay: 120ms; }
  .reveal-ready [data-reveal-delay="140"] { transition-delay: 140ms; }
  .reveal-ready [data-reveal-delay="150"] { transition-delay: 150ms; }
  .reveal-ready [data-reveal-delay="160"] { transition-delay: 160ms; }
  .reveal-ready [data-reveal-delay="200"] { transition-delay: 200ms; }
  .reveal-ready [data-reveal-delay="250"] { transition-delay: 250ms; }
  .reveal-ready [data-reveal-delay="300"] { transition-delay: 300ms; }
  .reveal-ready [data-reveal-delay="350"] { transition-delay: 350ms; }
  .reveal-ready [data-reveal-delay="400"] { transition-delay: 400ms; }
  .reveal-ready [data-reveal-delay="450"] { transition-delay: 450ms; }
  .reveal-ready [data-reveal-delay="500"] { transition-delay: 500ms; }
  .reveal-ready [data-reveal-delay="600"] { transition-delay: 600ms; }
  .reveal-ready [data-reveal-delay="700"] { transition-delay: 700ms; }
}