/* bbPress forums */
#bbp {clear: both; font-weight: 400; font-size: 17px}
#bbp .even {background-color: #eee}
#bbp .odd {background-color: #f8f8f8}
#bbp .status-trash.even,
#bbp .status-spam.even {background: #fee}
#bbp .status-trash.odd,
#bbp .status-spam.odd {background: #fdd}
#bbp .status-closed {background: #ddd}
.bbp.page {margin: 0 6%}
.bbp-banner {position: relative; padding: 10px 0; height: 100px}
.bbp-banner h1 {position: absolute; bottom:0;left: 0;right:0; max-width: 600px; margin: 0 auto 12px; line-height: 1.1; color: #fff}
.bbp-banner a, .bbp-banner a:visited {color: #fff} .bbp-banner a:hover {color: #ddf}
#fmenu {position: absolute; top: 150px; right: 0; left: calc(50% + 300px); left: -webkit-calc(50% + 300px)}
#fmenu ul {list-style: none; max-width: 140px; margin: 0 auto; padding: 0; border: solid 1px #ddd; background: #f8f8f8}
#fmenu a {display: block; white-space: nowrap; padding: 6px 12px; color: #263db0}
#fmenu a:hover {background: #eee}
#fmenu .current a {color: #000}
.fm-title {background: #eee; border-bottom: solid 1px #ddd; text-align: center; font-size: 10px; color: #777; padding: 2px 7px 1px; text-align-last: justify}

.bbp-forums, .bbp-forums ul,
.bbp-topics, .bbp-topics ul {list-style: none; margin-left: 0}
.bbp-forums,
.bbp-topics {font-size: 13px; line-height: 1.2; overflow: hidden; margin-bottom: 20px; clear: both; border: 1px solid #bbb}
.bbp-search-form {text-align: center; margin: 20px 0; white-space: nowrap}
.bbp-search-form input[type="text"] {width: calc(100% - 86px); max-width: 86%}
.bbp-pagination-links {margin-left: 8px}
.bbp-header,
.bbp-body,
.bbp-footer {clear: both}
.bbp-header,
.bbp-footer {background: #bbb; font-weight: bold; padding: 8px; text-align: center}
.bbp-header ul, .bbp-header li {overflow: hidden}
.bbp-forums-list {margin: 0 0 0 5px; padding-left: 15px; border-left: 1px solid #ddd}
.bbp-forums-list li {display: inline; font-size: 11px}
.bbp-footer p {margin: 0; line-height: 1em}
.bbp-forum-info, .bbp-search .bbp-forum-title,
.bbp-topic-title {float: left; text-align: left; overflow: hidden; text-overflow: ellipsis; width: 55%}
.bbp-forum-title,
.bbp-topic-permalink {font-size: 17px}
.sticky .bbp-forum-title:before, .sticky .bbp-topic-permalink:before {content: '★ '; color: #ef6b4f}
.bbp-topic-pagination {white-space: nowrap; margin-left: 6px}
.bbp-forum-topic-count,
.bbp-forum-reply-count,
.bbp-topic-voice-count,
.bbp-topic-reply-count {float: left; text-align: center; width: 10%}
.bbp-forum-freshness,
.bbp-topic-freshness {text-align: center; float: left; width: 22%}
.bbp-search-clip {background: #fafafa; color: #333; line-height: 1.35; padding: 8px; font-style: italic}
.bbp-body ul.forum,
.bbp-body ul.topic,
.bbp-body ul.reply {border-top: 1px solid #fff; overflow: hidden; padding: 8px}
.bbp-topic-meta, .bbp-forum-content {color: rgba(0,0,0,.7); margin-top: 4px; line-height: 1.3}
.add-topic {padding-top: 6px}

h2.thread-title, h2.forum-title {color: #000; margin: 10px 0px 15px}
body.reply h1.title {font-size: 28px}
forum-subhead, .bbp-pagination {color: #777; font-size: 13px; display: block; margin: 0 0 20px}
forum-subhead {margin: 0 0 50px}
.bbp-sub-fav-links {float: right; margin: 0 0 0 8px}
.bbp-sub-fav-links a, .bbp-sub-fav-links a:visited {background: #fff; color: #777; padding: 4px 12px}
.bbp-sub-fav-links a:hover {background: #eee; color: #000}
.bbp-sub-fav-links .is-subscribed a, .bbp-sub-fav-links .is-favorite a {background: #eee; border-color: #ddd}
.bbp-topic-tags {color: #999; min-height: 1px}
.bbp-pagination {text-align: right; clear: both}
.bbp-revision-log {display: none; list-style: none; margin: 12px 0; text-indent: -1em; border-top: solid 1px #ddd; padding: 8px 0 0 1em; font-size: 13px; color: #777}
.bbp-reply-form {clear: both}
.bbp-reply-form h2 {font-size: 24px}
.bbp-form .submit {font-size: 18px; font-weight: bold; margin: 0 0 50px}

.description {font-size: 14px; color: #777; margin: 3px 0 3px 5px}

#profile-avatar {float: left; margin: 0 25px 20px 0}
#profile-avatar img {height: 150px; width: 150px; border: solid 1px #eee; border-radius: 50%}

#subnav {max-width: 600px; font-size: 13px; list-style-type: none; margin: 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center}
#subnav li {height: 28px; border-bottom: solid 3px transparent; white-space: nowrap; margin: 0; padding: 5px 1px 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto}
#subnav.p-nav a {display: block}
#subnav a, #subnav a:visited {color: #005f35}
#subnav li:hover a, #subnav a:active, #subnav li.current a {color: #000; text-decoration: none}
#subnav.p-nav li:hover, #subnav li.current {border-color: #009f75}
#subnav li.disabled, #subnav li.disabled a {border-color: transparent !important; cursor: default; color: #898 !important}
#subnav li#fmBtn {border: none; height: auto}
#subnav .crumbs {padding: 2px 0}

#fmBtn {display: none; padding: 0 !important}
#fmBtn img {display: block; width: 20px; vertical-align: bottom; cursor: pointer}
.p-nav {display: block}
#subnav.f-nav {font-size: 16px}

#profile-summary {margin-top: 50px}
#profile-bio {font-size: 16px; margin: 0 6px 25px 175px; padding-top: 15px; width: 55%}
#profile-view {font-size: 15px; margin: 0 0 30px}
#profile-about {font-size: 17px}
.private {font: normal 12px Lato, sans-serif; color: #000; padding: 0 7px; background: #ddd; border-radius: 4px}
.profile-info {margin: 0 0 8px 5em; font-size: 15px}
.profile-info label {margin-left: -5em; color: #888; float: left; clear: both}
#profile-edit {clear: both}
#profile-edit .aBtns a {background: #fff}
#profile-edit .aBtns a:hover {background: #eee}
#profile-edit label {display: block; margin: 20px 0 2px; font-weight: bold; font-size: 16px}
#profile-edit .hide {margin: 3px 2px 0 3px; font: normal 11px Lato, sans-serif; color: #444; float: right}
#profile-edit .gray-tag,
#profile-edit .green-tag {padding: 0 7px 2px; background: #aea; border-radius: 3px}
#profile-edit .gray-tag {background: #ddd}
.profile-edit-select option {padding: 3px 0 3px 1.8em; font-size: 15px}
.profile-edit-select option.d {padding-left: .5em; font-weight: bold; color: #888}
.profile-edit-text,
.profile-edit-textarea {max-width: 100%; margin-top: 2px}
#profile-edit input[type=checkbox] {margin-right: .6em}
#profile-edit .submit {font-size: 20px; padding: 5px 28px; border: none}
.profile-subtitle {clear: left; margin: 0 0 15px}

/* toggle visible/private */
#profile-edit .hide span {padding: 0 7px 2px; background: #aea; border-radius: 3px}
#profile-edit .hide .p {background: #ddd; display: none}
#profile-edit .hide input[type=checkbox]:checked ~ .p {display: inline}
#profile-edit .hide input[type=checkbox]:checked ~ .v {display: none}

input#basic-local-avatar {line-height: 18px}
#fm_input {background-image: linear-gradient(rgba(0,0,0,.1) 1px, transparent 1px); line-height: 2.5; background-size: 100% 2.5em; background-position: 0 2.5em; background-origin: content-box; padding: 0 0 10px; white-space: pre; overflow: auto}
#fm_input a {cursor: pointer; border: solid 1px #bbd; border-radius: 8px; background: #eef; padding: 0 3px 1px}
#fm_input a.off {cursor: text; background: #ddf; color: #bbd}
#fm_input a:hover, #fm_input a:active {background: #ccf; border-color: #bbd; text-decoration: none}
#fm_input a.off:hover, #fm_input a.off:active {background: #ddf}

#bbp-user-subscriptions a.subscription-toggle, #bbp-user-subscriptions a.subscription-toggle:visited {float: right; font-size: 14px; background: rgba(0,0,200,0.15); color: #fff; padding: 0 4px 0 4.5px !important; border-radius: 50%; margin-left: 10px}
#bbp-user-subscriptions a.subscription-toggle:hover {text-decoration: none; background: red}

/* Forum Posts */

ul.forums,
.single-reply, .bbp-threaded-replies {list-style: none; margin: 0; padding: 0}
.bbp-threaded-replies {margin-left: 10%}
.post {margin: 0 0 20px; clear: left}
.poster {width: 150px; float: left; margin-bottom: 8px; font-size: 13px}
.poster .avatar {border: solid 1px #eee; border-radius: 50%; width: 100px; height: 100px}
.poster .info {color: #779; text-align: center; width: 135px; margin: 0px -15px}
.poster .name {color: #000; font: 600 15px/1.3 Lato, sans-serif; margin: 6px 0 2px}
.poster .label {line-height: 1.35; margin: 3px 0 2px}
.poster .edit {display: block; margin-bottom: 10px}
.poster .edit a {color: #88d; cursor: pointer}
.callout {
	position: relative;
	background: #fff;
	border: 4px solid #ddd;
	border-radius: 40px;
	min-height: 170px;
	min-width: 240px; max-width: 700px;
	padding: 20px 25px 28px;
	margin-left: 150px;
	font-size: 16px;
	line-height: 1.4;
}
.bbp-threaded-replies .callout {font-size: 15px}
.not-op .callout {background: #f8f8f8}
.callout:after, .callout:before {
	position: absolute;
	right: 100%;
	border: 1px solid #fff;
	border-color: rgba(238, 238, 255, 0);
	content: " ";
	height: 0; width: 0;
	pointer-events: none;
}
.callout:after {
	border-right-color: #fff;
	border-top-color: #fff;
	border-width: 0 30px 20px 0;
	top: 90px;
	margin-top: -31px;
}
.not-op .callout:after {border-right-color: #f8f8f8; border-top-color: #f8f8f8}
.callout:before {
	border-right-color: #ddd;
	border-top-color: #ddd;
	border-width: 0 42px 29px 0;
	top: 90px;
	margin-top: -35px;
}
.reply_to {margin: -18px 0 9px 0; font-size: 12px; font-style: italic; color: #999; white-space: nowrap; max-width: calc(100% - 50px); text-overflow: ellipsis; overflow: hidden}
.rNum {text-align: right; font-size: 12px; margin: -6px -4px 2px 0}
.rNum a, rNum a:visited, .reply_to a, reply_to a:visited {color: #89c}
.rLinks {position: absolute; background: #eee; border: solid 2px #ccc; border-radius: 6px; z-index: 9; bottom: 32px; right: 14px; padding: 6px 12px; text-align: center}
.rLinks a, rLinks a:visited {color: #263db0} .rLinks a:hover {color: #56e}
.trashed .callout {background: #fcc}
.trashed .callout:after {border-right-color: #fcc}
.bio {color: #669; font-size: 13px; margin: 12px 0}
sd-rel {color: #999}
.callout .bio {display: none; margin: 12px 0}
.callout .bio.bio-1 {display: block}
ul.switch,
.bio .profile-link {background: #eef; border: solid 1px #dde; padding: 0 3px; font-size: 10px; border-radius: 6px; line-height: inherit}
a.showrev {font-weight: normal; color: #77f; cursor: pointer}
a.showbio {position: absolute; bottom: 12px; font-size: 12px; font-weight: normal; cursor: pointer}
.calloutfooter {position: absolute; bottom: 12px; right: 25px; font-size: 13px; color: #777}

/******* SMALLER SCREENS ********/

@media all and (max-width: 999px) {
	#fmBtn {display: block}
	#fmenu {display: none; right: calc(50% - 300px); right: -webkit-calc(50% - 300px); top: 179px; left: auto; z-index: 995}
	#fmenu ul {border-top: none; border-color: #ccc;}
	#fmenu .fm-title {display: none}
	li.crumbs {overflow: hidden; max-width: 95%}
	#profile-summary {margin-top: 30px}
}
@media all and (max-width: 699px) {
	#fmenu {right: 6%}
	#profile-summary.not-prof {padding: 0 0 15px; margin: 0 0 15px}
	.not-prof #profile-bio {font-size: 14px; padding: 0; width: auto; margin: 0 0 0 80px; min-height: 70px; max-width: 400px}
	.not-prof #profile-avatar {margin: 0 10px 2px 0}
	.not-prof #profile-avatar img {height: 66.7px; width: 66.7px}
	
}
@media all and (max-width: 639px) {
	forum-subhead {margin: 0 0 30px}
	/* Move poster info from side to top */
	.poster {width: auto; float: none; margin-bottom: 15px; padding-right: 10px}
	.poster .avatar {float: left; margin: 0 25px 10px 0; width: 75px; height: 75px}
	.poster .dots {width: auto}
	.poster .info {text-align: left; width: auto; margin: 0; min-height: 72px}
	.poster .name  {margin: 0; padding-top: 16px}
	.poster .edit {display: inline}
	.poster .edit:before {content: ' | '}
	.callout {
		border-radius: 25px;
		min-height: 50px;
		margin: 0;
	}
	.callout:after, .callout:before {
		right: auto; top: auto;
		bottom: 100%;
		border-color: transparent;
	}
	.callout:after {
		border-bottom-color: #fff;
		border-left-color: #fff;
		border-width: 8px 6px;
		left: 80px;
		margin-left: -5px;
	}
	.not-op .callout:after {border-color: transparent; border-bottom-color: #f8f8f8; border-left-color: #f8f8f8}
	.callout:before {
		border-bottom-color: #ddd;
		border-left-color: #ddd;
		border-width: 14px 11px;
		left: 80px;
		margin-left: -9px;
	}
	.trashed .callout:after {border-right-color: transparent; border-left-color: #fcc; border-bottom-color: #fcc; }
}
@media all and (max-width: 599px) {
	#profile-summary {margin: 30px 0 20px; border-bottom: solid 1px #ddd}
	.is-prof #profile-bio {font-size: 15px; margin: 0 auto; padding: 10px 0 30px; width: auto; max-width: 360px}
	.is-prof #profile-avatar {float: none; margin: 0; text-align: center}
}
@media all and (max-width: 479px) {
	.not-prof #profile-bio {font-size: 12px}
	.callout {font-size: 14px; padding: 15px 16px 28px}
	.calloutfooter {right: 16px}
	.bbp-pagination {text-align: center}
	.bbp-forum-reply-count, .bbp-topic-voice-count {display: none}
	.bbp-forum-topic-count, .bbp-topic-reply-count {width: 15%}
	.bbp-forum-freshness, .bbp-topic-freshness {width: 27%}
}
@media all and (max-width: 399px) {
	.bbp-sub-fav-links {float: none; text-align: center; margin: 0 0 10px}
}
@media all and (max-width: 360px) {
	#subnav.p-nav {text-align: center; font-size: 11px; border-spacing: 5px 0}
	#subnav.p-nav ul {font-size: 12px}
}