.elementor-1917 .elementor-element.elementor-element-4526351c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-4c582f5b */.um .um-profile-nav-item.active a:hover, .um .um-profile-nav-item.active a, .um-profile-nav-item {
    background-color: #FD4755 !important;
    border-radius: 8px;
    box-shadow: 3px 3px 0 0 #000000;
     margin-right: 10px;
color: #fff !important;
}

.um-profile-nav-item a:hover {
    background-color: #00E499 !important;
    border-radius: 8px;
    box-shadow: 3px 3px 0 0 #000000;

}

.um-1915.um {
    max-width: 1000px;
    background-color: white;
    box-shadow: 0px 0px 16px -10px #000000;
}



.um-profile-nav{
    background-color: #f3f3f3 !important;
}



.um-item-img a {
    display: inline-block;
    padding: 8px;
    border-radius: 15px !important;
    border: 1px solid #ddd;
    width: 25%;
}

.um-item-img img {
    max-width: 100%;
    border-radius: 15px;
}

.um-ajax-items {
  display: none !important;
}

.um-user-content-list::before {
  content: "My Contributions";
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #333; /* change color as you like */
}

.um-profile-nav-item span.title {
    color: gray;
}

.um-profile-nav-item i {
    color: gray;
}

/* Active nav item text & icon */
.um-profile-nav-item.active span.title,
.um-profile-nav-item.active i {
  color: #fff !important;
}

.um-profile-nav-item.active {
  background-color: #e74c3c !important; /* your active background color */
  border-radius: 4px; /* optional */
}

/* Hovered nav item text & icon */
.um-profile-nav-item:hover span.title,
.um-profile-nav-item:hover i {
  color: #fff !important;
}

.um-profile-nav-item:hover {
  background-color: #e74c3c !important; /* same as active background */
  border-radius: 4px; /* optional */
}

div.um .um-form div.um-reviews-post .um-reviews-content {
    max-height: none !important;
}

.um:not(.um-admin) {
    border-radius: 30px;
    padding-bottom: 50px !important;
}

.um-profile-edit i {
    font-size: 30px;
    text-shadow: 3px 2px black;
    color: #FD4755;
}



/* AMIN: Profile header chips */
.amin-profile-header-line{
  margin: 8px 10px 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Works for both <span class="amin-chip"> and <a class="amin-chip"> */
.amin-profile-header-line .amin-chip{
  display: inline-flex;           /* nicer emoji/text alignment */
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12.5px;
  line-height: 1;
  color: #222;                    /* unified text color */
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 999px;
  text-decoration: none;          /* remove underline on links */
  box-shadow: 2px 3px 0 0 #000;   /* single shadow (no duplicate) */
}

/* Prevent theme link color from turning the chip text red */
.amin-profile-header-line a.amin-chip{
  color: inherit !important;
}

/* Hover/active interactions */
.amin-profile-header-line .amin-chip:hover{
  box-shadow: 3px 4px 0 0 #000;
  transform: translate(-1px,-1px);
}
.amin-profile-header-line .amin-chip:active{
  box-shadow: 1px 2px 0 0 #000;
  transform: translate(0,0);
}

.um-profile a.um-message-btn {
    padding: 10px 15px !important;
    background-color: #FD4755 !important;
    box-shadow: 3px 3px 0 0 #000;
}

.um-profile a.um-message-btn:hover {
    padding: 10px 15px !important;
    background-color: #FD4755 !important;
    box-shadow: 3px 3px 0 0 #000;
}


.um-profile-note span{
    display: none !important;
}



/* Hide the 2nd item ("My Account") in UM profile gear dropdown */
.um-dropdown li:nth-child(2) {
    display: none !important;
}/* End custom CSS */