/*
Theme Name:     Kleo Child
Theme URI: 	https://themeforest.net/item/kleo-pro-community-focused-multipurpose-buddypress-theme/6776630?ref=SeventhQueen
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     https://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/

/*-------------------- Theme definitions START --------------------*/
:root {
    --yzfy-scheme-color: #f78e0d !important;
    --yzfy-scheme-text-color: #ffffff !important;
}
.youzify-light-lighting-mode {
    --yzfy-body-color: #f8f8f8;
    --yzfy-primary-color: #404040;
    --yzfy-secondary-color: #858585;
    --yzfy-menu-link-color: #707070;
    --yzfy-menu-icons-color: #707070;
    --yzfy-submenu-link-color: #404040;
    --yzfy-text-color: #404040;
    --yzfy-subtext-color: #808191;
    --yzfy-card-bg-color: #FFFFFF;
    --yzfy-card-secondary-bg-color: #EEE;
    --yzfy-heading-color: #404040;
    --yzfy-icon-color: #707070;
    --yzfy-icon-bg-color: #EEE;
	  --yzfy-icon-bg-color-hover: #D8D8D8;
    --yzfy-button-bg-color: #EEE;
    --yzfy-button-text-color: #404040;
    --yzfy-tab-text-color: #404040;
    --yzfy-tab-bg-color: #EEE;
    --yzfy-primary-border-color: #E0E0E0;
    --yzfy-option-label-color: #404040;
    --yzfy-option-description-color: #707070;
    --yzfy-option-input-color: #404040;
    --yzfy-option-input-bg-color: #EEE;
    --yzfy-notice-primary-bg-color: #EEE;
    --yzfy-notice-primary-text-color: #404040;
    --yzfy-shadow-color: #E0E0E0;
		--st-link-color: #2271b1;
	  --st-menu-link-color: #303030;
		--st-card-boxshadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	
}

.youzify-dark-lighting-mode {
    --yzfy-body-color: #181818;
    --yzfy-primary-color: #D4D4D4;
    --yzfy-secondary-color: #858585;
    --yzfy-menu-link-color: #888888;
    --yzfy-menu-icons-color: #888888;
    --yzfy-submenu-link-color: #D4D4D4;
    --yzfy-text-color: #D4D4D4;
    --yzfy-subtext-color: #808191;
    --yzfy-card-bg-color: #252526;
    --yzfy-card-secondary-bg-color: #303030;
    --yzfy-heading-color: #D4D4D4;
    --yzfy-icon-color: #D4D4D4;
    --yzfy-icon-bg-color: #404040;
	  --yzfy-icon-bg-color-hover: #383838;
    --yzfy-button-bg-color: #404040;
    --yzfy-button-text-color: #D4D4D4;
    --yzfy-tab-text-color: #D4D4D4;
    --yzfy-tab-bg-color: #404040;
    --yzfy-primary-border-color: #3A3D41;
    --yzfy-option-label-color: #D4D4D4;
    --yzfy-option-description-color: #888888;
    --yzfy-option-input-color: #D4D4D4;
    --yzfy-option-input-bg-color: #252526;
    --yzfy-notice-primary-bg-color: #252526;
    --yzfy-notice-primary-text-color: #D4D4D4;
    --yzfy-shadow-color: #3A3D41;
    --st-link-color: #2271b1;
	  --st-menu-link-color: #CFCFCF;
}

.template-page, .sidebar {
  padding-top: 35px;
  padding-bottom: 35px;
}

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 1140px;
    margin: 0 auto;
}

#main {
  background-color: var(--yzfy-body-color);
}

/*-------------------- Theme definitions END --------------------*/
/*-------------------- youzify.css overwrite START --------------------*/
/* Stil für die Cover-Bild Container */
.cover-image-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%; /* Sicherstellen, dass das Bild nicht überläuft */
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	  cursor: pointer;
}

/* Stil für das Cover-Bild */
.cover-image {
    width: 100%;
    height: auto;
    display: block;
    transition: filter 0.3s ease;
}

/* Permanente Lupe */
.hover-overlay {
    position: absolute;
    top: 50%; /* Vertikal zentrieren */
    left: 50%; /* Horizontal zentrieren */
    transform: translate(-50%, -50%); /* Zentriert das Element */
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: var(--yzfy-icon-color);
    background-color: var(--yzfy-icon-bg-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    animation: heartbeat 1s infinite; /* Herzschlag-Animation */
    z-index: 1; /* Sicherstellen, dass die Lupe über dem Text liegt */    cursor: pointer;
}

/* Hover-Effekt */
.cover-image-container:hover .cover-image {
    filter: brightness(50%); /* Abdunkeln des Bildes */
}

/* Hover-Text */
.cover-image-container:hover .hover-text {
    opacity: 1; /* Sichtbar beim Hover */
}

/* Stil für den Hover-Text */
.hover-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff; /* Helle Schriftfarbe für Kontrast */
    font-size: 24px; /* Schriftgröße erhöhen */
    font-weight: bold; /* Text fett machen */
    text-align: center;
    opacity: 0; /* Versteckt bis zum Hover */
    transition: opacity 0.3s ease;
    padding: 0; /* Kein zusätzlicher Hintergrund oder Padding */
    white-space: nowrap; /* Verhindert Zeilenumbruch */
}

/* Herzschlag-Animation */
@keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    20% {
        transform: scale(1.1); /* Vergrößert das Element leicht */
    }
    40% {
        transform: scale(1.15); /* Etwas stärker vergrößern */
    }
    60% {
        transform: scale(1.1); /* Zurück zur ursprünglichen Vergrößerung */
    }
    80% {
        transform: scale(1.05); /* Nochmals leicht vergrößern */
    }
    100% {
        transform: scale(1); /* Zurück zur Originalgröße */
    }
}







.shortcode-container {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Abstand zwischen den Reihen */
    width: 100%;
}

.shortcode-row {
    display: flex;
    width: 100%;
}

.shortcode-item {
    flex: 1;
    box-sizing: border-box;
    padding: 0 10px; /* Innenabstand an den Seiten */
}

@media (max-width: 768px) {
    .shortcode-row {
        flex-direction: column;
    }

    .shortcode-item {
        padding: 0; /* Innenabstand auf mobilen Geräten entfernen */
        margin-bottom: 20px; /* Abstand zwischen den Items im mobilen Modus */
    }

    .shortcode-item:last-child {
        margin-bottom: 0; /* Entfernt den Abstand nach dem letzten Item */
    }
}






.youzify-tabs-list-silver #directory-show-filter a:before,
.youzify-tabs-list-silver #directory-show-search a:before,
.youzify-tabs-list-silver .youzify-default-subnav li a i,
.youzify-tabs-list-silver div.item-list-tabs a i,
.youzify-tabs-list-silver div.item-list-tabs a:before {
  background-color: var(--yzfy-card-secondary-bg-color);
  color: unset !important;
}


.youzify-social-buttons .youzify-follow-message-button .youzify-send-message {
    background: var(--yzfy-body-color);
}

.widget_display_topics li div {
    color: var(--yzfy-secondary-color);
}

.widget_display_replies li div {
    color: var(--yzfy-secondary-color);
}

.youzify-tools-full-btns .youzify-tool-btn .youzify-tool-icon i {
    color: var(--yzfy-menu-icons-color);
}

.youzify img {
    color: var(--yzfy-text-color);
}


body div.buddypress div.item-options a,
body div.widget.buddypress.widget_bp_groups_widget div.item-options a,
body div.widget.buddypress.widget_bp_core_members_widget div.item-options a {
    background-color: var(--yzfy-text-color);
}

.bbp_widget_login .bbp-login-form .bbp-username input,
.bbp_widget_login .bbp-login-form .bbp-password input,
#bp-login-widget-form > input {
    color: var(--yzfy-text-color);
}

.youzify-my-account-widget .youzify-menu-icon-silver .youzify-link-item i {
    color: var(--yzfy-text-color);
}

.youzify-my-account-widget .youzify-menu-icon-no-bg .youzify-link-item i {
    color: var(--yzfy-text-color);
}

.youzify-notif-item .youzify-notif-icon i {
    color: var(--yzfy-text-color);
}

.youzify-notif-icons-no-bg .youzify-notif-item .youzify-notif-icon i {
    color: var(--yzfy-text-color);
}

.youzify-notif-icons-silver .youzify-notif-item .youzify-notif-icon i {
    color: var(--yzfy-text-color);
}

.widget-error {
    color: var(--yzfy-text-color);
}

.youzify-wp-widget .youzify-no-items-found {
    color: var(--yzfy-text-color);
}

.youzify div.item-list-tabs .youzify-bar-select:after,
.nice-select:after {
    border-bottom: 2px solid var(--yzfy-text-color);
    border-right: 2px solid var(--yzfy-text-color);
}

.youzify-load-emojis i:hover {
    color: var(--yzfy-text-color);
}

.bbp-logged-in h4 a {
    color: var(--yzfy-text-color);
}

.widget_display_views li .bbp-view-title {
    color: var(--yzfy-text-color);
}

.widget.widget_display_topics li,
.widget_display_topics li {
    color: var(--yzfy-text-color);
}

.widget_display_topics li a.bbp-forum-title {
    color: var(--yzfy-text-color);
}

.widget_display_forums li a {
    color: var(--yzfy-text-color);
}

.widget_display_replies li a.bbp-reply-topic-title {
    color: var(--yzfy-text-color);
}

.youzify-forums-statistics-content .youzify-forums-statistics-nbr {
    color: var(--yzfy-text-color);
}

.youzify-forums-statistics-content .youzify-forums-statistics-desc {
    color: var(--yzfy-text-color);
}

.youzify-item-tool .youzify-tool-name {
    color: var(--yzfy-text-color);
}

.youzify-item-tool .youzify-tool-icon i {
    color: var(--yzfy-scheme-text-color);
}

.youzify-community-hashtags .youzify-hashtag-item {
    color: var(--yzfy-text-color);
}

.youzify-course-completion-meta {
    color: var(--yzfy-text-color);
}

.youzify-loader-images-list .youzify-loader-image i {
    color: var(--yzfy-text-color);
}

.youzify-my-account-widget .youzify-widget-header .youzify-widget-head .youzify-hello {
    color: var(--yzfy-subtext-color);
}

.youzify-my-account-widget .youzify-menu-links .youzify-section-title {
    color: var(--yzfy-subtext-color);
}

.youzify-notifications-widget .youzify-more-items a {
    color: var(--yzfy-subtext-color);
}
#youzify .youzify-sidebar .widget-content .textwidget {
    color: var(--yzfy-heading-color);
}

.youzify-head-content .youzify-user-offline {
    background-color: var(--yzfy-icon-color);
}

.youzify-notif-icons-silver .youzify-notif-item .youzify-notif-icon i {
    background-color: var(--yzfy-icon-bg-color);
}

.youzify table tbody tr {
    border-bottom: 1px solid var(--yzfy-button-bg-color);
}

.youzify-follow-message-button {
    background-color: var(--yzfy-button-bg-color);
}

.youzify-items-list-widget .youzify-list-item .youzify-item-action .youzify-icon-button i {
    background-color: var(--yzfy-button-bg-color);
}

.youzify-loader-pcimage,
.youzify-loader-image,
.youzify-loader-text-line,
.youzify-loader-animated-background {
    background: var(--yzfy-button-bg-color);
}

.youzify-social-buttons .youzify-follow-message-button .follow-button a  {
    background-color: var(--yzfy-button-bg-color);
}

#message p a {
    color: var(--yzfy-option-label-color);
}

#message p code {
    color: var(--yzfy-option-label-color);
}

#youzify-modal .youzify-modal-content {
    color: var(--yzfy-option-description-color);
}

/* --- Custom color settings here ---*/

/* #eee -> Silver Tab Icons adaptions */

.youzify-tabs-list-silver div.item-list-tabs a i,
.youzify-tabs-list-silver #directory-show-filter a:before,
.youzify-tabs-list-silver #directory-show-search a:before,
.youzify-tabs-list-silver .youzify-default-subnav li a i,
.youzify-tabs-list-silver div.item-list-tabs a:before {
    background-color: var(--yzfy-card-secondary-bg-color);


}

/* #f7f7f7 -> Custom Hashtag Default Color */
.youzify-community-hashtags .youzify-hashtag-item {
    background-color: var(--yzfy-button-bg-color);
  }

/*-------------------- youzify.css overwrite END --------------------*/
/*-------------------- youzify-wall.css overwrite START --------------------*/

.youzify-shared-description-content {
    border-left: 4px solid var(--yzfy-body-color);
}

.youzify-wall-post-box .youzify-wall-new-post {
    box-shadow: 0px 0px 12px var(--yzfy-body-color);
}

.activity-content .youzify-product-content {
    box-shadow: 0px 0px 12px var(--yzfy-body-color);
}

.youzify .activity-header .youzify-timestamp-area i {
    color: var(--yzfy-subtext-color);
}

.youzify .activity-header .youzify-report-activity {
    color: var(--yzfy-primary-color);
}

.youzify-shared-description .youzify-shared-content {
    color: var(--yzfy-primary-color);
}

.youzify-shared-wrapper .youzify-timestamp-area i {
    color: var(--yzfy-subtext-color);
}


#youzify-wall-nav li.loading a:before {
    color: var(--yzfy-text-color);
}

#youzify div.item-list-tabs .youzify-activity-search input::placeholder {
    color: var(--yzfy-text-color);
}


#youzify div.item-list-tabs .youzify-activity-search input {
    color: var(--yzfy-text-color);
}

body #buddypress .activity-list li.load-newest a,
body #buddypress .activity-list li.load-more a,
.youzify .activity-list li.load-newest a,
.youzify .activity-list li.load-more a {
    color: var(--yzfy-text-color);
}

.youzify-shared-post-unavailable p {
    color: var(--yzfy-text-color);
}

.youzify .youzify-activity-statistics .youzify-post-shares-count:hover i {
    color: var(--yzfy-text-color);
}

.youzify-comment-file .youzify-wall-file-title {
    color: var(--yzfy-text-color);
}

.youzify-comment-file .youzify-wall-file-size {
    color: var(--yzfy-text-color);
}

.youzify-no-gifs-found {
    color: var(--yzfy-text-color);
}

.youzify #activity-stream .ac-reply-content button.rtmedia-comment-media-upload {
    color: var(--yzfy-text-color);
}

.youzify #activity-stream .ac-reply-content a {
    color: var(--yzfy-text-color);
}

.youzify .acomment-content .rtmedia-activity-text,
.youzify .acomment-content p {
    color: var(--yzfy-text-color);
}

#youzify-wall-form .youzify-wall-custom-form .youzify-wall-cf-item .youzify-cf-input-loader {
    color: var(--yzfy-text-color);
}

.youzify-wall-custom-form .youzify-wall-cf-item i.youzify-wall-form-drag-item:hover,
.youzify-wall-custom-form .youzify-wall-cf-item i.youzify-wall-form-remove-item:hover {
    color : var(--yzfy-text-color);
}

#youzify-wall-form .youzify-wall-custom-form .youzify-wall-cf-item textarea,
#youzify-wall-form .youzify-wall-custom-form .youzify-wall-cf-item input:not([type="checkbox"]):not([type="radio"]) {
    color: var(--yzfy-text-color);
}

.youzify-poll-content .youzify-poll-item-title {
    color: var(--yzfy-text-color);
}

#youzify-wall-form .youzify-wall-custom-form .youzify-wall-cf-dragable-item .youzify-wall-form-remove-item-disable {
    color: var(--yzfy-text-color);
}

.youzify-poll-actions .youzify-disable-vote {
    color: var(--yzfy-text-color);
}

.youzify-wall-custom-form.youzify-wall-giphy-form .youzify-load-more-giphys {
    color: var(--yzfy-text-color);
}

.youzify-wall-custom-form.youzify-wall-giphy-form .youzify-load-more-giphys i {    
    color: var(--yzfy-text-color);
}

.youzify-giphy-loading-preview i {
    color: var(--yzfy-text-color);
}

#youzify-wall-form .youzify-wall-cf-item .youzify-cf-option-title {
    color: var(--yzfy-text-color);
}

.youzify-list-search-box .youzify-list-search-input::placeholder {
    color: var(--yzfy-text-color);
}

#youzify-wall-form .youzify-list-search-box .youzify-list-search-input:focus,
#youzify-wall-form .youzify-list-search-box .youzify-list-search-input:active,
#youzify-wall-form .youzify-list-search-box .youzify-list-search-input {
    color: var(--yzfy-text-color);
}

.youzify-wall-list-items .youzify-list-notice {
    color: var(--yzfy-text-color);
}

.youzify-list-selected-items .youzify-selected-item .youzify-item-title {
    color: var(--yzfy-text-color);
}

.youzify-list-selected-items .youzify-selected-item .youzify-selected-item-tool {
    color: var(--yzfy-text-color);
}

.youzify-wall-modal-title i {
    color: var(--yzfy-text-color);
}

.youzify-product-price .woocommerce-Price-amount.amount {
    color: var(--yzfy-text-color);
}

.youzify-moderation-reported-comment-notice {
    color: var(--yzfy-text-color);
}

.atwho-container .atwho-view ul li span.username {
    color: var(--yzfy-text-color);
}

.dropdown-menu[data-strategy='youzify_mentions'] li span.username {
    color: var(--yzfy-text-color);
}

#youzify div.item-list-tabs .youzify-activity-search i {
    color: var(--yzfy-subtext-color);
}

.youzify .youzify-activity-statistics .youzify-post-shares-count,
.youzify .youzify-activity-statistics .youzify-post-comments-count {
    color: var(--yzfy-subtext-color);
}

.youzify-activity-statistics .youzify-post-liked-by .youzify-liked-this {
    color: var(--yzfy-subtext-color);
}

.youzify #activity-stream .ac-form .youzify-emojionearea .youzify-emojionearea-editor,
.youzify #activity-stream .ac-form textarea {
    color: var(--yzfy-subtext-color);
}

#whats-new-post-in-box {
    color: var(--yzfy-subtext-color);
}

#youzify-wall-form #whats-new-post-in-box label {
    color: var(--yzfy-subtext-color);
}

.youzify-privacy-tool .youzify-privacy-title {
    color: var(--yzfy-subtext-color);
}

.youzify-list-selected-items .youzify-selected-item.youzify-feeling-selected-item {
    color: var(--yzfy-subtext-color);
}

.youzify-wall-embed .youzify-embed-meta {
    color: var(--yzfy-subtext-color);
}

.youzify-users-who-list .youzify-list-item .youzify-item-meta {
    color: var(--yzfy-subtext-color);
}

.youzify-moderation-reported-comment-notice {
    background: var(--yzfy-card-secondary-bg-color);
}

.youzify-shared-wrapper .youzify-wall-link-content,
.youzify-shared-wrapper .youzify-wall-new-post,
.youzify-shared-wrapper .youzify-wall-embed {
    border-bottom: 1px solid var(--yzfy-icon-bg-color);
}

.youzify-shared-wrapper .youzify-product-content {
    border-bottom: 1px solid var(--yzfy-icon-bg-color);
}

.youzify #activity-stream .yzfes-error {
    background-color: var(--yzfy-icon-bg-color);
}

.youzify-wall-post-box {
    background-color: var(--yzfy-icon-bg-color);
}

.activity-content .youzify-product {
    background: var(--yzfy-icon-bg-color);
}

.youzify-product-content .youzify-product-tags li {
    background-color: var(--yzfy-icon-bg-color);
}

.youzify-wall-file-post .youzify-wall-file-size {
    color: var(--yzfy-button-bg-color);
}
@media screen and ( max-width: 768px ) {

    #youzify div.item-list-tabs .youzify-activity-search input,
    #youzify div.item-list-tabs .youzify-activity-search i,
    #youzify div.item-list-tabs .youzify-activity-search {
        background-color: var(--yzfy-button-bg-color);
    }
    #youzify-wall-nav .nice-select, #youzify-wall-nav select {
        background-color: var(--yzfy-button-bg-color);
    }

    #whats-new-post-in-box {
        border-bottom: 1px solid var(--yzfy-button-bg-color);
    }

    .youzify-wall-actions .youzify-form-tools {
        padding: 15px 0;
        text-align: center;
        border-bottom: 1px solid var(--yzfy-button-bg-color);
    }
}

.youzify-shared-wrapper .youzify-wall-link-content,
.youzify-shared-wrapper .youzify-wall-new-post,
.youzify-shared-wrapper .youzify-wall-embed {
    border-bottom: 1px solid var(--yzfy-icon-bg-color);
}

.youzify-shared-wrapper .youzify-product-content {
    border-bottom: 1px solid var(--yzfy-icon-bg-color);
}

.youzify #activity-stream .yzfes-error {
    background-color: var(--yzfy-icon-bg-color);
}

.youzify-wall-post-box {
    background-color: var(--yzfy-icon-bg-color);
}

.activity-content .youzify-product {
    background: var(--yzfy-icon-bg-color);
}

.youzify-product-content .youzify-product-tags li {
    background-color: var(--yzfy-icon-bg-color);
}

.youzify .activity-header .youzify-timestamp-area i {
    color: var(--yzfy-subtext-color);
}

.youzify .activity-header .youzify-report-activity {
    color: var(--yzfy-primary-color);
}

.youzify-shared-description .youzify-shared-content {
    color: var(--yzfy-primary-color);
}

.youzify-shared-wrapper .youzify-timestamp-area i {
    color: var(--yzfy-subtext-color);
}

.youzify-wall-modal-content {
    color: var(--yzfy-option-description-color);
}


/*--- Custom Colorsettings here ---*/

/* #939BA3 -> Link Overwrite */
.youzify .youzify-activity-embed,
.youzify .activity-inner {
    color: var(--yzfy-heading-color);
}

#youzify .activity-meta a {
    color: var(--yzfy-heading-color);
}

.youzify .activity-comments .acomment-meta > a {
    color: var(--yzfy-heading-color);
}

.youzify .acomment-options a {
    color: var(--yzfy-heading-color);
}

#youzify-wall-form .youzify-wall-options .youzify-wall-opts-item label span {
    color: var(--yzfy-heading-color);
}

 #youzify-wall-form .youzify-wall-textarea::placeholder{
    color: var(--yzfy-subtext-color);
 }

#youzify-wall-form .youzify-wall-textarea{
    color: var(--yzfy-text-color);
 }

 /* #a6a6a6 -> Timestamp Overwrite */
 .youzify-shared-wrapper .time-since,
 .youzify .activity-comments .acomment-meta .youzify-report-comment .youzify-report-comment-title,
 .youzify .activity-comments .acomment-meta a .time-since {
     color: var(--yzfy-subtext-color);
 }
 
 .youzify .activity-comments .acomment-meta .youzify-report-comment i,
 .youzify .activity-comments .acomment-meta a.activity-time-since i {
    color: var(--yzfy-subtext-color);

 }

 /* #7da0b1 -> Links*/
.youzify .acomment-content a,
.youzify .activity-inner a {
	color: var(--st-link-color);
}


/*-------------------- youzify-wall.css overwrite END --------------------*/

/*-------------------- youzify-directories.css overwrite START --------------------*/

.youzify-card-action-buttons-inline-block .youzify-user-actions .youzify-profile-settings {
    border: 1px solid var(--yzfy-body-color);
}

.youzify-show-filters {
    color: var(--yzfy-submenu-link-color);
}

#youzify-members-list .youzify-user-actions a.loading:before,
.youzify-directory-filter .item-list-tabs li.loading a i:before,
.youzify-directory-filter .item-list-tabs li.loading:not(.yzmt-directory-tab) a:before {
    color: var(--yzfy-submenu-link-color);
}

#youzify-directory-search-box form input[type=text] {
    color: var(--yzfy-submenu-link-color);
}

#youzify-members-list .youzify-meta-item a {
    color: var(--yzfy-submenu-link-color);
}

#youzify-members-list .youzify-meta-item {
    color: var(--yzfy-submenu-link-color);
}

.youzify-card-action-buttons-inline-block .youzify-user-actions .youzify-profile-settings {
    color: var(--yzfy-submenu-link-color);
}

#youzify-blogs-list .item .item-meta {
    color: var(--yzfy-submenu-link-color);
}

#youzify-groups-list .item .item-meta .group-status {
    color: var(--yzfy-submenu-link-color);
}

#youzify-groups-list .action .group-button .leave-group {
    color: var(--yzfy-submenu-link-color);
}

#youzify .youzify-directory-filter .item-list-tabs li label,
#youzify .youzify-directory-filter .item-list-tabs li#members-order-select label {
    color: var(--yzfy-subtext-color);
}

#youzify-directory-search-box {
    border-left: 1px solid var(--yzfy-primary-border-color);
}

.rtl #youzify-directory-search-box {
    border-right: 1px solid var(--yzfy-primary-border-color);
}

#youzify .youzify-directory-filter .item-list-tabs li select {
    background-color: var(--yzfy-button-bg-color);
}

#youzify-blogs-list .action {
    border-top: 1px solid var(--yzfy-button-bg-color);
}

#youzify-blogs-list .action a,
#youzify-groups-list .action a {
    background-color: var(--yzfy-button-bg-color);
}

/* --- Custom color settings here ---*/

/* #8a8a8a -> Directory Names */
#youzify .youzify-directory-filter .item-list-tabs li select {
    color: var(--yzfy-text-color);
}

#youzify-blogs-list .item .item-title a,
#youzify-groups-list .item .item-title a {
    color: var(--yzfy-text-color);
}

/* #838383 -> Manage Button */
#youzify-blogs-list .action a,
#youzify-groups-list .action .youzify-manage-group {
    color: var(--yzfy-subtext-color);;
}

/* #8c8fa0 -> Pagination */
.youzify-directory #pag-bottom .pag-count {
    color: var(--yzfy-subtext-color);
}

.yz-group-description {
      color: var(--yzfy-text-color);
}

/*-------------------- youzify-directories.css overwrite END --------------------*/

/*-------------------- Schachteltreff Content here --------------------*/

.kleo-main-header .nav > li.active > a {
  box-shadow: inset 0px 2px 0px 0px var(--yzfy-scheme-color);
}

.header-color .kleo-main-header{
	border-color: var(--yzfy-primary-border-color);
}

.header-color .kleo-main-header{
	background-color: var(--yzfy-card-bg-color);
}

.header-color a {
	color:var(--yzfy-text-color);
}

.header-color a:hover,
.header-color .dropdown-submenu:hover > a
{
	   color: var(--st-menu-link-color);
}


#buddypress .activity-header .time-since{
	color: var(--yzfy-subtext-color) !important;
}

.gemail_icon{
	background: url(https://www.schachteltreff.community/wp-content/plugins/buddypress-group-email-subscription/css/email.png) center left no-repeat !important;
	padding-left: 20px !important;
	margin-left: 2px;
	font-weight: bold;
color: var(--yzfy-scheme-color) !important;
}

.youzify-group-navmenu li a {
	color: var(--yzfy-primary-color) !important;
}

.yz-group-description {
  padding: 12px;
}

#buddypress .activity-list .activity-avatar{
	background-color: unset !important;
}

/* Allgemeine Stile für Schatten */
#youzify table.notifications,
.group-subscription-options,
#youzify #send_message_form,
#friend-list,
#message-recipients,
.message-box,
#youzify #send-reply,
table#message-threads.messages-notices,
.youzify-albums-name,
.youzify-upload-attachments-group,
.youzify-albums-privacy,
.youzify-albums-name,
.youzify-albums-categorie,
.youzify-albums-tags,
.youzify-upload-attachments-group,
#youzify-not-friend-message,
.youzify-inner-content.settings-inner-content,
div.youzify-media-group-head,
div.youzify-media-item,
div.youzify-media-no-items,
div.youzify-media-group-head,
.youzify-main-column #subnav,
div.members.friends div#message.info,
#message,
div.activity > div#message.info,
.youzify-account-header,
#group-settings-form,
#ass-email-subscriptions-options-page,
.youzify-group-infos-widget,
.kleo-main-header,
.youzify-mobile-nav-container,
#youzify-wall-nav,
.youzify #youzify-wall-form,
.youzify .activity-list > li,
.youzify-sidebar .widget-content,
.youzify-directory-filter,
#youzify-groups-list li .youzify-group-data,
#youzify-members-list > li .youzify-user-data,
.youzify-widget .youzify-widget-main-content,
#youzify-profile-navmenu,
.youzify-page-main-content > div.item-list-tabs {
    box-shadow: var(--st-card-boxshadow);
}

/* Aktivitätsstile */
.activity .bp-verified-badge {
    margin-left: 6px;
}

.youzify .activity-inner, 
.youzify .youzify-activity-embed,
.youzify .activity-comments .comment-inner,
.youzify .acomment-content p {
    line-height: unset !important;
}

.youzify .activity-inner p {
    margin-bottom: 12px;
}

.youzify .activity-inner br {
    margin-bottom: 6px;
    line-height: unset !important;
}

/* Gruppenspezifische Stile */
#groups-dir-list .group-subscription-div, 
#groups-list .group-subscription-div,
#buddypress ul.item-list li div.action div a.group-subscription-options-link {
    font-size: 13px !important;
    color: var(--yzfy-text-color) !important;
    margin: unset !important;
    background-color: unset !important;
    padding: unset !important;
    font-weight: bold !important;
}

/* Benutzerstatus */
.youzify-user-status {
    min-width: 16px;
    min-height: 16px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    overflow: hidden;
}
.youzify-wall-cf-input::placeholder {
  color: var(--yzfy-subtext-color);
}

.youzify-user-online {
    background-color: green;
}

.youzify-user-offline {
    display: none; /* Ausblenden des Offline-Status */
}

body .youzify-item-data .youzify-user-status {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
    padding: 3px 5px 4px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    border-radius: 4px;
    margin-left: 5px;
}

body .youzify-item-data .youzify-user-status.youzify-user-offline {
    background: #8b8b8b;
}

body .youzify-item-data .youzify-user-status.youzify-user-online {
    background: #7ac225;
}

/* Widget-Stile */
.youzify .youzify-members-search-forms {
    margin: unset !important;
}

.youzify-members-directory {
    padding: 0px !important;
}

.widget_bp_groups_widget #groups-list li .item,
.buddypress.widget ul#groups-list li .item {
    width: unset !important;
    margin: unset !important;
}

.widget_bp_core_whos_online_widget .avatar-block {
    padding: 20px !important;
}

.widget_bp_core_whos_online_widget .item-avatar {
    margin: 0 !important;
}

/* Icon-Stile */
.yz-event-icon {
    width: 40px;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    line-height: 40px; /* Vertikale Zentrierung */
}

/* Suchen */
body #block-99 h3:before,
body #block-80 h3:before{
    content: "\f002";  
}

/* Gruppen-Kurzinfo*/
body #block-101 h3:before {
    content: "\f0f3";  
}

/* Gruppen Notification */
body #block-98 h3:before {
    content: "\f129";  
}

/* Schnellsprung*/
body #block-68 h3:before,
body #block-79 h3:before,
body #block-83 h3:before {
    content: "\f554";  
}

/* Wöchentliche Aktionen*/
body #block-50 h3:before,
body #block-53 h3:before {
    content: "\f073";  
}

/* Freunde */
body #block-49 h3:before,
body #block-51 h3:before {
    content: "\f2b5";  
}

.youzify-group-navmenu #regeln:before {
    content: "\f0e3";
}

/* Sonstige Stile */
yzpr-wall-modal-actions button {
    background-color: var(--yzfy-scheme-color) !important;
}

.header-link-custom a {
    color: #ffc107 !important;
}

.thread-sender {
    text-align: left;
}

.bp-notifications-nav a, 
.bp-messages-nav a {
    font-size: 0px !important;
}

.bp-notifications-nav a span, 
.bp-messages-nav a span {
    font-size: 10px;
}

.bp-menu.bp-notifications-nav a::before {
    content: "\f0f3" !important;
    font-size: 20px;
    font-family: "Font Awesome 5 Free" !important;
}

.bp-menu.bp-messages-nav a::before {
    content: "\f0e0" !important;
    font-size: 20px;
    font-family: "Font Awesome 5 Free" !important;
}

.youzify-post-attachments video {
    max-height: 566.55px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.youzify-img-with-padding {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Höhe nach Bedarf anpassen */
    padding: 10px;
    background-color: var(--yzfy-card-secondary-bg-color); /* Grauer Hintergrund */
    border-radius: 4px;
}

.youzify-img-with-padding img {
    max-height: 566.55px;
    max-width: 100%;
}

.yzap-voters-list img {
    width: 100% !important;
    height: 100% !important;
}

.youzify-post-4imgs {
    border-left: 1px solid var(--yzfy-card-bg-color);
    border-right: 1px solid var(--yzfy-card-bg-color);
}

.youzify-post-img {
    border: 1px solid var(--yzfy-card-bg-color);
    height: auto;
}

.youzify-post-img img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

body #buddypress .activity-read-more a {
    background-color: var(--yzfy-button-bg-color) !important;
}

body .youzify .activity-comments li.show-all {
    background-color: var(--yzfy-scheme-color)  !important;
}

/* Medienabfragen */
@media screen and (max-width: 768px) {
    body #youzify .activity-meta a, 
    body .youzify .acomment-options a, 
    body .acomment-options a.yzpr-reacto-post span {
        font-size: 0;
    }

    body .youzify .acomment-options a:before, 
    body .acomment-options a.yzpr-reacto-post {
        font-size: 13px;
    }

    body .activity-meta a.report-abuse {
        width: 25%;
    }

    .item .yz-group-description {
        font-size: 13px !important;
        margin-bottom: 4%;
        margin-left: 8%;
        margin-right: 8%;
        text-align: left;
        color: var(--yzfy-text-color) !important;
    }

    div.yz-group-description {
        margin-left: 25px;
        margin-right: 25px;
    }
}

#buddypress div.item-list-tabs li.selected a {
	color: var(--yzfy-text-color) !important;
}

#buddypress div.item-list-tabs a{
	color: var(--yzfy-subtext-color) !important;
}

.kleo-notifications.new-alert {
  background-color: var(--yzfy-scheme-color) !important;
  color: var(--yzfy-scheme-text-color) !important;
}


#buddypress a.button {
	color: var(--yzfy-button-text-color) !important;
}


#buddypress a.button:hover {
    background-color: unset  !important;
}

li.feed {
display: none !important;
}



.logo-column{
	align-content: center;
}

.custom-group-rules{
	 
            background-color: var(--yzfy-card-bg-color);
            border-radius: 4px;
            box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
            height: 100%; /* Fülle die gesamte Höhe */
            display: flex;
            flex-direction: column;
            justify-content: space-between; 
	padding: 25px 40px;
            line-height: 26px;
            font-size: var(--yzfy-big-font-size);
            color: var(--yzfy-text-color);
            flex-grow: 1;
            overflow-y: hidden; /* Kein Scrollen, da Karussell */
            position: relative;
}


.your-card-class {
            margin: 12px 0;
            background-color: var(--yzfy-card-bg-color);
            border-radius: 4px;
            box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* Chevron-Pfeile immer unten */
        }
        .your-card-class .youzify-group-widget-title {
            display: flex;
            align-items: center;
            padding: 15px 35px;
            border-bottom: 1px solid var(--yzfy-card-secondary-bg-color);
        }
        .your-card-class .youzify-group-widget-title i {
					  min-width: 35px;
  min-height: 35px;
  width: auto;
  height: auto;
  line-height: 35px;
  margin-right: 10px;
  text-align: center;
  color: var(--yzfy-icon-color);
  background-color: var(--yzfy-icon-bg-color);
  border-radius: 50%; /* Hält das Icon rund */
  display: inline-flex;
  justify-content: center;
  align-items: center;
        }
        .your-card-class .youzify-group-widget-content {
            padding: 25px 40px;
            line-height: 26px;
            font-size: var(--yzfy-big-font-size);
            color: var(--yzfy-text-color);
            flex-grow: 1;
            overflow-y: hidden; /* Kein Scrollen, da Karussell */
            position: relative;
        }
        .your-card-class .youzify-group-activity {
            display: none;
        }
        .your-card-class .youzify-group-activity.active {
            display: block;
        }

.tour-column{
	gap: 12px 12px;
}

.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
  width: 100%;
  color: white;
}

.custom-group-list {
    list-style-type: none; /* Entfernt die Standard-Aufzählungspunkte */
    padding: 0; /* Entfernt Standard-Padding der Liste */
    margin: 0; /* Entfernt Standard-Margin der Liste */
}

.custom-group-list li {
    display: flex;
    align-items: center;
    padding: 10px 15px; /* Padding hinzufügen */
}

.custom-group-list li::before {
    content: "\f00c"; /* Font Awesome Icon (Beispiel) */
    font-family: "Font Awesome 5 Free"; /* Font Awesome verwenden */
    font-weight: 900;
    margin-right: 10px; /* Platz zwischen Icon und Text */
    color: var(--yzfy-heading-color); /* Farbe anpassen */
}



#youzify-members-directory #youzify-directory-filter {
    display: none;
}

#youzify-groups-directory #youzify-directory-search-box {
    display: none;
}

#youzify-groups-directory #directory-show-search {
    display: none;
}

#youzify-groups-directory .youzify-mobile-nav .youzify-mobile-nav-item {
    width: 50%;
}



.activity-avatar a img.avatar,
.acomment-avatar a img.avatar,
a.youzify-item-avatar img.avatar,
.st-profile-avatar {
    position: relative; /* Ermöglicht die Positionierung des Pseudo-Elements */
    border-radius: 50%; /* Rundes Bild */
    transition: box-shadow 0.15s ease; /* Weicher Übergang für den Hover-Effekt */
}

.activity-avatar a img.avatar:hover,
.acomment-avatar a img.avatar:hover,
a.youzify-item-avatar img.avatar:hover,
.st-profile-avatar:hover {
    box-shadow: 0 0 0 3px var(--yzfy-scheme-color); /* Ring-Effekt beim Hover */
}


.youzify-items-list-widget .youzify-list-item {
  overflow: visible;
}
.youzify-show-activity-filter,
.youzify-show-activity-search{
	display:none;
}


.youzify-mobile-nav .youzify-mobile-nav-item {
    width: 100%;

  }

.acomment-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* optional, falls du möchtest, dass die Elemente bei sehr wenig Platz umbrechen */
}

.acomment-meta a, 
.acomment-meta .acomment-meta-time {
    margin-right: 10px; /* sorgt für etwas Abstand zwischen den Elementen */
}

.acomment-meta-time {
    display: flex;
    align-items: center;
}

.acomment-meta a {
    white-space: nowrap; /* verhindert, dass der Name umbricht */
}


#youzify-group-body form input[type="submit"]:not(#members_search_submit) {
  background-color: var(--yzfy-scheme-color) !important;
  color: var(--yzfy-scheme-text-color) !important;
  font-weight: 700;
  line-height: 42px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  border: none;
}
.youzify-md-user-badges .youzify-user-badges .youzify-badge-item img {
    width: 64px;
    height: 64px;
    filter: drop-shadow(1.5px 3px 4px rgba(0, 0, 0, 0.28)) 
            drop-shadow(-1px -1.5px 1.5px rgba(255, 255, 255, 0.12));
}




.youzify-user_badges .youzify-user-badges .youzify-badge-item img {
    width: 128px;
    height: 128px;
    filter: drop-shadow(3px 6px 7px rgba(0, 0, 0, 0.35)) 
            drop-shadow(-1.5px -2px 2px rgba(255, 255, 255, 0.18));
}



@media screen and (max-width: 768px) {
            .youzify-directory .youzify-mobile-nav .youzify-mobile-nav-item {
                width: 33.33%;
            }
        }

.custom-group-rules h3 {
    margin-top: 16px !important; /* Abstand oben */
    margin-bottom: 0px !important; /* Abstand unten */
}

.custom-group-rules p {
    margin-bottom: 8px !important; /* Abstand unten */
}

.faq-item summary {
    cursor: pointer;
}

.faq-item summary i {
    margin-right: 10px;
    transition: transform 0.1s ease, color 0.1s ease;
}

.faq-item summary:hover i {
   color: var(--yzfy-scheme-color); /* Verwende die Youzify-Schemafarbe */   		
}

.faq-item details[open] summary i {
    transform: rotate(180deg); /* Chevron dreht sich beim Öffnen */
}

.faq-item .faq-content {
    margin-top: 10px;
}

@media(any-pointer: coarse) {
    .youzify-tooltip:before, [data-youzify-tooltip]:before,
    .youzify-tooltip:after, [data-youzify-tooltip]:after {
        display: inline-block !important;
    }
}



div#block-49 div.wp-widget-group__inner-blocks p,
div#block-51 div.wp-widget-group__inner-blocks p{
  font-size: var(--yzfy-primary-font-size);
  color: var(--yzfy-text-color);
	/*padding: 25px;*/
}

li#members-order-select,
li#groups-order-select,
li.youzify-activity-show-search {
    display: none !important;
}

@media (min-width: 991px) {
  .navbar-nav > li > a {
    margin: 0 2px;
    font-size: 16px;
  }
}

.youzify-head-buttons {
    display: none;
}

#youzify-directory-search-box {
  border-left: unset;
}
/* Entfernt Hintergrundfarbe und Box-Schatten beim Hovern */
.menu-item > a:hover {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Styling für den Menüseparator */
.menu-separator {
    display: block;
    width: 16px;
}

/* Styling für den Menüseparator */
.menu-separator-tour {
    display: block;
    width: 8px; 
}

/* Optional: Wenn der Separator innerhalb eines Links ist, entferne die Link-Eigenschaften */
.menu-item a[href="#"] {
    pointer-events: none;
    cursor: default;
}

.youzify-album-group{
	padding: 0  16px 16px 16px ;
}

a.unread {
	display: none !important;
}

#youzify #send-reply {
  border: unset;
}

.group-subscription-options {
	margin-top:10px;
  display: none;
  padding: 16px;
  background-color: var(--yzfy-scheme-color);
	color: var(--yzfy-scheme-text-color);
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  z-index: 9999;
  border-radius: 4px;
	text-align: center;
}

/* Stil für die Links innerhalb des Dropdowns */
.group-subscription-options a.group-sub {
  display: block;
  width: 100%;
  padding: 12px 16px;
  margin-bottom: 10px;
  background-color: var(--yzfy-scheme-text-color);
  
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
}

/* Stil für den Beschreibungstext unter den Buttons */
.group-subscription-options a.group-sub + br + span {
  display: block;
  margin-bottom: 15px;
  color: var(--yzfy-text-color); /* Optional: eine Variable für normalen Text */
  font-size: 13px;
}

/* Hover-Effekt für die Buttons */
.group-subscription-options a.group-sub:hover {
  background-color: #e67e00; /* Manuell abgedunkelte Version von #f78e0d */
}

/* Stil für den "Schließen"-Link */
.group-subscription-options a.group-subscription-close {
  display: block;
  margin-top: 20px;
  text-align: center;
  color: var(--yzfy-scheme-color);
  cursor: pointer;
  font-weight: bold;
}

/* Hover-Effekt für den "Schließen"-Link */
.group-subscription-options a.group-subscription-close:hover {
  text-decoration: underline;
	
}

#youzify .acomment-options .yz-post-reactors-list a,
#youzify .youzify-activity-statistics .yz-post-reactors-list a {
	border: 3px solid var(--yzfy-card-bg-color) !important;
}

#youzify .youzify-activity-statistics .yz-post-reactors-list .yzpr-reactions-count {
  color: var(--st-menu-link-color);
  background-color: var(--yzfy-icon-bg-color);
}

.yzpr-bar {
  border: 1px solid var(--yzfy-card-secondary-bg-color);
  background-color: var(--yzfy-tab-bg-color);
}

.youzify-scrolltotop {
  left: 30px;
	right:unset;

}

/* Anpassung für .youzify-list-item ohne Avatar */
.youzify-list-item.no-avatar .youzify-item-data {
    width: 100%;
}

#cmplz-document {
  max-width: unset;
  
}

.youzify-membership-form{
	    box-shadow: var(--st-card-boxshadow);
border-radius: 4px;
}
#groups-dir-list .group-subscription-div{
padding: 10px 0 !important;}

.youzify div.item-list-tabs li a#notifications::before{
background: var(--yzfy-icon-bg-color) !important;
}

.activity-comments form {
    display: block !important;
}

@media screen and (max-width: 1024px) {
    .youzify-directory-filter #directory-show-filter, .youzify-directory-filter #directory-show-search {
      display: none;
    }
  }

  #directory-show-filter {
    display: none;
}

#youzify-groups-directory .youzify-mobile-nav .youzify-mobile-nav-item {
    width: 100%;
  }

  #youzify-members-directory .youzify-mobile-nav .youzify-mobile-nav-item {
    width: 50%;
  }

  #youzify-members-directory .youzify-mobile-nav .youzify-mobile-nav-item {
    width: 50%;
  }

  .youzify-infos-content .youzify-info-label {
    display: block !important;
  }
  .youzify-infos-content .youzify-info-data {
 
    width: 100%;
  }
  .friendship-button.is_friend.remove {
    background-color: #ff4d4d !important; /* Rotes Hintergrund */
}