/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/





/* ########## Global ########## */

/* Overrules */
/* :root {
    --bb-content-background-color: rgb(255 255 255 / 5%) !important;
    --bb-block-radius: 0px !important;
}*/

#buddypress .activity-list.bp-list .activity-item ,
.widget {
	background: rgb(255 255 255 / 5%) !important;
}

h1, h2, h3 {
    font-weight: unset !important;
}

input, select, textarea,
.buddypress-wrap .select-wrap {
    color: #999999;
    background: rgb(255 255 255 / 15%) !important;
}

option {
    color: black;
}


/* Background */
/*body {
    background: url(https://members.themarquee.nl/wp-content/uploads/2024/02/Seamless-Navy-Blue-Texture-HQ1000x1000.jpg);
    background-size: inherit;
    background-repeat: repeat-y;
    background-color: #140b00;
    background-position-x: 480%;
}*/

body {
    background: url(https://members.themarquee.nl/wp-content/uploads/2024/12/background-smoke-2.png);
    background-size: inherit;
    background-repeat: repeat-y;
    background-color: #140b00;
    background-size: 110%;
}


/* Thumbs up to Heart */
.bb-icon-thumbs-up:before {
content: "\eeb2" !important;
}

span.like-count.reactions_item {
    font-size: 0px !important;
}

span.like-count.reactions_item:before {
    content: "Love";
    font-size: 14px;
}


/* Border Gold */
.group-separator-block, 
#bbpress-forums .activity-list.bp-list .activity-item, 
#buddypress .activity-list.bp-list .activity-item, 
#buddypress .activity-lists.bp-list .activity-item, 
.widget, 
#whats-new-form, 
#whats-new-form-placeholder,
#cover-image-container,
.list-wrap.footer-buttons-on.follow-active.secondary-buttons.no-primary-buttons,
.bb-media-container,
#groups-list.bp-list .item-entry .list-wrap,
.messages-wrapper,
.content-area ul.products li.product 
{
    border: 1px solid;
	border-image: linear-gradient(to right, rgba(64,55,29,1) 0%, rgba(78,69,42,1) 15%, rgba(179,173,140,1) 30%, rgba(118,102,64,1) 60%, rgba(216,197,142,1) 72%, rgba(116,106,76,1) 80%, rgba(64,55,29,1) 98%) 1 !important;
    border-radius: 0px !important;
}





/* ########## Header Menu ########## */
.bb-template-v2 .site-header .user-wrap.menu-item-has-children .sub-menu,
.menu-item-has-children.selected .notification-dropdown {
    background: #0c0600;
}





/* ########## Profile ########## */

/* Header */
div#cover-image-container {
    margin-top: 0 !important;
}

body #buddypress #item-header-cover-image #item-header-avatar img.avatar {
    border: none !important;
}

#item-header span.bp-member-type.bb-current-member-couple {
    display: none;
}

.member-type-couple #item-header div#item-header-avatar:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0;
    background-color: #ac9577;
    background-image: url("/wp-content/uploads/2024/12/Couple.png");
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 10px;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    font-family: 'Font Awesome 5 Free';
    line-height: 1.2;
    z-index: 101;
}

.member-type-single #item-header div#item-header-avatar:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0;
    background-color: #ac9577;
    background-image: url("/wp-content/uploads/2024/11/Single.png");
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 10px;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    font-family: 'Font Awesome 5 Free';
    line-height: 1.2;
    z-index: 101;
}

#item-header.gold_member div#item-header-avatar:after,
#item-header.elite_member div#item-header-avatar:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: red;
    background: url(https://members.themarquee.nl/wp-content/uploads/2024/05/Profiel.png);
    z-index: 1;
    background-position: center;
    background-size: contain;
    transform: scale(1.15);
	pointer-events: none;
}


/* Profile Fields */
.group-separator-block:has(.bp-widget.profile) {
    display: none !important;
}

.bp-widget.profile tr {
    margin-bottom: 10px !important;
    display: flex;
}

.bp-widget.profile td.label {
    background: rgb(255 255 255 / 5%) !important;
    border-radius: 20px 0px 0px 20px!important;
    padding: 5px 20px !important;
    color: #ac9577 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bp-widget.profile p {
    margin-bottom: 0px !important;
}

.bp-widget.profile td.data {
    background: rgb(255 255 255 / 5%) !important;
    border-radius: 0px 20px 20px 0px !important;
    padding: 0px 0px 5px 30px !important;
    margin-top: 0;
    margin-bottom: 0px;
    color: #ac9577 !important;
}

#buddypress table.profile-fields tr td.data {
    width: 100%;
    display: block;
	padding-bottom: 0px !important;
}


/* Profile Fields - About me */
.bp-widget.about-us-about-me td.label {
    display: none !important;
}

.bp-widget.about-us-about-me td.data p {
    color: #ac9577;
}


/* Profile Fields - Interest */
.bp-widget.interests tbody {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.bp-widget.interests tr {
    display: block;
    width: calc(100% * (1/6) - 2px);
    flex-grow: 1;
    width: 100%;
}

div.bp-profile-content .interest table.profile-fields tr td.label {
    display: none;
}

.interest td.label {
    display: none !important;
}

.group-separator-block:has(.bp-widget.interests) {
    
}

.group-separator-block:has(.bp-widget.interests) {
    border: none;
    background: none;
    padding: 0;
}

.group-separator-block:has(.bp-widget.interests) header.entry-header.profile-loop-header.profile-header.flex.align-items-center {
    display: none !important;
}

.group-separator-block:has(.bp-widget.interests) .bp-tables-user {
    background: none !important;
}

.interests td.data p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-around;
	margin-bottom: 0px !important;
}

span.interest {
    margin: 0 0 10px;
    background: rgb(255 255 255 / 5%);
    text-align: center;
    padding: 10px 20px;
    border-image: linear-gradient(to right, rgba(64, 55, 29, 1) 0%, rgba(78, 69, 42, 1) 15%, rgba(179, 173, 140, 1) 30%, rgba(118, 102, 64, 1) 60%, rgba(216, 197, 142, 1) 72%, rgba(116, 106, 76, 1) 80%, rgba(64, 55, 29, 1) 98%) 1 !important;
    border-radius: 0px !important;
    border-width: 1px !important;
    border-style: solid;
    color: #ac9577;
    display: block;
    width: calc(100% * (1/6) - 2px);
    flex-grow: 1;
}

div.profile.edit div.editfield {
    border-bottom: 1px solid color(srgb 1 1 1 / 0.2) !important;
    margin-bottom: 40px !important;
}

div.field-visibility-settings-toggle span.interest {
    display: none !important;
}

#buddypress #profile-edit-form label:not(.bp-screen-reader-text), #buddypress #profile-edit-form legend:not(.bp-screen-reader-text) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#buddypress #profile-edit-form label:not(.bp-screen-reader-text):hover, #buddypress #profile-edit-form legend:not(.bp-screen-reader-text):hover {
    overflow-y: visible;
    width: max-content;
    background: #140a00;
	z-index: 1;
}


/* Profile Fields - Quote */
.group-separator-block:has(.bp-widget.quote) {
    background: url(https://members.themarquee.nl/wp-content/uploads/2024/06/Ameli_post41-rotated-1.jpg);
    background-position: top;
    padding: 60px 40px;
    position: relative;
    z-index: 10;
}

.group-separator-block:has(.bp-widget.quote) td.data:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25,14,0,0.7);
    z-index: -1;
    pointer-events: none;
}

.group-separator-block:has(.bp-widget.quote) td.data p {
    z-index: 1;
}

.group-separator-block:has(.bp-widget.quote):after {
    content: "";
    position: absolute;
    display: block;
    top: 20px;
    left: 20px;
    width: 40px;
    height: 40px;
    background: rgba(25,14,0,0.7);
    background: url(https://members.themarquee.nl/wp-content/uploads/2024/06/quotes2.png) !important;
    z-index: 1;
    pointer-events: none;
    background-size: contain !important;
}

.group-separator-block:has(.bp-widget.quote) header {
    display: none !important;
}

.group-separator-block:has(.bp-widget.quote) td.label {
    display: none !important;
}

.group-separator-block:has(.bp-widget.quote) td.data {
    padding: 0px !important;

}

.group-separator-block:has(.bp-widget.quote) td.data p {
    text-align: center;
    font-size: 30px;
    font-style: italic;
    color: #ac9577;
    margin-bottom: 0px !important;

}

.group-separator-block:has(.bp-widget.quote) td.data p:before {
    content: '...';
}

/* Profile Fields - Details */
.group-separator-block:has(.bp-widget.your-details), 
.group-separator-block:has(.bp-widget.partner-details) {
    display: inline-block;
    width: calc(50% - 20px);
    position: relative;
}

.group-separator-block:has(.bp-widget.your-details) {
    margin-right: 35px;
}

.group-separator-block:has(.bp-widget.your-details), 
.group-separator-block:has(.bp-widget.partner-details) {
    position: relative;
}

.group-separator-block:has(.bp-widget.your-details) .entry-header:after {
    content: '';
    background: url(https://members.themarquee.nl/wp-content/uploads/2024/02/woman.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    right: 20px;
}

.group-separator-block:has(.bp-widget.partner-details) .entry-header:after {
    content: '';
    background: url(https://members.themarquee.nl/wp-content/uploads/2024/02/men.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    right: 20px;
}

.buddypress-wrap .bp-tables-user {
    background-color: #ffffff00;
}

.bp-widget.your-details td.label,
.bp-widget.partner-details td.label {
    width: 100% !important;
    display: block !important;
    background: rgb(255 255 255 / 10%) !important;
    border-radius: 20px 20px 0px 0px!important;
    padding: 5px 20px !important;
    color: white !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bp-widget.your-details td.data, 
.bp-widget.partner-details td.data {
    width: 100% !important;
    display: block !important;
    background: rgb(255 255 255 / 10%) !important;
    border-radius: 0px 0px 20px 20px !important;
    padding: 0px 0px 5px 30px !important;
    margin-top: 0;
    margin-bottom: 20px;
    color: #ac9577 !important;
}

.bp-widget.your-details td.data p,
.bp-widget.partner-details td.data p {
    margin: 0px !important;
}






/* ########## Members ########## */
.directory.members .member-type-single .item-avatar:before {
    content: '';
    position: absolute;
    right: 75px;
    bottom: 20px;
    background-color: #ac9577;
    background-image: url("/wp-content/uploads/2024/11/Single.png");
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    padding: 10px;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    font-family: 'Font Awesome 5 Free';
    line-height: 1.2;
    z-index: 10;
}

.directory.members .member-type-couple .item-avatar:before {
    content: '';
    position: absolute;
    right: 80px;
    bottom: 20px;
    background-color: #ac9577;
    background-image: url("/wp-content/uploads/2024/12/Couple.png");
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    padding: 10px;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    font-family: 'Font Awesome 5 Free';
    line-height: 1.2;
    z-index: 10;
}

.user-wrap.user-wrap-container span.user-role {
    background: #ac9577;
    color: white;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.5px;
}

span.bp-member-type.bb-current-member-gold_member {
    background: #ac9577;
    color: white;
}

span.bp-member-type.bb-current-member-elite_member {
    background: #ac9577;
    color: white;
}





/* ########## Events ########## */
.groups nav.groups-type-navs.main-navs.bp-navs.dir-navs.bp-subnavs, .groups .subnav-search.groups-search, .groups .flex.bp-secondary-header.align-items-center,
.groups .bp-pagination.bottom,
.groups span.group-type 
{
    display: none;
}   

.group-description p {
    width: 23%;
    display: inline-block;
}   

























/* ########## Unset ########## */

ul#primary-menu li a {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

ul#primary-menu li a:hover {
    color: #ac9577 !important;
}

div.container {
  max-width: 1400px; /* Adjust the maximum width as per your needs */
}

/*body div#cover-image-container, .widget {*/
/*    margin-top: 0;*/
/*    border-radius: 0px !important;*/
/*}*/		

.buddypress-wrap .standard-form input:focus, .buddypress-wrap .standard-form select:focus, .buddypress-wrap .standard-form textarea:focus {
    color: #fff;
}

.buddypress-wrap .standard-form select {
    background-image: url(https://members.themarquee.nl/wp-content/themes/buddyboss-theme-child/assets/images/svg/arrow-down-white.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 10px !important;
}

#buddypress .standard-form select:after {
    content: "";
}

#buddypress .profile.edit .button-nav .current a {
    border-bottom: 3px solid var(--bb-primary-color);
}

div.mce-panel {
    background: #fff0 !important;
}

div.mce-toolbar-grp {
    background: #fff0 !important;
}

#buddypress #profile-edit-form .wp-editor-container .mce-ico {
    color: #fff !important;
}

body#tinymce {
    background: none !important;
    color: white !important;
}

div#wp-field_4-editor-tools {
    display: none !important;
}	

.bp-user div#user_switching_switch_to {
    display: none !important;
}	

.site-header #primary-navbar .primary-menu .menu-item>.ab-submenu .bb-sub-menu .menu-item a:hover {
    background: #140b00  !important;
}

.current a.bp-message-link,
body .select2-container .select2-dropdown.bb-compose-input {
    background: rgb(255 255 255 / 10%) !important;
}	

.profile-edit .bp-checkbox-wrap {
    width: 25%;
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    .profile-edit .bp-checkbox-wrap {
		width: 100%;
		display: inline-block;
	}
}

body.member-type-couple option[value="2945"] {
    display: none;
}

body.member-type-single option[value="2946"] {
    display: none;
}

.sticky-header .site-content {
    min-height: 0 !important;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span.selected, .location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.selected, .location-album-list-wrap-main .location-album-list-wrap .location-album-list li span.selected, .location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span.selected, .location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span.selected, .location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span.selected, .location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span.selected, .location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.selected, .location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span.selected, .location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span.selected, .location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span.selected, .location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span.selected {
    background-color: #101622;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span.selected, .location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.selected, .location-album-list-wrap-main .location-album-list-wrap .location-album-list li span.selected, .location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span.selected, .location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span.selected, .location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span.selected, .location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span.selected, .location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.selected, .location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span.selected, .location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span.selected, .location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span.selected, .location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span.selected {
    background-color: rgb(247 250 254 / 10%);
}

.bb-media-model-inner a.download-media {
    display: none;
}


.bp_activity header.entry-header {
    display: none;
}

.bb-template-v2 .widget.widget_bp_core_whos_online_widget .widget-error {
    background: rgb(255 255 255 / 10%) !important;
}

.bb-template-v2 .header-aside .wrapper li .wrapper .ab-submenu, .bb-template-v2 .header-aside .wrapper li .wrapper .bb-sub-menu {
    background-color: #0c0600;
}


li#photos-groups-li, li#albums-groups-li, li#invite-groups-li, li#admin-groups-li,.buddypress-wrap .subnav-filters .grid-filters {
    display: none;
}

.member-status {
    z-index: 10;
}

body .select2-container .select2-dropdown {
    background: #140b00;
}

li#export-personal-li {
    display: none;
}

a.push-right.button.outline.small {
    margin-right: 30px;
}

form.ac-form .ac-reply-content .ac-textarea .ac-input[contenteditable=true].medium-editor-element p:last-child {
    color: white !important;
}

.activity-update-form.modal-popup, .bp-nouveau-activity-form-placeholder-.modal-popup,
.activity-list .activity-state-popup .activity-state-popup_overlay {
    background-color: rgb(20 11 0 / 95%) !important;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    width: 100%;
    display: flex;
}

.woocommerce-checkout ul.woocommerce-order-overview li {
    float: unset !important;
    width: 100% !important
}

.woocommerce-checkout .woocommerce-table--order-details.order_details_items td.product-thumb img,
.woocommerce-checkout .woocommerce-table--order-details.order_details_items .bb_sku_wrapper {
    display: none;
}

.woocommerce-checkout .woocommerce-order-details-wrapper {
    border: 1px solid #322618 !important;
}

.bb-template-v2 #editor-toolbar [class*=" bb-icon-"], .bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button, .bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button:before, .bb-template-v2 #whats-new-formatting-toolbar a [class*=" bb-icon-"], .bb-template-v2 #whats-new-messages-toolbar .emojionearea .emojionearea-button, .bb-template-v2 #whats-new-messages-toolbar .emojionearea .emojionearea-button:before, .bb-template-v2 #whats-new-messages-toolbar a [class*=" bb-icon-"], .bb-template-v2 #whats-new-toolbar .emojionearea .emojionearea-button, .bb-template-v2 #whats-new-toolbar .emojionearea .emojionearea-button:before, .bb-template-v2 #whats-new-toolbar a [class*=" bb-icon-"], .bb-template-v2 .ac-reply-toolbar .emojionearea .emojionearea-button, .bb-template-v2 .ac-reply-toolbar .emojionearea .emojionearea-button:before, .bb-template-v2 .ac-reply-toolbar a [class*=" bb-icon-"], .bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button:before, .bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"], .bb-template-v2 .bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .emojionearea-button:before, .bb-template-v2 .bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"], .bb-template-v2 ul.medium-editor-toolbar-actions .medium-editor-action b {
    color: white !important;
}

.modal-mask.bb-white {
    background: rgb(20 11 0);
}

.message-members-list.member-popup .modal-container .bb-model-footer .button.bb-cancel-report-content, .moderation-popup .modal-container .bb-model-footer .button.bb-cancel-report-content {
    padding: 10px 20px;
}

input#delete-account-understand {
    opacity: 0 !important;
}

.bb-mobile-panel-wrapper.light {
    background-color: #140b00;
}

.fl-module .ginput_container_fileupload>input[type=file],
.fl-module .ginput_container_post_image input[type=file] {
    width: auto;
    height: auto;
    opacity: 1;
    position: static;
}

.group-description a {
    background: #ac9577;
    padding: 10px 20px;
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

#buddypress .standard-form .wp-switch-editor {
    background: #ffffff00 !important;
}

#buddypress .standard-form .html-active .wp-switch-editor.switch-html,
#buddypress .standard-form .tmce-active .wp-switch-editor.switch-tmce {
	background: #ac9577 !important;
}

.activity-list .activity-item .activity-actions>.bp-generic-meta.action, .activity-list .activity-item .activity-content>.bp-generic-meta.activity-meta, .activity-list .activity-item .activity-content>.bp-generic-meta.groups-meta, .activity-list .activity-item>.bp-generic-meta.activity-meta, .activity-list .activity-item>.bp-generic-meta.groups-meta, .activity-list .activity-item>.bp-generic-meta[class*="-meta"] {
    border-color: var(--bb-content-border-color) !important;
}