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

:root {
	--color-green: #1ba562;
	--color-orange: #ED9615;
	--color-light-grey: #f3f3f3;
	--color-primary: var(--bb-primary-color);
	--box-shadow-1: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}

.post-grid.bb-standard .entry-title {
	font-size: 1.875rem;
	font-size: 1.5rem;
}
.single-post h3, .single-post h2 {
	font-size: 22px;
	font-weight: 500;
}


.single-attachment .entry-content li, .single-attachment .entry-content p, .single-post .entry-content li, .single-post .entry-content p {
	font-size: 18px;
}

/* upgrade menu item */
.primary-menu .menu-item-upgrade .bb-icon-crown { background-color: gold; padding: 6px; border-radius: 6px; }
.side-panel-menu .menu-item-upgrade > .bb-menu-item { background-color: gold; border-radius: 6px; }
.mobile-menu.side-panel-menu .menu-item-upgrade > a .bb-icon-crown { background: gold; box-shadow: 0 0 0px 6px gold; border-radius: 1px; }
.bb-template-v2 .buddypanel .side-panel-menu .menu-item-upgrade:not(.current-menu-item) > a:hover { background-color: gold; box-shadow: 0 0 1px 1px gold; }
.bb-template-v2 .buddypanel .side-panel-menu .menu-item-upgrade:not(.current-menu-item) > .bb-menu-item > i { opacity: 0.8; }
.bb-template-v2 .buddypanel .side-panel-menu .menu-item-upgrade:not(.current-menu-item) > .bb-menu-item:hover > i { opacity: 1; }

.bb-footer.style-2 .footer-bottom-right { max-width: none; }
.user-link img { height: auto !important; }

/* Widths of pages */
.slug-abuse-and-account-removal-policy #content > .container,
.slug-community-guidelines #content > .container,
.slug-privacy-policy #content > .container,
.slug-terms-of-service #content > .container { max-width: 800px; }

/* BuddyPress bug fix */
.entry-content .page-numbers { word-wrap: normal; }

/* Hide Cookie Compliance notice when pages are loaded in iOS or Android App */
body.in-bbapp #cmplz-cookiebanner-container {
	display: none;
}