/*
 Theme Name:     Dueling Pianos Theme
 Theme URI:      http://www.felixandfingers.com/
 Description:    Divi Child Theme
 Author:         Greg Percifield
 Author URI:     http://www.felixandfingers.com.com
 Template:       Divi
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
#sidebar {
	display:none;
}

/* Remove thin line */
#main-content .container:before {
	background: none;
}

/* Make content 100% width */
@media (min-width: 981px){
#left-area {
	width: 100%;
	padding-right: 0px !important;
}}


.um-groups-directory .um-group-item .actions ul, .um-groups-directory .um-group-item .um-group-meta ul {
    list-style: none !important;
}

.um-groups-members-list ul {
list-style: none !important;
}

.um-group-fields .um-group-field ul.um-privacy-wrap {
    list-style: none !important;
}

#um-loginform {
    margin: 0 auto;
    max-width: 450px;
}

#um-loginform label {
	font-size: 15px !important;
	line-height: 22px !important;
	font-weight: bold;
	font-weight: 600;
}

#um-loginform input[type=text],
#um-loginform input[type=search],
#um-loginform input[type=tel],
#um-loginform input[type=number],
#um-loginform input[type=password] {
    padding: 0 12px !important;
    border: 1px solid #ddd !important;
	width: 100%;
	display: block !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	outline: none !important;
	cursor: text !important;
	font-size: 15px !important;
	height: 40px !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	margin: 0 !important;
	position: static;
	outline: none !important;
}

#um-loginform div.disabled,
#um-loginform .disabled,
#um-loginform input[type=submit]:disabled,
#um-loginform input[type=text]:disabled,
#um-loginform input[type=number]:disabled {
	opacity: 0.6 !important;
	cursor: no-drop !important;
}

#um-loginform input[type=submit].button-primary,
#um-loginform input[type=submit].button-primary:focus {
	vertical-align: middle !important;
	height: auto !important;
	font-size: 15px;
	cursor: pointer !important;
	width: 100%;
	box-shadow: none;
	text-shadow: none;
	font-family: inherit;
	outline: none !important;
	margin: 0;
	opacity: 1;
	-webkit-appearance: none;
}

#um-loginform input[type=submit].button-primary:hover {
	opacity: 1;
}

#um-loginform .button-primary {
	font-size: 15px;
	border: none !important;
	display: block;
	width: 100%;
	line-height: 1em !important;
	padding: 16px 20px !important;
	text-decoration: none !important;
	text-align: center;
	text-transform: none !important;
	font-weight: normal !important;
	overflow: hidden;
	position: relative;
    color: #ffffff;
	transition: 0.25s;
	box-sizing: border-box;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	-webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	opacity: 1;
}

#um-loginform input[type=submit].button,
#um-loginform input[type=submit].button:focus,
#um-loginform a.button,
#um-loginform a.button.disabled:hover,
#um-loginform a.button.disabled:focus,
#um-loginform a.button.disabled:active {
    background: #3ba1da;
}

#um-loginform input[type=submit].button:hover,
#um-loginform a.button:hover {
    background-color: #F44E27;
}

.um-profile-body {
	max-width:1000px !important;
}

.select2-selection__rendered {
	list-style-type:none !important;
}

#breadcrumbs-custom {
	float:left;
	padding-right: 20px;
}

.wp-pagenavi {
	text-align:left;
	width:100%;
}

.breadcrumbs .trail-browse,
.breadcrumbs .trail-items,
.breadcrumbs .trail-items li {
	display:     inline-block;
	margin:      0;
	padding:     0;
	border:      none;
	background:  transparent;
	text-indent: 0;
}

.breadcrumbs .trail-browse {
	font-size:   inherit;
	font-style:  inherit;
	font-weight: inherit;
	color:       inherit;
	display:none;
}

.breadcrumbs .trail-items {
	list-style: none;
}

.trail-items li::after {
	content: ">";
	padding: 0 0.5em;
}

.trail-items li:last-of-type::after {
	display: none;
}

#top-header {
	z-index:101;
	padding-top: 20px;
    padding-left: 20px;
}

#et-secondary-menu {
	padding-right:0%;
	width:100%;
}

#et-secondary-nav {
	float:right;
	padding:0px 5%;
}

.um-new-dropdown {
	z-index:100001 !important;
}

.um-groups-single .um-groups-invites-users-wrapper .um-groups-members-list .um-groups-user-wrap {
	border:double;
	border-color:#CCCCCC;
}

.um-groups-single .um-groups-invites-users-wrapper .um-groups-members-list .um-groups-user-wrap .user-details {
	margin-top: 1em;
}

body.um-page-login #tabs {
	border:none;
}
body.um-page-login .et_pb_tabs_0 .et_pb_tabs_controls li {
	background-color: #666;
	/*background-color: #e02b20;*/
	box-shadow: inset 0 0 16px #444;
}
body.um-page-login .et_pb_tabs_0 .et_pb_tabs_controls li a {
	color: #fff !important;
}
body.um-page-login .et_pb_tabs_0 .et_pb_tabs_controls li.et_pb_tab_active {
	background-color: #fff;
	box-shadow: none;
}
body.um-page-login .et_pb_tabs_0 .et_pb_tabs_controls li.et_pb_tab_active a{
	color: #cc0000!important
}
body.um-page-login .um-login .um-notice{
	display: none;
}
/*----Step edit start-----*/
.um-group-join-button .um-groups-single-button {
	display: flex;
	width: 200px;
}
.um-group-join-button .um-groups-single-button a {
	flex: 1;
}
.um-group-join-button .um-groups-btn-decline {
	margin: 0 0 0 10px;
	width: 200px;
}
.um-groups-single ul.um-groups-single-tabs {
	padding: 0 0 6px 1em !important;
	border-bottom: 1px solid gray;
}
.um-groups-single ul.um-groups-single-tabs li a {
	border-radius: 5px 5px 0 0;
	background: gray;
	color: #fff;
}
.um-groups-single ul.um-groups-single-tabs li.active a{
	background: #3ba1da;
	color: #fff;
}
/*----Step edit end-----*/
.um-group-item .actions .um-groups-single-button {
	display: flex;
}

.um-group-item .actions li {
	width: 200px !important;
}

.um-groups-found-own-posts {
	display: none;
}
.groups_result_list {
	max-height: 150px;
}
.groups_result_list .group_result_text {
	display: none;
	border: 1px solid #c5c5c5;
	padding: 5px 10px;
}
.groups_result_list .group_result_head {
	width: 100%;
	text-align: left;
}
.groups_result_list .group_result_head:after{
	content: "";
	display: inline-block;
	float: right;
	width: 0;
	margin-top: 4px;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #333;
}
.groups_result_list .group_result_entry {
	margin-bottom: 5px;
}
.um-profile .past_events .um-groups-directory .um-group-item .um-group-image {
	padding-right: 10px;
}
.um-groups-single .um-groups-tab-slug_gear_assignments span.count {
	background: #e44a4a;
	color: #fff;
	border-radius: 2px;
	padding: 1px 9px 1px 9px;
}

.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
	justify-content: start !important;
}

.um .um-do-search {
	background-color: grey;
}

.um-groups-form .bootstrap-datetimepicker-widget {
	display: block;
}
.um-groups-form .bootstrap-datetimepicker-widget>ul{
	list-style: none !important;
	padding: 0 !important;
}
.um-directory .um-member-directory-map {
	width:50% !important;
}

.um-page-members .um-directory .um-members-overlay {
	max-height: 100vh;
}

.hide_this {
	display:none;
}

.gv-button-delete {
	padding-left:15px;
}

#um_affiliate_qr_code-42715 > div > a > img {
	max-height: 150px !important;
}

#um_field_42715_um_affiliate_qr_code > div.um-field-area > div > img {
	max-height: 150px !important;
}

body .um-groups-single div.um-group-tabs-wrap {    
    border-top: none !important;
    border-bottom: none !important;
}

.um-groups-single .um-groups-tab-slug_group_status span.count {
    background: #e44a4a;
    color: #fff;
	border-radius: 2px;
    padding: 1px 6px 1px 6px;
}

.et_pb_all_tabs {
    height: auto !important;
}
	
#gform_multifile_messages_46_9,
#gform_multifile_messages_46_22,
#gform_multifile_messages_46_23 {
  display: none;
}

.ui-state-highlight a {
    background: #363636 !important;
    color: #fff !important;
}

.is-selected {
    background-color: #ffcc00; 
}

#ui-datepicker-div {
	z-index:100000 !important;
}

/* Raise z-index for jQuery UI dialogs */
.ui-dialog {
  z-index: 99999 !important;
}

.bootstrap-datetimepicker-widget {
  z-index: 99999 !important;
}

/* =========================================================
   Floating widgets — force both to bottom-right, stacked
   ========================================================= */
:root{
  /* layout + shared button size (match your DocsBot bubble) */
  --gap: 16px;                    /* distance from screen edges */
  --stack-gap: 12px;              /* space between the two buttons */
  --btn-width: 193px;             /* button/bubble width  */
  --btn-height: 56px;             /* button/bubble height */
  --btn-radius: 20px !important;  /* corner radius       */

  /* notification panel width (chat-like) */
  --chat-width: 380px;
}

/* ---------- 1) Force DOCSBOT to the right ---------- */
/* Catches both iframe and div-based launchers */
iframe[src*="docsbot"],
#docsbot-widget,
#docsbot-bubble,
#docsbot-chat,
.docsbot-launcher,
[class*="docsbot"][class*="launcher"]{
  position: fixed !important;
  right: var(--gap) !important;
  left: auto !important;
  bottom: var(--gap) !important;
  z-index: 2147483000 !important;

  /* make it the same size/shape as UM button */
  width: var(--btn-width) !important;
  height: var(--btn-height) !important;
  border-radius: var(--btn-radius) !important; /* many bubbles are iframes; this still controls the frame */
  overflow: visible !important;                /* keeps badges visible if any */
}

/* ---------- 2) UM bell button above DocsBot ---------- */
.um-notification-b.right{
  position: fixed !important;
  right: var(--gap) !important;
  bottom: calc(var(--gap) + var(--btn-height) + var(--stack-gap)) !important; /* stacked above DocsBot */
  z-index: 2147483001 !important;

  width: var(--btn-width) !important;
  height: var(--btn-height) !important;
  border-radius: var(--btn-radius) !important;

  background: #f76300 !important; /* Notification button background color */
  color: #fff !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 16px !important;
  line-height: 1 !important;

  box-shadow: 0 10px 24px rgba(0,0,0,.16);
}

/* Bell icon alignment */
.um-notification-b.right i,
.um-notification-b.right .um-icon-ios-bell,
.um-notification-b.right svg:not(.ff-xmark){
  position: static !important;
  transform: none !important;
  display: inline-block !important;
  margin: 0 !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  width: 20px; height: 20px;
  color: #fff !important;
}


/* Label to the right of the bell */
.um-notification-b.right::after{
  content: "Notifications";
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 1 !important;
  letter-spacing: .02em;
  white-space: nowrap;
}

/* Subtle grow-on-hover to match DocsBot bubble */
.um-notification-b.right {
  transition: transform .15s ease, box-shadow .15s ease;
  transform-origin: bottom right;
  transform: translateZ(0); /* avoid blur on scale */
}

.um-notification-b.right:hover,
.um-notification-b.right:focus-visible {
  transform: scale(1.03);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}

/* Unread badge at top-right of the UM button */
.um-notification-b .um-notification-live-count{
  position: absolute; top: -6px; right: -6px;
  min-width: 22px; height: 22px; line-height: 22px;
  padding: 0 6px; border-radius: 999px;
  background: #ff3b30; color: #fff; font-weight: 700;
  box-shadow: 0 6px 14px rgba(255,59,48,.35);
}

/* ---------- 3) UM notification panel offset ---------- */
.um-notification-live-feed{
  position: fixed !important;
  right: var(--gap) !important;
  /* sit above BOTH stacked buttons (UM + DocsBot) */
  bottom: calc(
    var(--gap) +
    (var(--btn-height) * 2) +      /* DocsBot + UM heights */
    var(--stack-gap) +             /* space between them   */
    12px                           /* little breathing room */
  ) !important;

  width: var(--chat-width) !important;
  max-height: min(70vh, 650px);
  z-index: 2147483001 !important;
  pointer-events: none;
}
.um-notification-live-feed-inner{ pointer-events: auto; }

/* ---------- 4) Mobile: compact FABs ---------- */
@media (max-width: 767px){
  :root{
    --btn-width: 56px;
    --btn-height: 56px;
    --btn-radius: 14px;
    --stack-gap: 10px;
    --chat-width: calc(100vw - 24px);
  }

  /* hide text label to keep the bell compact on phones */
  .um-notification-b.right::after{ content: ""; }
}

/* --- Safety: ensure the button itself never draws an X (protects the label) --- */
.um-notification-b.right::before { content: none !important; background: none !important; opacity: 0 !important; }
.um-notification-b.right.is-open::before { content: none !important; background: none !important; opacity: 0 !important; }

/* --- Bell ? FA X SVG (animated). Keep ::before (glyph) intact. --- */
.um-notification-b.right .um-icon-ios-bell{
  position: relative !important;      /* override earlier static */
  width: 20px; height: 20px;
  display: inline-block !important;
  line-height: 20px !important;
  color: #fff !important;             /* bell color when closed */
  transition: color 0s linear .22s;   /* delay bell reappearing on close */
}

/* the injected X SVG (overrides the generic 'svg {position:static !important}') */
.um-notification-b.right .um-icon-ios-bell .ff-xmark{
  position: absolute !important;
  left: 1px; top: 1px;
  width: 18px !important; height: 18px !important;
  color: #fff !important;
  opacity: 0 !important;
  transform: rotate(-90deg) scale(.85) !important;
  transform-origin: 50% 50%;
  /* add a small delay to opacity so rotation reads on close */
  transition:
    transform .22s cubic-bezier(.2,.7,.2,1),
    opacity   .22s ease .04s;
  backface-visibility: hidden;
  will-change: transform, opacity;
  pointer-events: none;
}

.um-notification-b.right.is-open .um-icon-ios-bell .ff-xmark{
  opacity: 1 !important;                                /* NEW: !important */
  transform: rotate(0deg) scale(1) !important;          /* NEW: !important */
}

/* open: hide glyph, rotate/scale X in */
.um-notification-b.right.is-open .um-icon-ios-bell{
  color: transparent !important;      /* hides the font glyph */
  transition: color 0s linear 0s;     /* no delay on open (hide immediately) */
}

/* Force the badge to show when count > 0, and stack above label/X */
.um-notification-b .um-notification-live-count{
  display: inline-flex !important;      /* <-- overrides theme/UM display:none */
  align-items: center; justify-content: center;
  z-index: 4 !important;                /* above ::after label and the X SVG */
}

/* Hide ONLY when UM marks it zero */
.um-notification-b .um-notification-live-count.count-0{
  display: none !important;
}

/* --- FORCE the UM badge visible when non-zero (beats plugin rules) --- */
body .um-notification-b.right .um-notification-live-count,
body .um-notification-b.right.is-open .um-notification-live-count,
html body .um-notification-b.right .um-notification-live-count {
  display: inline-flex !important;          /* override any display:none */
  align-items: center; justify-content: center;
  position: absolute !important;            /* keep your placement */
  top: -6px !important;
  right: -6px !important;
  z-index: 6 !important;                    /* above label & X */
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide ONLY when UM marks it zero */
body .um-notification-b.right .um-notification-live-count.count-0 {
  display: none !important;
}


/* Make the DocsBot panel sit above the floating buttons */
.docsbot-wrapper,
.docsbot-wrapper * {
  z-index: 2147484005 !important; /* higher than 2147483001 */
}

.ff-sd-modal{
  margin-top: 120px !important;
}

@media (max-width: 782px){
  .ff-sd-modal{
    margin-top: 80px !important;
  }
}

.ff-anchor-highlight {
    background-color: yellow;
    transition: background-color 2s;
}

/* Felix AI Ultimate Member Notice formatting */
.um-notices-wrap[data-notice_id="176394"].no-shortcode {
    width: 520px !important;
    max-width: calc(100vw - 80px) !important;
}

.um-notices-wrap[data-notice_id="176394"] .um-notices-box {
    padding: 0 24px 18px 24px !important;
}

.um-notices-wrap[data-notice_id="176394"] h3 {
    display: block !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

.um-notices-wrap[data-notice_id="176394"] p {
    display: block !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    line-height: 1.45 !important;
}

.um-notices-wrap[data-notice_id="176394"] ul {
    display: block !important;
    margin: 0 0 12px 22px !important;
    padding: 0 !important;
}

.um-notices-wrap[data-notice_id="176394"] li {
    display: list-item !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

.um-notices-wrap[data-notice_id="176394"] strong {
    font-weight: 700 !important;
}

@media screen and (max-width: 600px) {
    .um-notices-wrap[data-notice_id="176394"].no-shortcode {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Fully hide Ultimate Member Notices after close/collapse */
.um-notices-wrap.no-shortcode[style*="bottom: -"] {
    bottom: -110vh !important;
}