/*
 * bbpress.scss
 * -----------------------------------------------
*/
.bbpress {
	#bbpress-forums {
		li.bbp-header {
			border: none;
			background: #333;
			color: #fff;
			font-size: 13px;
			padding: 15px 30px;
			a {
				color: #fff;
			}
			.forum-titles{
				li{
					font-weight: 700;
					font-size: 16px;
					padding-left: 5px;
				}
			}
		}
		li.bbp-body {
			ul {
				border-top: 0;
				padding: 15px 15px;
				background: #fff;
				font-size: 14px;
				&.odd{
					background: #fafafa;
				}
				.bbp-forum-content a {
					color: #858585;
				}
				.bbp-author-name {
					text-transform: capitalize;
				}
				.bbp-forum-title,
				.bbp-topic-permalink {
					font-size: 14px;
					font-weight: 700;
				}
			}
		}
		.bbp-pagination {
			float: left;
			width: 100%;
			font-size: 13px;
			margin-bottom: 30px;
		}

		.bbp-topic-form,
		.bbp-reply-form,
		.bbp-topic-tag-form {
			clear: left;
			background: #f5f8fa;
			border-top: 1px solid #dfe4e6;
			padding: 20px 25px;

			.bbp-form {
				clear: left;
				border: 0;
				padding: 0;
				margin: 0;
			}
			.bbp-form legend {
				display: block;
				color: #1a1a1a;
				font-family: "Nunito", sans-serif;
				letter-spacing: 0;
				font-size: 22px;
				margin: 5px 0 20px 0;
			}
		}
		fieldset {
			&.bbp-form {
				textarea, select, input[type="text"] {
					font-size: $font-size-base;
					line-height: $line-height-base;
					background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
					border: 1px solid #eee;
					@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
					@include transition("border-color ease-in-out .15s, box-shadow ease-in-out .15s");
					@include form-control-focus();
				}
			} 
		}

		.bbp-topic-meta,
		.bbp-reply-revision-log,
		.bbp-topic-revision-log,
		.bbp-template-notice,
		.widget_display_topics,
		.widget_display_replies {
			.avatar	 {
				margin-bottom: 0;
			}
		}

	}
	.bbp-search-form {
		float: none !important;
		background: #fff;
		padding: 0px 0 10px;
		text-align: right;
	}
	#bbp-search-form {
		background: #f5f5f5;
		padding: 10px;
		clear: both !important;
		> .bbp-search-form-content {
			position: relative;
			overflow: hidden;
			padding-right: 0;
			&:before{
				content: "\f002";
				font-family: FontAwesome;
				width: 30px;
				height: 34px;
				line-height: 34px;
				text-align: center;
				top: 0;
				right: 0;
				position: absolute;
				background: transparent;
				z-index: 1;
				color: #333;
			}
			&:after {
				display: block;
				content: "";
				clear: both;
			}
			#bbp_search {
				width: 280px !important;
				line-height: 32px;
				border: 1px solid #e5e5e5;
				background: #fff;
				color: #999;
				float: right;
				height: 34px;
				padding: 0 35px 0 15px;
				font-size: 13px;
				@include transition(all 0.3s ease-in-out);
				@include form-control-focus();
			}
			#bbp_search_submit {
				position: absolute;
				top: 0;
				right: 0;
				border: none;
				z-index: 2;
				background: transparent;
				width: 30px;
				border-radius: 0;
				line-height: 34px;
				height: 34px;
				color: transparent;
				font-size: 13px;
			}
		}

	}

	.bbp-breadcrumb {
		display: none;
	}

	.bbp-subscription-container {
		background: #333;
		font-size: 13px;
		padding: 5px 10px;
		border-radius: 4px;
		display: inline-block;
		&:hover {
			background: #111;
		}
		#subscription-toggle {
			&:before {
				display: inline-block;
				font-family: FontAwesome;
				margin: 0 5px 0 0;
				color: #fff;
				content: "\f0e0";
			}
			a {
				color: #fff;
			}
		}
	}
	.bbp-template-notice {
		color: #3c763d;
		background-color: #dff0d8;
		border-color: #d6e9c6;
		padding: 15px;
		margin-bottom: 20px;
		border: 1px solid transparent;
		border-radius: 4px;
		p {
			font-size: 13px;
		}
	}
}