/*
    Birdiefull Styles
*/

:root{
	--blue:#00a2f6;
	--green:#66cc66;
}

/* forms
----------------------------------------*/
input[type=date], 
input[type=email], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=url], 
select, 
textarea {
   border: 1px solid #ccc;
}

.form-field {
	padding:0 0 15px;
	position:relative;
}

.form-field p {
	margin:0 0 10px;
}

.form-field label {
	clear:both;
	font-weight:bold;
	position:relative;
}

.fancy-radio {
	position:relative;
}

.fancy-radio label {
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid #ccc;
	display:block;
	padding:15px;
	margin:0 0 10px;
}

.fancy-radio label span {
	display:block;
	font-size:12px;
	font-weight:normal;
	padding:5px 0 0 0;
	color:#333;
}

.fancy-radio label:hover, .fancy-radio input[type="radio"]:checked+label  {
	
	border:1px solid #00A2F6;
	color:#00A2F6;
}

.fancy-radio input {
	position:absolute;
	left:3px;
	top:3px;
	z-index:-1;
}

#gform_multifile_messages_3_15 {
	
	display:none !important;
	
}

.top-menu a:not(.display-name){
	padding:0 0 0 10px;
}

.top-menu .bf-pop-account-menu {
	display:none;
}

.top-menu .bf-pop-account-menu.active {
	display:block;
	position:absolute;
	right:0;
	top:50px;
	padding:25px;
	width:250px;
	border:solid 1px #ccc;
	background:#fff;
	z-index:9999;
}

.top-menu .bf-pop-account-menu a.bf-close-account-menu {
	color:#333;
	position:absolute;
	right:8px;
	top:8px;
	font-size:18px;
}

.top-menu .bf-pop-account-menu a.bf-close-account-menu:hover {
	color:#cc0000;
}

.top-menu .bf-pop-account-menu .bf-pop-account-menu-arrow {
	width: 10px;
  height: 10px;
  background:#fff;
  border-left:solid 1px #bbb;
  border-top:solid 1px #bbb;
  transform: rotate(45deg);
  position:absolute;
  top:-5px;
  right:15px;
}

.top-menu .bf-pop-account-menu p:last-child {
	margin-bottom:0px;
}

.top-menu .bf-pop-account-menu a i {
	margin-right:5px;
}


/* global structure
----------------------------------------- */

.bf-container {
	display:flex;
	justify-content:space-between;
}

.bf-container .bf-left-col,
.bf-container .bf-right-col {
	width:20%;
}

.bf-container .bf-center-col {
	width:60%;
	padding:0 50px;
}

.bf-left-col-heading {
	font-size:18px;
}

/* bf header
----------------------------------------*/
.bf-user-header-image {
	display:flex;
	align-items:center;
}

.bf-user-header-image a{
	line-height:1em;
	display:inline-block;
}

.bf-user-header-image img{
	width:40px;
	height:40px;
	border-radius:50%;
	line-height:1em;
	display:inline-block;
}

/* bf search
----------------------------------------*/

.bf-search-bar {
	padding:0 0 25px;
}

/* user dashboard
----------------------------------------- */

.bf-user-dashboard {
	
}

.bf-user-dashboard-avatar {
	display:flex;
	align-items:center;
	padding:0 0 25px;
}

.bf-user-dashboard-image img{
	max-width:25px;
	border:solid 1px #eee;
	margin:0 10px 0 0;
	padding:0;
	height:25px;
	width:25px;
	line-height:25px;
	vertical-align:bottom
}

.bf-user-dashboard-name {
	font-weight:bold;
	line-height:1em;
}

/* user profile
----------------------------------------- */
.bf-profile {
	display:flex;
	padding:0 0 50px;
}

.bf-profile-img {
	position:relative;
	width:25%;
}

.bf-profile-img .update{
	position:relative;
}

.bf-profile-img img{
	border-radius:50%;
	border:solid 1px #ccc
}

.bf-profile-content {
	text-align:left;
	padding:0 0 0 30px;
	font-size:14px;
}

.bf-profile-content h3 {
	font-size:21px;
	margin:10px 0 10px;
	padding:0;
}

/* user profile update
----------------------------------------- */
.gpfup__droprea--maxed {
	display:none !important;
}



/* groups
----------------------------------------*/

.bf-group-visibility {
	display:none;
}

.bf-group-visibility.active {
	display:block;
}

h3.bf-your-groups {
	margin-top:30px;
}

.bf-group-image img {
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
}

h1.bf-group-title {
	position:relative;
	font-size: 28px;
}

a.bf-edit-group-pencil {
	font-size:18px;
	top:-20px;
	display:inline-block;
	position:relative;
}

.bf-group-post {
	padding: 10px 25px;
	background: #f0f7fa;
	border:solid 1px #ddd;
	border-radius:25px;
	cursor: text;
}

.bf-group-post.active {
	padding: 50px;
	border-radius:25px;
}

.bf-group-post-form {
	display:none;
}

.bf-group-post.active .bf-group-post-text {
	display: none;
}

.bf-group-post.active .bf-group-post-form {
	display: block;
}

/* error messages
----------------------------------------*/



.bf-message{
	padding:10px; 
	background:#f9f9f9;
	margin:0 0 25px;
	position:relative;
}

.bf-message.hide{
	display:none;
}

.bf-message.error{
	border-bottom:solid 5px #cc0000;
}

.bf-message.success{
	border-bottom:solid 5px #339933;
}

.bf-message.warning{
	border-bottom:solid 5px #ffcc00;
}

.bf-error-dismiss {
	position:absolute;
	right:5px;
	top:0px;
}

.bf-error-dismiss a{
	color:#cc0000;
}