/*
Theme Name: GOLD RUSH TRAFFIC
Theme URI: https://thetrafficexchangescript.com/
Description: LFMTE premium theme for GoldRushTraffic.com - dark navy, rich gold metallic accents.
Version: 2.0
Author: Inga Ozolina (OzonicDigital.eu)
*/

@charset "utf-8";

/* ============================================================
   GOOGLE FONTS
   Cinzel      — regal serif display (headings, logo-style text)
   Raleway     — refined geometric sans (navigation)
   Lato        — clean humanist sans (body copy, links)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Raleway:wght@300;400;500;600;700&family=Lato:wght@300;400;700&display=swap');

/* ============================================================
   CSS VARIABLES — GOLD RUSH TRAFFIC PALETTE
   ============================================================ */
:root {
  /* Background layers */
  --bg:           #080f1c;          /* site body background — dark navy */
  --img-edge:     #000711;          /* color at header/footer image edges */
  --surface:      #0d1a2e;          /* card/panel surface */
  --raised:       #142234;          /* slightly elevated surfaces */
  --nav-bg:       #0a1525;          /* navigation bar */

  /* Gold palette */
  --gold:         #c9973a;          /* core metallic gold */
  --gold-bright:  #e8b84b;          /* highlight gold */
  --gold-light:   #f2d688;          /* soft warm gold */
  --gold-dim:     #7a5a1e;          /* muted/dark gold for borders */
  --gold-glow:    rgba(201,151,58,.35);

  /* Text */
  --text:         #e8dfc8;          /* warm off-white */
  --text-muted:   #8a9baa;          /* secondary text */
  --text-on-gold: #080f1c;          /* text on gold buttons */

  /* Borders */
  --border-gold:  rgba(201,151,58,.30);
  --border-div:   rgba(138,155,170,.15);

  /* Fonts */
  --font-display: 'Cinzel', Georgia, serif;
  --font-nav:     'Raleway', sans-serif;
  --font-body:    'Lato', sans-serif;

  /* Layout */
  --site-width:   1300px;
  --header-w:     1300px;
  --header-h:     370px;
  --footer-w:     1300px;
  --footer-h:     420px;
}

/* ============================================================
   BASE RESET
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  color: var(--text);
  background-color: var(--bg);
  /* Subtle noise grain + radial top glow to match site atmosphere */
  background-image:
    radial-gradient(ellipse 70% 35% at 50% 0%, rgba(201,151,58,.08) 0%, transparent 65%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
  min-height: 100vh;
}

/* ============================================================
   SITE-WIDE CONTAINER — max 1300px centered
   ============================================================ */
.container,
.container-fluid {
  max-width: var(--site-width) !important;
  width: 95% !important;
  margin-left:  auto;
  margin-right: auto;
  padding-left:  15px;
  padding-right: 15px;
}

/* ============================================================
   SITE HEADER
   1300 x 370 px — uses header.jpg as background image
   ============================================================ */
#headerwrapper {
  width: 100%;
  background-color: var(--img-edge);
  text-align: center;
  overflow: hidden;
}

#header {
  background-image: url(images/header.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  width: var(--header-w);
  height: var(--header-h);
  margin: 0 auto;
  /* Subtle bottom gradient to blend into nav bar */
  box-shadow: 0 4px 40px rgba(0,0,0,.5);
}

/* Gold glow line under header */
#headerwrapper::after {
  content: '';
  display: block;
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    var(--gold-dim) 15%,
    var(--gold-bright) 50%,
    var(--gold-dim) 85%,
    transparent 100%);
  opacity: .8;
}

@media (max-width: 1300px) {
  #header {
    width: 100%;
    height: auto;
    min-height: 160px;
    background-size: cover;
    background-position: center top;
    aspect-ratio: 1300 / 370;
  }
}

/* ============================================================
   TOP NAV BAR
   ============================================================ */
.lfm_menu_bar {
  background: linear-gradient(180deg, #e8d9b8 0%, #d4c090 100%);
  border-bottom: 2px solid #a8892a;
  box-shadow: 0 6px 32px rgba(0,0,0,.5);
  padding: 0 0 42px;
  margin-bottom: 24px;
  position: relative;
}

@media (max-width: 991.98px) {
  .lfm_menu_bar {
    padding-bottom: 0;
    margin-bottom: 16px;
  }
}

/* Logo in nav */
.lfm_menu_logo {
  width: 80px;
  height: 60px;
  object-fit: contain;
  margin-right: 18px;
}

/* ── TOP-LEVEL NAV LINKS ── */
.lfm_menu_bar .navbar-nav > .nav-item > .nav-link {
  font-family: var(--font-nav);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: #1a1200;
  white-space: nowrap;
  position: relative;
  transition: color .2s, background-color .2s;
}

.lfm_menu_bar .navbar-nav > .nav-item > .nav-link:hover {
  color: #5a3a00;
  background-color: rgba(100,65,0,.12);
}

.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link {
  color: #3d2600;
  background-color: rgba(100,65,0,.15);
}
.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link:hover {
  color: #5a3a00;
  background-color: rgba(100,65,0,.20);
}

@media (min-width: 992px) {
  .lfm_menu_bar .navbar-nav > .nav-item > .nav-link {
    margin: 0 2px;
    padding: 7px 14px;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  .lfm_menu_bar .navbar-nav > .nav-item > .nav-link:hover {
    border-color: rgba(100,65,0,.30);
  }
  .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link {
    background: rgba(100,65,0,.18);
    border-color: rgba(80,50,0,.50);
    color: #3d2600;
  }
  .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link:hover {
    background: rgba(100,65,0,.24);
    border-color: rgba(80,50,0,.70);
  }
}

/* ── MOBILE NAV ── */
@media (max-width: 991.98px) {
  .lfm_menu_bar > .navbar {
    width: 100%;
    padding: 0 4%;
    flex-wrap: wrap;
    min-height: 58px;
  }
  .lfm_menu_bar .navbar-collapse {
    width: 100%;
    flex-basis: 100%;
  }
  .lfm_menu_bar .navbar-nav {
    flex-direction: column;
    align-items: stretch;
  }
  .lfm_menu_bar .navbar-nav > .nav-item > .nav-link {
    padding: 12px 15px;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid var(--border-div);
  }
  .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_closed > .nav-link {
    color: var(--text);
    background-color: transparent;
  }
  .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_closed > .nav-link:hover {
    color: var(--gold-light);
    background-color: rgba(201,151,58,.07);
  }
  .lfm_menu_bar .navbar-nav > .nav-item > .nav-link::after {
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    color: var(--text-muted);
    transform: rotate(-90deg);
    position: absolute;
    right: 1.25rem;
    top: 50%;
    margin-top: -.15em;
    transition: transform .15s ease-out;
  }
  .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link::after {
    color: var(--gold);
    transform: rotate(0deg);
  }
  .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_closed > .nav-link::after {
    color: var(--text-muted);
    transform: rotate(-90deg);
  }
}

/* ============================================================
   DROPDOWN PANEL (2ND LEVEL ROW)
   ============================================================ */
.lfm_menu_tab {
  background: linear-gradient(180deg, #cdb87a 0%, #b89d58 100%);
  border-top: 1px solid #8a6a18;
  border-bottom: 2px solid #7a5c10;
  position: absolute;
  display: none;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  z-index: 999;
  width: 100vw;
  box-shadow: 0 16px 40px rgba(0,0,0,.7);
  padding: 0 0 0 5vw;
  flex-wrap: wrap;
  align-items: center;
}

li.lfm_tab_opened .lfm_menu_tab {
  display: flex;
}

@media (max-width: 991.98px) {
  .lfm_menu_tab {
    background-color: rgba(212,192,144,.92);
    position: relative;
    left: auto;
    width: 100%;
    transform: none;
    flex-direction: column;
    top: 0;
    padding: 5px 0;
    border: none;
    border-top: 1px solid var(--border-div);
    box-shadow: none;
  }
  li.lfm_tab_closed .lfm_menu_tab {
    display: none;
  }
}

/* 2nd-level links */
.lfm_menu_tab > li > a {
  font-family: var(--font-nav);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .5px;
  padding: 0 20px;
  line-height: 42px;
  color: #1a1000;
  display: block;
  white-space: nowrap;
  transition: color .18s, background-color .18s;
  text-decoration: none;
}

.lfm_menu_tab > li > a:hover,
.lfm_menu_tab > li > a:focus {
  color: #3d2000;
  background-color: rgba(80,50,0,.15);
  text-decoration: none;
}

/* 3rd-level (dropdown-menu inside tab) */
.lfm_menu_tab .dropdown-menu {
  background-color: #e0cc98;
  border: 1px solid #8a6a18;
  border-radius: 4px;
  box-shadow: 0 8px 28px rgba(0,0,0,.6);
  min-width: 180px;
}

.lfm_menu_tab .dropdown-menu a {
  font-family: var(--font-nav);
  font-size: 13px;
  font-weight: 500;
  color: #1a1000;
  padding: 8px 18px;
  display: block;
  transition: color .15s, background-color .15s;
  text-decoration: none;
}

.lfm_menu_tab .dropdown-menu a:hover {
  color: #3d2000;
  background-color: rgba(80,50,0,.15);
  text-decoration: none;
}

.lfm_menu_tab .dropdown-toggle {
  font-family: var(--font-nav);
}

@media (max-width: 991.98px) {
  .lfm_menu_tab > li > a {
    padding-left: 38px;
    line-height: 38px;
  }
  .lfm_menu_tab .dropdown-menu a {
    padding-left: 54px;
  }
}

/* ============================================================
   CONTENT AREA
   ============================================================ */
.container.pt-4.pb-5 {
  padding-top: 20px !important;
}

/* Cards / panels */
.card,
.panel,
.lfm_module {
  background-color: var(--surface);
  border: 1px solid var(--border-gold);
  border-radius: 8px;
  color: var(--text);
}

/* Tables */
table { color: var(--text); }
.table { color: var(--text); }
.table th {
  background-color: var(--raised);
  color: var(--gold-light);
  border-color: var(--border-div);
  font-family: var(--font-nav);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
}
.table td { border-color: var(--border-div); }
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(20,34,52,.5);
}
.table-hover tbody tr:hover {
  background-color: rgba(201,151,58,.06);
}

/* Headings */
h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--gold-light);
  letter-spacing: .5px;
}
h4, h5, h6 {
  font-family: var(--font-nav);
  font-weight: 600;
  color: var(--text);
  letter-spacing: .4px;
}

/* Body links */
a {
  color: var(--gold-light);
  transition: color .15s;
}
a:hover {
  color: var(--gold-bright);
  text-decoration: none;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn-primary,
.buttonlink {
  font-family: var(--font-nav);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .6px;
  text-transform: uppercase;
  background: linear-gradient(135deg, var(--gold-bright) 0%, var(--gold) 60%, #a87828 100%);
  border: 1px solid var(--gold-dim);
  color: var(--text-on-gold);
  border-radius: 4px;
  padding: 8px 22px;
  transition: box-shadow .2s, filter .2s;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}
.btn-primary:hover,
.buttonlink:hover {
  filter: brightness(1.12);
  box-shadow: 0 0 20px var(--gold-glow), 0 4px 14px rgba(0,0,0,.4);
  color: var(--text-on-gold);
  text-decoration: none;
}

.btn-secondary {
  background-color: var(--raised);
  border: 1px solid var(--border-gold);
  color: var(--text);
  border-radius: 4px;
  font-family: var(--font-nav);
  font-size: 14px;
  font-weight: 600;
}
.btn-secondary:hover {
  background-color: rgba(201,151,58,.12);
  border-color: var(--gold);
  color: var(--gold-light);
}

.btn-sm {
  font-size: 12px;
  padding: 4px 12px;
}

/* ============================================================
   INFOBAR
   ============================================================ */
.infobar {
  width: 100%;
  padding: 14px 0;
  color: var(--text);
  background-color: var(--raised);
  border-top:    1px solid var(--border-div);
  border-bottom: 1px solid var(--border-div);
}
.infobar h2 {
  font-family: var(--font-display);
  color: var(--gold-light);
}

/* ============================================================
   FORM CONTROLS
   ============================================================ */
.form-control,
input[type=text], input[type=email], input[type=password],
input[type=number], input[type=url], textarea, select {
  background-color: var(--raised);
  border: 1px solid var(--border-div);
  color: var(--text);
  border-radius: 4px;
  font-family: var(--font-body);
  font-size: 15px;
}
.form-control:focus {
  background-color: var(--raised);
  border-color: var(--gold);
  color: var(--text);
  box-shadow: 0 0 0 3px rgba(201,151,58,.18);
}

/* ============================================================
   ALERTS / BADGES
   ============================================================ */
.alert-info    { background-color: rgba(20,50,90,.45);  border-color: #2a5880; color: var(--text); }
.alert-success { background-color: rgba(20,80,50,.4);   border-color: #1e6b3e; color: var(--text); }
.alert-warning { background-color: rgba(201,151,58,.2); border-color: var(--gold); color: var(--gold-light); }
.alert-danger  { background-color: rgba(120,20,20,.4);  border-color: #882020; color: var(--text); }

.badge-primary { background-color: var(--gold); color: var(--text-on-gold); font-family: var(--font-nav); }

/* ============================================================
   TYPOGRAPHY HELPERS
   ============================================================ */
.lfm_title {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--gold-light);
  font-size: 30px;
  letter-spacing: .5px;
}
.lfm_descr {
  font-family: var(--font-body);
  color: var(--text);
  font-size: 16px;
  line-height: 1.65;
}
.lfm_descr_bold {
  font-family: var(--font-body);
  color: var(--text);
  font-size: 16px;
  font-weight: 700;
}

/* ============================================================
   PROFILE PICTURES
   ============================================================ */
.profilepic_small  { width:40px;  height:40px;  border-radius: 50%; border: 2px solid var(--border-gold); }
.profilepic_med    { width:75px;  height:75px;  border-radius: 50%; border: 2px solid var(--border-gold); }
.profilepic_large  { width:200px; height:200px; border-radius: 50%; border: 3px solid var(--gold); box-shadow: 0 0 20px var(--gold-glow); }

/* ============================================================
   ICONS
   ============================================================ */
.far, .fas { margin-right: 4px; }
.feedicon  { color: var(--gold); font-size: 20px; margin-right: 5px; }

/* ============================================================
   VCENTER HELPER
   ============================================================ */
.vcenter {
  display: flex;
  align-items: center;
}

/* ============================================================
   FOOTER
   Uses footer.jpg (1300x420) as background image.
   HTML links are positioned to overlap the matching visual zones.
   ============================================================ */
.grt-footer {
  width: 100%;
  background-color: var(--img-edge);
  text-align: center;
  border-top: none;
  position: relative;
  overflow: hidden;
}

/* The actual image + inner content wrapper */
.grt-footer-inner {
  /* Centered block that holds the footer image as background */
  width: var(--footer-w);
  max-width: 100%;
  height: var(--footer-h);
  margin: 0 auto;
  background-image: url(images/footer.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
  display: flex;
  align-items: stretch;
  /* Five equal zones matching the footer image columns */
}

@media (max-width: 1300px) {
  .grt-footer-inner {
    width: 100%;
    height: auto;
    aspect-ratio: 1300 / 420;
  }
}

/* ── ZONE LAYOUT ──
   The footer image has 5 visual columns:
   Logo (~35%) | Get Started (~13%) | Support (~10%) | Founders (~23%) | Worldwide (~19%)
   Links anchored from top so they sit directly under the headings in the image.
   Image headings appear at ~18% from top; links start immediately below at ~28%.
   ---------------------------------------------------------------- */
.grt-fzone {
  position: absolute;
  display: flex;
  flex-direction: column;
}

/* Logo column — purely decorative */
.grt-fzone-logo {
  left: 0;
  width: 35%;
  top: 0;
  bottom: 0;
}

/* GET STARTED column
   Left: ~35% (right of the gold divider line in the image)
   Top:  ~28% — just below the "GET STARTED" heading */
.grt-fzone-getstarted {
  left: 38%;
  width: 14%;
  top: 28%;
  align-items: flex-start;
}

/* SUPPORT column
   Left: ~48%
   Top:  ~28% — just below the "SUPPORT" heading */
.grt-fzone-support {
  left: 52%;
  width: 11%;
  top: 28%;
  align-items: flex-start;
}

/* FOUNDERS column — decorative only, photos in image */
.grt-fzone-founders {
  left: 58%;
  width: 23%;
  top: 0;
  bottom: 0;
}

/* WORLDWIDE column — decorative only */
.grt-fzone-worldwide {
  left: 81%;
  width: 19%;
  top: 0;
  bottom: 0;
}

/* ── FOOTER LINK LISTS ── */
.grt-flinks {
  list-style: none;
  margin: 0;
  padding: 0;
}

.grt-flinks li {
  margin-bottom: 10px;
}

.grt-flinks a {
  font-family: var(--font-nav);
  font-size: 15px;
  font-weight: 500;
  color: var(--text);
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s, text-shadow .2s;
  /* subtle text shadow so links are readable over the dark image */
  text-shadow: 0 1px 6px rgba(0,0,0,.7);
}

.grt-flinks a:hover {
  color: var(--gold-bright);
  text-shadow: 0 0 12px var(--gold-glow), 0 1px 6px rgba(0,0,0,.7);
  text-decoration: none;
}

/* ── BOTTOM COPYRIGHT BAR ── */
.grt-footer-bar {
  width: var(--footer-w);
  max-width: 100%;
  margin: 0 auto;
  padding: 13px 30px;
  background: var(--img-edge);
  border-top: 1px solid rgba(201,151,58,.18);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  font-family: var(--font-nav);
  font-size: 13px;
  color: var(--text-muted);
  letter-spacing: .3px;
}

.grt-copyright {
  color: var(--text-muted);
}

.grt-footer-sep {
  color: var(--gold-dim);
  margin: 0 4px;
}

.grt-footer-bar a {
  color: var(--text-muted);
  text-decoration: none;
  transition: color .18s;
}
.grt-footer-bar a:hover {
  color: var(--gold-light);
  text-decoration: none;
}

/* ── RESPONSIVE FOOTER ── */
@media (max-width: 767.98px) {
  /* On small screens, stack the footer as a simple dark block */
  .grt-footer-inner {
    height: auto;
    min-height: 240px;
    aspect-ratio: unset;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 20px;
  }

  .grt-fzone {
    position: static;
    width: auto;
    padding: 0;
  }

  /* Hide decorative-only zones on mobile */
  .grt-fzone-logo,
  .grt-fzone-founders,
  .grt-fzone-worldwide {
    display: none;
  }

  /* Stack the link zones side by side */
  .grt-footer-inner {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 24px;
  }

  .grt-fzone-getstarted,
  .grt-fzone-support {
    align-items: center;
    padding-top: 0;
  }

  .grt-flinks a {
    font-size: 14px;
  }

  .grt-footer-bar {
    font-size: 12px;
    padding: 10px 16px;
    gap: 4px;
  }
}

/* ============================================================
   SCROLLBAR
   ============================================================ */
::-webkit-scrollbar { width: 8px; background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--raised); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #1e3a5a; }

/* ============================================================
   SOCIAL PROFILE CLEANUP
   ============================================================ */
#member_main,
#member_main p,
#member_main td,
#member_main th,
#member_main li,
#member_main span,
#member_main div {
  color: #f2ead8 !important;
}

#member_main h1,
#member_main h2,
#member_main h3,
#member_main h4,
#member_main h5,
#member_main h6,
#member_main b,
#member_main strong {
  color: #f2d688 !important;
}

#member_main a {
  color: #f2d688 !important;
  text-decoration: none !important;
}

#member_main a:hover {
  color: #e8b84b !important;
  text-decoration: underline !important;
}

/* Feed / widget / white box cleanup */
#member_main .card,
#member_main .panel,
#member_main .well,
#member_main .profile_content,
#member_main .blog_entry,
#member_main .blog_comment,
#member_main .postbox,
#member_main .rss_box,
#member_main .friends_box,
#member_main .activity_box,
#member_main table,
#member_main .table,
#member_main [bgcolor="#FFFFFF"],
#member_main [bgcolor="white"],
#member_main [style*="background:#fff"],
#member_main [style*="background: #fff"],
#member_main [style*="background:#ffffff"],
#member_main [style*="background: #ffffff"],
#member_main [style*="background-color:#fff"],
#member_main [style*="background-color: #fff"],
#member_main [style*="background-color:#ffffff"],
#member_main [style*="background-color: #ffffff"] {
  background: linear-gradient(180deg, #142234 0%, #0d1a2e 100%) !important;
  border: 1px solid rgba(201,151,58,.30) !important;
  color: #f2ead8 !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.28) !important;
}

/* Feed rows / separators */
#member_main hr,
#member_main .table td,
#member_main .table th {
  border-color: rgba(201,151,58,.18) !important;
}

/* Profile images / avatars */
#member_main img {
  border-color: rgba(201,151,58,.35) !important;
}

/* Muted text */
#member_main .text-muted,
#member_main small,
#member_main .small {
  color: #9fb0c2 !important;
}

/* ============================================================
   SOCIAL PROFILE — STRONGER OVERRIDES
   ============================================================ */
#member_main table,
#member_main tbody,
#member_main tr,
#member_main td,
#member_main div,
#member_main font {
  color: #f2ead8 !important;
}

#member_main table[width="482"],
#member_main table[width="480"],
#member_main td[width="480"],
#member_main td[valign="top"],
#member_main .blog_text,
#member_main .profile_text,
#member_main .blog_comment,
#member_main .blog_entry,
#member_main .profile_content {
  background: linear-gradient(180deg, #142234 0%, #0d1a2e 100%) !important;
  color: #f2ead8 !important;
  border: 1px solid rgba(201,151,58,.30) !important;
}

#member_main font[color],
#member_main span[style*="color"],
#member_main p[style*="color"],
#member_main div[style*="color"],
#member_main td[style*="color"] {
  color: #f2ead8 !important;
}

#member_main img[border],
#member_main .profilepic_small,
#member_main .profilepic_med,
#member_main .profilepic_large {
  border-color: rgba(201,151,58,.35) !important;
}
/* ============================================================
   SOCIAL PROFILE — ACTIVITY FEED FIX
   ============================================================ */
#member_main .col-lg-6 .list-group,
#member_main .col-lg-6 .media-list,
#member_main .col-lg-6 .media-list-stream,
#member_main .col-lg-6 .list-group-item,
#member_main .col-lg-6 .media,
#member_main .col-lg-6 #ma_activity,
#member_main .col-lg-6 .ma_module {
  background: linear-gradient(180deg, #142234 0%, #0d1a2e 100%) !important;
  color: #f2ead8 !important;
  border: 1px solid rgba(201,151,58,.30) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.28) !important;
}

#member_main .col-lg-6 .list-group-item {
  background-color: transparent !important;
  background-image: none !important;
}

#member_main .col-lg-6 .list-group-item h3,
#member_main .col-lg-6 .list-group-item h3 i,
#member_main .col-lg-6 #ma_activity h3,
#member_main .col-lg-6 #ma_activity h3 i {
  color: #f2d688 !important;
}

#member_main .col-lg-6 .list-group-item *,
#member_main .col-lg-6 #ma_activity * {
  color: #f2ead8 !important;
}

#member_main .col-lg-6 .list-group-item a,
#member_main .col-lg-6 #ma_activity a {
  color: #f2d688 !important;
}

#member_main .col-lg-6 .list-group-item a:hover,
#member_main .col-lg-6 #ma_activity a:hover {
  color: #e8b84b !important;
}

#member_main .col-lg-6 .list-group-item hr,
#member_main .col-lg-6 #ma_activity hr {
  border-color: rgba(201,151,58,.18) !important;
}