.elementor-7802 .elementor-element.elementor-element-6f096357{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}@media(max-width:767px){.elementor-7802 .elementor-element.elementor-element-6f096357{--padding-top:20px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-1f3bbe7b *//* ============================================================
   ULTIMATE MEMBER: Compass Production Gold/Black Override
   Fixes:
   1) Blue Yes/No radios (custom icon radios)
   2) Blue "Request data" + "Request data erase" buttons (are <a>)
   3) Blue active sidebar icon colors (keep icons BLACK)
   Scope: This page only (Elementor ".elementor-7802 .elementor-element.elementor-element-1f3bbe7b")
============================================================ */

/* --------- Brand tokens (easy edits) --------- */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b{
  --cp-gold-1:#d29e2f;
  --cp-gold-2:#b98619;
  --cp-gold-3:#f8e07b;
  --cp-dark:#111;
  --cp-mid:#54595F;
  --cp-white:#fff;
  --cp-shadow: 0 10px 22px rgba(0,0,0,.10);
}

/* ============================================================
   LINKS (kills UM red/blue link styles)
============================================================ */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a:visited{
  color: var(--cp-gold-2) !important;
  text-decoration:none !important;
}
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a:hover,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a:focus{
  color: var(--cp-gold-3) !important;
}

/* ============================================================
   SIDEBAR MENU (Account/Password/Privacy/Delete)
   - Keep icons BLACK always
   - Gold background + white text when active/hover
============================================================ */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link{
  border-radius:12px !important;
  transition: background .18s ease, box-shadow .18s ease, color .18s ease, transform .15s ease;
}

/* text */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link .um-account-title{
  color: var(--cp-mid) !important;
}

/* icon + arrow ALWAYS black (even on current) */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link .um-account-icon i:before,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link .um-account-arrow i:before{
  color: #000 !important;
}

/* hover (gold row) */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link:hover{
  background: linear-gradient(to right, var(--cp-gold-1), var(--cp-gold-2)) !important;
  box-shadow: 0 0 0 2px rgba(210,158,47,.18), 0 0 18px rgba(210,158,47,.22) !important;
  transform: translateX(3px);
}
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link:hover .um-account-title{
  color: var(--cp-white) !important;
}
/* keep icons black even on hover */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link:hover .um-account-icon i:before,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link:hover .um-account-arrow i:before{
  color:#000 !important;
}

/* current/active (gold row) */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link.current,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link.current:hover{
  background: linear-gradient(to right, var(--cp-gold-1), var(--cp-gold-2)) !important;
}
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link.current .um-account-title{
  color: var(--cp-white) !important;
}
/* keep icons black on current */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link.current .um-account-icon i:before,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-account-side li a.um-account-link.current .um-account-arrow i:before{
  color:#000 !important;
}

/* ============================================================
   BUTTONS (UM has multiple types)
   - normal UM buttons
   - the "request data" links (um-request-button)
============================================================ */

/* Primary look for ALL UM button-ish elements */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um .um-button,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um button,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="submit"],
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="button"],
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a.um-button,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a.um-request-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: 600 !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
  box-shadow: var(--cp-shadow) !important;
  transition: transform .08s ease, filter .2s ease, box-shadow .2s ease, color .2s ease, text-shadow .2s ease, border-color .2s ease !important;
  text-decoration:none !important;
}

/* Hover */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um .um-button:hover,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um button:hover,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="submit"]:hover,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="button"]:hover,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a.um-button:hover,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a.um-request-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;
  text-shadow: 0 0 10px rgba(255,255,255,.65) !important;
}

/* Active tap */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um .um-button:active,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um button:active,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="submit"]:active,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="button"]:active,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a.um-button:active,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a.um-request-button:active{
  transform: scale(.98);
}

/* Specifically target the privacy request links shown in your screenshot */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a.um-request-button.um-erase-data-button,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a.um-request-button{
  display:inline-block !important; /* ensures it behaves like a button */
}

/* ============================================================
   YES/NO RADIOS (custom icon radios)
   Your screenshot shows:
   .um-field-radio-state > i.um-icon-android-radio-button-on::before
   We force those to gold/black (no blue).
============================================================ */

/* Base (off) radio icon */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um .um-field-radio .um-field-radio-state i:before{
  color: rgba(0,0,0,.35) !important;
}

/* Active radio icon (label has .active in your screenshot) */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um .um-field-radio label.active .um-field-radio-state i:before{
  color: var(--cp-gold-2) !important;
}

/* Optional: radio label text color */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um .um-field-radio .um-field-radio-option{
  color: var(--cp-mid) !important;
}
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um .um-field-radio label.active .um-field-radio-option{
  color: #000 !important;
}

/* ============================================================
   CHECKBOXES (native checkboxes if present)
   (won't affect custom radios, but keeps checkboxes on-brand)
============================================================ */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="checkbox"]{
  accent-color: var(--cp-gold-2) !important;
}

/* ============================================================
   INPUT FIELDS polish
============================================================ */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="text"],
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="email"],
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="password"],
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um textarea{
  border:1px solid #ddd !important;
  border-radius:12px !important;
  transition:border .2s ease, box-shadow .2s ease;
}
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="text"]:focus,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="email"]:focus,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input[type="password"]:focus,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um textarea:focus{
  border-color: var(--cp-gold-2) !important;
  box-shadow: 0 0 0 2px rgba(210,158,47,.22) !important;
}

/* ============================================================
   Quick cleanup: remove any blue focus outlines UM injects
============================================================ */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um a:focus,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um button:focus,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um input:focus{
  outline: none !important;
}


/* Login/Register forms */
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-login .um-button,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-register .um-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;
}

.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-login .um-button:hover,
.elementor-7802 .elementor-element.elementor-element-1f3bbe7b .um-register .um-button:hover{
  color:#ffffff !important;
  border-color:#000 !important;
}/* End custom CSS */