div.community-common {
	background-color: #111111;
	text-align: center;
}

div.community-common ul {
	margin:0 auto;
	padding:0;
}

div.community-common ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

div.community-common ul li a {
	display: block;
	padding:14px 20px;
	font-size:18px;
	font-weight: 400;
	color:#ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

@media screen and (max-width:575px) {

	div.community-common ul li a {
		padding: 6px 6px 19px 8px;
		font-size: 14px;
	}

}

div.community-common ul li a:hover {
	color:#ff0010;
}

div.community-common a.commactive {
	font-weight: 600;
	color:#ff0010;
}

div.community-common a.commactive::after {
	content: url('/wp-content/themes/bfp-rebuild/assets/images/arrow-down-tiny-red.png');
	position: absolute;
	left: 44%;
	bottom: 1px;
}

@media only screen and (min-width: 761px) {
	div.billboard p {
		font-size: 35px;
		color: #fff;
		margin: 0 13%;
		line-height: 41px;
		text-shadow:1px 1px 1px #000;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: 	all 0.1s ease-out;
		-o-transition: 		all 0.1s ease-out;
		transition: 		all 0.1s ease-out;
	}

	div.billboard a.joinedit {
		margin: 30px 13%;
		display: inline-block;
		padding: 2px 16px;
		background-color: #ff0010;
		color: #fff;
		font-size: 32px;
	}

	div.billboard a.joinedit span {
		font-size: 44px;
		line-height: 2px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 760px) {
	div.billboard p {
		font-size: 27px;
		line-height: 32px;
		color: #fff;
		margin: 0 13%;
		text-shadow:1px 1px 1px #000;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: 	all 0.1s ease-out;
		-o-transition: 		all 0.1s ease-out;
		transition: 		all 0.1s ease-out;
	}

	div.billboard a.joinedit {
		margin: 25px 13%;
		display: inline-block;
		padding: 2px 16px;
		background-color: #ff0010;
		color: #fff;
		font-size: 22px;
	}

	div.billboard a.joinedit span {
		font-size: 40px;
		line-height: 2px;
	}
}

@media only screen and (min-width: 1px) and (max-width: 480px) {
	div.billboard p {
		font-size: 17px;
		color: #fff;
		margin: 0 13%;
		line-height: 22px;
		text-shadow: 1px 1px 1px #000;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}

	div.billboard a.joinedit {
		margin: 25px 13%;
		display: inline-block;
		padding: 2px 16px;
		background-color: #ff0010;
		color: #fff;
		font-size: 15px;
	}

	div.billboard a.joinedit span {
		font-size: 31px;
		line-height: 2px;
	}

	h3.members-title-nomargin {
		display: block !important;
		float: none !important;
		vertical-align: middle;
		margin: 0 auto !important;
		padding: 15px 30px !important;
		width: 180px !important;
		text-align: center !important;
	}

	div.members-filter-featured {
		float: none !important;
		width:100%;
	}

	.pull-right {
		float: none !important;
	}

	.member-search-box {
		display: block;
		width:100%;
		text-align: center;
	}

	.member-search-box input {
		text-align: center !important;
/*		width: unset !important;*/
	}

	a.filter-mem {
		float: none !important;
		margin: 0 auto !important;
		width: 85px;
		display: block;
	}

	div.white-mask {
		display:none !important;
	}

	.members-load-more {
		background: none !important;
	}

}


h3.members-title {
	display: inline-block;
	padding:15px 30px;
	margin:50px 0;
	border:1px solid #111;
	font-family:"Montserrat";
	font-weight:400;
	font-size:25px;
	text-transform: uppercase;
}

h3.members-title.inline-for-edit {
	 vertical-align:middle;
	 display:inline-block;
}

div.red-stripe {
	height:10px;
	background-color:#ff0010;
}

div.members-holder div.container {
	padding-right:0px;
	padding-left:0px;
}

div.member-grid a.member-block {
	width:180px;
	height:270px;
	overflow:hidden;
	margin:0 10px 15px 0;
	display: inline-block;
	vertical-align:top;
	color:#030303;
	text-decoration: none;
}

div.member-grid a.member-block div.member-pic,
div.member-pic {
	width:180px;
	height:180px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center
}

div.member-pic-large {
	width:240px;
	height:240px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center
}

div.member-grid div.member-info {
	padding:7px 5px 0px 5px;
}

div.member-grid div.member-info h3 {
	font-family: 'Montserrat';
	font-weight:600;
	font-size:16px;
	margin:0;
	padding:0;
	text-transform: uppercase;
}

div.member-grid div.member-info h5 {
	font-family: 'Montserrat';
	font-weight:400;
	font-size:11px;
	margin:0;
	padding:0;
	line-height: 16px;
	margin-bottom: 3px;
}

div.member-grid div.member-info h5 span {
	font-weight:600;
}

.members-load-more {
	text-align: center;
	background-image:url('/wp-content/themes/bfp-rebuild/assets/images/dot.png');
	background-repeat:repeat-x;
	background-position: left center;
}

.members-load-more:last-child {
	margin-bottom:32px;
}

.load-more {
	font-family: 'Montserrat';
	font-weight:400;
	font-size:18px;
	display: inline-block;
	padding: 15px 30px;
	text-transform: uppercase;
	border: 1px solid #333;
	margin: 0 auto;
	background-color: #ffffff;
	color:#333333;
	text-decoration: none;
}

.load-more:hover {
	background-color:#333;
	color:#fff;
	text-decoration: none;
	border-color:#ff0010;
}

.white-mask {
	height: 50px;
	width: 33px;
	background-color: #fff;
	display: inline-block;
	margin-right: -4px;
	margin-left: -4px;
	vertical-align: middle;
}

.member-cover {
	height:520px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: 	all 0.1s ease-out;
	-o-transition: 		all 0.1s ease-out;
	transition: 		all 0.1s ease-out;
	position: relative;
}

.member-head-info {
	display:inline-block;
	vertical-align:top
}

.member-detail {
	 background-color:#f7f7f7;
	 border-bottom:10px solid #000000;
	 position: relative;
 }

.member-pic-large {
	display:inline-block;
	vertical-align:top;
}

.member-head-info h1 {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 15px;
	margin-left: 20px;
	color:#000;
}

.member-head-info h3 {
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 17px;
	margin-left: 20px;
	margin-bottom: 15px;
	color:#000;
}

.member-head-info a.member-web {
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 17px;
	margin-left: 20px;
	color:#c2c4c3;
	text-decoration: none;
}

ul.member-topics {
	margin:0;
	padding:0;
	list-style-type: none;
}

ul.member-topics li {
	display: inline-block;
	width:190px;
	margin-right: 20px;
	background-color:#000000;
	color:#ffffff;
	margin-bottom:10px;
	font-size:12px;
	font-family: 'Montserrat';
	font-weight: 600;
	text-transform: uppercase;
	padding:2px 7px;
}

p.member-social {
	margin-top:15px;
	margin-left:20px;
}


p.member-social a {
	display: inline-block;
	width:24px;
	height:24px;
	line-height: 23px;
	text-align: center;
	font-size:16px;
	color:#ffffff;
	background-color: #c2c4c3;
	margin-right:2px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: 	all 0.1s ease-out;
	-o-transition: 		all 0.1s ease-out;
	transition: 		all 0.1s ease-out;
}

a#soc-mail:hover {
	background-color:#D83B01;
}

a#soc-lin:hover {
	background-color:#0077B5;
}

a#soc-twit:hover {
	background-color:#1DA1F2;
}

a#soc-face:hover {
	background-color:#4267B2;
}

a.member-tab-activity,
a.member-tab-profile {
	width:192px;
	height:62px;
	position: absolute;
	bottom:0px;
	color:#ffffff;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Montserrat';
	text-align: center;
	line-height: 62px;
	text-transform: uppercase;
}
a.member-tab-activity {
	right:238px;
	background-color: #ff0010;
}

a.member-tab-profile {
	right:21px;
	background-color: #000000;
}

div.member-tag {
	position: absolute;
	top:0;
	right:0;
	padding:3px 20px;
	width:428px;
	color:#ffffff;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Montserrat';
	text-transform: uppercase;
}

.tag-challenger {
	background-color:#fcc437;
}

.tag-pro-challenger {
	background-color:#f05d10;
}

.tag-premium-challenger {
	background-color:#ff0000;
}

.tag-team {
	background-color:#ff0000;
}

.activity-block a {
	color:#ff0010;
	font-weight:700;
}

.activity-block p {
	font-family:'Montserrat';
	font-size:16px;
	line-height:24px;
	margin-bottom:12px;
}

.activity-block h3.members-title {
	margin: 50px 0 24px 0;
}

a.profile-update-cover,
a.profile-update-avatar {
	display: block;
	position: absolute;
	width:240px;
	padding:10px;
	background-color:rgba(0,0,0,0.4);
	color:#ffffff;
	text-align:center;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: 	all 0.1s ease-out;
	-o-transition: 		all 0.1s ease-out;
	transition: 		all 0.1s ease-out;
}

a.profile-update-cover {
	top:45px;
}

a.profile-update-avatar {
	bottom:0;
	left:0;
}

a.profile-update-cover:hover,
a.profile-update-avatar:hover {
	background-color: #000;
	color:#ff0010;
	text-decoration: none;
}

div.profile-links {
	 position:absolute;
	 right:25px;
	 top:34%;
	 text-align: right;
}

div.profile-links p a {
	text-transform: uppercase;
	font-size:15px;
	font-family: 'Montserrat';
	font-weight: 600;
	color:#ff0010;
}

a.edit-link {
	display: inline-block;
	vertical-align: middle;
	color: #999;
	text-transform: uppercase;
	margin-left: 20px;
	font-size: 17px;
	font-weight: 600;
}

div.membertag {
	position: absolute;
	bottom:0;
	left:0;
	padding:0px 6px;
	width:100%;
	color:#ffffff;
	font-size: 13px;
	font-weight: 600;
	font-family: 'Montserrat';
	text-transform: uppercase;
}

.tagg-challenger {
	background-color:rgba(252, 196, 55, 0.85);
}

.tagg-pro-challenger {
	background-color:rgba(240, 93, 16, 0.85);
}

.tagg-premium-challenger {
	background-color:rgba(255, 0, 0, 0.85);
}

.tagg-team {
	background-color:rgba(255, 0, 0, 0.85);
}


h3.members-title-nomargin {
	display: inline-block;
	padding: 15px 30px;
	border: 1px solid #111;
	font-family: "Montserrat";
	font-weight: 400;
	font-size: 25px;
	text-transform: uppercase;
	float: left;
	vertical-align: middle;
}

div.members-filter-featured {
	display: inline-block;
	float: right;
	vertical-align: middle
}

div.filt-feat,
div.filt-late {
	margin-bottom:16px;
	background-color:#E7E3DB;
	display: none;
}

div.filt-feat select,
div.filt-late select {
	display: inline-block;
	padding: 8px;
	border: solid 1px #000;
	text-transform: uppercase;
	font-weight: bold;
}

.topic-filter {
	 margin:20px;
 }

.member-search-box input {
	border: none;
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
	width: 110px;
	background: transparent;
}

a.filter-mem {
	float: left;
	padding: 10px;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	color: #000;
	margin: 10px;
		margin-left: 10px;
	margin-left: 60px;
}
