/* Nfinitii Bullion site theme — source of truth: Liverates.html */
:root {
  --nf-navy: #03142d;
  --nf-navy-soft: #0b2342;
  --nf-gold: #d7ad4e;
  --nf-gold-bright: #f5d779;
  --nf-green: #06431d;
  --nf-ivory: #fffaf0;
  --nf-white: #ffffff;
  --nf-stone: #e8e3d8;
  --nf-line: #e7d9b8;
  --nf-text: #101318;
  --nf-muted: #5e604f;
  --nf-danger: #9f2727;
  --nf-shadow: 0 14px 38px rgba(3, 20, 45, .14);
}

html { background: var(--nf-stone) !important; }

body,
.body,
.ui-page,
.ui-content,
.main,
[role="main"] {
  color: var(--nf-text) !important;
  background-color: var(--nf-ivory) !important;
  font-family: "Trebuchet MS", Tahoma, sans-serif !important;
}

body {
  background-image: radial-gradient(circle at 50% 8%, rgba(215, 173, 78, .11), transparent 34rem) !important;
}

::selection { color: var(--nf-navy); background: var(--nf-gold-bright); }

a { color: var(--nf-green); }
a:hover, a:focus { color: #9a6800; }

h1, h2, h3, h4, h5, h6,
.heading,
.title,
.card-title,
.modal-title {
  color: var(--nf-green) !important;
  font-family: "Trebuchet MS", Tahoma, sans-serif !important;
}

/* p, li, label, .form-text, .description { color: var(--nf-text) !important; } */
p, li, label, .form-text, .description { color: #cc9b4f!important; }
.text-muted, small, .small { color: var(--nf-muted) !important; }
.text-primary, .text-color-primary { color: var(--nf-green) !important; }
.text-warning { color: #805900 !important; }
.text-danger { color: var(--nf-danger) !important; }
.text-light, .text-white { color: var(--nf-white) !important; }

/* Brand frame */
#header,
#header .header-body,
#header .header-top,
#header .header-container,
header.header,
.header-body,
.header-top,
.header-container,
.mobile-header,
.ui-header,
[data-role="header"] {
  color: var(--nf-white) !important;
  background-color: var(--nf-navy) !important;
  border-color: rgba(215, 173, 78, .62) !important;
}

#header .header-body,
.header-body {
  background-color: var(--nf-navy) !important;
  background-image: linear-gradient(rgba(3, 20, 45, .08), rgba(3, 20, 45, .18)), url("../bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: center 58% !important;
  background-size: cover !important;
  border-top-color: var(--nf-gold) !important;
  border-bottom-color: var(--nf-gold) !important;
  box-shadow: 0 8px 26px rgba(3, 20, 45, .2) !important;
}

#header .header-container,
#header .header-row,
#header .header-column,
#header .headImg,
#header .naviRow,
#header .header-nav,
#header .header-nav-main,
#header .header-nav-main nav,
#header #navhead {
  background-color: transparent !important;
  background-image: none !important;
}

@media (max-width: 900px) {
  #header .header-body,
  .header-body {
    background-position: center 62% !important;
  }
}

#header a,
#header .nav-link,
#header .header-nav-main nav > ul > li > a,
.ui-header a,
[data-role="header"] a {
  color: var(--nf-gold-bright) !important;
}

#header .nav-link:hover,
#header .nav-link:focus,
#header .header-nav-main nav > ul > li:hover > a,
#header .header-nav-main nav > ul > li.active > a,
#header .header-nav-main nav > ul > li.open > a {
  color: var(--nf-navy) !important;
  background-color: var(--nf-gold-bright) !important;
}

#header .dropdown-menu,
.dropdown-menu {
  color: var(--nf-text) !important;
  background: var(--nf-white) !important;
  border-color: var(--nf-line) !important;
  box-shadow: var(--nf-shadow) !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
  color: var(--nf-navy) !important;
  background-color: #f8e7ad !important;
}

.header-btn-collapse-nav,
.navbar-toggler,
.mobile-nav-box {
  color: var(--nf-navy) !important;
  background: var(--nf-gold) !important;
  border-color: var(--nf-gold-bright) !important;
}

/* Section bands */
.page-header,
.section-primary,
.bg-primary,
.background-primary,
.bg-dark,
.background-dark,
.bg-color-dark,
.bg-color-primary,
.ui-bar-a,
.ui-bar-b,
.ui-bar-inherit {
  color: var(--nf-white) !important;
  background-color: var(--nf-navy) !important;
  background-image: none !important;
  border-color: var(--nf-gold) !important;
}

.page-header h1,
.page-header h2,
.section-primary h1,
.section-primary h2,
.bg-dark h1,
.bg-dark h2,
.ui-bar-a h1,
.ui-bar-a h2 {
  color: var(--nf-gold-bright) !important;
}

.page-header p,
.section-primary p,
.bg-dark p,
.background-dark p,
.bg-color-dark p,
.ui-bar-a p,
.ui-bar-b p {
  color: var(--nf-white) !important;
}

.section-secondary,
.bg-secondary,
.background-secondary,
.bg-light,
.background-light,
.bg-color-light,
.well,
.jumbotron {
  color: var(--nf-text) !important;
  background-color: var(--nf-ivory) !important;
  border-color: var(--nf-line) !important;
}

hr,
.divider,
.separator,
.border,
.border-top,
.border-bottom { border-color: var(--nf-line) !important; }

/* Controls */
.btn,
button:not(.close),
input[type="button"],
input[type="submit"],
input[type="reset"],
.ui-btn {
  color: var(--nf-navy) !important;
  background: linear-gradient(135deg, var(--nf-gold-bright), var(--nf-gold)) !important;
  border-color: #b88a28 !important;
  box-shadow: 0 5px 14px rgba(90, 58, 0, .18) !important;
  text-shadow: none !important;
}

.btn:hover,
.btn:focus-visible,
button:not(.close):hover,
button:not(.close):focus-visible,
input[type="button"]:hover,
input[type="submit"]:hover,
.ui-btn:hover,
.ui-btn:focus {
  color: var(--nf-gold-bright) !important;
  background: var(--nf-navy-soft) !important;
  border-color: var(--nf-gold) !important;
}

.btn-danger, .btn-danger:hover { color: var(--nf-white) !important; background: var(--nf-danger) !important; border-color: #741919 !important; }
.btn-success, .btn-success:hover { color: var(--nf-white) !important; background: var(--nf-green) !important; border-color: #032d13 !important; }
.btn:disabled, button:disabled, input:disabled { opacity: .55; box-shadow: none !important; }

input:not([type="button"]):not([type="submit"]):not([type="reset"]),
select,
textarea,
.form-control,
.custom-select,
.ui-input-text input {
  color: var(--nf-text) !important;
  background-color: var(--nf-white) !important;
  border-color: #cdbd94 !important;
  caret-color: var(--nf-green);
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.custom-select:focus {
  border-color: var(--nf-gold) !important;
  box-shadow: 0 0 0 3px rgba(215, 173, 78, .24) !important;
  outline: 0 !important;
}

input::placeholder, textarea::placeholder { color: #746f5d !important; opacity: 1; }

/* Content surfaces */
.card,
.panel,
.box,
.feature-box,
.pricing-table,
.list-group-item,
.modal-content,
.popover,
.ui-body-a,
.ui-body-b,
.ui-body-inherit {
  color: var(--nf-text) !important;
  background-color: var(--nf-white) !important;
  border-color: var(--nf-line) !important;
}

.card-header,
.panel-heading,
.modal-header,
.table thead th,
table thead th,
.ui-table thead th {
  color: var(--nf-gold-bright) !important;
  background-color: var(--nf-navy) !important;
  border-color: var(--nf-gold) !important;
}

.card-footer,
.panel-footer,
.modal-footer {
  color: var(--nf-text) !important;
  background-color: #fbf2dd !important;
  border-color: var(--nf-line) !important;
}

.table,
table,
.ui-table { color: var(--nf-text) !important; background-color: var(--nf-white) !important; }

.table td,
.table th,
table td,
table th,
.ui-table td,
.ui-table th { border-color: var(--nf-line) !important; }

.table-striped tbody tr:nth-of-type(odd),
table tr:nth-child(even),
.ui-table tr:nth-child(even) { background-color: #fff8e9 !important; }

.table-hover tbody tr:hover,
table tbody tr:hover { background-color: #f8e7ad !important; }

.nav-tabs { border-bottom-color: var(--nf-gold) !important; }
.nav-tabs .nav-link { color: var(--nf-green) !important; }
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active,
.pagination .active > a,
.page-item.active .page-link {
  color: var(--nf-navy) !important;
  background-color: var(--nf-gold) !important;
  border-color: var(--nf-gold) !important;
}

.page-link { color: var(--nf-green) !important; border-color: var(--nf-line) !important; }

.alert-info { color: #0d3d5b !important; background: #e7f4fa !important; border-color: #a4ccdf !important; }
.alert-success { color: var(--nf-green) !important; background: #e8f3e6 !important; border-color: #a8cba7 !important; }
.alert-warning { color: #654800 !important; background: #fff3c8 !important; border-color: var(--nf-gold) !important; }
.alert-danger { color: #711c1c !important; background: #fbe6e6 !important; border-color: #d99b9b !important; }

.badge-primary,
.badge-warning,
.label-primary,
.label-warning { color: var(--nf-navy) !important; background-color: var(--nf-gold) !important; }

/* Footer and fixed navigation */
#footer,
footer,
.footer,
.footer-copyright,
.bottom-nav,
.fixed-bottom,
[data-role="footer"],
.ui-footer {
  color: var(--nf-white) !important;
  background-color: var(--nf-navy) !important;
  border-color: var(--nf-gold) !important;
}

#footer,
footer.footer,
.footer:not(.card-footer):not(.modal-footer) {
  background-color: var(--nf-navy) !important;
  background-image: linear-gradient(rgba(3, 20, 45, .58), rgba(3, 20, 45, .76)), url("../bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

#footer .footer-copyright,
#footer > .container,
#footer > .footer-copyright > .container,
#footer .row,
#footer [class*="col-"] {
  background-color: transparent !important;
  background-image: none !important;
}

@media (max-width: 900px) {
  #footer,
  footer.footer,
  .footer:not(.card-footer):not(.modal-footer) {
    background-position: center 58% !important;
  }
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5,
footer h1, footer h2, footer h3, footer h4, footer h5 {
  color: var(--nf-gold-bright) !important;
}

#footer p, #footer li, footer p, footer li { color: #f7f1df !important; }
#footer a, footer a, .bottom-nav a, .ui-footer a { color: var(--nf-gold-bright) !important; }
#footer a:hover, footer a:hover, .bottom-nav a:hover, .ui-footer a:hover { color: var(--nf-white) !important; }

/* Dynamic rate and transaction UI */
[id*="Rate"], [id*="rate"],
[class*="rate-value"], [class*="RateValue"],
.price, .amount, .total { color: var(--nf-green) !important; }

.buy, .buy-rate, [class*="Buy"] { border-color: var(--nf-gold) !important; }
.sell, .sell-rate, [class*="Sell"] { border-color: var(--nf-line) !important; }

.spinner-border, .loader, .loading { color: var(--nf-gold) !important; border-top-color: var(--nf-gold) !important; }
.progress { background-color: #eee3ca !important; }
.progress-bar { color: var(--nf-white) !important; background-color: var(--nf-green) !important; }

*:focus-visible { outline-color: var(--nf-gold-bright) !important; }

@media (max-width: 767px) {
  #header .header-nav-main,
  #header .header-nav-main nav,
  #header .header-nav-main nav > ul,
  .navbar-collapse {
    background-color: var(--nf-navy) !important;
    border-color: var(--nf-gold) !important;
  }

  #header .header-nav-main nav > ul > li > a { border-bottom-color: rgba(215, 173, 78, .25) !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}