.elementor-7800 .elementor-element.elementor-element-676f8f1f{--display:flex;--min-height:400px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}@media(max-width:767px){.elementor-7800 .elementor-element.elementor-element-676f8f1f{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-1d50363a *//* ============================================================
   ULTIMATE MEMBER PROFILE PAGE: Compass Gold Theme (Clean)
   - No duplicate tabs (kills *-hide anchors)
   - Gold gradient tab bar
   - Tabs close together
   - Tabs: white text/icons, no underline, no dark active overlay
   - Universal buttons (UM + WP media modal) gold gradient
   - Links gold (kills WP blue)
   Scope: Elementor ".elementor-7800 .elementor-element.elementor-element-1d50363a"
============================================================ */

.elementor-7800 .elementor-element.elementor-element-1d50363a{
  --cp-gold-1:#d29e2f;
  --cp-gold-2:#b98619;
  --cp-gold-3:#f4db75;
  --cp-dark:#111;
  --cp-mid:#54595F;
  --cp-white:#fff;
  --cp-shadow: 0 10px 22px rgba(0,0,0,.10);
}

/* ============================================================
   GLOBAL LINKS (kills WP blue inside UM area)
============================================================ */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a:visited{
  color: var(--cp-gold-2) !important;
  text-decoration:none !important;
  transition: color .18s ease, transform .12s ease;
}
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a:hover,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a:focus{
  color: var(--cp-gold-3) !important;
}

/* ============================================================
   PROFILE TAB BAR (gold strip)
============================================================ */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-navbar{ background: transparent !important; }

.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav{
  background: linear-gradient(to bottom, var(--cp-gold-1), var(--cp-gold-2), var(--cp-gold-3)) !important;
  border-radius: 18px !important;
  padding: 6px 8px !important;
  box-shadow: var(--cp-shadow) !important;
  border: 2px solid rgba(255,255,255,.35) !important;
  overflow:hidden !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap: 3px !important; /* close together */
  flex-wrap: nowrap !important;
}

/* Remove duplicates: UM prints two anchors per tab (show + hide) */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav a[class*="-hide"]{ display:none !important; }
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav a[class*="-show"]{ display:inline-flex !important; }

/* Tabs: white icon + text, no underline, no dark overlay */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav a[class*="-show"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap: 8px !important;

  padding: 11px 14px !important;
  border-radius: 14px !important;

  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;

  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;

  transition: transform .16s ease, filter .18s ease !important;
}

/* icon alignment */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav a[class*="-show"] i{
  display:inline-block !important;
  float:none !important;
  line-height:1 !important;
  position:relative !important;
  top:0 !important;
}
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav a[class*="-show"] i:before{ color:#ffffff !important; }
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav a[class*="-show"] .title,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav a[class*="-show"] span.title{ color:#ffffff !important; }

/* Hover: subtle animation, NO background overlay */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav a[class*="-show"]:hover{
  transform: translateY(-2px) !important;
  filter: brightness(1.05) !important;
  background: transparent !important;
}

/* Active: keep clean (no darkening, no underline) */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav-item.active a[class*="-show"],
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav-item.active a[class*="-show"]:hover{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* hard kill any UM blue active fills */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav a.um-profile-nav-item-active,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav a.current,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-nav a.active{
  background: transparent !important;
  background-color: transparent !important;
}

/* ============================================================
   GEAR ICON (profile edit)
============================================================ */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-edit a{
  color: var(--cp-mid) !important;
  transition: color .18s ease, transform .12s ease !important;
}
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-edit a i:before{
  color: var(--cp-mid) !important;
  transition: color .18s ease !important;
}
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-edit a:hover{
  color: var(--cp-gold-2) !important;
  transform: translateY(-1px);
}
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-edit a:hover i:before{
  color: var(--cp-gold-2) !important;
}

/* ============================================================
   UNIVERSAL BUTTONS (UM + WP Media Modal)
   This styles buttons but does NOT affect upload functionality
   (no display/position changes, no pointer-events changes)
============================================================ */

/* UM buttons + links that act as buttons */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-button,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um button,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um input[type="submit"],
.elementor-7800 .elementor-element.elementor-element-1d50363a .um input[type="button"],
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a.um-button,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a.um-request-button,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a.button{
  background: linear-gradient(to bottom, var(--cp-gold-1), var(--cp-gold-2), var(--cp-gold-3)) !important;
  border: 2px solid #ffffff !important;
  border-radius: 15px !important;
  color: #1b1b1b !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
  box-shadow: var(--cp-shadow) !important;
  text-decoration:none !important;

  transition: transform .08s ease, filter .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease !important;
}
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-button:hover,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um button:hover,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um input[type="submit"]:hover,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um input[type="button"]:hover,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a.um-button:hover,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a.um-request-button:hover,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a.button:hover{
  color: #ffffff !important;
  border-color: #000 !important;
  filter: brightness(1.06) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.55), 0 14px 28px rgba(0,0,0,.14) !important;
}
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-button:active,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um button:active,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um input[type="submit"]:active,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um input[type="button"]:active,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a.um-button:active,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a.um-request-button:active,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a.button:active{
  transform: scale(.98);
}

/* WordPress Media Modal buttons (popup when changing profile photo)
   NOTE: these elements are outside .um sometimes, but still on the page.
   We scope them to the Elementor page container with .elementor-7800 .elementor-element.elementor-element-1d50363a.
*/
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-modal .button,
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-modal .button-primary,
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-modal button.button,
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-modal button.button-primary,
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-modal input[type="button"],
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-modal input[type="submit"],
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-frame .button,
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-frame .button-primary{
  background: linear-gradient(to bottom, var(--cp-gold-1), var(--cp-gold-2), var(--cp-gold-3)) !important;
  border: 2px solid #ffffff !important;
  border-radius: 15px !important;
  color: #1b1b1b !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  box-shadow: var(--cp-shadow) !important;
  transition: filter .2s ease, transform .08s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease !important;
}
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-modal .button:hover,
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-modal .button-primary:hover,
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-frame .button:hover,
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-frame .button-primary:hover{
  color:#ffffff !important;
  border-color:#000 !important;
  filter: brightness(1.06) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.55), 0 14px 28px rgba(0,0,0,.14) !important;
}
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-modal .button:active,
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-modal .button-primary:active,
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-frame .button:active,
.elementor-7800 .elementor-element.elementor-element-1d50363a .media-frame .button-primary:active{
  transform: scale(.98);
}

/* ============================================================
   COMMENTS: comment text black, links gold
============================================================ */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-body .um-comment,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-body .um-commentlist li,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-body .um-profile-comments li{
  color:#000 !important;
}
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-body .um-comment *:not(a),
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-body .um-commentlist li *:not(a),
.elementor-7800 .elementor-element.elementor-element-1d50363a .um .um-profile-body .um-profile-comments li *:not(a){
  color:#000 !important;
}

/* Remove any blue focus outlines UM/WP inject */
.elementor-7800 .elementor-element.elementor-element-1d50363a .um a:focus,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um button:focus,
.elementor-7800 .elementor-element.elementor-element-1d50363a .um input:focus{
  outline:none !important;
  box-shadow:none !important;
}/* End custom CSS */