/* Hide username on author/user pages */
body.author h1,
body.author .page-title,
body.author .entry-title,
.author-page h1,
.user-profile h1 {
    display: none !important;
}

/* More specific selectors if needed */
body[class*="user-"] h1:first-of-type,
body[class*="author-"] h1:first-of-type {
    display: none !important;
}

/* Ultimate Member field labels */
.um-field-label,
.um-field-label label,
.um form .um-field-label,
.um form .um-field-label label {
    color: ##6ec1e4 !important;
}

/* Additional selectors for different UM form types */
.um-register .um-field-label,
.um-login .um-field-label,
.um-profile .um-field-label,
.um-profile .um-name a,
.um-profile .um-meta,
.um-profile .um-meta-text,
.um-account .um-field-label,
.um-account .um-account-name {
    color: #F5F5F5 !important;
}

/* For any missed label variations */
.um .um-field-label,
.um .um-field-label * {
    color: #F5F5F5 !important;
}

/* Hide element on Tablet/Phone */
@media only screen and (max-width: 980px) {
    .hide-on-mobile-tablet {
        display: none !important;
    }
}

/* Search gate styling */
.gated-search-wrapper {
  position: relative;
}

.advanced-search-section {
  filter: blur(4px);
  pointer-events: none;
}

.locked-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  pointer-events: all;
  text-align: center;
  padding: 1rem;
}

.locked-overlay p {
  font-size: 1.2rem;
  color: #333;
  background: #fff;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Nav account image */
.um-avatar.um-avatar-uploaded {
    margin-right: 12px;
	  border-radius: 50%;
}

/* keeps the button on top of the glow */
.galactic-button {
  z-index: 1;
}

/* css for the glowing effect */
.galactic-button:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	border-radius: 50%;
	pointer-events: none;
	/* adjust the width and height keeping them both the same size */
  width: 200px;
  height: 200px;
	/* adjust the colors here */
  background: conic-gradient(from 0deg, #b01b9f, #8216bf, #04d9ff, #0c2d74, #b01b9f);
	/* adjust the speed of the animation */
  animation: swirl 5s infinite linear;
	/* adjust the blur */
  filter: blur(70px);
	/* adjust the opacity */
  opacity: 0.5;
}

/* Swirl Animation */
@keyframes swirl {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}