/* SMD site-wide contrast tokens */
:root {
    --smd-surface-light: #ffffff;
    --smd-surface-light-muted: #f9fafb;
    --smd-text-on-light: #374151;
    --smd-text-on-light-strong: #111827;
    --smd-heading-on-light: #5b21b6;
    --smd-link-on-light: #6d28d9;
    --smd-link-on-light-hover: #5b21b6;
    --smd-border-light: #e5e7eb;
    --smd-text-on-dark: #ffffff;
    --smd-text-on-dark-muted: #f3f4f6;
    --smd-link-on-dark: #ffb8ff;
    --smd-link-on-dark-hover: #ffffff;
    --smd-accent-purple: #8b5cf6;
}

.um-profile-photo {
    padding-top: 20px;
}

/* Hide footer for the trust and safety page */
.page-id-4243 .my-custom-footer {
    display: none !important;
}
/* WordPress Blog Spacing Fix for Elementor */
.single-post .elementor-section {
    margin-bottom: 1.5rem;
}

/* Headings with proper spacing */
.single-post .elementor-heading-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 700;
    line-height: 1.3;
    color: var(--smd-text-on-light-strong);
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
}

.single-post h1.elementor-heading-title {
    font-size: 2.5rem;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 0.5rem;
}

.single-post h2.elementor-heading-title {
    font-size: 2rem;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 0.4rem;
}

.single-post h3.elementor-heading-title {
    font-size: 1.75rem;
}

/* Paragraph spacing - increased as requested */
.single-post .elementor-widget-text-editor p {
    margin-bottom: 2rem !important; /* Increased spacing between paragraphs */
    font-size: 1.1rem;
    line-height: 1.8; /* Increased line height for better readability */
    color: var(--smd-text-on-light);
}

/* List spacing and styling */
.single-post .elementor-widget-text-editor ul,
.single-post .elementor-widget-text-editor ol {
    margin: 1.5rem 0;
    padding-left: 2rem;
}

.single-post .elementor-widget-text-editor li {
    margin-bottom: 1rem; /* Increased spacing between list items */
    line-height: 1.6;
    padding-left: 0.5rem;
}

.single-post .elementor-widget-text-editor ul li {
    list-style-type: disc;
}

.single-post .elementor-widget-text-editor ol li {
    list-style-type: decimal;
}

/* Nested lists */
.single-post .elementor-widget-text-editor ul ul,
.single-post .elementor-widget-text-editor ol ol,
.single-post .elementor-widget-text-editor ul ol,
.single-post .elementor-widget-text-editor ol ul {
    margin: 1rem 0 1rem 1.5rem; /* Increased spacing for nested lists */
}

/* Blockquotes */
.single-post .elementor-widget-text-editor blockquote {
    border-left: 4px solid #0073aa;
    background: #f9f9f9;
    margin: 2.5rem 0; /* Increased spacing around blockquotes */
    padding: 1.5rem 2rem;
    font-style: italic;
    font-size: 1.2rem;
    line-height: 1.6;
}

/* Link styling — theme purple, high contrast on light backgrounds */
.single-post .elementor-widget-text-editor a {
    color: var(--smd-link-on-light) !important;
    font-weight: 600 !important;
    border-bottom: 1px solid var(--smd-link-on-light) !important;
    text-decoration: none !important;
}

.single-post .elementor-widget-text-editor a:hover {
    color: var(--smd-link-on-light-hover) !important;
    border-bottom: 2px solid var(--smd-link-on-light-hover) !important;
}

/* Images */
.single-post .elementor-image {
    margin: 2.5rem 0; /* Increased spacing around images */
}

.single-post .elementor-widget-image img {
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Responsive design */
@media (max-width: 768px) {
    .single-post h1.elementor-heading-title {
        font-size: 2rem;
    }
    
    .single-post h2.elementor-heading-title {
        font-size: 1.75rem;
    }
    
    .single-post h3.elementor-heading-title {
        font-size: 1.5rem;
    }
    
    .single-post .elementor-widget-text-editor p {
        font-size: 1rem;
    }
    
    .single-post .elementor-widget-text-editor ul,
    .single-post .elementor-widget-text-editor ol {
        padding-left: 1.5rem;
    }
}

/* Content width */
.single-post .elementor-container {
    max-width: 800px;
}

/* Spacing between widgets */
.single-post .elementor-widget:not(:last-child) {
    margin-bottom: 2.5rem; /* Increased spacing between widgets */
}

/* Featured image */
.single-post .elementor-post__thumbnail {
    margin-bottom: 3rem; /* Increased spacing below featured image */
    border-radius: 12px;
    overflow: hidden;
}

/* Meta information */
.single-post .elementor-post-info {
    margin-bottom: 2.5rem; /* Increased spacing below meta info */
    color: #666;
    font-size: 0.9rem;
}

/* Additional spacing for better readability */
.single-post .elementor-text-editor > * {
    margin-bottom: 2rem; /* Increased general spacing between elements */
}

/*
 * Classic editor / Block editor / Theme Builder "Post Content" output:
 * mirror the Elementor blog typography above without changing Elementor-only rules.
 */
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 700;
    line-height: 1.3;
    color: #222;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 0.5rem;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 700;
    line-height: 1.3;
    color: #222;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 0.4rem;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) h2:after {
    display: none;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 700;
    line-height: 1.3;
    color: #222;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) p {
    margin-bottom: 2rem !important;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) ul,
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) ol {
    margin: 1.5rem 0;
    padding-left: 2rem;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) li {
    margin-bottom: 1rem;
    line-height: 1.6;
    padding-left: 0.5rem;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) ul li {
    list-style-type: disc;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) ol li {
    list-style-type: decimal;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) ul ul,
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) ol ol,
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) ul ol,
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) ol ul {
    margin: 1rem 0 1rem 1.5rem;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) blockquote {
    border-left: 4px solid #0073aa;
    background: #f9f9f9;
    margin: 2.5rem 0;
    padding: 1.5rem 2rem;
    font-style: italic;
    font-size: 1.2rem;
    line-height: 1.6;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) a:not(.wp-block-button__link):not(.button):not(.elementor-button) {
    color: #000 !important;
    font-weight: 600 !important;
    border-bottom: 1px solid black !important;
    text-decoration: none !important;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) a:not(.wp-block-button__link):not(.button):not(.elementor-button):hover {
    color: #333 !important;
    border-bottom: 2px solid black !important;
}

.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) img {
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) h1 {
        font-size: 2rem;
    }

    .single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) h2 {
        font-size: 1.75rem;
    }

    .single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) h3 {
        font-size: 1.5rem;
    }

    .single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) p {
        font-size: 1rem;
    }

    .single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) ul,
    .single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) ol {
        padding-left: 1.5rem;
    }
}

/* blogs_system [similar_albums] — cards live inside .entry-content; exclude from global prose heading/image rules */
.single-post .entry-content .featured-content-container .content-info h3 {
    font-size: clamp(12.5px, 2.6vw, 14px) !important;
    line-height: 1.35 !important;
    margin: 0 0 8px !important;
    color: #f7f7f7 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}
.single-post .entry-content .featured-content-container .content-info h3:after {
    display: none !important;
    content: none !important;
}
.single-post .entry-content .featured-content-container .content-image img {
    border-radius: 0;
    box-shadow: none;
}
/*menu item*/
.multi_button_2nd_row{
	display: flex;
    flex-direction: row;
    gap: 50px;
}
.elementor-7628 .e-con-inner{
	height: 40vh;
}

.profile_chat_button .elementor-button{
    width: 75px;
    height: 70px;
    border-radius: 20px 0px 0px 20px;
    border: 1px solid lavender;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.15);
    background-color: #7acf58 !important;
}

.profile_message_button .elementor-button{
    height: 70px;
    width: 75px;
    border: 1px solid lavender;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.15);
    background-color: #7acf58 !important;
}

.profile_voicemail_button .elementor-button{
    width: 75px;
    height: 70px;
    border-radius: 0px 20px 20px 0px;
    border: 1px solid lavender;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.15);
    background-color: #7acf58 !important;
}

.s-post__header{
    max-width: 100% !important;
}

.profile_sext_with_me_button{
    background-color: #7acf58 !important;
    width: 200px;
    border: 1px solid lavender;
    border-radius: 12px;
}

.profile_send_bonus_button {
	border-radius: 12px;
    border: 1px solid lavender;
}

.um-main-meta{
    display:none;
}

.container-card-content .wp-singular .entry-title{
    margin-bottom: 0px !important;
}

.um-profile{
    background-color: gainsboro;
}

/*authors pages*/
.wp-singular .entry-title{
    color: fuchsia;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0 0 1.5rem 0;
    padding: 1rem;
    text-shadow: 0 0 10px rgba(255, 20, 147, 0.5);
}

.wp-singular .entry-title:after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #FFF, transparent);
    margin: 1rem auto 0;
}

/* Only apply on author pages */
body.author .site-main {
    background-color: #f8f9fa !important;
    padding: 40px 0 !important;
}

body.author .website-canvas {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

/* Author Bio Section */
body.author .author-bio-page {
    background: white !important;
    border-radius: 12px !important;
    padding: 30px !important;
    margin-bottom: 40px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
}

body.author .author-bio-page .boot-row {
    align-items: center !important;
}

body.author .gravatar.avatar {
    width: 190px !important;
    height: 190px !important;
    border-radius: 50% !important;
    border: 5px solid #fff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    object-fit: cover !important;
}

body.author .author-bio-title {
    font-size: 2.5rem !important;
    margin: 0 0 15px !important;
    color: #2c3e50 !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

body.author .author-bio-title::after,
body.author .wp-singular .entry-title::after {
    display: none !important;
    content: none !important;
}

body.author .author-bio-title a,
body.author .wp-singular .entry-title,
body.author .wp-singular .entry-title a {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Authors directory cards — names sit inside linked cards */
.authors-grid-container .author-card,
.authors-grid-container .author-card h3,
.authors-grid-container .author-info h3 {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Author Posts Section */
body.author .author-bio-page--posts h2 {
    font-size: 1.8rem !important;
    color: #2c3e50 !important;
    margin-bottom: 30px !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid #eaeaea !important;
    width: 100% !important;
}

/* Hide redundant author/date line under title (full author box is at post footer) */
body.single-post .entry-header.s-post__header > span.meta,
body.single-post .entry-header.s-post__header .post-meta__author,
body.single-post .entry-header.s-post__header .post-meta__time {
    display: none !important;
}

/* Single post author footer (Pixwell article-author-box) */
body.single-post .article-author-box {
    margin: 3rem auto 2rem !important;
    padding: 2rem 1.5rem !important;
    max-width: 640px !important;
    text-align: center !important;
}

body.single-post .article-author-box .author-image {
    margin: 0 auto 1.25rem !important;
    display: flex !important;
    justify-content: center !important;
}

body.single-post .article-author-box .author-image img,
body.single-post .article-author-box .author-image .avatar {
    width: 140px !important;
    height: 140px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 5px solid rgba(102, 126, 234, 0.25) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
    display: inline-block !important;
}

body.single-post .article-author-box .author-name {
    margin: 0 0 0.75rem !important;
    font-size: 1.25rem !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

body.single-post .article-author-box .author-name a {
    text-decoration: none !important;
    border-bottom: none !important;
}

body.single-post .article-author-box .author-bio {
    color: #555 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

body.author .blog-post-container {
    background: white !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    height: 100% !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
    margin-bottom: 30px !important;
}

body.author .blog-post-container:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

body.author .post-thumbnail {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    display: block !important;
}

body.author .blog-post-title {
    padding: 60px 20px 0 !important;
}

body.author .entry-title {
    font-size: 1.4rem !important;
    margin: 0 0 15px !important;
    line-height: 1.4 !important;
}

body.author .entry-title a {
    color: #2c3e50 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

body.author .entry-title a:hover {
    color: #e74c3c !important;
}

body.author .entry-meta {
    padding: 0 20px !important;
    margin-bottom: 15px !important;
}

body.author .meta-category a {
    background: #f1f1f1 !important;
    color: #7f8c8d !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    font-size: 0.8rem !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

body.author .meta-category a:hover {
    background: #e74c3c !important;
    color: white !important;
}

body.author .entry-excerpt {
    padding: 0 20px !important;
    color: #7f8c8d !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

body.author .more-link-wrap {
    padding: 0 20px 25px !important;
}

body.author .more-link-wrap a {
    display: inline-block !important;
    padding: 8px 20px !important;
    background: #e74c3c !important;
    color: white !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

body.author .more-link-wrap a:hover {
    background: #c0392b !important;
    transform: translateY(-2px) !important;
}

/* Pagination */
body.author .article-pagination-custom {
    margin-top: 40px !important;
    text-align: center !important;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    body.author .author-bio-title {
        font-size: 2rem !important;
    }
    
    body.author .post-thumbnail {
        height: 180px !important;
    }
}

@media (max-width: 768px) {
    body.author .author-bio-page .boot-col-md-5 {
        margin-bottom: 30px !important;
    }
    
    body.author .author-bio-title {
        font-size: 1.8rem !important;
        text-align: center !important;
    }
    
    body.author .gravatar.avatar {
        margin: 0 auto !important;
        display: block !important;
    }
    
    body.author .post-thumbnail {
        height: 160px !important;
    }
}

@media (max-width: 576px) {
    body.author .author-bio-page {
        padding: 20px !important;
    }
    
    body.author .author-bio-title {
        font-size: 1.6rem !important;
    }
    
    body.author .author-bio-page--posts h2 {
        font-size: 1.5rem !important;
    }
    
    body.author .entry-title {
        font-size: 1.2rem !important;
    }
    
    body.author .post-thumbnail {
        height: 140px !important;
    }
}
/*profile image upload fix for editing profiles*/
.um-modal-overlay{
    z-index: 999 !important;
}

/*end*/
.featured-image {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
    background: #f5f5f5;     /* Optional: Add a neutral background */
    padding: 10px;           /* Optional: Adds breathing room */
}

.featured-image img {
    max-height: 70vh;        /* Limits height relative to screen */
    max-width: 100%;         /* Prevents overflow */
    object-fit: contain;
}
/*footer*/
   footer {
            color: #FFFFFF; /* Accent color */
            text-align: center;
        }
        footer a {
            color: #FF69B4; /* Highlight color */
            text-decoration: none;
            margin: 0 10px;
        }
        .footer-text p {
            margin: 0; /* No margin */
            padding: 0; /* No padding */
        }
        
          .feedback-stars .star {
            font-size: 24px;
            cursor: pointer;
            margin: 0 2px;
        }
        
        .custom-wallet-modal{
            overflow-y: auto;
            height: 100%;
        }
        
        .meta-tag a {
    background-color: hotpink;
    color: #fff;
    border-radius: 10px;
    border: 1px solid #1a1a;
}

        footer a:hover {
            text-decoration: underline;
        }
        .payment-icons {
            display: inline-block;
            margin: 10px 0;
        }
        .payment-icons img {
            margin: 0 5px; /* Space between icons */
            width: 50px; /* Increased size */
            height: auto;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Adds a shadow for better visibility */
            background-color: white; /* Semi-transparent white background */
            padding: 5px; /* Optional: Adds spacing between the icon and the background */
        }
        .secure-icons {
            width: 100px !important; /* Increased size */
            height: auto;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Adds a shadow for better visibility */
            background-color: white !important; /* Semi-transparent white background */
            border-radius: 5px; /* Optional: Rounds the corners of the background */
        }
        .footer-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 4px 10px;
            margin: 10px auto;
            max-width: 1100px;
            line-height: 1.6;
        }
        .ump-footer-separator {
            color: rgba(255, 255, 255, 0.45);
        }
        .ump-footer-social {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 10px;
            margin: 14px 0 6px;
        }
        .ump-footer-social__link {
            display: inline-block;
            color: #fff !important;
            background: rgba(255, 105, 180, 0.18);
            border: 1px solid rgba(255, 105, 180, 0.65);
            border-radius: 999px;
            padding: 6px 14px;
            font-size: 0.92em;
            font-weight: 600;
            text-decoration: none !important;
            line-height: 1.2;
            transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
        }
        .ump-footer-social__link:hover,
        .ump-footer-social__link:focus-visible {
            color: #fff !important;
            background: rgba(255, 105, 180, 0.38);
            border-color: #ff69b4;
            text-decoration: none !important;
            transform: translateY(-1px);
        }
        .blog-categories-dropdown {
            position: relative;
            display: inline-block;
        }
        .blog-categories-menu {
            display: none;
            position: absolute;
            left: 0;
            bottom: 100%;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
            z-index: 50;
            padding: 10px;
            border-radius: 4px;
            text-align: left;
        }
        .blog-categories-menu a,
        .blog-categories-menu span {
            display: block;
            padding: 5px 0;
            color: #333;
            text-decoration: none;
            white-space: nowrap;
        }
        .blog-categories-menu a:hover {
            color: #000;
            background-color: #f1f1f1;
        }
        .blog-categories-dropdown:hover .blog-categories-menu,
        .blog-categories-dropdown:focus-within .blog-categories-menu {
            display: block;
        }
        .footer-text {
            margin: 0; /* No margin */
            font-size: 0.9em; /* Smaller font size for the disclaimer text */
        }
        .footer-text p {
            margin: 0; /* No margin for paragraphs */
        }
        .footer-text p:first-child {
            color: #FF69B4;
            font-size: 16px; /* Font size for the first paragraph */
            font-weight: 600;
        }
        .footer-text p:nth-child(2),
        .footer-text p:nth-child(3) {
            color: #0f0; /* Color for the second and third paragraphs */
        }
        .line {
            border-top: 1px solid #FF69B4; /* Line color */
            margin: 10px 0; /* Reduced margin */
        }
        br {
            line-height: 0.3; /* Adjust this value to reduce spacing */
        }

/*front page*/
/*makes these elements load in specific paddings, percentages is based on screen width*/
/*Divs*/
/* Apply styles only for non-mobile (screen width >= 768px) */
@media (min-width: 768px) {
  /*wallet*/
  #menu-item-5632{
    padding: 6px 12px 5px 5px !important;
  }

/*Images*/
  #primary{
    min-height: 100vh;
  } 
}/*end of non mobile screen settings*/

  /*fixes the popups from not showing upon first open*/
  /*login*/

  .um-half{
    width:100% !important;
  }

  .um-col-121{
    width:100% !important;
  }

  #pin-417{
    width:100% !important;
  }

  #extension_number-417{
    width:100% !important;
  }

/*homepage interface*/
#sli-tab{
  padding:0;
}

.emoji {
    width: 20px !important; /* Set width */
    height: 20px !important; /* Set height */
}

/*filter style*/
  .um-member-directory-sorting-a a{
    color: #FF69B4;
  }

  .um-member-directory-sorting span{
    color: #FF69B4;
  }

body {
    background-color: #140516;
    background-image:
        radial-gradient(circle at 50% 12%, rgba(105, 12, 95, 0.34), transparent 38%),
        radial-gradient(circle at center, rgba(0, 0, 0, 0.28), rgba(15, 5, 20, 0.86)),
        linear-gradient(135deg, #1b061c 0%, #09040d 55%, #24051f 100%);
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    min-height: 100vh;
    margin: 0 !important;
  }

body.om-site-background-ready {
    /* Texture injected post-load via optimization_methods.php to protect mobile FCP/LCP. */
    background-color: #140516;
  }

/**/
/*@font-face {
  font-family: 'FontAwesome';
  src: url('https://speakmydesires.com/wp-content/themes/um-theme/inc/webfonts/fa-solid-900.woff2') format('woff2');
  font-display: swap;
}}*/


/* Close button */
.close-btn {
    font-size: 20px;
    cursor: pointer;
}

#um-login-form {
    display: none; /* Hide the form initially */
}

.um-faicon-cog{
  color:#800080 !important;
}

/*for mobile devices*/
/*footer*/
@media (max-width: 600px) {
.payment-icons img {
  width: 70px; /* Larger size for mobile devices */
} 
  
.elementor-element-219bf47{
  display:flex;
  flex-direction: row;
  margin-right:0px !important;
}

.elementor-element-af449c4 .e-con-inner{
    display: flex;
    flex-direction: column;
}        


}
/*end of mobile devices declaration*/

/*hamburger menu*/
#rmp-menu-title-link > img{
  border-radius: 12px;
  min-height: 100px;
  min-width: 150px;
}

#rmp-menu-item-5632 > a{
  text-decoration: none;
    color: #FFFFFF;
    font-size: 24px;
    border: solid 2px black;
    padding: 5px 10px 6px 3px;
    border-radius: 12px;
}

#rmp-menu-item-5632{ /*wallet for hamburger menu*/
  text-align:center; 
}

/*google account in registration popup*/
.um-button-social{
  display: block !important;
}

.lrm-user-modal-container a.um-button.um-button-google,
.lrm-user-modal-container a.um-button.um-button-social.um-button-google {
  display: inline-block !important;
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #dadce0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  min-height: 44px;
  line-height: 1.3;
  padding: 12px 20px !important;
  width: auto !important;
  max-width: 100%;
}

.lrm-user-modal-container a.um-button.um-button-google span,
.lrm-user-modal-container a.um-button.um-button-google i,
.lrm-user-modal-container a.um-button.um-button-social.um-button-google span,
.lrm-user-modal-container a.um-button.um-button-social.um-button-google i {
  color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.lrm-user-modal-container .um-shortcode-social .um-field {
  text-align: center;
}
    
.lrm-signup-section .um-field{
  margin-top: 0px !important;
    padding-top: 0px !important;
}

/* Keep the LRM popup login-only: hide public registration everywhere. */
.lrm-user-modal-container .lrm-switcher li:nth-child(2),
.lrm-user-modal-container .lrm-switch-to--register,
.lrm-user-modal-container .lrm-signup-section {
  display: none !important;
}

.lrm-user-modal-container .lrm-switcher li:first-child {
  width: 100% !important;
}

.lrm-user-modal-container .lrm-switch-to--login {
  width: 100% !important;
  text-align: center !important;
}

.lrm-user-modal-container:has(.lrm-signup-section.is-selected) .lrm-signin-section {
  display: block !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member{
    width:23% !important;
    margin-left:1% !important;
    margin-right:1% !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer{
    width:0 !important;
}

#eael-advance-tabs-f6e3337 > div.eael-tabs-content{
  height: 90vh;
  overflow: auto;
}

/*for blogs*/

/* --------------------------------------------------------------------------
   Blog comments / Leave a Reply (single posts)
   -------------------------------------------------------------------------- */
body.single-post #comments.comments-area,
body.single-post .comments-area {
    max-width: 760px !important;
    margin: clamp(2rem, 5vw, 3.5rem) auto 0 !important;
    padding: clamp(1.25rem, 4vw, 2rem) !important;
    background: #ffffff !important;
    border: 1px solid rgba(102, 126, 234, 0.16) !important;
    border-left: 4px solid #ff69b4 !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08) !important;
    text-align: left !important;
}

body.single-post #comments .comments-title {
    margin: 0 0 0.35rem !important;
    padding: 0 0 0.85rem !important;
    border-bottom: 1px solid #eceff4 !important;
    font-size: clamp(1.35rem, 3.5vw, 1.65rem) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #1f2937 !important;
    text-align: left !important;
}

/* Hide duplicate "Leave a Reply" when the section title is already shown */
body.single-post #comments > #respond > .comment-reply-title {
    display: none !important;
}

body.single-post .comment #respond > .comment-reply-title {
    display: block !important;
    margin: 0 0 1rem !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    text-align: left !important;
}

body.single-post #comments .comment-respond {
    margin: 0 !important;
    padding: 0 !important;
}

body.single-post #comments .comment-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    margin: 1rem 0 0 !important;
    text-align: left !important;
}

body.single-post #comments .comment-form > p {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

body.single-post #comments .comment-form .comment-notes {
    grid-column: 1 / -1 !important;
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
    color: #64748b !important;
}

body.single-post #comments .comment-form label {
    display: block !important;
    margin: 0 0 0.45rem !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    text-align: left !important;
}

body.single-post #comments .comment-form .required {
    color: #ff69b4 !important;
}

body.single-post #comments .comment-form input[type="text"],
body.single-post #comments .comment-form input[type="email"],
body.single-post #comments .comment-form input[type="url"],
body.single-post #comments .comment-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0.85rem 1rem !important;
    border: 1px solid #d7dee8 !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    color: #1f2937 !important;
    background: #f8fafc !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}

body.single-post #comments .comment-form textarea {
    min-height: 140px !important;
    resize: vertical !important;
}

body.single-post #comments .comment-form input[type="text"]:focus,
body.single-post #comments .comment-form input[type="email"]:focus,
body.single-post #comments .comment-form input[type="url"]:focus,
body.single-post #comments .comment-form textarea:focus {
    outline: none !important;
    border-color: #ff69b4 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(255, 105, 180, 0.15) !important;
}

body.single-post #comments .comment-form .comment-form-comment,
body.single-post #comments .comment-form .comment-form-url,
body.single-post #comments .comment-form .comment-form-cookies-consent,
body.single-post #comments .comment-form .comment-notes,
body.single-post #comments .comment-form .form-submit {
    grid-column: 1 / -1 !important;
}

body.single-post #comments .comment-form .comment-form-cookies-consent {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.65rem !important;
}

body.single-post #comments .comment-form .comment-form-cookies-consent input[type="checkbox"] {
    width: 1.05rem !important;
    height: 1.05rem !important;
    margin: 0.2rem 0 0 !important;
    flex-shrink: 0 !important;
    accent-color: #ff69b4 !important;
}

body.single-post #comments .comment-form .comment-form-cookies-consent label {
    margin: 0 !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
    line-height: 1.45 !important;
    color: #64748b !important;
}

body.single-post #comments .comment-form .form-submit {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.85rem !important;
    margin-top: 0.25rem !important;
}

body.single-post #comments .comment-form .cf-turnstile,
body.single-post #comments .comment-form .cf-turnstile-br {
    margin: 0 !important;
}

body.single-post #comments .comment-form input[type="submit"],
body.single-post #comments .comment-form .submit {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0.9rem 1.35rem !important;
    border: none !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #ff69b4 0%, #c850c0 100%) !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
    box-shadow: 0 8px 20px rgba(255, 105, 180, 0.28) !important;
}

body.single-post #comments .comment-form input[type="submit"]:hover,
body.single-post #comments .comment-form .submit:hover {
    filter: brightness(1.05) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 24px rgba(255, 105, 180, 0.34) !important;
}

@media (min-width: 640px) {
    body.single-post #comments .comment-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1rem 1.1rem !important;
    }

    body.single-post #comments .comment-form .comment-form-author,
    body.single-post #comments .comment-form .comment-form-email {
        grid-column: span 1 !important;
    }

    body.single-post #comments .comment-form .form-submit {
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: wrap !important;
    }

    body.single-post #comments .comment-form input[type="submit"],
    body.single-post #comments .comment-form .submit {
        width: auto !important;
        min-width: 180px !important;
    }
}

@media (max-width: 639px) {
    body.single-post #comments.comments-area,
    body.single-post .comments-area {
        border-radius: 12px !important;
    }

    body.single-post #comments .comment-form textarea {
        min-height: 120px !important;
    }
}

/* Existing comments list */
body.single-post #comments .comment-list {
    margin: 1.75rem 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.single-post #comments .comment {
    background-color: #f8fafc !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 12px !important;
    padding: 1.1rem 1.15rem !important;
    margin: 0 0 1rem !important;
    box-shadow: none !important;
}

body.single-post #comments .comment .comment-author {
    font-weight: 700 !important;
    color: #1f2937 !important;
    font-size: 1rem !important;
}

body.single-post #comments .comment .comment-meta {
    font-size: 0.85rem !important;
    color: #64748b !important;
    margin-top: 0.25rem !important;
}

body.single-post #comments .comment .comment-content {
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    margin-top: 0.65rem !important;
}

body.single-post #comments .comment .reply a {
    color: #ff69b4 !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body.single-post #comments .comment .reply a:hover {
    color: #c850c0 !important;
    text-decoration: underline !important;
}

body.single-post #comments .comment-navigation {
    text-align: center !important;
    margin-top: 1.5rem !important;
}

body.single-post #comments .comment-navigation a {
    background: linear-gradient(135deg, #ff69b4 0%, #c850c0 100%) !important;
    color: #fff !important;
    padding: 0.65rem 1.1rem !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    font-size: 0.92rem !important;
    margin: 0.25rem !important;
}

/* Blog post FAQ — separate card below comments, compact layout */
body.single-post .smd-blog-faq-wrap {
    max-width: 100%;
    margin: 1.75rem 0 0;
    padding: 1.75rem 1.5rem 1.5rem;
    background: #ffffff;
    border: 1px solid #e8edf3;
    border-radius: 16px;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
}

body.single-post .community-faq--compact .faq-heading {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.3;
}

body.single-post .community-faq--compact .faq-intro {
    margin: 0 0 1rem;
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.5;
}

body.single-post .community-faq--compact .faq-search-container {
    margin-bottom: 0;
}

body.single-post .community-faq--compact .faq-search-field {
    position: relative;
}

body.single-post .community-faq--compact #faq-search-input {
    width: 100%;
    padding: 0.85rem 2.75rem 0.85rem 1rem;
    border: 1px solid #dde3ea;
    border-radius: 12px;
    font-size: 1rem;
    color: #1f2937;
    background: #f8fafc;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

body.single-post .community-faq--compact #faq-search-input:focus {
    outline: none;
    border-color: #ff69b4;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(255, 105, 180, 0.15);
}

body.single-post .community-faq--compact .faq-search-field .dashicons-search {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
}

body.single-post .community-faq--compact #faq-search-results {
    margin-top: 0.85rem;
    background: #ffffff;
    border: 1px solid #e8edf3;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

body.single-post .community-faq--compact .faq-browse-toggle-wrap {
    margin-top: 1.15rem;
    text-align: center;
}

body.single-post .community-faq--compact .faq-browse-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1.25rem;
    border: 1px solid #e8edf3;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 0.92rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

body.single-post .community-faq--compact .faq-browse-toggle:hover,
body.single-post .community-faq--compact .faq-browse-toggle[aria-expanded="true"] {
    color: #c850c0;
    border-color: rgba(255, 105, 180, 0.35);
    background: #fff5fb;
}

body.single-post .community-faq--compact .faq-static-content {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid #eef2f6;
}

body.single-post .community-faq--compact .faq-categories-container > h3 {
    margin: 0 0 1rem !important;
    padding-bottom: 0.65rem !important;
    border-bottom: 1px solid #eef2f6 !important;
    font-size: 1.05rem !important;
    color: #1f2937 !important;
}

body.single-post .community-faq--compact .faq-category-section {
    margin-bottom: 1.15rem !important;
}

body.single-post .community-faq--compact .faq-category-section h4 {
    margin: 0 0 0.45rem !important;
    font-size: 0.95rem !important;
    color: #64748b !important;
    text-transform: capitalize;
}

body.single-post .community-faq--compact .faq-question {
    font-size: 0.95rem !important;
}

@media (max-width: 639px) {
    body.single-post .smd-blog-faq-wrap {
        margin-top: 1.25rem;
        padding: 1.25rem 1rem 1rem;
        border-radius: 12px;
    }

    body.single-post .community-faq--compact .faq-heading {
        font-size: 1.2rem;
    }
}

/* Fallback for non-single contexts that still use .comments-area */
.comments-area {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
    margin-top: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.comment-form {
    margin-bottom: 30px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1rem;
    color: #333;
    background-color: #fff;
    transition: border-color 0.3s ease;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
    border-color: #FF69B4;
    outline: none;
}

.comment-form input[type="submit"] {
    background-color: #FF69B4;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.comment-form input[type="submit"]:hover {
    background-color: #e85aa3;
}

.comment {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.comment .comment-author {
    font-weight: bold;
    color: #333;
    font-size: 1.1rem;
}

.comment .comment-meta {
    font-size: 0.9rem;
    color: #777;
    margin-top: 5px;
}

.comment .comment-content {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
}

.comment .reply {
    color: #FF69B4;
    font-size: 0.9rem;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
    transition: color 0.3s ease;
}

.comment .reply:hover {
    color: #c850c0;
}

.comment-navigation {
    text-align: center;
    margin-top: 40px;
}

.comment-navigation a {
    background-color: #FF69B4;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 1rem;
    margin: 5px;
}

.comment-navigation a:hover {
    background-color: #e85aa3;
}

/*edit pricefields in the my profile section*/
/* Container for the outer div */
._um_row_9 .um-col-1 {
    display: flex;               /* Make the container a flexbox */
  flex-direction: row;
    flex-wrap: wrap;             /* Allow wrapping if needed */
    gap: 10px;                   /* Add some spacing between the buttons */
}

/* Button-like styling for each inner div */
._um_row_9 .um-col-1 > div {
  flex: 1 1 25%;          
  box-sizing: border-box; 
    padding: 10px 20px;          /* Add padding for size */
    background-color: #f4f4f4;   /* Light background color */
    border: 1px solid #ccc;      /* Soft border */
    border-radius: 8px;          /* Rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Soft shadow */
    transition: all 0.3s ease;   /* Smooth transition for hover effects */
    cursor: pointer;            /* Change cursor to indicate it's clickable */
   /* font-family: 'Roboto', sans-serif; /* Optional: Use a clean font */
}

/* Hover effect for button-like divs */
._um_row_9 .um-col-1 > div:hover {
    background-color: #e1e1e1;   /* Slightly darker background on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Stronger shadow on hover */
    transform: translateY(-2px);  /* Slight movement to simulate pressing */
}

/* Active effect (optional) when clicked */
._um_row_9 .um-col-1 > div:active {
    background-color: #d3d3d3;   /* Even darker background when clicked */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Light shadow on click */
    transform: translateY(0);     /* Reset movement when clicked */
}
/*custom styles*/
/*profile image for advisors*/
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo {
    padding: 10px 0 10px 0 !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a .um-avatar-uploaded {
    border: 1px solid #555 !important;
    background: #fff !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    width: 250px !important;
    height: 250px !important;
}

/*audio player for advisors list*/
.custom-audio-player_list {
    display: flex;
    align-items: center;
    }
    
.play-button_list {
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px 0px 3px 0px;
    font-size: 12px;
    padding: 12px 8px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s;
    position: absolute;
    left: 16px;
    top: 16px;
    height: 20px;
}

.play-button_list i {
    margin-right: 0px;
}
.play-button_list:hover {
    background-color: #e0e0e0;
    border-color: #bbb;
}
.audio_list {
    display: none;
}

/*Rocket chat widget*/
.rocket_chat_widget{
    border: 1px black solid !important;
    border-radius: 15px;
}

.um-profile-one-content .um-profile-content-container {
    margin-bottom: 150px !important;
}
                
.elementor-1773 .elementor-element.elementor-element-fcaebcb.e-con {
    margin-top: 100px !important;
}                
                
/*home page and list of advisors*/
.member-profile-container, .um-member {
  position: relative;
  background: linear-gradient(to bottom, #800080 0%, #6a006a 80%, #220122 100%) !important;
}

.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img {
    -moz-border-radius: unset !important;
    -webkit-border-radius: unset !important;
    border-radius: unset !important;
}

.member-profile-container, .um-member-name_ a {
    color: #FF69B4 !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline a {
    background-color: #E4E1E1;
    color: #FF69B4;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    border-radius: 4px;
    border: 2px solid #FF69B4;
    padding: 10px 20px; /* Adjust padding for size */
    width: 200px; /* Set a specific width for a longer button */
    box-sizing: border-box; /* Ensure padding and border are included in the total width */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    margin-bottom:10px;
}


.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline a:hover {
    background-color: #FF69B4;
    color: #FFFFFF;
}

.um-member-meta p{
    color: #dfdfdf;
    /*font-family: 'Roboto Slab';*/
}

.um-members-list-footer-button-wrapper a{
    width:200px;
}

/*-------chat me------------*/
.um-member-tagline-chat_me a {
    height: 35px;
    color: #FF69B4 !important; /* Text color */
    background-color: #E4E1E1 !important; /* Default background color */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 15px 10px !important; /* Padding */
    border-radius: 4px !important; /* Rounded corners */
    font-size: 16px; /* Font size */
    width:90px !important;
    justify-content: center;
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.um-member-tagline-chat_me a::before {
    content: '\f086'; /* Font Awesome chat icon */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px; /* Space between icon and text */
    font-size: 16px !important; /* Adjust icon size */
     transform: rotate(180deg) !important;
}

.um-member-tagline-chat_me a:hover {
    background-color: #FF69B4 !important; /* Change background to pink on hover */
    color:#E4E1E1 !important;
}

.um-members-edit-btn {
    margin-bottom:8px  !important;
}

.um-members-edit-btn a{
    width:200px !important;
    font-size:16px !important;
}

/*dynamic name*/
.um-member-name_ a{
    font-size:1.4em !important;
}

.um-member-name_{
  order: -1;
}

.um-member-name a{
    display:none !important;/*removes the default name*/
}

.um-member-card {
  display:flex;
  flex-direction:column;  
}
/*follow button*/
 div.um-member-card > div.um-members-follow-btn.um-members-list-footer-button-wrapper > a:hover{
    color:#E4E1E1 !important;
    background:gray !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover {
    background-color: transparent !important; 

}

/* profile popup*/
.calling-title {
 /*   font-family: 'Roboto', sans-serif; /* Ensure Roboto is imported */
    color: #FF69B4; /* Pink color */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Light shadow */
    font-size: 2em; /* Adjust size as needed */
    margin: 0; /* Remove default margins if desired */
}

/*wallet*/
.woo-wallet-icon-wallet{
  display:none !important;
}



/**/
/*homepage*/

.cta-button{
border: solid 2px white !important;
}

/* Example CSS for submenu visibility */
.menu-item:hover .sub-menu {
    display: block;
}

.sub-menu {
    /* display: none; Hide submenu by default */
    position: absolute; /* Position submenu correctly */
}
/* Style the submenu links */
ul.sub-menu li a {
    color: white; /* Change text color to white */
}

/* Optional: Change submenu background color for better visibility */
ul.sub-menu {
    background-color: #333; /* Example background color, adjust as needed */
}
.menu-item:hover .sub-menu li a {
    color: white !important; /* Use !important if the color is not applying */
}

/*homepage banner*/
.main_promotion .elementor-cta__title {
    font-size: 44px !important;
}
l
.elementor-5744 .elementor-element.elementor-element-668e591 {
    padding: 0 !important;
}

#call_me_slideshow-tab .um-member-tagline-call_me{
    margin-top:60px !important;
}

#call_me_slideshow-tab .call-me-button{
    display:none !important;
}

#call_me_slideshow-tab .um-member-tagline-chat_me{
    display: none !important;
}

#call_me_slideshow-tab .custom-audio-player_list{
    display: none;
}

#call_me_slideshow-tab .um-directory{
    margin-bottom: 0 !important;
}

#call_me_slideshow-tab .um-members-pagination-box{
    position:absolute !important;
}

/*profile buttons*/
.um-message-btn{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 120px;
    margin-bottom: 4px !important;
    font-size: 16px !important;
    border: 2px solid #3BA1DA !important;
    background-color: #E4E1E1 !important;
    color: #666666 !important;
}

/*profile image container*/
  .um-profile-one{
    border-radius: 1px;
  }

/*daily call reports - admin side*/
    .daily_phone_table{
        overflow-x: auto;
    }

    .daily_phone_table table th{
        width: 200px;
      align-content: center; 
      padding: 8px 12px;
      text-align: center;
    }

     .daily_phone_table table tr td{
      text-align:center;
     }
/*paginations for admin*/

    /* Style the pagination container */
    #pagination-container {
        margin-top: 20px;
        text-align: center;
    }

    /* Style individual pagination buttons */
    .pagination-btn {
        background-color: #f0f0f0; /* Light background */
        border: 1px solid #ccc;    /* Light gray border */
        padding: 8px 16px;          /* Add some padding */
        margin: 5px;                /* Space between buttons */
        border-radius: 4px;         /* Rounded corners */
        font-size: 14px;            /* Font size */
        cursor: pointer;           /* Pointer cursor on hover */
        transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
    }

    /* Hover effect for the pagination buttons */
    .pagination-btn:hover {
        background-color: #e0e0e0;  /* Lighter background on hover */
        color: #333;                 /* Darker text on hover */
    }

    /* Style the active page button */
    .pagination-btn.active {
        background-color: #4CAF50;  /* Green background for active page */
        color: white;                /* White text for active page */
        border-color: #4CAF50;       /* Matching border color */
    }

    /* Make the pagination buttons look like a clean, consistent line */
    .pagination-btn:focus {
        outline: none;              /* Remove focus outline */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Add a blue glow on focus */
    }

  #clear-filter-btn{
    color: white;
    background-color: gray;
    }

  #clear-filter{
    text-align: center;
    padding: 10px 20px 10px 10px;
  }
  
  #month_filter{
    text-align: center;
    padding:20px;
  }

  #day_filter{
    text-align: center;
    padding:20px;
  }

  #filters-container{
    display: flex;
    flex-direction: row;
  }

  #pagination-container{
    text-align:center; 
    margin-top:20px;
    overflow-y: auto;
    height: 150px;
  }

  .daily_phone_table{
    margin-bottom:25px;
  }

/*contact us page*/

#gform_submit_button_48{
  background-color: #FF69B4;
}

#gform_submit_button_48:hover{
  background-color: #FF1493;
}

/*top advisors page*/
.um-member-card{
  display:flex;
  flex-direction:column;
}

.um-member-tagline-online_status{
  order:1 !important;
  padding: 12px 24px;                         /* Space inside the button */
  font-size: 16px;                            /* Text size */
  font-weight: 600;                           /* Slightly bold font */
  text-transform: uppercase;                  /* Uppercase text */
  letter-spacing: 1px;                        /* Slight letter-spacing for readability */
  border: none;                               /* Remove default border */
  border-radius: 25px;                        /* Rounded, pill-like button */
  background-color: #FF69B4;                  /* Main pink color (Hot Pink) */
  color: white;                               /* White text */
  cursor: pointer;                           /* Pointer on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);   /* Subtle shadow for depth */
  transition: all 0.3s ease;                  /* Smooth transition for hover and focus effects */
}

.um-member-tagline-online_status:has(span.online) {
  background-color: #7acf58; /* Set to green when the span has class 'online' */
}

.um-member-tagline-online_status:hover {
  background-color: #FF1493;                  /* Darker pink on hover */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Slightly deeper shadow */
  transform: translateY(-2px);                /* Slight lift effect */
}

.um-member-tagline-online_status:focus {
  outline: none;                              /* Remove focus outline */
  box-shadow: 0 0 0 3px rgba(255, 20, 147, 0.5); /* Subtle focus ring (pinkish) */
}

.um-member-name_{
  order:2;
}

.um-member-rating{
  order:3;
}

.um-members-follow-stats{
  order:4;
}

.um-members-follow-btn{
  order:5;
}

.um-members-messaging-btn{
  order:6;
}

.um-member-tagline-call_me{
   order:7; 
}

.um-member-tagline-chat_me{
   order:8;
}

.um-member-meta-main{
  order:9;
}

.um-message-abtn{
    width: 200px !important;
}

.um-member-name{
  display:none;
}

.um-member-photo{
  padding-bottom:0 !important;
}

um-message-btn{
  margin-bottom:0px !important;
}

.um-follow-btn {
    width: 200px !important;
    align-items: center;
    justify-content: center;
    display: block !important;
    padding-top: 15px !important;
}

.um-member-tagline-online_status > span{
  color:white !important;
}

.um-member-tagline-online_status > span > .offline {
  color: black !important;
}

.um-member-tagline-online_status > span > .online {
  color: #00801fe6 !important;
}

/*profile page floating widget on the left side*/

.profile_last_login{
    font-weight: 600;
    font-size: 11px;
    padding: 5px 5px 5px 5px;
}

.profile_call_me_button{
  text-align: center;
}

#callButton-20{
    margin-bottom: 0px !important;
}

.profile_unable_to_take_call{
  width: 200px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 5px !important;
}

.profile_unable_to_take_call .elementor-button{
  font-size: 14px;
    text-align: center;
    padding: 10px 1px 10px 1px;
}

.profile_request_callback .elementor-button{
  width: 200px;
    padding: 10px 1px 10px 1px;
    margin-bottom: 5px;
}

.profile_price_summary{
  padding: 10px 10px 0px 10px;
}

.profile_price_summary .arrow-list{
  margin-bottom: 0px;
}


.elementor-element-219bf47{
  padding: 0px;
}

.button_green{
    background-color:#7acf58 !important;
}

.profile_voicemail_button .elementor-button-text{
    margin-top:5px;
}


.elementor-element-219bf47{
  margin-right: 20px;
}

.profile_chat_button .elementor-button-content-wrapper{
  display: flex;
    flex-direction: column !important;
  align-items: center;
}

.profile_voicemail_button .elementor-button-content-wrapper{
  display: flex;
    flex-direction: column !important;
  align-items: center;
}

.profile_message_button .elementor-button-content-wrapper{
  display: flex;
    flex-direction: column !important;
  align-items: center;
}


.um-profile .um-login-to-follow-btn{
  width: 150px !important;
}

/*top advisors*/
.um-directory .um-members-wrapper .um-members.um-members-list{
  grid-template-columns: repeat(3, 1fr) !important;
}

.um-member{
  width:400px;
}

.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img {
  border-radius: 0px !important;
}

.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons{
    flex-direction: column-reverse !important;
}


.um-member-card .um-member-card-content .um-member-card-header{
  order:2 !important;
}

.um-message-btn{
  height: 35px !important;
    margin-top: 1px;
    background-color: #E4E1E1 !important;
    color: #666666 !important;
}

.um-follow-btn{
  padding: 10px 10px 10px 10px !important;
    width: 120px !important;
}

.um-member-tagline-online_status{
  width: 120px !important;
  justify-content: center !important;
}

.um-members-messaging-btn um-members-list-footer-button-wrapper{
  width: 120px; 
}

.um-follow-btn{
  height: 35px;
}

.um-member-card-footer-buttons{
   
    left: 10px;
    top: 150px;
}

.call-me-button{
    margin-top: 20px;
    margin-left: 5px;
    height: 35px;
}

.um-member-tagline-chat_me{
  margin-left: 5px;
}

.um-message-btn{
    height: 35px !important;
}

.um-member-photo a{
  width: 140px !important;
  height: 180px !important;
}

.um-member-photo a img{
  width: 140px !important;
  height: 180px !important;
  border-radius: 4px !important;
    border: 1px solid #555 !important;
}

.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo{
  margin: 0 45px 0 0 !important;
}

.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img {
    border-radius: 0 !important;
}

.um-member-tagline-online_status{
    width: 150px !important;
}

/*homepage*/
.um-activity{
  max-width: 600px !important;
}

.wall_feed .um-form{
  overflow: auto;
    max-height: 1040px;
}

/* Block button styles (before blocking) */
.um-block-button {
    background-color: #FF0000; /* Red color */
    color: white;
    border: 2px solid #FF0000;
    padding: 0; /* Remove padding for fixed size */
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    width: 200px; /* Fixed width */
    height: 35px; /* Fixed height */
    transition: all 0.3s ease;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    line-height: 35px; /* Vertically center text */
}

.um-block-button:hover {
    background-color: #cc0000; /* Darker red on hover */
    border-color: #cc0000;
}

/* Unblock button styles (after blocking) */
.um-unblock-button {
    background-color: #000000; /* Black color */
    color: white;
    border: 2px solid #000000;
    padding: 0; /* Remove padding for fixed size */
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    width: 200px; /* Fixed width */
    height: 35px; /* Fixed height */
    transition: all 0.3s ease;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    line-height: 35px; /* Vertically center text */
}

.um-unblock-button:hover {
    background-color: #333333; /* Darker black on hover */
    border-color: #333333;
}

.um-members-follow-btn .um-login-to-follow-btn{
    min-width: 90px !important;
    align-items: center;
    justify-content: center;
    display: block !important;
    height: 35px;
    padding: 10px 10px !important;  
}

body .um .um-button.um-alt:not(.um-button-google):not(.um-button-social), 
body .um-groups-invites-users-wrapper .um-group-button, 
body .um input[type=submit].um-button.um-alt:not(.um-button-google):not(.um-button-social) {
    color: #FF69B4  !important;
    padding: 10px 10px !important;
}

.um-members-follow-btn{
  position: absolute;
    right: 20px;
    top: 124px;
}

body .um .um-message-btn,
body .um .um-message-btn.um-button {
    color: #FF69B4  !important;
    background-color: #E4E1E1 !important;
    width: 90px;
    padding: 1px 0px !important;
    font-size: 15px !important;
}

.um-member-card-footer-buttons .um-members-messaging-btn{
    position: absolute;
    right: 20px;
    top: 162px;
}

body .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons>:not(:last-child) {
    margin: 0px !important;
}

body a.um-follow-btn, a.um-follow-edit, a.um-login-to-follow-btn, a.um-unfollow-btn, a.um-unfollow-btn{
    min-width: 90px !important;
}

.um-member .um-member-card-content .um-member-card-header{
    display: flex;
    flex-direction: column;
}

body .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container{
    margin: 0 !important;
}

.private_wall_container{
    overflow-y:auto;
    max-height:1000px;
}

.public_wall{
  max-height: 900px;
    overflow-y: auto;
}

/*additional button styles for advisor lists*/
body .um-unfollow-btn{
    width: 90px !important;
    height: 35px !important;
}

body .um-members-follow-btn .um-button{
  padding: 10px 0px 5px 0px !important;
}

body .um .um-button:not(.um-button-google):not(.um-button-social),
body .um-request-button,
body .um input[type=submit].um-button:not(.um-button-google):not(.um-button-social),
body .um input[type=submit].um-button:focus:not(.um-button-google):not(.um-button-social),
body .um a.um-button:not(.um-button-google):not(.um-button-social),
body .um a.um-button.um-disabled:hover:not(.um-button-google):not(.um-button-social),
body .um a.um-button.um-disabled:focus:not(.um-button-google):not(.um-button-social),
body .um a.um-button.um-disabled:active:not(.um-button-google):not(.um-button-social) {
    color: #800080 !important;
    background-color: #eeeeee !important;
}

body .um-modal-btn:hover,
body .um input[type=submit].um-button:hover:not(.um-button-google):not(.um-button-social),
body .um a.um-button:hover:not(.um-button-google):not(.um-button-social),
body .um-button:active:not(.um-button-google):not(.um-button-social) {
    color: #800080 !important;
    background-color: #eeeeee !important;
}

body .um-custom-profile-container .um-members-messaging-btn .um-message-btn{
    padding: 10px 10px 10px 10px !important;
    width: 150px !important;
    background-color: #FF69B4 !important;
    color: white !important;
    margin-left: 5px !important;
}

body .um-custom-profile-container .um-unfollow-btn{
  padding: 10px 10px 10px 10px !important;
    width: 150px !important;
    background-color: #FF69B4 !important;
    color: white !important;
}

body .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta{
    margin-top: 0 !important;
}

body .um-member-meta-main.no-animate{
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 10px !important;
}

body .um-member-card-footer-buttons{
  margin-bottom: 70px !important;
}

body .um-member-card-footer  {
   height: 40px !important;  
}

body .um-members.um-members-list a.um-message-abtn{
    width: 90px !important;
    height: 35px !important;
    padding: 10px 0px 0px 0px !important;
    font-size: 14px;
}

/*advisor store area*/
.goodies-icon-link {
    border: 1px solid #ccc;
    position: absolute;
    display: inline-block;
    padding: 3px 9px;
    background-color: #fff;
    border-radius: 0 3px 0 3px;
    cursor: pointer;
    color: #000;
    font-size: 12px;
    text-align: center;
    top: 16px;
    left: 120px;
}
.goodies-icon-link i {
    line-height: 30px;
}

.goodies-icon-link:hover {
    opacity: 0.7; /* Reduce opacity on hover */
    background-color: lightpink; /* Change background color on hover */
    border-color: hotpink; /* Change border color on hover */
}

/*advisor widget*/
.advisor_widget_container{
  position: absolute;
    left: -230px;
    top: -120px !important;
    max-width: 240px;
}

/*working*/
/* Mobile styles */
@media (max-width: 768px) {
    .advisor_widget_container {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        max-width: 100% !important;
        margin-bottom: 20px;
        order: 1; /* If using flexbox */
    }
    
    .um-profile-photo {
        display: none !important;
    }
}

/* Tablet styles */
@media (max-width: 1024px) and (min-width: 769px) {
    .advisor_widget_container {
        left: -180px;
        top: -160px;
        max-width: 200px;
    }
}

.elementor-element-a3c06a3{
    height: 55px;
    font-size: 12px;
    width: 200px;
    margin-bottom: 5px !important;
}


.elementor-element-05c1d12 a{
width: 200px !important;
}

.elementor-element-cd186e6 .arrow-list{
  margin-bottom: 0px;
}

/*featured models section*/


.carousel .um-members-list{
  display: flex !important;
}

.elementor-element-a0acc95{
  display: none;
}

body .um-directory{
  margin-bottom:0px;
}


.carousel .um-members-wrapper{
  width: 100%;
  overflow:hidden;
}

.carousel .um-members-list{
  display: flex !important;
    width: 100%;
}


.carousel .um-members-list .um-role-um_advisor{
    flex: 0 0 40%;
}

/* Left and right arrows */
.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 2em;
  padding: 10px;
  border: none;
  cursor: pointer;
  z-index: 10;
}

.carousel-arrow.left {
  left: 10px;
}

.carousel-arrow.right {
  right: 10px;
}

.carousel-arrow:hover {
  background: rgba(0, 0, 0, 0.8);
}

.view_more_button {
  height: 270px;
  color: white;
}

.elementor-element-49d9b57::before , .elementor-element-3813295::before {
  filter: blur(7px);
}

.um-4248e {
  margin-bottom: 0px !important;
}

.um-members-pagination-box{
  margin-bottom: 0px !important;  
}

.elementor-element-682b7c1{
    padding-bottom: 0px !important;
}

/*notifications widget*/
.um-notification-shortcode{
    background: #2a2a2a !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow-x: hidden;
}

.um-notifications-filter.active{
    background: #2a2a2a !important;
    border-color: #ff69b4 !important;
}

.widget_notifications .elementor-shortcode{
  overflow-y: auto;
    max-height: 800px;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.widget_notifications,
.widget_notifications *,
.um-notification-shortcode,
.um-notification-shortcode * {
    box-sizing: border-box;
}

.widget_notifications img,
.um-notification-shortcode img {
    max-width: 100%;
    height: auto;
}

.widget_notifications a,
.um-notification-shortcode a,
.widget_notifications li,
.um-notification-shortcode li {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Keep notifications compact without shrinking the entire UM profile layout. */
.um-profile-body.notifications,
.um-profile-body.um-notifications,
.um-profile-body > .um-notification-shortcode,
.um-profile-body > .um-notifications-list,
.um-profile-content-container > .um-notification-shortcode,
.um-profile-content-container > .um-notifications-list,
.widget_notifications .elementor-shortcode,
.um-notification-shortcode,
.um-notifications-list {
    width: min(540px, 100%) !important;
    max-width: min(540px, calc(100vw - 48px)) !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/*explore advisors area*/
.followers_container{
  max-height: 400px;
    overflow-y: auto;
}


.following_container{
  max-height: 400px;
    overflow-y: auto;
}

.fanclub_button{
    color: white;
    background: hotpink;
    padding: 5px 20px 5px 20px;
    border-radius: 12px;
}
/*fanclub page*/
.um-member-metaline-fanclub_content{
  color:hotpink;
  font-size:17px !important;
}

.fan_club_container .goodies-icon-link{
  top: 10px !important;
    left: 217px !important;
    padding: 9px 9px !important;
}

.fan_club_container .play-button_list{
  left: 2px !important;
    top: 10px !important;
    padding: 15px 15px !important;
    height: 38px !important;
}

.fan_club_container .um-member-metaline-fanclub_price{
    color: hotpink !important;
    font-size: 18px !important;
    line-height: 20px !important;
}

.fan_club_container .fanclub_button{
    position: absolute;
    top: 240px !important;
    width: 250px !important;
    left: 3px !important;
}

.super_carousel_wrapper .fanclub_button{
  display: none !important;
}

.explore_advisors_container .fanclub_button{
  display: none !important;
}

.explore_advisors_container .carousel-arrow{
  display: none !important;
}
/*lefthand side widget*/
.elementor-element-651c1a0 .elementor-element-de0d874{
  max-height: 300px;
  overflow-y: auto;
}

/*for the availability button*/
.availability_none{
    background: #AC1D1D;
    color: white;
   /* font-family: 'Roboto';*/
    text-align: center;
    padding: 5px 5px 5px 5px;
    font-size: 17px;
    border-radius: 4px;
    line-height: 1;
}

.availability_on_call{
    text-align: center;
    color: white;
    background: gray;
    padding: 5px 5px;
    font-size: 17px;
    border-radius: 4px;
  /*  font-family: 'Roboto';*/
}

.availability_yes{
    background: #7acf58;
    color: white;
    width: 200px;
    text-align: center;
    border-radius: 4px;
    padding: 5px 5px;
}

/*available advisors----------------------------------------------------------*/
/* Main container for the slideshow */
.advisor-slideshow-container {
    position: relative;
    text-align: center;
}

/* Main profile container (displayed in the center) */
.advisor-main-profile {
    position: relative;
    display: inline-block;
}

.advisor-main-profile img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

.advisor-main-profile p {
    font-size: 27px;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #FF69B4; /* Pink color */
}

/* Container for the advisor buttons */
.advisor-buttons-container {
    margin-top: 20px;
    position: relative;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;  /* For smoother scrolling on mobile */
}

/* Inner container for the advisor buttons (circular avatars) */
.advisor-buttons {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

/* Each individual advisor button */
.advisor-button {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 10px;
    position: relative;
}

/* Small advisor button avatars */
.advisor-button img {
    border-radius: 50%;
    width: 100px; /* Twice as big as before */
    height: 100px;
    transition: transform 0.3s ease;
}

.advisor-button:hover img {
    transform: scale(1.1);
}

/* Enhanced Overlay Effect for advisor buttons */
.advisor-button .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(255, 105, 180, 0.5), rgba(255, 182, 193, 0.3));  /* Soft pink gradient */
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease, background 0.3s ease;
}

.advisor-button:hover .overlay {
    opacity: 1;
    background: rgba(255, 105, 180, 0.7);  /* Slightly stronger pink on hover */
}

/* Arrow button styles for navigation */
.arrow {
    background: none;
    border: none;
    font-size: 44px;
    cursor: pointer;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    color: #FF69B4; /* Pink color for arrows */
}

.left-arrow {
    left: -100px;
}

.right-arrow {
    right: -100px;
}

.arrow:hover {
    color: #FF1493; /* Darker pink for hover */
}

/* Scrollable Advisor Button Container */
.advisor-buttons-container {
    margin-top: 20px;
    position: relative;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;  /* For smoother scrolling on mobile */
}

/* Custom Scrollbar Styling */
.advisor-buttons-container::-webkit-scrollbar {
    height: 8px; /* Thin scrollbar */
}

.advisor-buttons-container::-webkit-scrollbar-track {
    background: #f0f0f0;  /* Light gray track */
    border-radius: 10px;
}

.advisor-buttons-container::-webkit-scrollbar-thumb {
    background: #FF69B4;  /* Pink scrollbar */
    border-radius: 10px;
    transition: background 0.3s ease;
}

.advisor-buttons-container::-webkit-scrollbar-thumb:hover {
    background: #FF1493;  /* Darker pink on hover */
}

/* Optional: Adding a smooth scroll behavior to enhance the scrolling feel */
.advisor-buttons-container {
    scroll-behavior: smooth;
}

.view_more_button2 {
  position:absolute;
  z-index:999;
}

.view_more_button2 .elementor-element-a79bb3f{
  position: absolute;
    top: 10px;
}

/* Call Button */
.call-me-button-slideshow {
    background-color: hotpink;
    color: #fff;
    padding: 20px 30px;
    text-decoration: none;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  /*  font-family: 'Roboto';*/
    font-size: 20px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.call-me-button-slideshow i {
    margin-right: 8px; /* Add space between icon and text */
    font-size: 18px; /* Icon size */
}

.call-me-button-slideshow:hover {
    background-color: darkpink; /* Darker pink on hover */
    transform: scale(1.05); /* Slight scaling effect */
}

/* Optional: You can adjust the scaling on hover to make it more dynamic */
.call-me-button-slideshow:active {
    transform: scale(1); /* Reset scaling when clicked */
}
.advisor-main-profile img {
    height: 300px;
    width: 300px;
    border: solid 2px green; /* Thinner green border */
    box-shadow: 0 0 15px 5px rgba(0, 255, 0, 0.7); /* Glowing effect */
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* Smooth transition */
}

/* Optional: Glowing effect on hover */
.advisor-main-profile img:hover {
    box-shadow: 0 0 25px 10px rgba(0, 255, 0, 1); /* Stronger glow on hover */
    transform: scale(1.05); /* Optional scaling effect on hover */
}

/*blocked list-----------------------------------------------------------------*/
/* Styling the title */
.blocked-users-list h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;  /* Adds space between the title and the list */
    text-align: center;    /* Centers the title */
}

/* Styling the list of blocked users */
.blocked-users-list {
    display: flex;
    flex-direction: column;
    gap: 20px;  /* Adds spacing between the items */
    margin: 10px 0;  /* Adds margin at the top and bottom of the list */
}

/* Styling each blocked user item */
.blocked-user-item {
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Styling the link */
.blocked-user-item a {
    color: #FF69B4;
    text-decoration: none;
    font-size: 16px;
}

/* Hover effect for the links */
.blocked-user-item a:hover {
    text-decoration: underline;
}
/*Availability Button --------------------------------------------------------*/
/* Button styling */
.availability-toggle-button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    transition: background-color 0.3s;
}

.available-on {
    background-color: #7acf58;
    color: white;
}

.available-off {
    background-color: gray;
    color: white;
}

.availability-hint {
    font-size: 12px;
    color: gray;
}

/*featured button-------------------------------------------------------------*/
/* Green button for Featured: Yes */
.featured-yes {
    background-color: #7acf58;
    color: #fff;
    padding: 10px 40px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    transition: background-color 0.3s;
}

/* Red button for Featured: No */
.featured-no {
    background-color: #AC1D1D;
    color: #fff;
    padding: 10px 40px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    transition: background-color 0.3s;
}

/* Hint text */
.featured-hint {
    font-size: 12px;
    color: #888;
}

/* Disable hover effect for disabled buttons */
.featured-toggle-button:disabled {
    pointer-events: none;  /* Disable all pointer events */
    background-color: inherit !important; /* Keep the same background color */
    color: inherit !important;  /* Keep the same text color */
    border: inherit !important; /* Keep the same border color */
    opacity: 1 !important;  /* Disable opacity effect */
}

/* For "Featured: Yes" - Keep green when disabled */
.featured-yes:disabled {
    background-color: #7acf58 !important;  /* Green color */
    color: white !important;
}

/* For "Featured: No" - Keep red when disabled */
.featured-no:disabled {
    background-color: #AC1D1D !important;  /* Red color */
    color: white !important;
}

/* Ensure no hover effect when disabled */
.featured-toggle-button:disabled:hover {
    background-color: inherit !important;
    color: inherit !important;
}

/*view more button---------------------------------------------------------*/
.view_more_models{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

/*mini chatbox-----------------------------------------------------------*/
.mini_chatbox {
  border: solid 1px gray;
    margin-bottom: 10px !important;
    border-radius: 12px;
}

/*fanclub--------------------------------------------------------------*/
/* Style for the Unsubscribe button */
.fanclub_button.unsubscribe {
    background-color: lightgray;
    color: black;
}

/* Style for the disabled button */
.fanclub_button.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}
/*fanclub list---------------------------------------------------------*/
/* Styling the title */
.fan-club-members-list h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;  /* Adds space between the title and the list */
    text-align: center;    /* Centers the title */
}

/* Styling the list of fan club members */
.fan-club-members-list {
    display: flex;
    flex-direction: column;
    gap: 20px;  /* Adds spacing between the items */
    margin: 10px 0;  /* Adds margin at the top and bottom of the list */
}

/* Styling each fan club member item */
.fan-club-member-item {
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Styling the link */
.fan-club-member-item a {
    color: #FF69B4;
    text-decoration: none;
    font-size: 16px;
}

/* Hover effect for the links */
.fan-club-member-item a:hover {
    text-decoration: underline;
}

/*notifications tab*/
.elementor-element-4db9dcc {
    right: 2% !important;
}

/*featured albums--------------------------------------------------------*/
/* General Album Gallery Styles */
/* Album Gallery Styles */

/* Modal Styles */
/* The modal overlay background */
.album-modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 9999; /* Ensure the overlay is above all other content */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);  /* Center modal */
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent background */
    padding-top: 60px;
}

/* Modal content */
.album-modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 20px;
    width: 80%;
    max-width: 700px;
    border-radius: 8px;
    z-index: 10000; /* Ensure this content is above the overlay */
}

/* Close button */
.album-close {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    z-index: 10001; /* Close button above the modal content */
}

/* Carousel container for images */
.carousel-container {
    position: relative;
    text-align: center;
    z-index: 10000; /* Ensure carousel images are above other content */
}

/* Smaller Large Image */
.carousel-large-image {
    width: 70%;  /* Smaller width for large image */
    max-width: 500px; /* Limit max size */
    height: auto;
    margin-top: 20px;
    border-radius: 8px;
}

/* Carousel Images Layout */
.carousel-images {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.prev-button, .next-button {
    position: absolute;
    top: 50%;
    font-size: 30px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 16px;
    cursor: pointer;
    transform: translateY(-50%);
}

.prev-button {
    left: 0;
}

.next-button {
    right: 0;
}

/* Thumbnails Styles */
.carousel-thumbnails {
    display: flex;
    justify-content: center;
    gap: 8px;  /* Reduced gap between thumbnails */
    flex-wrap: wrap;
    margin-top: 10px;
}

.carousel-thumbnail {
    width: 50px;  /* Smaller thumbnail size */
    height: 50px;  /* Smaller height */
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.carousel-thumbnail:hover {
    transform: scale(1.1);
}

/* Modal Information */
.album-info-modal {
    text-align: center;
    margin-top: 35px;
}

.album-info-modal h4 {
    font-size: 20px; /* Slightly smaller title */
    margin-bottom: 10px;
}

.album-info-modal p {
    font-size: 16px; /* Smaller font size */
    color: #800080;
}

/* Album Upload Form Styles */
.album-upload-form {
    margin-top: 20px;
}

.input-field {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.upload-btn {
    background-color: #800080; /* Purple */
    color: white;
    font-size: 16px;
    padding: 12px 20px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

.upload-btn:hover {
    background-color: #6a006a;
}

button>.view-album-trigger{
    background-color: gray !important;  
}




/*Featured stories---------------------------------------------------------*/

/*homepage audios==========================================================*/
/* Styles for All Users' Featured Audios */
.all-users-audios-container {
    gap: 10px;
}

.audio-owner-container-all {
    width: 300px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    text-align: center;
}



.custom-audio-player-container {
    margin-bottom: 15px;
}

.play-audio-btn {
    background-color: #808080; /* Gray background */
    color: white;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 16px;
}

.play-audio-btn:hover {
    background-color: #6e6e6e; /* Darker gray on hover */
}


/* Styles for the current user's audio container */
/* Container for the current user's featured audios */
.current-user-audios-container {
    display: flex;
    flex-wrap: nowrap; /* Ensure audio files are displayed in a row */
    overflow-x: auto; /* Make the container horizontally scrollable */
    gap: 20px; /* Add some space between the audio blocks */
    padding: 20px;
    margin: 20px;
}

/* Individual audio item styling */
.custom-audio-column {
    width: 300px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    flex-shrink: 0; /* Prevent shrinking in a row layout */
}

/* Styling for the details section (title, description, price) */
.custom-audio-details {
    margin-bottom: 15px;
}

.custom-audio-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.custom-audio-description {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.custom-audio-price {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}

.custom-audio-image {
    margin-bottom: 10px;
    font-style: italic;
    color: #999;
}

.custom-audio-image img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

/* Edit button styling (hot pink color) */
.custom-edit-audio-btn {
    background-color: hotpink; /* Hot pink color for the edit button */
    color: white;
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.custom-edit-audio-btn:hover {
    background-color: #d4008f; /* Darker hot pink on hover */
}

/* Audio player container */
.custom-audio-player-container {
    margin-bottom: 15px;
}

/* Play button styling (grayish and stylish) */
.play-audio-btn {
    background-color: #808080; /* Grayish background */
    color: white;
    padding: 10px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.play-audio-btn:hover {
    background-color: #6e6e6e; /* Slightly darker gray on hover */
}

/* Modal content (hidden by default) */
#audio-edit-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
}

#audio-edit-modal .modal-content {
    z-index:999;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 400px;
    top: 20%;
    position: relative;
    justify-content: center;
}

/* Styling for the upload form */
#audio-edit-form input[type="file"] {
    margin-bottom: 10px;
}

#audio-edit-form label {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
}

#audio-edit-form input[type="file"]:before {
    content: 'Upload a Featured Image'; /* Custom text for the file upload input */
    color: #333;
    font-style: italic;
    display: block;
    margin-bottom: 10px;
}

/* Styling for Save and Cancel buttons in the modal */
#audio-edit-form button {
    background-color: #808080; /* Gray background */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-top: 10px;
    font-size: 16px;
}

#audio-edit-form button:hover {
    background-color: #6e6e6e; /* Slightly darker gray on hover */
}

/* Specific hover color for cancel button */
#cancel-edit {
    background-color: #d3d3d3; /* Light gray background for Cancel */
}

#cancel-edit:hover {
    background-color: #b0b0b0; /* Darker gray for hover */
}
.all-users-audios-container {
    display: flex;
    flex-wrap: nowrap;  /* Prevent wrapping, ensure audios are in one row */
}

.audio-column-all {
    display: flex;
    flex-direction: column;
    max-width: 250px;  /* Limit the width of each audio block */
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}



.audio-image img {
    max-width: 100%;
    margin-bottom: 10px;
    height: 175px;
}

.audio-details {
    text-align: center;
}

.audio-title {
    font-size: 25px;
    font-weight: 700;
    color: #800080;
}

.audio-description {
    font-size: 12px;
    color: #666;
}

.audio-price {
    font-size: 14px;
    color: #333;
    margin-top: 5px;
}

.audio-player-container {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

audio {
    width: 100%; /* Make the audio player width responsive */
}

.elementor-element-d8fe596{
    overflow:hidden !important;
}

/*new audio recorder----------------------------------------------------------*/
/* Style for the buttons */
#startRecording, #stopRecording, #finalizeRecording {
    background-color: hotpink;
    color: white;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#startRecording:hover, #stopRecording:hover, #finalizeRecording:hover {
    background-color: deeppink; /* Darker pink when hovered */
}

#startRecording:focus, #stopRecording:focus, #finalizeRecording:focus {
    outline: none; /* Remove the default focus outline */
}

#startRecording:disabled, #stopRecording:disabled, #finalizeRecording:disabled {
    background-color: #ff66b2; /* Lighter pink if the button is disabled */
    cursor: not-allowed;
}
/*----------------------------------cart button----------------------------*/
.woo-wallet-sidebar ul .card{
	    display: none !important;
}
/*BADGE SYSTEM--------------------------------------------------------------*/

.ehf-header #masthead {
    z-index: 1 !important;
}

/*--------------------------------------------------------------------fix*/
#my_favorites .um-followers-user-btn a.um-button{
	padding: 10px !important;
	width: 100% !important;
}

#my_favorites .um-followers-user-btn {
	position: relative;
}

#4db9dcc .elementor-6802 .elementor-element.elementor-element-4db9dcc>.elementor-widget-container {
    margin: 9vw 0vw 0vw 0vw !important;
}

.um-notification-ajax {
    max-height: 30.0em !important;
    overflow-y: auto;
}

.my_favorites {
	 margin: 11vw 0vw 0vw 0vw;
}

.elementor-element-651c1a0 .elementor-element-de0d874 {
    max-height: 485px !important;
    overflow-y: auto;
}

.album-info{
	padding:10px !important;
}

.album-name {
    margin-bottom: 0px !important;
}

.view-album-trigger {
    margin-top: 10px !important;
}

#modal-story-price{
	display: none;
}

.audio-description{
	overflow-y: auto !important;
}

#modal-story-content{
	/*font-family: 'roboto';*/
    font-size: 18px;
    line-height: 1.6;
    color: black;
    background-color: lightgray;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    max-width: 600px;
    margin: 20px auto;
    overflow-y: auto;
}

        /* Custom hot pink theme for SweetAlert2 */
        .hot-pink-swal {
            border: 2px solid hotpink;
            border-radius: 15px;
        }
        .hot-pink-confirm-button {
            background-color: hotpink !important;
            border: none;
            color: white;
        }
        .hot-pink-confirm-button:hover {
            background-color: deeppink !important;
        }
        .hot-pink-cancel-button {
            background-color: lightgray !important;
            border: none;
            color: black;
        }
        .hot-pink-cancel-button:hover {
            background-color: darkgray !important;
        }
        
        .swal2-confirm{
            background-color:hotpink;
        }

.unavailable {
    height: 35px;
    color: #800080 !important;
    background-color: #E4E1E1 !important;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 15px 10px !important;
    border-radius: 4px !important;
    font-size: 16px;
    width: 90px !important;
    margin-bottom: 4px !important;
    transition: background-color 0.3s;
    cursor: not-allowed; /* Show "not allowed" cursor */
}

.unavailable i {
    margin-right: 8px; /* Add space between the icon and text */
    color: #800080; /* Match the icon color to the text */
}

/* Style the "Call" button */
.call_posts_button{
    height: 35px;
    color: white;
    background-color: hotpink;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 15px 10px !important;
    border-radius: 4px !important;
    font-size: 16px;
    width: 90px !important;
    margin-bottom: 4px !important;
    transition: background-color 0.3s;
}

.call_posts_button:hover {
    background-color:#FF1493;
    color:black;
}

.call_posts_button {
    margin-left: 10px;
}

.delete_post_button {
    color: #fff;
    border-radius: 4px;
    padding: 0px 20px 2px 20px;
    height: 35px;
}

.delete_post_button {
    background-color: #ff0000;
}

.delete_post_button:hover {
    background-color: #cc0000;
}

/* This class will be added to the #primary element when the modal appears */
.blur-primary {
    filter: blur(5px);        /* Apply the blur effect */
    pointer-events: none;     /* Disable pointer events */
    transition: filter 0.3s ease, pointer-events 0.3s ease;
}
/* The popup modal */
#customMessage {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: none; /* Initially hidden */
    max-width: 950px;
    width: 85%;
    text-align: center;
    animation: fadeIn 0.3s ease-out;
}

/* Fade-in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Message content styling */
#messageContent {
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 20px;
}

/* Image (Customer Avatar) styling */
#customerAvatar {
    font-size: 80px;
    object-fit: cover;
}

/* Image (Advisor Avatar) styling */
#advisorAvatar {
    width: 150px;
    height: 150px;
    border-radius: 12px;
    margin-bottom: 20px;
    object-fit: cover;
}

/* Container for the moving line between the images */
#lineContainer {
    position: relative;
    width: 50%;
    height: 10px; /* Height of the line */
    margin: 0 20px;
    display: inline-block;
    vertical-align: middle;
}

/* The moving line that will fill */
#line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: gray; /* The initial color of the line */
    transform-origin: left;
    animation: fillLine 30s ease-out forwards;
}

/* Keyframe for the moving line and filling it with red */
@keyframes fillLine {
    0% {
        width: 0%; 
        background-color: gray;
    }
    50% {
        width: 50%; 
        background-color: #800080;
    }
    100% {
        width: 100%;
        background-color: #FF69B4;
    }
}

/* For closing button styling */
#closeMessageButton {
    padding: 12px 24px;
    background-color: #FF69B4;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Make the close button change color on hover */
#closeMessageButton:hover {
    background-color: red;
    transform: scale(1.05);
}

/* Add some spacing between the button and the content */
#closeMessageButton:focus {
    outline: none;
}

/*price fields advisor*/
.arrow-list {
    list-style-type: none;
    padding: 0;
    font-size: 14px;
    /*font-family: 'Roboto';*/
    margin-top:10px;
}

.arrow-list li {
    position: relative;
    padding-left: 20px; /* Add space between the bullet/icon and the text */
    text-align: left;
    color: #555;
    cursor: pointer;
    background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
    border: 1px solid #ccc;
    font-size: 14px;
    font-family: roboto condensed;
    line-height: 35px;
    padding-right: 10px;
}



/* Telephone icon for the top row */
.arrow-list li.top-row::before {
    content: '\260E'; /* Unicode for telephone symbol */
    font-size: 13px; /* Adjust size as needed */
    position: absolute;
    left: 0;
    top: 0;
    color: #000; /* Adjust color if needed */
    padding-left: 5px;
}

/* Right-pointing triangle for other rows */
.arrow-list li:not(.top-row)::before {
    content: '\25B6'; /* Unicode for right-pointing triangle */
    /*font-family: 'Roboto'; /* Use Roboto or a suitable font for Unicode */
    font-size: 13px; /* Adjust size as needed */
    position: absolute;
    left: 0;
    top: 0;
    color: #000; /* Adjust color if needed */
    padding-left: 5px;
}

.tf-added-to-cart {
    background-color: #4CAF50 !important;
    color: white !important;
    cursor: not-allowed !important;
}
body p{
	margin:0 !important;
}

body > div.swal2-container.swal2-center.swal2-backdrop-show{
    z-index: 9999;
}
/*taxonomy desc — readable surfaces (categories site-wide)*/
.taxonomy-description,
.category-content,
.category-footer-content,
.archive-description {
    color: #1f2937;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.taxonomy-description {
    margin: 30px 0 0;
    padding: 28px 32px;
    border-radius: 10px;
    max-width: 1200px;
    text-align: left;
}

/* Headings */
.taxonomy-description h1,
.category-content h1 {
    color: #5b21b6;
    font-size: 2.2rem;
    font-weight: 800;
    margin: 0 0 1.25rem 0;
    text-align: center;
    text-shadow: none;
    border-bottom: 2px solid #e9d5ff;
    padding-bottom: 12px;
    letter-spacing: -0.02em;
}

.taxonomy-description h2,
.category-content h2 {
    color: #5b21b6;
    font-size: 1.75rem;
    font-weight: 700;
    margin: 1.75rem 0 1rem 0;
    border-left: 4px solid #8b5cf6;
    padding-left: 14px;
    text-shadow: none;
}

.taxonomy-description h3,
.category-content h3 {
    color: #6d28d9;
    font-size: 1.45rem;
    font-weight: 700;
    margin: 1.5rem 0 0.85rem 0;
    text-shadow: none;
}

/* Paragraphs */
.taxonomy-description p,
.category-content p {
    margin-bottom: 1.25em;
    font-size: 1.0625rem;
    color: #374151;
    text-align: left;
    line-height: 1.75;
}

/* Images */
.taxonomy-description img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    border: 2px solid #ddd6fe;
    margin: 25px auto;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
    transition: transform 0.3s ease;
}

.taxonomy-description img:hover {
    transform: scale(1.01);
}

/* Text formatting */
.taxonomy-description strong,
.category-content strong {
    color: #111827;
    font-weight: 700;
}

.taxonomy-description em,
.category-content em {
    color: #374151;
    font-style: italic;
    font-weight: 500;
}

/* Lists */
.taxonomy-description ul, 
.taxonomy-description ol,
.category-content ul,
.category-content ol {
    margin: 18px 0;
    padding-left: 40px;
    text-align: left;
    list-style-position: outside;
}

.taxonomy-description ul,
.category-content ul {
    list-style-type: disc;
}

.taxonomy-description ol,
.category-content ol {
    list-style-type: decimal;
}

.taxonomy-description li,
.category-content li {
    margin-bottom: 10px;
    color: #374151;
    font-size: 1.0625rem;
    line-height: 1.7;
    text-align: left;
    display: list-item;
}

.taxonomy-description li::marker,
.category-content li::marker {
    color: #7c3aed;
    font-size: 1em;
}

/* Links */
.taxonomy-description a,
.category-content a {
    color: #6d28d9;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    font-weight: 600;
    transition: color 0.2s ease;
    border-bottom: none;
}

.taxonomy-description a:hover,
.category-content a:hover {
    color: #5b21b6;
    text-decoration-thickness: 2px;
}

/* Blockquotes */
.taxonomy-description blockquote {
    border-left: 4px solid #8b5cf6;
    padding: 16px 20px;
    margin: 24px 0;
    color: #374151;
    font-style: italic;
    background: #f9fafb;
    border-radius: 0 8px 8px 0;
    font-size: 1.05rem;
    line-height: 1.7;
}

/* Code */
.taxonomy-description code {
    background: #f3f4f6;
    padding: 3px 8px;
    border-radius: 5px;
    color: #5b21b6;
    font-family: 'Courier New', monospace;
    font-size: 0.95em;
}

/* Selection */
.taxonomy-description ::selection,
.category-content ::selection,
.category-footer-content ::selection {
    background: rgba(124, 58, 237, 0.18);
    color: #111827;
}

/* Scrollbar (for Webkit browsers) */
.taxonomy-description ::-webkit-scrollbar {
    width: 10px;
}

.taxonomy-description ::-webkit-scrollbar-track {
    background: #f3f4f6;
}

.taxonomy-description ::-webkit-scrollbar-thumb {
    background: #c4b5fd;
    border-radius: 5px;
}

.taxonomy-description ::-webkit-scrollbar-thumb:hover {
    background: #a78bfa;
}

/* Responsive Design */
@media (max-width: 992px) {
    .taxonomy-description {
        padding: 25px;
        margin: 0 20px;
    }
    
    .taxonomy-description h1 {
        font-size: 2.4rem;
    }
    
    .taxonomy-description h2 {
        font-size: 1.9rem;
    }
    
    .taxonomy-description h3 {
        font-size: 1.6rem;
    }
}

@media (max-width: 768px) {
    .taxonomy-description {
        padding: 20px 15px;
        margin: 0 15px;
    }
    
    .taxonomy-description h1 {
        font-size: 2rem;
        margin: 30px 0 20px 0;
    }
    
    .taxonomy-description h2 {
        font-size: 1.7rem;
        margin: 25px 0 18px 0;
    }
    
    .taxonomy-description h3 {
        font-size: 1.4rem;
        margin: 22px 0 16px 0;
    }
    
    .taxonomy-description p {
        font-size: 17px;
    }
    
    .taxonomy-description blockquote {
        padding: 15px 20px;
        margin: 25px 0;
    }
    
    .taxonomy-description ul, 
    .taxonomy-description ol {
        padding-left: 20px;
    }
}

@media (max-width: 480px) {
    .taxonomy-description {
        padding: 15px 12px;
        margin: 0 10px;
        border-radius: 12px;
    }
    
    .taxonomy-description h1 {
        font-size: 1.8rem;
        padding-bottom: 10px;
    }
    
    .taxonomy-description h2 {
        font-size: 1.5rem;
        border-left-width: 4px;
        padding-left: 12px;
    }
    
    .taxonomy-description h3 {
        font-size: 1.3rem;
    }
    
    .taxonomy-description p {
        font-size: 16px;
    }
    
    .taxonomy-description img {
        border-width: 2px;
        border-radius: 8px;
    }
    
    .taxonomy-description blockquote {
        padding: 12px 15px;
        font-size: 1rem;
    }
}

/*categories*/
.list_of_categories .elementor-widget-container {
    padding: 0;
    margin: 0;
}

.list_of_categories .category-list-intro {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin: 0 0 24px;
    padding: 18px 22px;
    background: rgba(28, 18, 32, 0.78);
    border-left: 4px solid #ff1493;
    border-radius: 10px;
    box-shadow: 0 0 18px rgba(255, 20, 147, 0.2);
}

.list_of_categories .category-list-intro p {
    margin: 0;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.75;
    text-align: left;
    overflow-wrap: anywhere;
}

.list_of_categories h5 {
    display: none; /* Hides the "Categories" word */
}

.list_of_categories nav {
    display: block;
    width: 100%;
}

.list_of_categories ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px; /* Horizontal and vertical spacing */
    list-style: none;
    padding: 0;
    margin: 0;
}

.list_of_categories li {
    margin: 0;
    padding: 0;
}

.list_of_categories a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: rgba(255, 255, 255, 0.85);
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
    white-space: nowrap;
}

.list_of_categories a:hover {
    color: #ffb8ff;
    text-decoration-color: #ffb8ff;
}

/* Capitalize first letter of each category */
.list_of_categories a::first-letter {
    text-transform: uppercase;
}

/* Hub breadcrumb — pill nav for category archive pages (light backgrounds) */
.list_of_categories.category-hub-breadcrumb {
    margin: 0 0 28px;
    width: 100%;
}

.list_of_categories.category-hub-breadcrumb .elementor-widget-container {
    padding: 16px 18px;
    background: linear-gradient(135deg, rgba(94, 10, 94, 0.06) 0%, rgba(255, 20, 147, 0.08) 100%);
    border: 1px solid rgba(94, 10, 94, 0.18);
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(94, 10, 94, 0.08);
}

.list_of_categories.category-hub-breadcrumb ul {
    gap: 10px 12px;
    align-items: center;
}

.list_of_categories.category-hub-breadcrumb a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(94, 10, 94, 0.22);
    border-bottom: 1px solid rgba(94, 10, 94, 0.22);
    color: #5e0a5e;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    text-underline-offset: unset;
    text-decoration-color: transparent;
    white-space: normal;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.taxonomy-description .list_of_categories.category-hub-breadcrumb a,
.category-content .list_of_categories.category-hub-breadcrumb a {
    border-bottom: 1px solid rgba(94, 10, 94, 0.22);
    padding-bottom: 8px;
}

.list_of_categories.category-hub-breadcrumb a:hover {
    background: #fff;
    border-color: #ff1493;
    border-bottom-color: #ff1493;
    color: #800080;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(255, 20, 147, 0.15);
}

.taxonomy-description .list_of_categories.category-hub-breadcrumb a:hover,
.category-content .list_of_categories.category-hub-breadcrumb a:hover {
    border-bottom: 1px solid #ff1493;
}

.list_of_categories.category-hub-breadcrumb li.is-current a {
    background: linear-gradient(135deg, #5e0a5e 0%, #800080 100%);
    border-color: #5e0a5e;
    border-bottom-color: #5e0a5e;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(94, 10, 94, 0.25);
}

.taxonomy-description .list_of_categories.category-hub-breadcrumb li.is-current a,
.category-content .list_of_categories.category-hub-breadcrumb li.is-current a {
    border-bottom: 1px solid #5e0a5e;
}

.list_of_categories.category-hub-breadcrumb li.is-current a:hover {
    color: #fff;
    border-color: #800080;
}

.list_of_categories.category-hub-breadcrumb li.all-categories-item a {
    border-style: dashed;
}

.list_of_categories.category-hub-breadcrumb li.all-categories-item a i {
    font-size: 13px;
    opacity: 0.85;
}

@media (max-width: 640px) {
    .list_of_categories.category-hub-breadcrumb .elementor-widget-container {
        padding: 12px 14px;
    }

    .list_of_categories.category-hub-breadcrumb a {
        font-size: 13px;
        padding: 7px 12px;
    }
}

/* Shared dark breadcrumb bar on category archive headers */
.category-archive-header-breadcrumb,
.list_of_categories.category-hub-breadcrumb.category-archive-header-breadcrumb {
    margin-bottom: 24px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

body.logged-in.category .category-archive-header-breadcrumb,
body.logged-in.category .list_of_categories.category-hub-breadcrumb.category-archive-header-breadcrumb {
    margin-bottom: 24px;
}

.category-archive-header-breadcrumb .elementor-widget-container,
.list_of_categories.category-hub-breadcrumb.category-archive-header-breadcrumb .elementor-widget-container {
    background: linear-gradient(135deg, rgba(42, 42, 42, 0.96) 0%, rgba(26, 26, 26, 0.98) 100%);
    border: 1px solid rgba(255, 105, 180, 0.28);
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.category-archive-header-breadcrumb a,
.list_of_categories.category-hub-breadcrumb.category-archive-header-breadcrumb a {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 105, 180, 0.32);
    border-bottom: 1px solid rgba(255, 105, 180, 0.32);
    color: #f0f0f0;
    padding-bottom: 8px;
}

.category-archive-header-breadcrumb a:hover,
.list_of_categories.category-hub-breadcrumb.category-archive-header-breadcrumb a:hover {
    background: rgba(255, 105, 180, 0.18);
    border-color: #ff69b4;
    border-bottom-color: #ff69b4;
    color: #fff;
}

.category-archive-header-breadcrumb li.is-current a,
.list_of_categories.category-hub-breadcrumb.category-archive-header-breadcrumb li.is-current a {
    background: linear-gradient(135deg, #800080 0%, #5e0a5e 100%);
    border-color: #ff1493;
    border-bottom-color: #ff1493;
    color: #fff;
}

.category-archive-header-breadcrumb li.all-categories-item a i,
.list_of_categories.category-hub-breadcrumb.category-archive-header-breadcrumb li.all-categories-item a i {
    color: #ff69b4;
}

/* Category archives: keep breadcrumb gap, avoid double-stacking with description margin */
body.category .taxonomy-description,
body.category .category-content {
    margin-top: 0;
}

/* Hide duplicate archive title above breadcrumbs — title lives in the content box */
body.category header.page-header > h1.page-title,
body.category .category-archive-duplicate-title,
body.category .elementor-widget-theme-archive-title,
body.category .elementor-widget-archive-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    border: none !important;
}

/* Logged-in: beat profile/advisor CSS that forces .page-title visible */
body.logged-in.category header.page-header > h1.page-title,
body.logged-in.category .site-main h1.elementor-heading-title,
body.logged-in.category .site-main h2.elementor-heading-title,
body.logged-in.category .site-main h1.entry-title,
body.logged-in.category .site-main h1.page-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

body.logged-in.category .taxonomy-description h1,
body.logged-in.category .taxonomy-description h1.elementor-heading-title,
body.logged-in.category .taxonomy-description h2.elementor-heading-title,
body.logged-in.category .category-content h1,
body.logged-in.category .category-content h1.elementor-heading-title,
body.logged-in.category .category-content h2.elementor-heading-title {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
}

/* Keep in-container category headings purple on light backgrounds */
body.logged-in.category .taxonomy-description h1,
body.logged-in.category .taxonomy-description h2,
body.logged-in.category .taxonomy-description h3,
body.logged-in.category .taxonomy-description .elementor-heading-title,
body.logged-in.category .category-content h1,
body.logged-in.category .category-content h2,
body.logged-in.category .category-content h3,
body.logged-in.category .category-content .elementor-heading-title {
    background: none !important;
    color: #5b21b6 !important;
    -webkit-text-fill-color: #5b21b6 !important;
    text-shadow: none !important;
}

body.logged-in.category .taxonomy-description h2,
body.logged-in.category .category-content h2 {
    color: #5b21b6 !important;
    -webkit-text-fill-color: #5b21b6 !important;
}

body.logged-in.category .taxonomy-description h3,
body.logged-in.category .category-content h3 {
    color: #6d28d9 !important;
    -webkit-text-fill-color: #6d28d9 !important;
}

body.logged-in.category .taxonomy-description,
body.logged-in.category .category-content {
    color: #374151 !important;
}

body.logged-in.category .taxonomy-description p,
body.logged-in.category .taxonomy-description li,
body.logged-in.category .category-content p,
body.logged-in.category .category-content li {
    color: #374151 !important;
}

body.logged-in.category .taxonomy-description a,
body.logged-in.category .category-content a {
    color: #6d28d9 !important;
}

/*category footer content*/
.category-footer-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #1f2937;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    border: 1px solid #e5e7eb;
    border-left: 4px solid #8b5cf6;
    margin-bottom: 30px;
}

.category-footer-content p {
  line-height: 1.6;
  margin-bottom: 1.2rem;
}

.category-footer-content b {
  color: #5b21b6;
  font-weight: 700;
}

.category-footer-content a {
  color: #6d28d9;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
  transition: color 0.2s ease;
  position: relative;
  padding: 0 2px;
}

.category-footer-content a:before {
  display: none;
}

.category-footer-content a:hover {
  color: #5b21b6;
}

.category-footer-content a:hover:before {
  display: none;
}

.category-footer-content ul {
  list-style: none;
  padding-left: 0;
  margin: 1.5rem 0;
}

.category-footer-content ul li {
  padding: 0.6rem 0;
  padding-left: 1.8rem;
  position: relative;
  transition: transform 0.2s ease;
  margin-bottom: 0.5rem;
}

.category-footer-content ul li:hover {
  transform: translateX(5px);
}

.category-footer-content ul li:before {
  content: "•";
  color: #7c3aed;
  font-weight: bold;
  font-size: 1.4rem;
  position: absolute;
  left: 0.5rem;
  top: 0.4rem;
}

.category-footer-content > p:first-child {
  font-size: 1.2rem;
  color: #1f2937;
  padding: 1rem;
  background-color: #f9fafb;
  border-radius: 8px;
  border-left: 3px solid #8b5cf6;
}

.category-footer-content > p:nth-child(2) {
  color: #636e72;
  font-style: italic;
}

.category-footer-content > p:nth-child(3),
.category-footer-content > p:nth-child(6),
.category-footer-content > p:nth-child(11),
.category-footer-content > p:nth-child(16) {
  font-size: 1.3rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #e5e7eb;
  color: #5b21b6;
  font-weight: 700;
}

.category-footer-content > p:last-child {
  background-color: #f9fafb;
  padding: 1.2rem;
  border-radius: 8px;
  text-align: center;
  margin-top: 2rem;
  border: 1px solid #e5e7eb;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .category-footer-content {
    padding: 1.5rem;
    margin: 0 1rem;
  }
  
  .category-footer-content ul li {
    padding-left: 1.5rem;
  }
}
.page-title{
    display:none;
}

.article-pagination-custom a{
    color: #f0f0f0;
    border: #2a2a2a;
    border-radius: 8px;
    background-color: #1a1a1a;
    margin-right: 10px;
}

/*categories*/
    .category-content {
    font-family: Arial, sans-serif;
    line-height: 1.75;
    color: #374151;
    text-align: left;
    padding: 28px 32px;
    border-radius: 10px;
    max-width: 1200px;
    margin: 24px auto 0;
  }
  
    .category-content h3 {
    color: #6d28d9;
    margin-bottom: 15px;
    margin-top: 25px;
    font-size: 1.45em;
    font-weight: 700;
    text-align: left;
  }
  
    .category-content ul {
    padding-left: 40px;
    margin-bottom: 20px;
    list-style-type: disc;
    list-style-position: outside;
    text-align: left;
  }
  
    .category-content ol {
    padding-left: 40px;
    margin-bottom: 20px;
    list-style-type: decimal;
    list-style-position: outside;
    text-align: left;
  }
  
    .category-content li {
    margin-bottom: 10px;
    padding-left: 5px;
    text-align: left;
    display: list-item;
  }
  
    .category-content li::marker {
    color: #7c3aed;
    font-size: 1.05em;
  }
  
    .category-content p {
    margin-bottom: 15px;
    text-align: left;
    color: #374151;
    font-size: 1.0625rem;
    line-height: 1.75;
  }
  
    .category-content a {
    color: #6d28d9;
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 600;
    transition: color 0.2s ease;
    border-bottom: none;
    padding-bottom: 0;
  }
  
    .category-content a:hover {
    color: #5b21b6;
  }
  
    .faq-item {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e7eb;
    background-color: #f9fafb;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.04);
  }
  
    .faq-item:last-child {
    margin-bottom: 10px;
  }
  
    .faq-item p {
    margin-bottom: 0;
  }

.um-field-value > .um-user-tags > .um-user-tag > a {
    color: #dd1982 !important;
}

.author-avatar-wrapper {
    text-align: center;
    margin-bottom: 20px;
}

.author-avatar-wrapper img.author-avatar {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #ddd;
}

.no-avatar {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #007cba;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.author-initial {
    color: white;
    font-size: 48px;
    font-weight: bold;
}

/* Fix malformed bootstrap class display */
.boot-col-12boot-order-first {
    /* Reset any broken styling */
    display: block !important;
    width: 100% !important;
    order: -1 !important;
}

/*online advisors — readable light surface (matches category content) */
.online-advisors-description {
    color: #374151;
    margin: 30px 0 0;
    padding: 28px 32px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    border-radius: 10px;
    max-width: 1200px;
    line-height: 1.75;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    border: 1px solid #e5e7eb;
    position: relative;
    overflow: hidden;
}

.online-advisors-description::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #8b5cf6, #a78bfa, #6d28d9);
    border-radius: 10px 10px 0 0;
}

.online-advisors-description h1 {
    color: #5b21b6;
    font-size: 2.2rem;
    font-weight: 800;
    text-align: center;
    border-bottom: 2px solid #e9d5ff;
    padding-bottom: 12px;
    margin: 0 0 1.25rem 0;
    text-shadow: none;
    background: none;
    -webkit-text-fill-color: #5b21b6;
    background-clip: border-box;
}

.online-advisors-description h3 {
    color: #5b21b6;
    font-size: 1.75rem;
    font-weight: 700;
    margin: 1.75rem 0 1rem 0;
    text-align: center;
    padding: 16px 20px;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    box-shadow: none;
    backdrop-filter: none;
    line-height: 1.45;
    position: relative;
    text-shadow: none;
}

.online-advisors-description .main-content {
    font-size: 1.0625rem;
    line-height: 1.75;
    margin: 1.5rem 0;
    padding: 20px 24px;
    color: #374151;
    font-weight: 400;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    backdrop-filter: none;
}

/* Status bar - sophisticated and alluring */
.online-advisors-description .status-bar {
    background: linear-gradient(135deg, #7b2cbf 0%, #9d4edd 50%, #c77dff 100%);
    color: white;
    padding: 20px 30px;
    border-radius: 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin: 30px 0 0 0;
    box-shadow: 0 6px 25px rgba(123, 44, 191, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
}

.online-advisors-description .status-bar::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.online-advisors-description .status-bar:hover::before {
    left: 100%;
}

.online-advisors-description .status-bar i {
    margin: 0 10px;
    font-size: 17px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.online-advisors-description h1 i,
.online-advisors-description h3 i {
    margin-right: 12px;
    color: #6d28d9;
    -webkit-text-fill-color: #6d28d9;
    background: none;
    filter: none;
}

.online-advisors-description strong {
    color: #111827;
    font-weight: 700;
    background: none;
    padding: 0;
    border: none;
    border-radius: 0;
}

.online-advisors-description em {
    color: #374151;
    font-style: italic;
    font-weight: 500;
    text-shadow: none;
}

/* Online now indicator with pulse animation */
.online-now {
    color: #7cf29e !important;
    filter: drop-shadow(0 0 8px rgba(124, 242, 158, 0.6));
    animation: pulse-glow 2s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% { 
        opacity: 1;
        transform: scale(1);
    }
    50% { 
        opacity: 0.8;
        transform: scale(1.1);
    }
}

.online-advisors-description ::selection {
    background: rgba(124, 58, 237, 0.18);
    color: #111827;
}

.online-advisors-description ::-webkit-scrollbar-track {
    background: #f3f4f6;
}

.online-advisors-description ::-webkit-scrollbar-thumb {
    background: #c4b5fd;
    border: 2px solid #f3f4f6;
}

.online-advisors-description ::-webkit-scrollbar-thumb:hover {
    background: #a78bfa;
}

/* Responsive Design */
@media (max-width: 992px) {
    .online-advisors-description {
        padding: 35px 30px;
        margin: 0 20px;
    }
    
    .online-advisors-description h1 {
        font-size: 2.7rem;
    }
    
    .online-advisors-description h3 {
        font-size: 1.9rem;
    }
    
    .online-advisors-description .main-content {
        font-size: 19px;
        padding: 22px 25px;
    }
}

@media (max-width: 768px) {
    .online-advisors-description {
        padding: 30px 25px;
        margin: 0 15px;
        border-radius: 14px;
    }
    
    .online-advisors-description h1 {
        font-size: 2.3rem;
        margin: 0 0 15px 0;
    }
    
    .online-advisors-description h3 {
        font-size: 1.7rem;
        margin: 25px 0 30px 0;
        padding: 18px 22px;
    }
    
    .online-advisors-description .main-content {
        font-size: 18px;
        margin: 30px 0 35px 0;
        padding: 20px 22px;
    }
    
    .online-advisors-description .status-bar {
        padding: 18px 22px;
        font-size: 17px;
    }
}

@media (max-width: 480px) {
    .online-advisors-description {
        padding: 25px 20px;
        margin: 0 10px;
        border-radius: 12px;
    }
    
    .online-advisors-description h1 {
        font-size: 2rem;
        padding-bottom: 20px;
    }
    
    .online-advisors-description h3 {
        font-size: 1.5rem;
        padding: 15px 18px;
        margin: 20px 0 25px 0;
    }
    
    .online-advisors-description .main-content {
        font-size: 17px;
        margin: 25px 0 30px 0;
        padding: 18px 20px;
    }
    
    .online-advisors-description .status-bar {
        padding: 16px 18px;
        font-size: 16px;
    }
}
.contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.contact-category {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #8B5CF6;
    text-align: center;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

.contact-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
}

.contact-header i {
    color: #8B5CF6;
    font-size: 1.2em;
}

.contact-header h4 {
    margin: 0;
    color: #111827;
    font-size: 1.1em;
    font-weight: 700;
}

.email-link {
    display: block;
    color: #8B5CF6;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none;
    margin: 10px 0;
    word-break: break-all;
}

.email-link:hover {
    color: #7C3AED;
    text-decoration: underline;
}

.contact-category p {
    color: #374151;
    font-size: 0.95em;
    margin: 10px 0 0 0;
    line-height: 1.6;
}

.response-notice {
    background: #E8F4FD;
    border: 1px solid #B6E0FE;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    margin-top: 20px;
}

.response-notice i {
    color: #1E88E5;
    margin-right: 10px;
}

@media (max-width: 768px) {
    .contact-grid {
        grid-template-columns: 1fr;
    }
    
    .contact-header {
        flex-direction: column;
        gap: 5px;
    }
}

/* Site background: gradients cover viewport; texture keeps aspect ratio (no blur upscale). */
body,
body.home,
body.page-id-12,
body.home.bg-loading,
body.page-id-12.bg-loading,
body[style*="abstract-grainy-texture"] {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-color: #140516 !important;
    min-height: 100vh;
}

body.om-site-background-ready,
body.om-site-background-ready.home,
body.om-site-background-ready.page-id-12,
body.om-site-background-ready.bg-loading {
    background-color: #140516 !important;
    min-height: 100vh;
    position: relative;
}

body.om-site-background-ready::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* Keep WordPress front-end edit controls out of the site header. */
.site-header .edit-link,
.site-header .post-edit-link,
.site-header a.post-edit-link,
.elementor-location-header .edit-link,
.elementor-location-header .post-edit-link,
.elementor-location-header a.post-edit-link {
    display: none !important;
}

body.um-page-user .site-header,
body.um-page-user .elementor-location-header,
body:has(.um-profile) .site-header,
body:has(.um-profile) .elementor-location-header {
    position: relative;
}

body.um-page-user .site-header .edit-link,
body.um-page-user .site-header .post-edit-link,
body.um-page-user .site-header a.post-edit-link,
body.um-page-user .elementor-location-header .edit-link,
body.um-page-user .elementor-location-header .post-edit-link,
body.um-page-user .elementor-location-header a.post-edit-link,
body:has(.um-profile) .site-header .edit-link,
body:has(.um-profile) .site-header .post-edit-link,
body:has(.um-profile) .site-header a.post-edit-link,
body:has(.um-profile) .elementor-location-header .edit-link,
body:has(.um-profile) .elementor-location-header .post-edit-link,
body:has(.um-profile) .elementor-location-header a.post-edit-link {
    position: absolute !important;
    top: calc(100% + 14px) !important;
    left: clamp(16px, 5vw, 56px) !important;
    z-index: 20;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    min-height: 28px;
    padding: 6px 16px !important;
    margin: 0 !important;
    border-radius: 4px;
    line-height: 1.2 !important;
    text-align: center;
}

/* Profile edit controls should live with the profile photo, not the header. */
.um-profile-photo .edit-link,
.um-profile-photo .post-edit-link,
.um-profile-photo a.post-edit-link,
.um-profile .um-profile-photo .edit-link,
.um-profile .um-profile-photo .post-edit-link,
.um-profile .um-profile-photo a.post-edit-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    min-height: 28px;
    padding: 6px 14px !important;
    margin: 0 0 8px !important;
    border-radius: 4px;
    line-height: 1.2 !important;
    text-align: center;
}

.ump-ss-edit-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 6px 16px !important;
    margin: 4px 0 !important;
    white-space: nowrap;
}

/* Keep first-visit age gate interest cards clickable inside popup builders. */
.pum-container .pum-content,
.pum-container .pum-content .elementor,
.pum-container .pum-content .elementor-section,
.pum-container .pum-content .elementor-container,
.pum-container .pum-content .elementor-column,
.pum-container .pum-content .elementor-widget-wrap,
.pum-container .pum-content .elementor-widget-container,
.pum-container .pum-content .elementor-widget-image-box,
.pum-container .pum-content .elementor-image-box-wrapper,
.pum-container .pum-content a,
.pum-container .pum-content button,
.pum-container .pum-content [role="button"],
.pum-container .pum-content [onclick],
.sgpb-popup-dialog-main-div .elementor-widget-image-box,
.sgpb-popup-dialog-main-div .elementor-image-box-wrapper,
.sgpb-popup-dialog-main-div a,
.sgpb-popup-dialog-main-div button,
.sgpb-popup-dialog-main-div [role="button"],
.sgpb-popup-dialog-main-div [onclick] {
    pointer-events: auto !important;
}

.pum-container .pum-content .elementor-widget-image-box,
.pum-container .pum-content .elementor-image-box-wrapper,
.pum-container .pum-content a,
.pum-container .pum-content button,
.pum-container .pum-content [role="button"],
.pum-container .pum-content [onclick],
.sgpb-popup-dialog-main-div .elementor-widget-image-box,
.sgpb-popup-dialog-main-div .elementor-image-box-wrapper,
.sgpb-popup-dialog-main-div a,
.sgpb-popup-dialog-main-div button,
.sgpb-popup-dialog-main-div [role="button"],
.sgpb-popup-dialog-main-div [onclick] {
    position: relative;
    z-index: 5;
    cursor: pointer !important;
}

/* Mobile profile repair: keep the advisor image and profile body on-screen. */
@media (max-width: 768px) {
    body .um-profile-photo,
    body .um-profile-photo-container,
    body .um-profile .um-profile-photo,
    body .um-profile .um-profile-photo-container {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body .um-profile,
    body .um-profile-one,
    body .um-profile-one-content,
    body .um-profile .um-profile-body,
    body .um-profile .um-profile-content,
    body .um-profile .um-profile-content-container,
    body .um-profile-one-content .um-profile-content-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: visible !important;
    }

    body .advisor_widget_container {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 240px !important;
        margin: 0 auto 20px !important;
        box-sizing: border-box !important;
    }
}

/* Advisor profile left widget shortcode area. */
.advisor_widget_container,
.advisor_widget_container .elementor-widget-container,
.advisor_widget_container .elementor-shortcode,
.smd-advisor-widgets {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
}

.smd-advisor-widgets {
    width: min(240px, 100%) !important;
    max-width: 240px !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
    position: relative !important;
    z-index: 1 !important;
}

.advisor_widget_container .advisor_widget {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 240px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.advisor_widget_container .advisor_widget > .elementor-element {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    position: relative !important;
}

.advisor_widget_container .elementor-widget-container,
.advisor_widget_container .elementor-shortcode,
.advisor_widget_container .smd-advisor-widgets-mounted {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.smd-advisor-widgets-photo,
.smd-advisor-widgets-photo img,
.smd-advisor-widget-photo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
}

.smd-advisor-widget-photo {
    width: min(240px, 100%) !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover !important;
    border-radius: 10px !important;
    margin: 0 auto 14px !important;
}

.smd-advisor-widgets-profile-completeness {
    width: 100% !important;
    max-width: 240px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
}

.advisor_widget_container .smd-advisor-widgets-profile-completeness .profile-widget-minimal {
    width: 100% !important;
    max-width: 240px !important;
    min-width: 0 !important;
    margin: 0 auto 14px !important;
    clear: none !important;
}

.advisor_widget_container .smd-advisor-widgets-profile-completeness .profile-actions-vertical {
    display: flex !important;
    flex-direction: column !important;
}

@media (min-width: 769px) {
    .advisor_widget_container {
        display: block !important;
        width: 240px !important;
        max-width: 240px !important;
        left: -250px !important;
        top: 0 !important;
        z-index: 3 !important;
    }
}

/* Advisor profile layout repair: keep owner tools and profile details from overlapping. */
body .um-profile {
    overflow-x: clip !important;
}

body .um-profile .boot-col-md-10.um-profile-one-content,
body .um-profile .um-profile-one-content {
    position: relative !important;
    z-index: 2 !important;
    float: none !important;
    display: block !important;
    width: min(100%, 1140px) !important;
    max-width: 1140px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(12px, 2vw, 24px) !important;
    padding-right: clamp(12px, 2vw, 24px) !important;
    box-sizing: border-box !important;
    clear: both !important;
}

body .um-profile .um-profile-body,
body .um-profile .um-profile-content,
body .um-profile .um-profile-content-container,
body .um-profile-one-content .um-profile-content-container {
    position: relative !important;
    z-index: 2 !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    clear: both !important;
}

body .um-profile .smd-advisor-owner-panel,
body .um-profile .smd-advisor-owner-tools,
body .um-profile .advisor-owner-panel,
body .um-profile .advisor-owner-tools,
body .um-profile .advisor-live-call-desk,
body .um-profile .advisor-call-desk,
body .um-profile [class*="owner"][class*="advisor"],
body .um-profile [class*="availability"][class*="advisor"],
body .um-profile [class*="call"][class*="rate"] {
    box-sizing: border-box !important;
    max-width: 100% !important;
    clear: both !important;
}

@media (min-width: 769px) {
    body .um-profile .um-profile-body,
    body .um-profile .um-profile-content,
    body .um-profile .um-profile-content-container,
    body .um-profile-one-content .um-profile-content-container {
        margin-top: 24px !important;
    }
}

@media (max-width: 768px) {
    body .advisor_widget_container,
    body .advisor_widget_container .elementor-widget-container,
    body .advisor_widget_container .elementor-shortcode,
    body .smd-advisor-widgets {
        display: block !important;
        width: 100% !important;
        max-width: 240px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow: visible !important;
    }
}

/* Keep the mobile hamburger immediately tappable above nearby profile/header layers. */
@media (max-width: 768px) {
    body .elementor-widget-nav-menu,
    body .elementor-menu-toggle,
    body button.elementor-menu-toggle,
    body .hfe-nav-menu-icon,
    body .hfe-menu-toggle,
    body .menu-toggle,
    body .mobile-menu-toggle,
    body .navbar-toggler,
    body .ast-mobile-menu-trigger,
    body .mega-menu-toggle,
    body .responsive-menu-toggle {
        position: relative !important;
        z-index: 100020 !important;
        pointer-events: auto !important;
        touch-action: manipulation;
    }

    body .elementor-menu-toggle,
    body button.elementor-menu-toggle,
    body .hfe-nav-menu-icon,
    body .hfe-menu-toggle,
    body .menu-toggle,
    body .mobile-menu-toggle,
    body .navbar-toggler,
    body .ast-mobile-menu-trigger,
    body .mega-menu-toggle,
    body .responsive-menu-toggle {
        min-width: 44px !important;
        min-height: 44px !important;
        cursor: pointer !important;
    }
}

/* =============================================================================
   Site-wide contrast harmonization
   Light surfaces: dark readable body text. Dark shells: bright white text.
   ============================================================================= */

/* Blog & article prose on light backgrounds */
.single-post .elementor-heading-title,
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) h1,
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) h2,
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) h3 {
    color: var(--smd-text-on-light-strong);
    text-shadow: none;
}

.single-post .elementor-widget-text-editor p,
.single-post .elementor-widget-text-editor li,
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) p,
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) li {
    color: var(--smd-text-on-light);
}

.single-post .elementor-widget-text-editor a,
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) a {
    color: var(--smd-link-on-light);
    border-bottom-color: var(--smd-link-on-light);
}

.single-post .elementor-widget-text-editor a:hover,
.single-post :is(.entry-content, .elementor-widget-theme-post-content .elementor-widget-container) a:hover {
    color: var(--smd-link-on-light-hover);
}

/* Author pages */
body.author .author-bio-title {
    color: var(--smd-text-on-light-strong) !important;
}

body.author .author-bio-page--posts h2 {
    color: var(--smd-heading-on-light) !important;
}

body.single-post .article-author-box .author-bio {
    color: var(--smd-text-on-light) !important;
}

/* Archive description blocks (tag/date archives) */
.archive-description {
    padding: 28px 32px;
    border-radius: 10px;
    max-width: 1200px;
    margin: 24px auto 0;
}

.archive-description p,
.archive-description li {
    color: var(--smd-text-on-light);
    font-size: 1.0625rem;
    line-height: 1.75;
}

.archive-description h1,
.archive-description h2,
.archive-description h3 {
    color: var(--smd-heading-on-light);
    text-shadow: none;
}

.archive-description a {
    color: var(--smd-link-on-light);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Bright text on dark category navigation shells */
.category-archive-header-breadcrumb,
.category-archive-header-breadcrumb .elementor-widget-container,
.list_of_categories.category-hub-breadcrumb.category-archive-header-breadcrumb {
    color: var(--smd-text-on-dark-muted);
}

.category-archive-header-breadcrumb a,
.list_of_categories.category-hub-breadcrumb.category-archive-header-breadcrumb a {
    color: #ffffff;
}

.category-archive-header-breadcrumb a:hover,
.list_of_categories.category-hub-breadcrumb.category-archive-header-breadcrumb a:hover {
    color: var(--smd-link-on-dark-hover);
}

.category-archive-header-breadcrumb li.is-current a,
.list_of_categories.category-hub-breadcrumb.category-archive-header-breadcrumb li.is-current a {
    color: #ffffff;
}

/* Prose inside white content boxes (Elementor widgets) */
.taxonomy-description .elementor-widget-text-editor,
.category-content .elementor-widget-text-editor,
.category-footer-content .elementor-widget-text-editor,
.archive-description .elementor-widget-text-editor,
.online-advisors-description .elementor-widget-text-editor {
    color: var(--smd-text-on-light);
}

.taxonomy-description .elementor-heading-title,
.category-content .elementor-heading-title,
.category-footer-content .elementor-heading-title,
.archive-description .elementor-heading-title,
.online-advisors-description .elementor-heading-title {
    color: var(--smd-heading-on-light);
    text-shadow: none;
}

/* FAQ blocks inside category content */
.category-content .faq-item p {
    color: var(--smd-text-on-light);
}

/* Footer content body copy */
.category-footer-content p,
.category-footer-content li {
    color: var(--smd-text-on-light);
}

.category-footer-content > p:nth-child(2) {
    color: #6b7280;
}

/* LRM login modal — Google sign-in (must win over LiteSpeed/UM bundles loaded later) */
body .lrm-user-modal-container .lrm-integrations--login,
body .lrm-user-modal-container .um.um-shortcode-social,
body .lrm-user-modal-container .um-shortcode-social .um-field,
body .lrm-user-modal-container .um-shortcode-social .um-col-alt,
body .lrm-user-modal-container .um-shortcode-social .um-col-alt > div {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
    text-align: center !important;
}

body .lrm-user-modal-container a.um-button.um-button-google,
body .lrm-user-modal-container a.um-button.um-button-social.um-button-google {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background-color: #fff !important;
    color: #1f1f1f !important;
    border: 1px solid #dadce0 !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.15) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    min-height: 44px !important;
    padding: 12px 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
    float: none !important;
    box-sizing: border-box !important;
}

body .lrm-user-modal-container a.um-button.um-button-google:hover,
body .lrm-user-modal-container a.um-button.um-button-social.um-button-google:hover {
    background-color: #f8f9fa !important;
    color: #1f1f1f !important;
}

body .lrm-user-modal-container a.um-button.um-button-google span,
body .lrm-user-modal-container a.um-button.um-button-social.um-button-google span,
body .lrm-user-modal-container a.um-button.um-button-google i,
body .lrm-user-modal-container a.um-button.um-button-social.um-button-google i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    position: static !important;
    top: auto !important;
    width: auto !important;
    color: #1f1f1f !important;
    font-size: 15px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: #1f1f1f !important;
    margin: 0 !important;
    text-align: center !important;
}

body .lrm-user-modal-container a.um-button.um-button-google i.um-sso,
body .lrm-user-modal-container a.um-button.um-button-social.um-button-google i.um-sso {
    width: 18px !important;
    height: 18px !important;
    margin-right: 2px !important;
    flex: 0 0 18px !important;
}

body .lrm-user-modal-container a.um-button.um-button-google i.um-sso.bi-google::before,
body .lrm-user-modal-container a.um-button.um-button-social.um-button-google i.um-sso.bi-google::before {
    color: #4285f4 !important;
    -webkit-text-fill-color: #4285f4 !important;
    background: none !important;
    font-size: 18px !important;
}