/* Change the Update Profile button color */
.um .um-button, 
.um input[type=submit].um-button {
    background-color: #004b88 !important; /* Your main color */
}

/* Change the button color when you hover over it */
.um .um-button:hover, 
.um input[type=submit].um-button:hover {
    background-color: #004b88 !important; /* A slightly darker shade */
}

/* Change the Profile Header icon (the gear icon) color */
.um-profile.um .um-profile-headericon a {
    color: #3498db !important;
}

.um .menu-item a[href="#"] {
  pointer-events: none;
  cursor: default;
  font-weight: 600;
  opacity: 0.85;
}
/* Ultimate Member – Register button text colour */
.um input.um-button.um-alt,
.um a.um-button.um-alt {
  color: #ffffff !important; /* change to whatever colour you want */
}

.um .um-button,
.um .um-button.um-alt {
  transition: 
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.um .um-button:hover,
.um .um-button.um-alt:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}

/* Make off-canvas menu headings smaller */
#slide-out-widget-area .off-canvas-menu-container .menu > li > a {
    font-size: 22px !important;
}

/* Salient dropdown menus: rounded corners */
#header-outer .sf-menu > li ul,
#header-outer .sf-menu > li ul li ul,
#header-outer .sf-menu .sub-menu,
#header-outer .sf-menu .children {
  border-radius: 14px !important;
  overflow: hidden; /* ensures corners actually clip */
}

/* Optional: slightly round each dropdown item row too (subtle) */
#header-outer .sf-menu > li ul li a {
  border-radius: 10px;
}

/* Optional: if your dropdown has a background shadow, round that too */
#header-outer .sf-menu > li ul {
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

#footer-outer,
#footer-outer .widget,
#footer-outer .widget p,
#footer-outer .widget li,
#footer-outer .widget a,
#footer-outer .textwidget,
#footer-outer .widget_nav_menu li a,
#footer-outer .widget_pages li a,
#footer-outer .widget_categories li a {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* OFF CANVAS menu icon: set colour for normal + hover icon layers */
#header-outer a[href="#slide-out-widget-area"] i.lines-button,
#header-outer a[href="#slide-out-widget-area"] i.lines-button:before,
#header-outer a[href="#slide-out-widget-area"] i.lines-button:after,
#header-outer a[href="#slide-out-widget-area"] i.lines-button.hover-effect,
#header-outer a[href="#slide-out-widget-area"] i.lines-button.hover-effect:before,
#header-outer a[href="#slide-out-widget-area"] i.lines-button.hover-effect:after,
#header-outer a[href="#slide-out-widget-area"] .lines,
#header-outer a[href="#slide-out-widget-area"] .lines:before,
#header-outer a[href="#slide-out-widget-area"] .lines:after{
  background-color: #9a1d4e !important;
  border-color: #9a1d4e !important;
}

/* Keep the same colour on hover as well */
#header-outer a[href="#slide-out-widget-area"]:hover i.lines-button,
#header-outer a[href="#slide-out-widget-area"]:hover i.lines-button:before,
#header-outer a[href="#slide-out-widget-area"]:hover i.lines-button:after,
#header-outer a[href="#slide-out-widget-area"]:hover i.lines-button.hover-effect,
#header-outer a[href="#slide-out-widget-area"]:hover i.lines-button.hover-effect:before,
#header-outer a[href="#slide-out-widget-area"]:hover i.lines-button.hover-effect:after,
#header-outer a[href="#slide-out-widget-area"]:hover .lines,
#header-outer a[href="#slide-out-widget-area"]:hover .lines:before,
#header-outer a[href="#slide-out-widget-area"]:hover .lines:after{
  background-color: #9a1d4e !important;
  border-color: #9a1d4e !important;
}

/* ── Tooltip bubble ── */
.dpit-tooltip {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
    font-family: inherit !important;
    color: #333333 !important;
}

/* ── Tooltip text area ── */
.dpit-tooltip-text {
    color: #333333 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* ── Step number badge ── */
.dpit-tooltip-number {
    background-color: #004B88 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
}

/* ── All buttons ── */
.dpit-button {
    border-radius: 4px !important;
    font-family: inherit !important;
    font-weight: 600 !important;
}

/* ── Next button ── */
.dpit-button.dpit-button--next {
    background-color: #004B88 !important;
    color: #ffffff !important;
    border: none !important;
}

.dpit-button.dpit-button--next:hover {
    background-color: #003a6e !important;
}

/* ── Previous button ── */
.dpit-button.dpit-button--prev {
    background-color: #ffffff !important;
    color: #004B88 !important;
    border: 2px solid #004B88 !important;
}

/* ── Cancel / Done button ── */
.dpit-button.dpit-button--skip,
.dpit-button.dpit-button--done {
    background-color: #ffffff !important;
    color: #004B88 !important;
    border: 2px solid #004B88 !important;
}

/* ── Backdrop overlay ── */
.dpit-overlay {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* ── Highlight border around target element ── */
.dpit-highlight {
    border-radius: 6px !important;
    border-color: #004B88 !important;
}

/* ── Progress bar ── */
.dpit-progress-bar {
    background-color: #004B88 !important;
}

/* ── Navigation bullets ── */
.dpit-bullets .dpit-bullet-active {
    background-color: #004B88 !important;
}