/**
 * Theme Name:  BB's Base
 * Theme URL:   https://buddypress.org
 * Description: Base theme for BuddyPress.org and bbPress.org
 * Author:      John James Jacoby
 * Author URI:  https://jjj.blog
 * Version:     2.2
 */

 /* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: 1px solid transparent; }

/* =Variables
-------------------------------------------------------------- */
:root {

	/* Border Radius */
	--bbbase-border-radius: 8px;

	/* Header */
	--bbbase-header-background-color: rgba(238, 238, 238, 1);
	--bbbase-header-image-url: none;
	--bbbase-header-image-url-2x: none;
	--bbbase-header-image-size: 0 0 ;
	--bbbase-header-image-position: 0 0;
	--bbbase-header-image-small-screen-position: 0 0;

	/* Logo */
	--bbbase-logo-image-url: none;
	--bbbase-logo-image-url-2x: none;
	--bbbase-logo-size: 208px 65px;
	--bbbase-logo-height: 65px;
	--bbbase-logo-width: 208px;

	/* Buttons */
	--bbbase-button-background-color: rgba(0, 0, 0, 1);
	--bbbase-button-background-color-hover: rgba(0, 0, 0, 1);
	--bbbase-button-color: rgba(255, 255, 255, 1);
	--bbbase-button-color-hover: rgba(255, 255, 255, 1);

	/* Links */
	--bbbase-link-color: rgba(0, 0, 0, 1);
	--bbbase-link-color-hover: rgba(51, 51, 51, 1);

	/* Subnav */
	--bbbase-subnav-color-hover: rgba(0, 0, 0, 1);

	/* Lists */
	--bbbase-list-hover-helper-background: rgba(0, 0, 0, 0.01);

	/* Screen Reader */
	--bbbase-screen-reader-color: rgba(33, 117, 155, 1);
	--bbbase-screen-reader-shador-color: rgba(0, 0, 0, 0.6);

	/* Common Colors */
	--bbbase-brightest-white: rgba(255, 255, 255, 1);
	--bbbase-brightest-white-blend: rgba(255, 255, 255, 0.3);
	--bbbase-darkest-black: rgba(0, 0, 0, 1);
	--bbbase-darkest-black-blend: rgba(0, 0, 0, 0.05);
	--bbbase-light-background-color-low-contrast: rgba(250, 250, 250, 1);
	--bbbase-grey-background-color-low-contrast: rgba(238, 238, 238, 1);
	--bbbase-grey-border-color-low-contrast: rgba(204, 204, 204, 1);
	--bbbase-darkest-text-color-low-contrast: rgba(34, 34, 34, 1);
	--bbbase-darker-text-color-low-contrast: rgba(51, 51, 51, 1);
	--bbbase-dark-text-color-low-contrast: rgba(85, 85, 85, 1);
	--bbbase-light-text-color-low-contrast: rgba(170, 170, 170, 1);
	--bbbase-lightest-text-color-low-contrast: rgba(241, 241, 241, 1);

	/* Form Field Colors */
	--bbbase-form-field-background-color: rgba(255, 255, 255, 1);
	--bbbase-form-field-outline-color: rgba(102, 128, 189, 1);

	/* Fonts */
	--bbbase-font-base: 100 16px/1.5 'Inter', sans-serif;
	--bbbase-font-code: 400 14px/14px monospace;
	--bbbase-font-dashicons: 400 20px/1 'dashicons';
	--bbbase-font-input: 400 14px/16px sans-serif;

	/* Gap, Padding, Margin */
	--bbbase-default-gap: 30px;
	--bbbase-default-gap-negative: -30px;
	--bbbase-form-field-input-padding: 8px 10px;
}

/* =Site Style
-------------------------------------------------------------- */

html {
	margin: 0;
	padding: 0;
}
body {
	background: var(--bbbase-brightest-white);
	color: var(--bbbase-darkest-text-color-low-contrast);
	font: var(--bbbase-font-base);
	text-align: left;
	margin: 0;
}
.hide-if-js {
	display: none;
}
#header,
#wporg-header {
	background-color: var(--bbbase-header-background-color);
	width: 100%;
}

#header-inner {
	margin: 0 auto;
	width: 100%;
	height: 80px;
	padding: 0;
	display: flex;
	align-items: center;

	/* Fun image behind logo */
	background-color: transparent;
	background-attachment: initial;
	background-repeat: no-repeat;
	background-position: var(--bbbase-header-image-position);
	background-image: var(--bbbase-header-image-url);
	background-size: var(--bbbase-header-image-size);
}
#header h1,
#wporg-header h1 {
	text-indent: -9999px;
	order: 1;
}
#header h1 a,
#header h1 a:hover,
#wporg-header h1 a,
#wporg-header h1 a:hover {
	border: 0;
	text-decoration: none;
	display: block;
	height: 80px;
	width: var(--bbbase-logo-image-width);
	background-color: transparent;
	background-attachment: initial;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: var(--bbbase-logo-image-url);
}

#headline {
	background-color: #fdfdfd;
}
#headline-inner {
	margin: 0 auto;
	width: 100%;
	height: 400px;
	line-height: 0;
	overflow: hidden !important;
}
#headline-inner p {
	position: absolute;
	line-height: 1.8em;
	bottom: 153px;
	width: 330px;
	font-weight: 400;
	font-size: 16px;
	color: var(--bbbase-dark-text-color-low-contrast);
}
#big-demo-button {
	position: absolute;
	bottom: 50px;
	font-size: 22px;
	padding: 25px 35px;
	text-decoration: none;
}

#headline p {
	margin: 0;
}

p.headline-label {
	padding: 0 0 24px 10px;
	color: var(--bbbase-grey-border-color-low-contrast);
}
p.plans {
	text-align: right;
	float: right;
}
#signup a {
	text-decoration: none;
}
#showcase {
	background-color: var(--bbbase-grey-background-color-low-contrast);
	color: var(--bbbase-dark-text-color-low-contrast);
}
#showcase-inner {
	margin: 0 auto;
	width: 100%;
	padding: 60px 0 60px;
}
#showcase h3 {
	color: var(--bbbase-darker-text-color-low-contrast);
	margin: 0 0 10px 0;
}
#showcase img {
	float: left;
	margin: 5px 10px 0 0;
	height: 116px;
}

#main {
	margin: 0 auto;
	padding: 40px 0;
	display: flex;
}

#footer {
	width: 100%;
	background-color: var(--bbbase-light-background-color-low-contrast);
	color: var(--bbbase-light-text-color-low-contrast);
}
#footer-inner {
	font-size: 12px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
#footer-inner div {
	padding: 40px 0;
}
#footer div.details {
	order: 1;
	margin-right: auto;
}
#footer div.links {
	order: 2;
	margin-left: auto;
}
#footer p {
	margin: 0;
}
#footer a:not(:first-child) {
	margin-left: 10px;
}

#header-inner,
#headline-inner,
#main,
#footer-inner {
	position: relative;
	overflow: visible;
}

#showcase-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

div.feature {
	flex: 1 1 calc(50% - 40px);
	line-height: 22px;
}
div.feature p {
	margin: 0;
}

div.feature p span {
	margin: 5px 20px;
	font-size: 18px;
	line-height: 38px;
	display: inline-block;
}
div.feature p.book-description {
	margin-top: 20px;
	font-size: 1.1em;
}
div.feature img {
	border: 1px solid var(--bbbase-grey-border-color-low-contrast);
}

a:hover img {
	border: 1px solid var(--bbbase-dark-text-color-low-contrast);
}

div.content {
	width: 100%;
	order: 2;
	margin-left: auto;
}
div.leftcol {
	float: left;
}
div.rightcol {
	float: right;
}
div.sidebar {
	order: 1;
	margin-right: auto;
}
div.group {
	padding: 20px 20px 1px 20px;
	background: var(--bbbase-grey-background-color-low-contrast);
	margin: 0 0 24px 0;
}

/* Screenshots */
div.screenshot {
	width: 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 48px 0;
}

div.screenshot ul {
	margin: 0;
}
div.screenshot ul li {
	position: absolute;
	padding-top: 6px;
	padding-right: var(--bbbase-default-gap);
	border-top: #3399cc solid 3px;
	width: 110px;
	list-style: none;
}
div.screenshot ul li.right {
	right: 0 !important;
	padding-left: var(--bbbase-default-gap);
	padding-right: 0 !important;
}
div.plan {
	width: 254px;
	float: left;
	padding: 20px;
	margin: 0 24px 12px 0;
	background: #f6f6f6;
	border: var(--bbbase-grey-border-color-low-contrast) solid 1px;
}
div.plan p {
	margin: 0;
}
div.plan h3 {
	font-size: 20px;
	margin: 0 0 8px 0;
}
div.plan h3 a {
	text-decoration: none;
}
div.standard {
	font-size: 16px;
	border: #333 solid 2px;
}
div.standard h3 {
	font-size: 26px;
}
div.plan ul {
	margin: 0 0 12px 0;
}
div.plan ul li {
	border-bottom: var(--bbbase-grey-border-color-low-contrast) solid 1px;
	list-style: none;
}

/* Free emphasis page */
div.free-page {
	clear: both;
}
div.free-page div.plan {
	width: 174px;
}
div.free-page div.standard {
	font-size: 14px;
	border: #333 solid 2px;
}

/* =Tables
-------------------------------------------------------------- */

div.single-post table {
	width: 100%;
}

div.single-post table thead tr {
	background: #eaeaea;
}

div.single-post table tr td,
div.single-post table tr th {
	vertical-align: middle;
	padding:8px;
}

div.single-post table tr.alt td {
	background: var(--bbbase-grey-background-color-low-contrast);
}

/* =Buttons
-------------------------------------------------------------- */

.button,
button,
input[type=button],
input[type=submit],
input[type=reset] {
	color: var(--bbbase-button-color);
	background-color: var(--bbbase-button-background-color);

	/* Overrides */
	cursor: pointer;
	font-family: sans-serif;
	height: auto;
	line-height: 1rem;
	font-weight: 400;
	padding: var(--bbbase-form-field-input-padding);
	border-radius: var(--bbbase-border-radius) !important;
	border: none;
}

.button:hover,
.button:active,
button:hover,
button:active,
input[type=button]:hover,
input[type=button]:active,
input[type=submit]:hover,
input[type=submit]:active,
input[type=reset]:hover,
input[type=reset]:active {
	color: var(--bbbase-button-color-hover);
	background-color: var(--bbbase-button-background-color-hover);

	/* Overrides */
	border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

.button[disabled],
button[disabled],
input[type=button][disabled],
input[type=submit][disabled],
input[type=reset][disabled] {
	cursor: not-allowed;
	color: var(--bbbase-dark-text-color-low-contrast);
	background-color: var(--bbbase-grey-background-color-low-contrast);

	/* Overrides */
	border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

/* =Navigation
-------------------------------------------------------------- */

#header #bb-nav {
	margin: 0;
	display: flex;
	align-items: center;
}

#bb-menu-icon,
#mobile-menu-button {
	display: none;
	border-radius: 0 !important; /* Override all other buttons */
}

#bb-menu-icon:before,
#mobile-menu-button:before {
	font: var(--bbbase-font-dashicons);
	font-size: 16px;
	color: var(--bbbase-darkest-black);
	content: '\f349';
	flex-shrink: 0;
}

#nav,
#wporg-header-menu {
	order: 2;
	margin: 0 0 0 auto;
	display: flex;
	align-items: center;
}
#nav li,
#wporg-header #wporg-header-menu li {
	margin: 0;
	height: 80px;
	list-style: none;
	display: flex;
	align-items: center;
}
#nav li a,
#wporg-header #wporg-header-menu li a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	width: 100%;
	height: 100%;
	color: var(--bbbase-brightest-white);
	padding: 0 13px;
	font-weight: 600;
}

#nav li a:hover,
#nav li a.active,
#wporg-header #wporg-header-menu li a:hover,
#wporg-header #wporg-header-menu li a:active {
	color: var(--bbbase-brightest-white);
	background-color: var(--bbbase-brightest-white-blend);
}

#nav li.current-menu-item a,
#nav li.current-page-ancestor a,
#nav li.current a,
#wporg-header #wporg-header-menu li.current a {

	/* Match body for strong emphasis */
	background-color: var(--bbbase-brightest-white);
	color: var(--bbbase-darkest-black);
}

/* archive pagination */

nav.pagination {
	text-align: center;
}

nav.pagination span.page-numbers.current {
	font-weight: 600;
}

/* =Headers
-------------------------------------------------------------- */

h2 {
	color: var(--bbbase-darkest-black);
	font-size: 20px;
	margin: 0 0 var(--bbbase-default-gap) 0;
}
h2.graphic {
	top: 80px;
	position: absolute;
	line-height: 1em;
	height: 65px;
	background-position: -10px 0;
	background-repeat: no-repeat;
	width: 390px;
	margin: 0;
	font-weight: 400;
	font-size: 2.5em;
	color: var(--bbbase-dark-text-color-low-contrast);
	text-shadow: none;
	text-decoration: none;
}

h3,
h4,
h5,
h6 {
	color: var(--bbbase-darker-text-color-low-contrast);
}

h3 {
	font-size: 15px;
	margin-bottom: 15px;
}
h3.tour {
	background: var(--bbbase-grey-background-color-low-contrast);
	color: var(--bbbase-darkest-black);
	padding: 6px 15px;
	margin: 0 0 12px 0;
	border-bottom: var(--bbbase-grey-border-color-low-contrast) solid 1px;
	font-size: 18px;
}
div.group h3 {
	margin: 0 0 12px 0;
}

h4 {
	font-size: 14px;
}


/* =Lists
-------------------------------------------------------------- */

ul {
	margin: 0 0 24px 20px;
}
ul li {
	list-style: disc;
}
ol {
	list-style-type: decimal;
	margin: 0 0 24px 0;
	list-style-position: inside;
}
dl {
	margin: 0 0 24px 0;
}
dl dt {
	font-weight: 600;
	color: var(--bbbase-darker-text-color-low-contrast);
}
dl dd {
	margin: 0 0 12px 0;
}
dl.form dt {
	float: left;
	width: 140px;
	color: var(--bbbase-dark-text-color-low-contrast);
	font-size: 12px;
	text-align: right;
	padding: 0 10px 0 0;
	white-space: nowrap;
}
dl.from dd {
	padding: 0 0 0 160px;
	clear: right;
}
dl.help dt {
	font-size: 14px;
	color: var(--bbbase-darkest-black);
}
dl.help dd {
	margin: 0 0 24px 0;
	padding: 0 0 24px 0;
	border-bottom: var(--bbbase-grey-border-color-low-contrast) solid 1px;
}

/* =Links
-------------------------------------------------------------- */

a {
	text-decoration: none;
	color: var(--bbbase-link-color);
}
a:hover {
	text-decoration: underline;
	color: var(--bbbase-link-color-hover);
}

/* =Images
-------------------------------------------------------------- */

img {
	height: auto;
}

div.wp-caption {
	max-width: 680px;
	padding: 10px;
	border: 1px solid var(--bbbase-grey-border-color-low-contrast);
	background: var(--bbbase-grey-background-color-low-contrast);
	position: relative;
}

div.wp-caption img {
	border: 5px double var(--bbbase-grey-border-color-low-contrast);
	position: relative;
	display: block;
	margin-bottom: 10px;
}

div.single-post div.wp-caption p {
	text-align: center;
	margin: 10px 0 0 0;
}

/* =Text
-------------------------------------------------------------- */

p {
	margin: 0 0 10px 0;
}
p.lead {
	font-size: 20px;
	color: #333;
}
blockquote {
	font-style: italic;
	font-size: 15px;
	border: 1px dotted var(--bbbase-grey-border-color-low-contrast);
	padding: 10px;
	margin: 0 0 15px 0;
	quotes: "\201C""\201D";
}
blockquote:before {
	color: var(--bbbase-dark-text-color-low-contrast);
	content: open-quote;
	font-size: 4em;
	line-height: 0em;
	margin-right: 15px;
	vertical-align: -0.5em;
}
blockquote p {
	display: inline;
	padding: 0;
	margin: 0;
}

body.blog cite,
body.archive cite,
body.single cite {
	font-family: sans-serif;
	font-size: 14px;
	font-style: normal;
	color: var(--bbbase-light-text-color-low-contrast);
	display: block;
	margin-bottom: 15px;
}
div.single-post {
	margin-bottom: 15px;
	padding-bottom: 10px;
}
div.single-post.archive {
	border: none;
}
div.single-post h3 {
	font-family: sans-serif !important;
	font-style: normal;
}
div.single-post p {
	margin: 0 0 10px 0;
}
div.single-post ol {
	list-style-position: outside;
	margin-top: 20px;
}
div.single-post ol li {
	margin: 20px;
}
.clear {
	clear: both;
}
small {
	font-size: 12px;
	color: var(--bbbase-dark-text-color-low-contrast) !important;
}
div.action {
	background: var(--bbbase-grey-background-color-low-contrast);
	font-size: 20px;
	text-align: center;
	padding: 20px 20px 0 20px;
	margin: 0 0 24px 0;
}
div.action a:hover {
	color: var(--bbbase-darkest-black);
}

/* =Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;

	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: var(--bbbase-brightest-white);
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px var(--bbbase-screen-reader-shadow-color);
	box-shadow: 0 0 2px 2px var(--bbbase-screen-reader-shadow-color);
	clip: auto !important;
	color: var(--bbbase-screen-reader-color);
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;

	/* Above WP toolbar. */
	z-index: 100000;
}


/* =Images
-------------------------------------------------------------- */

img.icon {
	vertical-align: middle;
}
img.left {
	float: left;
	margin: 5px 10px 0 0;
}

/* =Input
-------------------------------------------------------------- */

input,
select {
	background-color: var(--bbbase-form-field-background-color);
	color: var(--bbbase-form-field-color);
	border: 1px solid var(--bbbase-grey-border-color-low-contrast);
	border-radius: var(--bbbase-border-radius);
	font: var(--bbbase-font-input);
	padding: 5px 10px;
}
input.submit {
	border: none;
	font-weight: 400;
	cursor: pointer;
}


/* =Hidden
-------------------------------------------------------------- */

.hidden,
#accessibility	{
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
	background: none;
	left: -999em;
}

/* =Alignment
-------------------------------------------------------------- */

img.alignleft,
div.alignleft {
	float: left !important;
	display: inline;
	margin: 5px 10px 5px 0;
}
img.alignright,
div.alignright {
	float: right !important;
	display: inline;
}
img.aligncenter,
div.aligncenter {
	float: none !important;
	text-align: center !important;
	margin: 0 auto;
}
img.alignnone {
	float: none !important;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.attachment {
	display: block;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}

/* =Comments
-------------------------------------------------------------- */

.commentlist li,
#commentform input,
#commentform textarea {
	font: var(--bbbase-font-base);
}
.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 0 10px;
	list-style: none;
	position: relative;
}
.commentlist li .avatar {
	float: left;
	padding: 2px;
	margin: 0 10px 10px 0;
	border: 1px solid var(--bbbase-grey-background-color-low-contrast);
	background: var(--bbbase-brightest-white);
}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
	font-size: 1em;
}
.commentlist span.says {
	display: none;
}
.commentlist .comment-author.vcard cite,
.commentlist .comment-author.vcard cite a {
	font-weight: 600;
	font-style: normal;
	margin: 5px 0;
}
.commentlist .comment-body p {
	clear: both;
	line-height: 1.5em;
	text-transform: none;
	margin: 15px;
}
.commentmetadata {
	right: 8px;
	top: 8px;
	position: absolute;
	font-weight: 400;
	font-size: .8em;
	margin: 0;
	display: block;
}
#commentform {
	margin: 15px 10px 0 0;
}
#commentform p {
	margin: 5px 0;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}
#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.alt {
	margin: 0;
}
.children {
	padding: 0;
}
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: var(--bbbase-brightest-white);
}
.depth-1 {
	border: 1px solid var(--bbbase-grey-border-color-low-contrast);
}
a.reply {
	text-align: right;
}
a.cancel-reply {
	float: right;
}

/* =bbPress Default Override
-------------------------------------------------------------- */

#bbpress-forums {
	line-height: 1.5;
	font-size: 100%;
}

hr,
#bbpress-forums hr {
	margin: 40px;
	border: 1px solid var(--bbbase-grey-background-color-low-contrast);
}

div.sidebar #bbpress-forums {
	margin-bottom: 0;
}

#bbpress-forums .bbp-author-role {
	margin: 5px 0;
	padding: 0;
	border: none;
	background-color: transparent;
	border-radius: 0;
	font-size: 10px;
	line-height: 10px;
	font-style: normal !important;
}

#bbpress-forums .bbp-author-role,
#bbpress-forums .bbp-topic-ip,
#bbpress-forums .bbp-reply-ip {
	display: inline-block;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies {
	border: none;
	font-size: 14px;
}

#bbpress-forums li.bbp-body ul:hover {
	background-color: var(--bbbase-list-hover-helper-background);
}

#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
	padding: 15px;
}

#bbpress-forums li.bbp-topic-freshness a:first-child {
	font-size: 12px;
}

#bbp-your-profile fieldset input,
#bbp-your-profile fieldset select,
#bbp-your-profile fieldset textarea {
	padding: 15px;
}

#bbpress-forums fieldset.bbp-form input[type=password],
#bbpress-forums fieldset.bbp-form input[type=text],
#bbpress-forums fieldset.bbp-form select {
	appearance: none;
	height: auto;
	min-height: auto;
	margin-top: 10px;
	padding: 15px;
	min-width: 50%;
}

#bbp-your-profile fieldset span.description {
	padding: 5px 15px;
}

#bbpress-forums #bbp-your-profile fieldset label {
	white-space: nowrap;
}

#bbpress-forums #bbp_topic_title {
	width: 80%;
}

#bbpress-forums li.bbp-footer {
	display: none;
}

#bbpress-forums ul.bbp-lead-topic li.bbp-footer {
	display: block;
}

#bbpress-forums .bbp-pagination {
	color: var(--bbbase-dark-text-color-low-contrast);
	float: none;
	display: flex;
	align-items: center;
	padding: 40px 0;
	margin: 0;
}

#bbpress-forums .bbp-pagination-count {
	display: inline-block;
	float: none;
	order: 1;
	margin-right: auto;
}

#bbpress-forums .bbp-pagination-links {
	float: none;
	order: 2;
	margin-left: auto;
}

#bbpress-forums .bbp-pagination-links span,
#bbpress-forums .bbp-pagination-links span.current,
#bbpress-forums .bbp-pagination-links a:hover,
#bbpress-forums .bbp-pagination-links a {
	border: 1px solid transparent;
	border-radius: var(--bbbase-border-radius);
	font-size: 16px;
	padding: 4px 8px;
	margin: 0;
}

#bbpress-forums .bbp-pagination-links span.dots {
	padding: 0;
	margin: 0;
}

#bbpress-forums .bbp-pagination-links span.current {
	font-weight: 600;
}

#bbpress-forums fieldset.submit button,
#bbpress-forums fieldset.bbp-form button {
	padding: 10px;
	font-size: 15px;
	cursor: pointer;
}

#bbpress-forums fieldset.bbp-form {
	padding: 10px 0 0 0;
	border-width: 0 0 1px 0;
}

body.page #bbpress-forums .bbp-topic-form fieldset {
	padding-top: 0;
}

body.page .bbp-topic-form legend,
body.topic .bbp-reply-form legend {
	display: none;
}

body.reply-edit #bbpress-forums fieldset.bbp-form,
body.topic-edit #bbpress-forums fieldset.bbp-form {
	border: none;
	padding: 0;
}

#bbpress-forums .bbp-reply-form fieldset,
#bbpress-forums .bbp-topic-form fieldset {
	border-width: 0;
	padding-top: 0;
}

#bbpress-forums .bbp-reply-form fieldset.bbp-form p,
#bbpress-forums .bbp-topic-form fieldset.bbp-form p {
	padding: 15px 0;
	margin: 0;
}

body.page .bbp-reply-form code,
body.page .bbp-topic-form code,
body.single-topic .bbp-reply-form code,
body.single-forum .bbp-topic-form code,
body.topic-edit .bbp-topic-form code,
body.reply-edit .bbp-reply-form code {
	width: auto;
}

#bbpress-forums div.reply {
	width: auto;
}

#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-reply-content,
#bbpress-forums div.bbp-topic-content {
	padding: var(--bbbase-default-gap);
	margin: 0;
}

#bbpress-forums div.bbp-forum-content p,
#bbpress-forums div.bbp-reply-content p,
#bbpress-forums div.bbp-topic-content p {
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 15px;
}

#bbpress-forums div.bbp-forum-content p:last-child,
#bbpress-forums div.bbp-reply-content p:last-child,
#bbpress-forums div.bbp-topic-content p:last-child {
	margin-bottom: 0;
}

#bbpress-forums div.bbp-topic-content code,
#bbpress-forums div.bbp-reply-content code,
#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
	background-color: var(--bbbase-lightest-text-color-low-contrast);
	max-height: 40em;
}

#bbpress-forums p.form-allowed-tags code {
	font-size: 12px;
	padding: 20px;
}

body.topic-edit #bbpress-forums fieldset legend,
body.reply-edit #bbpress-forums fieldset legend {
	display: none;
}

#bbpress-forums fieldset fieldset legend {
	display: block;
}

#bbpress-forums .bbp-reply-form input,
#bbpress-forums .bbp-topic-form input,
#bbpress-forums .bbp-reply-form textarea,
#bbpress-forums .bbp-topic-form textarea,
#bbpress-forums .bbp-reply-form select,
#bbpress-forums .bbp-topic-form select {
	padding: 6px 8px;
	border-radius: var(--bbbase-border-radius);
}

#bbpress-forums fieldset {
	margin-top: 0;
	padding: 20px 0 0 0;
}

#bbpress-forums fieldset.bbp-form legend,
#bbpress-forums fieldset.bbp-form legend {
	font-weight: 600;
	font-size: 15px;
	color: var(--bbbase-darker-text-color-low-contrast);
	padding: 10px 0 10px 0;
}

#bbp-search-form {
	right: 0;
	margin-top: -55px;
	position: absolute;
}

#bbp_search,
#ts,
#rs {
	padding: 9px 15px;
	min-width: 175px;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
	background-color: transparent;
}

#bbpress-forums li.bbp-body div.hentry {
	padding: 0;
	margin: 0;
}

#bbpress-forums li.bbp-body div.bbp-topic-content ul,
#bbpress-forums li.bbp-body div.bbp-reply-content ul {
	margin-bottom: 10px;
}

#bbpress-forums li.bbp-body div.bbp-topic-content ul:hover,
#bbpress-forums li.bbp-body div.bbp-reply-content ul:hover {
	background-color: inherit;
}

#bbpress-forums li.bbp-body div.bbp-topic-content ul li,
#bbpress-forums li.bbp-body div.bbp-reply-content ul li {
	list-style: square;
}

#bbpress-forums li.bbp-body div.bbp-topic-content li,
#bbpress-forums li.bbp-body div.bbp-reply-content li {
	margin-left: 10px;
}

#bbpress-forums li.bbp-topic-title a.bbp-topic-permalink {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 16px;
}

#bbpress-forums ul.sticky li.bbp-topic-title:before,
#bbpress-forums ul.super-sticky li.bbp-topic-title:before {
	font: var(--bbbase-font-dashicons);
	font-size: 20px;
	line-height: 20px;
	content: '\f450';
	margin-right: 5px;
	float: left;
	padding-top: 3px;
	color: #bb0;
}

#bbpress-forums ul.sticky.status-closed li.bbp-topic-title:before,
#bbpress-forums ul.super-sticky.status-closed li.bbp-topic-title:before {
	color: var(--bbbase-light-text-color-low-contrast);
}

#bbpress-forums li.bbp-body ul li.bbp-topic-title a.page-numbers {
	padding: 1px 5px;
}

#bbpress-forums ul.status-closed,
#bbpress-forums ul.status-closed a {
	color: var(--bbbase-light-text-color-low-contrast);
}

#bbpress-forums p.bbp-topic-meta {
	display: block;
}

#bbpress-forums p.bbp-topic-meta a {
	color: var(--bbbase-dark-text-color-low-contrast);
	text-decoration: none;
}

#bbpress-forums p.bbp-topic-meta .bbp-topic-started-in a {
	color: var(--bbbase-dark-text-color-low-contrast);
	background-color: var(--bbbase-grey-background-color-low-contrast);
	border: 0.5px solid var(--bbbase-dark-text-color-low-contrast);
	border-radius: 10px;
	padding: 3px 8px;
	font-size: 10px;
	font-weight: 400;
}

#bbpress-forums div.bbp-template-notice {
	margin: var(--bbbase-default-gap) 0;
}

.bbp-lead-topic + .bbp-no-reply {
	margin-top: 60px;
}

#bbpress-forums div.bbp-topic-tags p {
	margin-bottom: 15px;
}

#bbpress-forums li.bbp-body {
	padding: 0;
}

#bbpress-forums li.bbp-body div.type-topic,
#bbpress-forums li.bbp-body div.type-reply {
	position: relative;
}

#bbpress-forums li.bbp-body div.type-topic span.bbp-admin-links,
#bbpress-forums li.bbp-body div.type-reply span.bbp-admin-links {
	float: none;
	position: absolute;
	right: 0;
	top: 70px;
	text-align: right;
	padding: 0;
	margin: 5px 15px 5px 5px;
	display: none;
	color: var(--bbbase-darkest-black-blend);
}

#bbpress-forums li.bbp-body div.type-topic:hover span.bbp-admin-links,
#bbpress-forums li.bbp-body div.type-reply:hover span.bbp-admin-links {
	display: block;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies {
	margin-bottom: 0;
}

#bbpress-forums li.bbp-body div.bbp-topic-author,
#bbpress-forums li.bbp-body div.bbp-reply-author {
	width: calc(100% - var(--bbbase-default-gap));
	float: none;
	padding: 15px;
	margin: 0;
	text-align: left;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	position: relative;
	background: rgba(0,0,0,0.05);
}

#bbpress-forums a.bbp-author-link {
	white-space: nowrap;
	max-width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
}

#bbpress-forums li.bbp-body div.bbp-topic-author .bbp-author-link,
#bbpress-forums li.bbp-body div.bbp-reply-author .bbp-author-link {
	display: flex;
	order: 0;
	margin: 0;
}

#bbpress-forums div.bbp-topic-author span.bbp-author-avatar,
#bbpress-forums div.bbp-reply-author span.bbp-author-avatar {
	line-height: 0;
	font-size: 0;
}

#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
	padding: 0;
	margin: 0;
	width: 40px;
	height: 40px;
	max-width: 40px;
	max-height: 40px;
	border-radius: var(--bbbase-border-radius);
}

#bbpress-forums li.bbp-body div.bbp-topic-author .bbp-topic-author-info,
#bbpress-forums li.bbp-body div.bbp-reply-author .bbp-reply-author-info {
	order: 1;
	flex: 1;
	padding: 0;
	margin: 0;
	float: none;
}

#bbpress-forums li.bbp-body .bbp-reply-post-date,
#bbpress-forums li.bbp-body .bbp-topic-post-date {
	order: 2;
	padding: 0;
	margin: 0;
	float: none;
}

#bbpress-forums .widget_display_replies img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar {
	border: none;
	border-radius: 3px;
}

div.bbp-template-notice,
div.indicator-hint {
	border-radius: var(--bbbase-border-radius);
	padding: 0;
	margin: 0 0 var(--bbbase-default-gap) 0;
}

div.bbp-template-notice li,
div.bbp-template-notice p {
	font-size: 15px;
	margin: 15px !important;
	padding: 0 !important
}

#bbpress-forums fieldset.submit,
#bbpress-forums div.bbp-submit-wrapper {
	float: none;
	text-align: right;
	padding: 20px;
	background: var(--bbbase-grey-background-color-low-contrast);
}
#bbpress-forums #bbp-your-profile fieldset.submit div {
	float: none;
	margin: 0;
}


/* =bbPress Lead Topic
-------------------------------------------------------------- */

#bbpress-forums ul.bbp-lead-topic li.bbp-body {
	border: 1px solid #dd6;
	border-left-width: 10px;
}

#bbpress-forums ul.bbp-lead-topic li.bbp-body div.topic {
	background-color: #ffe;
}

/* =bbPress Markdown
-------------------------------------------------------------- */

#wmd-button-barbbp_reply_content,
#wmd-button-barbbp_topic_content,
.wmd-panel {
	margin-bottom: 10px;
}

#bbpress-forums .wmd-preview {
	width: 98%;
}

#bbpress-forums .wmd-preview ul li {
	list-style: square;
	margin-left: 20px;
}

#bbpress-forums .wmd-preview ol li {
	list-style: decimal;
	margin-left: 20px;
}

#bbpress-forums div.bbp-reply-content pre,
#bbpress-forums div.bbp-topic-content pre {
	background-color: var(--bbbase-lightest-text-color-low-contrast);
	border: 1px dotted var(--bbbase-grey-border-color-low-contrast);
	overflow: auto;
	margin: 5px 5px 15px 5px;
	padding: 10px;
}


#bbpress-forums fieldset.bbp-form textarea,
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form input {
	border: 1px solid var(--bbbase-grey-border-color-low-contrast);
	outline-color: var(--bbbase-form-field-outline-color) !important;
}


/* =bbPress Profiles
-------------------------------------------------------------- */

#bbpress-forums #bbp-single-user-details #bbp-user-avatar,
#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
	height: 200px;
	width: 200px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation {
	margin-top: 40px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
	padding: 8px 15px;
	border-radius: var(--bbbase-border-radius);
}

#bbpress-forums #bbp-user-body {
	position: relative;
}

#bbpress-forums #bbp-user-body .bbp-search-form {
	float: none;
	position: absolute;
	right: 0;
	top: 0;
}

#bbpress-forums #bbp-your-profile fieldset {
	padding: var(--bbbase-default-gap);
	margin-bottom: var(--bbbase-default-gap);
}

#bbpress-forums #bbp-your-profile fieldset.bbp-form:nth-last-child(2) {
	border: none;
}

body.bbp-user-page #main,
body.bbp-user-edit #main {
	display: block;
}

body.bbp-user-page div.content,
body.bbp-user-edit div.content {
	margin: 0;
	width: 100%;
}

body.bbp-user-page #bbp-user-wrapper,
body.bbp-user-edit #bbp-user-wrapper {
	display: flex;
	float: none;
}

body.bbp-user-page #bbp-user-wrapper #bbp-single-user-details,
body.bbp-user-edit #bbp-user-wrapper #bbp-single-user-details {
	order: 1;
	width: 200px;
}

body.bbp-user-page #bbp-user-wrapper #bbp-user-body,
body.bbp-user-edit #bbp-user-wrapper #bbp-user-body {
	order: 2;
	width: 730px;
	margin-left: auto;
}

#bbp-user-profile h2 {
	display: none;
}

#bbp-user-profile h3 {
	font-size: 1.4em;
}

#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset select,
#bbpress-forums #bbp-your-profile fieldset textarea {
	color: var(--bbbase-form-field-color);
	background-color: var(--bbbase-form-field-background-color);
	border-radius: var(--bbbase-border-radius);
	margin-top: 0;
}
#bbpress-forums #bbp-your-profile fieldset input:focus,
#bbpress-forums #bbp-your-profile fieldset textarea:focus {
	box-shadow: none;
}
#bbpress-forums #bbp-your-profile fieldset label {
	margin-top: 5px;
}


/* =Sidebar
-------------------------------------------------------------- */

.sidebar div ul {
	margin: 0;
}

.sidebar h2 {
	padding: var(--bbbase-default-gap) 0;
	margin: 0;
}

.sidebar > div:first-child h2 {
	padding-top: 0;
}

.sidebar div li {
	list-style: none;
}

.sidebar .forum-info li:before,
.sidebar .topic-info li:before,
.sidebar div ul li a:before {
	font: var(--bbbase-font-dashicons);
	font-size: 16px;
	line-height: 23px;
	margin-right: 5px;
	color: var(--bbbase-darkest-black);
}

.sidebar a.feed:before {
	content: '\f303';
}

.sidebar a.bbp-view-title:before {
	content: '\f109';
}

.sidebar .forum-info li.topic-count:before {
	content: '\f450';
}

.sidebar .topic-info li.topic-forum:before {
	content: '\f449';
}

.sidebar .topic-info li.voice-count:before {
	content: '\f307';
}

.sidebar .topic-info li.reply-count:before,
.sidebar .forum-info li.reply-count:before {
	content: '\f451';
}

.sidebar .topic-info li.topic-freshness-author:before,
.sidebar .forum-info li.forum-freshness-author:before {
	content: '\f338';
}

.sidebar .topic-info li.topic-freshness-time:before,
.sidebar .forum-info li.forum-freshness-time:before {
	content: '\f469';
}

.sidebar .forum-info li.forum-subscribe:before,
.sidebar .topic-info li.topic-subscribe:before {
	content: '\f147';
}

.sidebar .topic-info li.topic-favorite:before {
	content: '\f155';
}

.sidebar .bbp-topic-tag-cloud {
	line-height: 1;
}

.sidebar .bbp-forums-list,
.sidebar .bbp-breadcrumb {
	display: none;
}

.sidebar .bbp-forums .bbp-forum-info {
	width: 80%
}
.sidebar .bbp-forums .bbp-forum-reply-count,
.sidebar .bbp-forums .bbp-forum-topic-count {
	width: 20%;
}
.sidebar .forum-info,
.sidebar .topic-info {
	font-size: 15px;
	line-height: 2;
}


/* =Plugins
-------------------------------------------------------------- */

div.single-plugin {
	margin-bottom: 15px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
	clear: both;
}
div.single-plugin h3 {
	font-family: sans-serif !important;
	font-style: normal;
	float: left;
}
div.single-plugin p {
	margin: 0 20px 10px 0;
}
div.single-plugin ol {
	list-style-position: outside;
	margin-top: 20px;
}
div.single-plugin ol li {
	margin: 20px;
}

p.plugin-description {
	clear: left;
}
div.plugin-meta {
	float: right;
	width: 200px;
	padding: 10px 20px 15px 20px;
	margin-left: 20px;
	background: var(--bbbase-light-background-color-low-contrast);
	border: 1px solid var(--bbbase-grey-background-color-low-contrast);
}

div.plugin-meta img {
	height: 16px;
	width: 16px;
}

/* =TinyMCE
-------------------------------------------------------------- */

#bbpress-forums .bbp-the-content-wrapper {
	position: relative;
}

#bbpress-forums .wp-editor-tools {
	margin-top: 8px;
	padding: 0;
	position: absolute;
	right: 0;
}

#bbpress-forums .wp-editor-tools a {
	border: none;
	color: var(--bbbase-dark-text-color-low-contrast);
	background: none;
	float: none;
}

#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar,
#bbpress-forums .wp_themeSkin tr.mceFirst td.mceToolbar {
	background: #f6f6f6;
	border: none;
	border-color: var(--bbbase-grey-border-color-low-contrast);
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-radius: 0;
}

#bbpress-forums #qt_bbp_reply_content_toolbar input {
	margin: 0 3px 0 0;
}

#bbpress-forums .wp-editor-container {
	border-radius: 0;
	border: none;
}

#bbpress-forums .mceIframeContainer {
	border: 1px solid var(--bbbase-grey-border-color-low-contrast) !important;
	margin-top: -3px;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	margin-top: 0;
	height: 210px;
	border-radius: 0;
}

/* =Forums Users
-------------------------------------------------------------- */

#bbpress-forums p.bbp-user-nicename {
	font-weight: 600;
	color: var(--bbbase-dark-text-color-low-contrast);
	direction: ltr;
	word-wrap: break-word;
	margin: 0;
	padding: 0;
}

#bbpress-forums p.bbp-topic-post-date,
#bbpress-forums p.bbp-reply-post-date {
	padding: 0;
	margin: 0;
	font-size: 12px;
	margin: 0 0 0 auto;
}

/* =Member Profiles
-------------------------------------------------------------- */

#menu-bp,
#menu-bp ul {
	margin: 0;
	padding: 0;
}

#menu-bp ul {
	display: none;
}

#menu-bp li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-bp li a {
	display: block;
	padding: 5px 3px 5px 8px;
}

#menu-bp #activity-personal-li a:before {
	content: '\f452';
}

#menu-bp #xprofile-personal-li a:before {
	content: '\f110';
}

#menu-bp #blogs-personal-li a:before {
	content: '\f325';
}

#menu-bp #notifications-personal-li a:before {
	content: '\f339';
}

#menu-bp #forums-personal-li a:before {
	content: '\f451';
}

#menu-bp #settings-personal-li a:before {
	content: '\f111';
}

#menu-bp #public-personal-li a:before {
	content: '\f337';
}

#menu-bp li a:hover {
	text-decoration: none;
	background: var(--bbbase-light-background-color-low-contrast);
}

#menu-bp li.current-menu-parent a {
	background: var(--bbbase-grey-background-color-low-contrast);
	color: inherit;
}

#blogs-personal-li,
#menu-bp li span {
	display: none;
}

#buddypress #subnav {
	border-bottom: none;
}

#buddypress .standard-form textarea,
#buddypress .standard-form input[type=text],
#buddypress .standard-form input[type=text],
#buddypress .standard-form input[type=color],
#buddypress .standard-form input[type=date],
#buddypress .standard-form input[type=datetime],
#buddypress .standard-form input[type=datetime-local],
#buddypress .standard-form input[type=email],
#buddypress .standard-form input[type=month],
#buddypress .standard-form input[type=number],
#buddypress .standard-form input[type=range],
#buddypress .standard-form input[type=search],
#buddypress .standard-form input[type=tel],
#buddypress .standard-form input[type=time],
#buddypress .standard-form input[type=url],
#buddypress .standard-form input[type=week],
#buddypress .standard-form select,
#buddypress .standard-form input[type=password],
#buddypress .dir-search input[type=search],
#buddypress .dir-search input[type=text],
#buddypress .groups-members-search input[type=search],
#buddypress .groups-members-search input[type=text] {
	background: var(--bbbase-form-field-background-color);
}

/* =Activity Streams
-------------------------------------------------------------- */

#buddypress .activity-list .activity-content .activity-header,
#buddypress .activity-list .activity-content .comment-header {
	margin-top: -10px;
	font-size: 13px;
	width: 75%;
}

#buddypress .activity-list .activity-content .activity-header a,
#buddypress .activity-list .activity-content .comment-header a {
	font-size: 13px;
	font-weight: 600;
}

#buddypress a.activity-time-since {
	position: absolute;
	top: 0px;
	right: 20px;
}

/* =HiDPI Overrides
-------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	#header-inner {
		background-image: var(--bbbase-header-image-url-2x);
		background-size: var(--bbbase-header-image-size);
	}

	#header h1 a,
	#header h1 :link,
	#header h1 :link:hover,
	#wporg-header h1 :link,
	#wporg-header h1 :link:hover {
		background-image: var(--bbbase-logo-image-url-2x);
		background-size: var(--bbbase-logo-image-size);
	}
}


/* =Responsive Overrides
-------------------------------------------------------------- */

/* Force widths for desktops */
@media screen and ( min-width: 960px )  {
	#header-inner,
	#headline-inner,
	#subnav-inner,
	#showcase-inner,
	#main,
	#footer-inner {
		width: 960px;
	}
	body:not(.page-template-page-homepage):not(.bbp-user-page) div.content {
		width: 700px;
	}
	div.leftcol {
		width: 340px;
	}
	div.rightcol {
		width: 340px;
	}
	div.sidebar {
		width: 240px;
	}
	div.group div.content {
		width: 660px;
	}
	div.group div.sidebar {
		width: 200px;
	}
}

/* Shrink logo to make room for navigation */
@media screen and ( max-width: 959px ) {
	#header-inner h1 a {
		width: 65px !important;
	}
	#main {
		display: block;
	}
	#header-inner {
		background-position: var(--bbbase-header-image-small-screen-position);
	}
}

/* Do not fix #header for non-desktops */
@media screen and ( max-width: 782px ) {
	#footer-inner {
		display: block;
		padding: 20px 10px;
	}
	#footer-inner div {
		padding: 10px;
	}
	#bb-menu-icon,
	#mobile-menu-button {
		position: absolute;
		right: 0;
		top: 0;
		height: 80px;
		width: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		border: none;
		background: transparent;
		color: var(--bbbase-darkest-black);
	}

	#header #nav,
	#wporg-header #wporg-header-menu {
		margin: 0;
	}
	#header #bb-nav,
	#wporg-header #wporg-header-menu {
		position: absolute;
		padding: 0;
		margin: 0;
		width: 100%;
		right: 0;
		top: 80px;
	}
	#header #bb-nav li,
	#wporg-header #wporg-header-menu li {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	#header #nav #bb-nav li a,
	#wporg-header #wporg-header-menu li a {
		margin: 0;
		padding: 0;
		color: var(--bbbase-darkest-black);
		text-shadow: none;
		border-radius: 0;
	}
	#header #nav #bb-nav li.current a,
	#header #nav #bb-nav li a:hover,
	#wporg-header #wporg-header-menu li.current a,
	#wporg-header #wporg-header-menu li a:hover {
		color: var(--bbbase-button-color-hover);
		background-color: var(--bbbase-button-background-color-hover);
	}
	#header #bb-nav,
	#bbpress-forums .bbp-pagination-count,
	.bbp-topic-meta,
	#wporg-header #wporg-header-menu {
		display: none;
	}
	#header #nav:hover #bb-nav,
	#header #nav:focus #bb-nav,
	#wporg-header #wporg-header-menu.toggled {
		background-color: var(--bbbase-grey-background-color-low-contrast);
		display: block !important;
		z-index: 100;
	}
	#header #nav:hover #bb-menu-icon,
	#header #nav:focus #bb-menu-icon,
	#wporg-header #mobile-menu-button[aria-expanded="true"] {
		background-color: var(--bbbase-brightest-white-blend);
	}
	#header #nav:hover #bb-menu-icon:before,
	#header #nav:focus #bb-menu-icon:before,
	#wporg-header #mobile-menu-button[aria-expanded="true"]:before {
		color: var(--bbbase-darkest-black);
	}
}

/* Mobile */
@media only screen and (max-width: 480px) {
	div.feature {
		flex: 1 1 100%;
	}

	#bbpress-forums div.bbp-topic-author img.avatar,
	#bbpress-forums div.bbp-reply-author img.avatar {
		position: relative;
	}

	#bbpress-forums .bbp-author-role {
		border: none;
		background: transparent;
		padding: 0;
		margin: 0;
	}

	#bbpress-forums div.bbp-topic-ip,
	#bbpress-forums div.bbp-reply-ip {
		display: none;
	}

	#bbpress-forums li.bbp-body div.type-topic span.bbp-admin-links,
	#bbpress-forums li.bbp-body div.type-reply span.bbp-admin-links {
		display: block !important;
		border-top: 1px dotted var(--bbbase-grey-border-color-low-contrast);
		margin: 10px 10px 0 10px;
		padding: 5px 0;
		position: relative !important;
		top: 0;
		left: 0;
	}
	#bbpress-forums .bbp-body div.bbp-reply-author,
	#bbpress-forums .bbp-body div.bbp-topic-author {
		min-height: auto;
	}
	#bbpress-forums .bbp-body div.bbp-reply-content,
	#bbpress-forums .bbp-body div.bbp-topic-content {
		margin: 15px;
	}
}