/*--------------------------------------------------------------
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
--------------------------------------------------------------*/

/* Nav */

#primary-navbar {
    justify-content: flex-end !important;
}

#primary-navbar .menu-item span {
    display: none;
}
#primary-navbar .menu-item i {
    margin-right: 0;
}

.site-header {
    box-shadow: none !important;
    background-color: transparent !important;
}

.site-header.has-scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 1px 0 0 rgb(139 141 157 / 5%), 0 0 1px 0 rgb(65 71 108 / 15%) !important;
}

.menu-item i._mi{
    font-size: 18px;
}
.bb-template-v2 .primary-menu .current_page_item>a>i{
    color: #0DB02B;
}

/* Group Nav */
.groups-nav {
    display: flex;
    justify-content: center;
}

.groups-nav__item.is--active .bb-component-nav-item-point{
    border-bottom-color: #0DB02B !important;
}

.group-nav .dynamic:last-child {
    padding-right: 0;
}

/* Groups nav */
.groups-nav,
#groups-order-select,
.pag-data, 
.groups .subnav-search.groups-search{
    display: none;
}

/* Groups List */

.groups .site-main {
    max-width: 600px;
    margin: 0 auto;

}

#groups-list.bp-list:not(.grid) {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .list-wrap {
    flex-direction: column;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item .list-title {
    font-weight: 700;
}

#groups-list.bp-list:not(.grid) .item-entry .list-wrap {
    padding: 0;
    background-color: transparent;
    border: none;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item {
    padding: 0;
}

#groups-list.bp-list:not(.grid) .item-entry .group-avatar-wrap {
    width: 100%;
    padding-bottom: 100%;
    border: 1px solid rgba(54, 65, 64, 0.1);
    background-color: rgba(255,255,255, 0.75);
    backdrop-filter: blur(10px);
    border-radius: 5px;
    transition: ease 300ms;
    transition-property: border, background-color;
}

#groups-list.bp-list:not(.grid) .item-entry:hover .group-avatar-wrap {
    border-color: #FF6600;
    background-color: rgba(255, 102, 0, 0.1);
}

#groups-list.bp-list:not(.grid) .item-entry:hover .item .list-title a {
    color: #FF6600;
}

#groups-list .list-title a:hover {
    color: inherit;
}

#groups-list.bp-list:not(.grid) .item-entry .group-avatar-wrap img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

#buddypress .bp-list.groups-list:not(.grid) li .list-wrap .item .item-block {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}

#groups-list.bp-list:not(.grid) .item-entry .item .group-item-wrap {
    flex: auto;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item {
    width: 100%;
}

.buddypress-wrap ul.bp-list.groups-dir-list>li {
    min-width: 33.33%;
    width: 33.33%;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry {
    padding: 8px;
    margin-bottom: 32px;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item-avatar {
    margin-right: 0;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .list-wrap {
    height: 100%;
}

#friend-list.item-list .list-wrap:hover, #members-list.item-list .list-wrap:hover, .item-list.bp-search-results-list .list-wrap:hover, .item-list.groups-list .list-wrap:hover {
    box-shadow: none;
}

/* Form */
.bb-bp-settings-content .main-notification-settings .bs-styled-checkbox:checked+label:after {
    top: 0 !important;
}

/* Footer */

/* Archive */
.blog h2.entry-title{
    font-size: 1.8rem;
}

/* Articles */
.single-post .entry-content p{
    font-size: 18px;
}
.single h1.entry-title{
    font-size: 56px;
    line-height: 64px;
    color: #0DB02B;
}
.single h2{
    line-height:48px;
}
.single figure{
    margin: 56px 0;
    border-radius: 10px;
    overflow: hidden;
}
.single figure.entry-img{
    border-radius: 0px;
}
.hentry blockquote.wp-block-quote {
    background: none;
    border-radius: 0;
    padding: 32px 0 32px 100px;
    margin: 0;
}
.hentry blockquote.wp-block-quote p{
    font-size: 36px;
    line-height: 48px;
    color: #0DB02B;
}
.hentry blockquote.wp-block-quote::before{
    display: none;
}
.single-post .entry-content li{
    font-size: 18px;
}

/* Post */
#bp-activity-privacy-point {
    opacity: 0.4;
    pointer-events: none;
}

/* Widgets */
.bb-template-v2 .widget .widget-title {
    letter-spacing: 0;
}
.widget.widget_bp_groups_widget #groups-list li .item .item-title a{
    font-weight: 700;
}

.bb_widget_recent_posts .bb-recent-posts .entry-media.entry-img,
.elementor-widget-container .bb-recent-posts .entry-media.entry-img {
    height: 56px;
}

/* Activity feed */
.activity .site-main {
    max-width: 600px;
    margin: 0 auto;
}

.activity-list li.blogs .activity-content .activity-inner span.bb-post-title,
.activity-lists li.blogs .activity-content .activity-inner span.bb-post-title,
.bp-latest-activities .bp-activity-info a{
    font-weight: 700 !important;
}

#members-list.item-list .member-name a{
    font-weight: bold;
}

.actvity-head-bar .subnav-search {
    display: none;
}

.activity-header > p:first-child > a{
    font-weight: bold;
}

#activity-post-form-privacy label[for="public"] {
    display: none;
}

form.ac-form .ac-reply-content .ac-textarea .ac-input[contenteditable=true] {
    background: #ffffff;
}

.activity-update-form #whats-new-post-in-box .activity-autocomplete-wrapper {
    display: none;
}
.activity-item.has-comments .bp-generic-meta.activity-meta {
    margin-bottom: 8px !important;
}

/* Activity feed - Value Post */
.activity-list.bp-list .blogs,
.activity-lists.bp-list .blogs{   
    background: #FFF0E5 !important;
    border-color: #FFE0CC !important;
}
.activity-list.bp-list .blogs .activity-inner,
.activity-lists.bp-list .blogs .activity-inner {
    border: 0px !important;
}
.activity-list.bp-list .blogs .bb-content-wrp,
.activity-lists.bp-list .blogs .bb-content-wrp {
    background-color: transparent !important;
}
.activity-list.bp-list .blogs .bb-post-title,
.activity-list.bp-list .blogs .bp-generic-meta a:before,
.activity-lists.bp-list .blogs .bb-post-title,
.activity-lists.bp-list .blogs .bp-generic-meta a:before{
    color: #FF6600 !important;
}
.activity-list.bp-list .blogs .bb-post-title,
.activity-lists.bp-list .blogs .bb-post-title{
    margin-top:5px !important;
    margin-bottom: 5px !important;
}
.activity-list.bp-list .blogs .bp-generic-meta a span:hover,
.activity-list.bp-list .blogs .action.bp-generic-meta .button:hover span,
.activity-lists.bp-list .blogs .bp-generic-meta a span:hover,
.activity-lists.bp-list .blogs .action.bp-generic-meta .button:hover span {
    color: #FF6600 !important;
}
.activity-list.bp-list .blogs .activity-state a,
.activity-list.bp-list .blogs .activity-state span,
.activity-list.bp-list .blogs .bp-generic-meta a span,
.activity-lists.bp-list .blogs .activity-state a,
.activity-lists.bp-list .blogs .activity-state span,
.activity-lists.bp-list .blogs .bp-generic-meta a span {
    /* color: rgb(255 255 255 / 80%) !important; */
}
.activity-list.bp-list .blogs .bb-post-img-link,
.activity-lists.bp-list .blogs .bb-post-img-link {
   background-color: transparent !important;
}
.activity-list.bp-list .blogs .bb-post-img-link img,
.activity-lists.bp-list .blogs .bb-post-img-link img {
    border-radius: 6px !important;
    filter: brightness(.95);
}
.activity-list.bp-list .blogs .comment-item .bb-activity-more-options-wrap i,
.activity-lists.bp-list .blogs .comment-item .bb-activity-more-options-wrap i {
    color:#afb3b3 !important;
}
.activity-list.bp-list .blogs .activity-comments>ul,
.activity-list.bp-list .blogs .activity-comments form,
.activity-lists.bp-list .blogs .activity-comments>ul,
.activity-lists.bp-list .blogs .activity-comments form {
    background: #FFF0E5 !important;
    border-radius: 0 0 9px 9px !important;
}
.activity-list li.blogs .activity-content .activity-inner .bb-content-wrp,
.activity-lists li.blogs .activity-content .activity-inner .bb-content-wrp {
    /* padding: 12px 0; */
}

/* Values / Articles */
.bb_widget_recent_posts .bb-recent-posts h4, 
.elementor-widget-container .bb-recent-posts h4 {
    font-size: inherit;
}

.bb_widget_recent_posts .bb-recent-posts h4 a.bb-title, 
.elementor-widget-container .bb-recent-posts h4 a.bb-title,
.single .entry-title,
.first .post-inner-wrap .entry-title,
.post-grid .entry-title {
    letter-spacing: 0;
}

/* Divisions / Groups */
.widget_bp_groups_widget #groups-list-options.item-options {
    display: none;
}

.widget_bp_groups_widget .more-block {
    display: none;
}

.group--inner {
    max-width: 600px;
    margin: 0 auto;
    margin-top: -40vh;
    position: relative;
}

#group-activity-search-form {
    display: none;
}

/* Hashtags */
.bpht-hashtags-wrapper.bpht-hashtags-wrapper-cloud > div a {
    color: #0db02b;
    background-color: var(--bb-content-background-color);
    border: 1px solid;
    border-radius: 6px;
    transition: ease 300ms;
    transition-property: background-color, color;
}

.bpht-hashtags-wrapper.bpht-hashtags-wrapper-cloud > div a:hover,
.bpht-hashtags-wrapper.bpht-hashtags-wrapper-cloud > div a:focus,
.bpht-hashtags-wrapper.bpht-hashtags-wrapper-cloud > div a:active {
    background-color: #0db02b;
    color: var(--bb-primary-button-text-hover);
}

.c-filter-button {
    padding: 5px 15px;
    border-radius: 6px;
    background-color: transparent;
    border: 1px solid var(--bb-primary-button-border-regular);
    color: var(--bb-primary-button-border-regular);
    font-size: 14px;
}

.c-filter-button:hover {
    color: #fff;
    background-color: var(--bb-primary-button-border-regular);
}

/* Background Video */
.u-background-video {
    background-image: url(https://bam.0to9.io/wp-content/uploads/2023/02/background.jpg);
    position: relative;
    top: -30px;
    left: -20px;
    width: 100vw;
    height: 100vh;
    background-size: cover;
}

.u-background-video::before {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 40vh;
    background: linear-gradient(0, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

@media screen and (min-width: 600px) {
    .u-background-video {
        left: calc((531px - 100vw) / 2);
    }
}

/* Group Activity Nav */
.c-values-nav {
    position: absolute;
    display: none;
}

.c-values-nav .widget-title {
    display: none;
}

/* Activity division dropdown */
.c-activity-division-dropdown {
    margin-left: auto;
    display: none;
}

.activity-form.focus-in .c-activity-division-dropdown {
    display: block;
}

/* Elementor Activity List */
.bbel-list-flow {
    max-height: 100%;
    max-width: 600px;
}

.bbel-list-flow::after {
    content: '';
    width: 100%;
    height: 50%;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0, #fbfbfb, transparent);
}

.bb-activity {
    background-color: transparent;
    border: none;
}

.bb-activity #buddypress .activity-lists.bp-list .activity-item {
    padding: 15px 15px 10px;
    background-color: var(--bb-content-background-color);
    border: 1px solid var(--bb-content-border-color);
    border-radius: var(--bb-block-radius);
}

.activity--button {
    max-width: 600px;
    margin-top: -100px;
}

/* Elementor */
.elementor-section.elementor-section-boxed>.elementor-container {
    padding-left: 0;
    padding-right: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.elementor-section {
    margin-top: 120px;
    margin-bottom: 120px;
}