/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: #DF4DA2 !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #44b0ec !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: #FF4081 !important;
	border-radius: 22px !important;
	font-weight: bold !important;
	color: #FFFFFF !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover {
    background: #F2387F !important;
	border-radius: 22px !important;
	font-weight: bold !important;
	color: #FFFFFF !important;
}

/* Button alt colors */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
	border-radius: 22px !important;
	font-weight: bold !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;
	border-radius: 33px !important;
	font-weight: bolder !important;
}
input[type="text"] {
    background-color: gray;
}
}
/* CSS code for the fill-in field */
input[type="text"] {
    border: 1px solid gray;
    border-radius: 24px;
    padding: 10px;
    background-color: gray;
}

/* CSS code for hover effect */
input[type="text"]:hover {
    border-color: #000000;
}

/* CSS code for active effect */
input[type="text"]:active {
    border-color: #000000;
	outline: none !important
}

/* CSS code for non-hover and non-active effect */
input[type="text"]:not(:hover):not(:active) {
    border-color: gray;
}

/* Button colors */
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover {
    background: #FF4081 !important;
    border-radius: 22px !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
}

.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover {
    background: #F2387F !important;
    border-radius: 22px !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
}
/* Hiding woocommerce navigation tab on my account */
.woocommerce-MyAccount-navigation { 	display:none;
}

/* WP Charitable */ 

.my-donation-box label {
  border: 1px solid #e0e0e0 !important;
  background-color: #fff !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease;
}

.my-donation-box 
label:hover {
  background-color: #FBF0F8 !important;
}

.my-donation-box  input[type="radio"]:checked + label {
  background-color: #FBF0F8 !important;
  border: none !important;
  box-shadow: none !important;
}