:root,
[data-bs-theme="light"] {
  --fn-primary: #fd7208 !important;
  --fn-primary-rgb: 253, 114, 8 !important;
  --fn-primary-text-emphasis: #a94700 !important;
  --fn-primary-bg-subtle: #fff1e5 !important;
  --fn-primary-border-subtle: #ffd3ad !important;
  --fn-info: #252b31 !important;
  --fn-info-rgb: 37, 43, 49 !important;
  --fn-info-text-emphasis: #252b31 !important;
  --fn-info-bg-subtle: #eef0f2 !important;
  --fn-info-border-subtle: #d5d9dc !important;
  --fn-dark: #252b31 !important;
  --fn-dark-rgb: 37, 43, 49 !important;
  --fn-link-color: #fd7208 !important;
  --fn-link-color-rgb: 253, 114, 8 !important;
  --fn-link-hover-color: #d85f00 !important;
  --fn-link-hover-color-rgb: 216, 95, 0 !important;
  --fn-focus-ring-color: rgba(253, 114, 8, .24) !important;
}

[data-bs-theme="dark"] {
  --fn-body-bg: #252b31 !important;
  --fn-body-bg-rgb: 37, 43, 49 !important;
  --fn-body-color: #d9dee3 !important;
  --fn-body-color-rgb: 217, 222, 227 !important;
  --fn-emphasis-color: #ffffff !important;
  --fn-emphasis-color-rgb: 255, 255, 255 !important;
  --fn-heading-color: #ffffff !important;
  --fn-secondary-color: #b9c1c9 !important;
  --fn-secondary-color-rgb: 185, 193, 201 !important;
  --fn-secondary-bg: #323a43 !important;
  --fn-secondary-bg-rgb: 50, 58, 67 !important;
  --fn-tertiary-bg: #1b2025 !important;
  --fn-tertiary-bg-rgb: 27, 32, 37 !important;
  --fn-border-color: #46515c !important;
  --fn-border-color-translucent: rgba(255, 255, 255, .16) !important;
  --fn-primary: #fd7208 !important;
  --fn-primary-rgb: 253, 114, 8 !important;
  --fn-primary-text-emphasis: #ff9d52 !important;
  --fn-primary-bg-subtle: #36200e !important;
  --fn-primary-border-subtle: #6d3a0c !important;
  --fn-info: #252b31 !important;
  --fn-info-rgb: 37, 43, 49 !important;
  --fn-link-color: #ff9d52 !important;
  --fn-link-hover-color: #ffc18a !important;
  --fn-link-color-rgb: 255, 157, 82 !important;
  --fn-link-hover-color-rgb: 255, 193, 138 !important;
  --fn-focus-ring-color: rgba(253, 114, 8, .32) !important;
}

/* Theme CSS compiles component shades, so map interactive states to the new brand too. */
.btn-primary {
  --fn-btn-bg: #fd7208;
  --fn-btn-border-color: #fd7208;
  --fn-btn-hover-bg: #d85f00;
  --fn-btn-hover-border-color: #d85f00;
  --fn-btn-active-bg: #c95600;
  --fn-btn-active-border-color: #c95600;
  --fn-btn-disabled-bg: #fd7208;
  --fn-btn-disabled-border-color: #fd7208;
}

.btn-outline-primary {
  --fn-btn-color: #fd7208;
  --fn-btn-border-color: #fd7208;
  --fn-btn-hover-bg: #fd7208;
  --fn-btn-hover-border-color: #fd7208;
  --fn-btn-active-bg: #d85f00;
  --fn-btn-active-border-color: #d85f00;
  --fn-btn-disabled-color: #fd7208;
  --fn-btn-disabled-border-color: #fd7208;
}

.btn-info {
  --fn-btn-bg: #252b31;
  --fn-btn-border-color: #252b31;
  --fn-btn-hover-bg: #111417;
  --fn-btn-hover-border-color: #111417;
  --fn-btn-active-bg: #080a0c;
  --fn-btn-active-border-color: #080a0c;
  --fn-btn-disabled-bg: #252b31;
  --fn-btn-disabled-border-color: #252b31;
}

.btn-outline-info {
  --fn-btn-color: #252b31;
  --fn-btn-border-color: #252b31;
  --fn-btn-hover-bg: #252b31;
  --fn-btn-hover-border-color: #252b31;
  --fn-btn-active-bg: #111417;
  --fn-btn-active-border-color: #111417;
  --fn-btn-disabled-color: #252b31;
  --fn-btn-disabled-border-color: #252b31;
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #fd7208;
  border-color: #fd7208;
}

.form-range::-webkit-slider-thumb { background-color: #fd7208; }
.form-range::-moz-range-thumb { background-color: #fd7208; }

body.monaclick-entry-shell[data-entry-ready="0"] main.content-wrapper > .container {
  visibility: hidden;
}

body.monaclick-entry-shell[data-entry-ready="1"] main.content-wrapper > .container {
  visibility: visible;
}

body.monaclick-entry-shell[data-entry-ready="0"]::before {
  content: "Loading listing...";
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fn-body-bg, #fff);
  color: var(--fn-body-color, #1f2633);
  font-weight: 600;
  z-index: 2000;
}
/* Shared ProsListing brand mark used by the site header and footer. */
.proslisting-logo {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.navbar-brand .proslisting-logo {
  height: 65px;
}

[data-bs-theme="dark"] .navbar-brand {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px !important;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .65);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
}

.proslisting-footer-brand {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .16);
}

.proslisting-footer-brand .proslisting-logo {
  height: 65px;
}

@media (max-width: 575.98px) {
  .navbar-brand .proslisting-logo { height: 65px; }
  .proslisting-footer-brand .proslisting-logo { height: 65px; }
}

.footer[data-bs-theme="dark"] {
  background-color: #252b31 !important;
}