.user-avatar{
	position: relative;
	width: 40px;
	height: 40px;	

	img{
		border-radius: 50%!important;
	}

	&.is-verified{
		&:before{
			font-family: "fontello";
			font-style: normal;
			font-weight: normal;
			content: '\e811';
			color: #21de86;
			position: absolute;
			right: .45em;
			bottom: 0em;
			line-height: 1rem;
			z-index: 1;
		}

		&:after{
			content: "";
			background: #fff;
			position: absolute;
			right: .37em;
			bottom: 0em;
			width: 1em;
			height: 1em;
			border-radius: 50%;
			line-height: 1rem;
		}
	}
}

.user-avatar-sm{
	width: 30px;
	height: 30px;	
}

.user-avatar-md{
    width: 40px;
    height: 40px;
}

.user-avatar-lg{
    width: 60px;
    height: 60px;
}

.user-avatar-xl{
	width: 80px;
	height: 80px;
}

.user-avatar-xxl{
	width: 120px;
	height: 120px;
}

.btn-follow{
	padding-left: 2rem;
	padding-right: 2rem;
	&.btn-danger{
		background: #ce1e1e;		
	}
}

.profile-top{
	padding-bottom: 1rem;

	.profile-header{
	    width: 100%;
	    position: relative;

	    &:before{
			display: block;
			padding-top: calc(5 / 26 * 100%);
			content: "";	    	
	    }

	    @media only screen and (max-width: 1000px) {
	    	height: 170px;
	    }
	}

	.profile-header__photo {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
		.profile-photo{
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center;	
			background-color: #e9ecef;	
		}	    
	}   

	.profile-header__avatar {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 50%);
		text-align: center;
		height: auto;
		width: auto;
		top: auto;
	}

	.author-info{
		text-align: center;
		padding-top: 80px;

		.author-name {	
		    font-size: 1.4rem;  
		    margin-bottom: 1rem;
		}		
	}	
}

.profile-nav{
	
	&.navbar{
		.nav-link{
		    font-size: .9rem;
		    font-weight: 600;
		    text-transform: uppercase;
		    position: relative;
		    padding: .5rem 1rem;

		    &:focus,
		    &:active,
		    &:hover,
		    &.active{
		    	color: rgba(244, 67, 54, 0.96)!important;
		    }

		    @media only screen and (max-width: 1000px) {
		    	&.active{
		    		&:after{
						width: 3px;
						height: 50%;
						top: 50%;
						transform: translate(-50%, -50%);
		    		}
		    	}
		    }
		}

		.nav-icon-top{
		    .menu-icon{
		    	display: block;
		    	+ .menu-text{
					font-size: .85rem;
					font-weight: 400;		    		
		    	}
		    }

		    .nav-link{
		    	text-align: center;
		    }
		}

		.user-navbar:not(.nav-icon-top){
			.nav-link{
				display: flex;

				.menu-icon{
					margin-right: .5rem!important;
				}
			}
		}

		@media (max-width: 992px){
			border-top: 1px solid #eee;

			.nav-link{
				padding: .75rem .25rem;	
			}

			.nav-icon-top{
				flex-direction: row;
				gap: 1rem;
				margin-top: 1rem;

				.nav-link{
				}				
			}
		}			
	}
}

.profile-menu__right{
	top: 0;
	right: 1.5rem;
}

.profile-forums{

	#bbpress-forums{

		#bbp-user-navigation{

			.nav-link{
				background: none;
			    padding: .5rem 1rem!important;
				&.active{
					&:after{
						content: "";
						position: absolute;
						height: 2px;
						width: 100%;
						left: 0;
						bottom:  0;
						background: #ce1e1e;				
					}
				}
			}
		}

		.entry-title{
			font-size: 1.2rem;
		}
	}
}

.profile-main{
	
	.widget{

		.widget-title-wrap{
			border: none;
		}

		.widget-title{
		    font-size: 1rem;
		}
	}

	@media only screen and (max-width: 1300px) {	

	    .profile-menu__right{
			top: -35px;
			left: 50%;
			transform: translate(-50%,-50%)!important;
			right: auto;
	    }		
	}
}