.elementor-362 .elementor-element.elementor-element-33796eb6 .elementor-icon-wrapper{text-align:start;}.elementor-362 .elementor-element.elementor-element-33796eb6.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-33796eb6.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-33796eb6.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-33796eb6.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-33796eb6.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-33796eb6 .elementor-icon{font-size:24px;}.elementor-362 .elementor-element.elementor-element-33796eb6 .elementor-icon svg{height:24px;}.elementor-362 .elementor-element.elementor-element-ca26804 .elementor-icon-wrapper{text-align:center;}.elementor-362 .elementor-element.elementor-element-ca26804.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-ca26804.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-ca26804.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-ca26804.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-ca26804.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-ca26804 .elementor-icon{font-size:24px;}.elementor-362 .elementor-element.elementor-element-ca26804 .elementor-icon svg{height:24px;}.elementor-362 .elementor-element.elementor-element-ca26804 .elementor-icon i, .elementor-362 .elementor-element.elementor-element-ca26804 .elementor-icon svg{transform:rotate(0deg);}.elementor-362 .elementor-element.elementor-element-661d668{--display:flex;}.elementor-362 .elementor-element.elementor-element-2676b02c .elementor-icon-wrapper{text-align:center;}.elementor-362 .elementor-element.elementor-element-2676b02c.elementor-view-stacked .elementor-icon{background-color:#E81818;}.elementor-362 .elementor-element.elementor-element-2676b02c.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-2676b02c.elementor-view-default .elementor-icon{color:#E81818;border-color:#E81818;}.elementor-362 .elementor-element.elementor-element-2676b02c.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-2676b02c.elementor-view-default .elementor-icon svg{fill:#E81818;}.elementor-362 .elementor-element.elementor-element-1e309c2a .elementor-icon-wrapper{text-align:center;}.elementor-362 .elementor-element.elementor-element-1e309c2a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-1e309c2a.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-1e309c2a.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-1e309c2a.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-1e309c2a.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-7b49fd34 .elementor-icon-wrapper{text-align:center;}.elementor-362 .elementor-element.elementor-element-7b49fd34.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-7b49fd34.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-7b49fd34.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-7b49fd34.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-7b49fd34.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-642af05a .elementor-icon-wrapper{text-align:center;}.elementor-362 .elementor-element.elementor-element-642af05a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-642af05a.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-642af05a.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-642af05a.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-642af05a.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-7c2aaa92 .elementor-icon-wrapper{text-align:center;}.elementor-362 .elementor-element.elementor-element-7c2aaa92.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-7c2aaa92.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-7c2aaa92.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-362 .elementor-element.elementor-element-7c2aaa92.elementor-view-framed .elementor-icon, .elementor-362 .elementor-element.elementor-element-7c2aaa92.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-362 .elementor-element.elementor-global-1447{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-362 .elementor-element.elementor-element-2676b02c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -9px) 0px;}.elementor-362 .elementor-element.elementor-element-2676b02c .elementor-icon{font-size:26px;}.elementor-362 .elementor-element.elementor-element-2676b02c .elementor-icon svg{height:26px;}.elementor-362 .elementor-element.elementor-element-1e309c2a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -9px) 0px;}.elementor-362 .elementor-element.elementor-element-1e309c2a .elementor-icon{font-size:26px;}.elementor-362 .elementor-element.elementor-element-1e309c2a .elementor-icon svg{height:26px;}.elementor-362 .elementor-element.elementor-element-7b49fd34{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;}.elementor-362 .elementor-element.elementor-element-7b49fd34 .elementor-icon-wrapper{text-align:center;}.elementor-362 .elementor-element.elementor-element-7b49fd34 .elementor-icon{font-size:33px;}.elementor-362 .elementor-element.elementor-element-7b49fd34 .elementor-icon svg{height:33px;}.elementor-362 .elementor-element.elementor-element-642af05a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -9px) 0px;}.elementor-362 .elementor-element.elementor-element-642af05a .elementor-icon{font-size:26px;}.elementor-362 .elementor-element.elementor-element-642af05a .elementor-icon svg{height:26px;}.elementor-362 .elementor-element.elementor-element-7c2aaa92{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -9px) 0px;}.elementor-362 .elementor-element.elementor-element-7c2aaa92 .elementor-icon{font-size:26px;}.elementor-362 .elementor-element.elementor-element-7c2aaa92 .elementor-icon svg{height:26px;}}/* Start custom CSS for global, class: .elementor-global-1447 *//* Remove the gray Ultimate Member bell background only */

.elementor-362 .elementor-element.elementor-global-1447 .um-notification-b {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a01b32 *//* =========================================================
   ARTELX FULL NOTIFICATIONS PAGE
   ========================================================= */

.elementor-362 .elementor-element.elementor-element-9a01b32,
.elementor-362 .elementor-element.elementor-element-9a01b32 .artelx-notifications-page {
    width: 100%;
    color: #ffffff;
}

/* Main notification list */
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notifications,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notifications-list {
    width: 100%;
    background: #000000 !important;
    color: #ffffff !important;
}

/* Individual notification */
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    width: 100% !important;
    padding: 14px 12px !important;

    background: #111111 !important;
    color: #ffffff !important;

    border: 1px solid #292929 !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
}

/* Unread notification */
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification.unread,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification-new,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification-item.unread {
    background: #191919 !important;
    border-left: 3px solid #ed1c24 !important;
}

/* Notification avatar */
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification img,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification-item img {
    width: 46px !important;
    height: 46px !important;
    object-fit: cover !important;

    border: 1px solid #ed1c24 !important;
    border-radius: 50% !important;
}

/* Notification text */
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification a,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification span,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification p,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification-item a,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification-item span,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification-item p {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Time text */
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification-time,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification-item time,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification-item .timestamp {
    color: #8e8e8e !important;
    font-size: 12px !important;
}

/* Links on hover */
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification a:hover,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notification-item a:hover {
    color: #ed1c24 !important;
}

/* Controls and filters */
.elementor-362 .elementor-element.elementor-element-9a01b32 button,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-button,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notifications-filter a {
    background: #111111 !important;
    color: #ffffff !important;

    border: 1px solid #3a3a3a !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* Active filter/button */
.elementor-362 .elementor-element.elementor-element-9a01b32 .active,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-button:hover,
.elementor-362 .elementor-element.elementor-element-9a01b32 button:hover {
    background: #ed1c24 !important;
    color: #ffffff !important;
    border-color: #ed1c24 !important;
}

/* Empty notification state */
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notifications-none,
.elementor-362 .elementor-element.elementor-element-9a01b32 .um-notifications-empty {
    padding: 30px 15px !important;
    color: #a8a8a8 !important;
    text-align: center !important;
}/* End custom CSS */