:root {
  --mb-bg: #070203;
  --mb-bg-soft: #14060a;
  --mb-card: #1a080d;
  --mb-line: rgba(255, 90, 110, 0.38);
  --mb-red: #ff2a3d;
  --mb-red-light: #ff8a9a;
  --mb-pink: #ffd0d6;
  --mb-glow: rgba(255, 50, 80, 0.55);
}

html, body {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 50, 80, 0.28), transparent 42%),
    linear-gradient(180deg, #1a060c 0%, #070203 38%, #050102 100%) !important;
  background-attachment: fixed !important;
  color: #f7e8eb !important;
}

body {
  margin-top: 0 !important;
  padding-top: 108px !important;
  color: #f3dde2 !important;
}

body p,
.post p,
.dont-break-out p,
.more_lessx p {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

a { color: #ffb3be; }
a:hover, a:focus { color: #fff; text-shadow: 0 0 10px var(--mb-glow); }

.navbar,
.navbar-default,
.header-body,
.header-inner,
.navbar-fixed-top,
.navbar-fixed-bottom {
  background: linear-gradient(180deg, #1c070d 0%, #0c0306 100%) !important;
  border-color: var(--mb-line) !important;
  box-shadow: 0 0 22px rgba(255, 40, 70, 0.28) !important;
}

.header-body,
.header-inner {
  background-image: none !important;
  min-height: 72px !important;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .nav-pills > li > a,
.nav > li > a,
.nav-pills a,
.navbar a {
  color: #ffd5dc !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .nav-pills > li > a:hover,
.nav > li > a:hover,
.nav-pills a:hover {
  color: #fff !important;
  background: rgba(255, 40, 70, 0.16) !important;
}

.navbar-toggle .icon-bar { background: #ff8a9a !important; }

.sb-page-header {
  background:
    radial-gradient(ellipse at center, rgba(255, 45, 70, 0.28), transparent 62%),
    linear-gradient(180deg, #3a0c16 0%, #14060a 70%, #070203 100%) !important;
  color: #fff !important;
  border-bottom: 1px solid var(--mb-line) !important;
  box-shadow: inset 0 -30px 50px rgba(255, 30, 60, 0.12), 0 0 30px rgba(255, 40, 70, 0.18) !important;
}

.header-title,
.produk-title,
.ptitle h1,
h1, h2, h3, h4, h5 {
  color: #ffd5dc !important;
  text-shadow: 0 0 14px rgba(255, 60, 90, 0.4);
}

#posts,
.post,
.panel,
.panel-default,
.panel-success,
.panel-body,
.modal-content,
.list-group-item,
.well,
.thumbnail,
.table,
table {
  background: var(--mb-card) !important;
  color: #f6e6ea !important;
  border-color: var(--mb-line) !important;
}

.panel-heading,
.modal-header,
.nav-tabs {
  background: linear-gradient(90deg, #3a0c16, #1a060c) !important;
  color: #fff !important;
  border-color: var(--mb-line) !important;
  box-shadow: 0 0 16px rgba(255, 40, 70, 0.2);
}

.nav-tabs > li > a {
  color: #ffd0d6 !important;
  background: transparent !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: #ff2a3d !important;
  color: #fff !important;
  border-color: #ff8a9a !important;
  box-shadow: 0 0 12px var(--mb-glow);
}

.btn,
.btn-success,
.btn-primary,
.btn-info,
.btn-danger,
.btn-default,
.btn-promo,
.btn-promo.aktif {
  background: linear-gradient(135deg, #6d1020 0%, #ff2a3d 52%, #ff8a9a 100%) !important;
  border-color: #ffb3be !important;
  color: #fff !important;
  box-shadow: 0 0 14px rgba(255, 45, 75, 0.4) !important;
}

.btn:hover,
.btn:focus {
  filter: brightness(1.12);
  color: #fff !important;
  box-shadow: 0 0 20px rgba(255, 80, 110, 0.7) !important;
}

.close,
.close span {
  color: #fff !important;
  text-shadow: none !important;
  opacity: 1;
}

.form-control,
.input-group-addon,
.multiselect,
textarea,
.pencarian {
  background: #100408 !important;
  color: #fff !important;
  border-color: rgba(255, 120, 140, 0.45) !important;
  box-shadow: inset 0 0 10px rgba(255, 40, 70, 0.12);
}

.form-control::placeholder { color: #e7b8c0 !important; }

.info-box,
.info-box-content,
.progress {
  background: #14060a !important;
  color: #ffd5dc !important;
  border-color: var(--mb-line) !important;
}

.progress-bar,
.info-box-icon,
.bg-aqua,
.bg-green,
.bg-yellow,
.bg-red,
.label-success,
.label-info,
.label-danger,
.badge {
  background: linear-gradient(135deg, #ff2a3d, #ff8a9a) !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(255, 50, 80, 0.45);
}

.alert,
.alert-danger,
.alert-success,
.alert-info {
  background: rgba(255, 40, 70, 0.12) !important;
  color: #ffd5dc !important;
  border-color: var(--mb-line) !important;
  box-shadow: 0 0 16px rgba(255, 40, 70, 0.15);
}

section.footer,
footer {
  background: #070203 !important;
  color: #f0d5db !important;
  border-top: 1px solid var(--mb-line) !important;
  box-shadow: 0 -12px 30px rgba(255, 30, 60, 0.18) !important;
}

.footer a,
footer a { color: #ffb3be !important; }

.imghover,
.header-logo img {
  box-shadow: 0 0 16px rgba(255, 50, 80, 0.35);
}

#storm-root .rain {
  background: linear-gradient(to bottom, transparent, rgba(255, 60, 90, .45), #ff4d6a, #ffd0d6) !important;
  box-shadow: 0 0 7px rgba(255, 50, 80, .7) !important;
}