/*
|--------------------------------------------------------------------------
| LC Avatar System v3.0
|--------------------------------------------------------------------------
*/

/* ==========================================================
   Avatar Preview
========================================================== */

#lc-avatar-preview{

	display:block;
	width:150px;
	height:150px;

	object-fit:cover;
	object-position:center;

	border-radius:50%;

	border:3px solid #8b0000;

	background:#111;

	box-shadow:
		0 0 10px rgba(139,0,0,.40);

	margin-bottom:15px;

	transition:
		transform .20s ease,
		box-shadow .20s ease;

}

#lc-avatar-preview:hover{

	transform:scale(1.03);

	box-shadow:
		0 0 10px rgba(255,0,0,.45),
		0 0 20px rgba(180,0,0,.35);

}

/* ==========================================================
   Buttons
========================================================== */

#lc-avatar-upload,
#lc-avatar-remove{

	min-width:160px;

	margin-right:10px;
	margin-top:10px;

}

#lc-avatar-remove{

	background:#2b2b2b;

	color:#fff;

	border-color:#555;

}

#lc-avatar-remove:hover{

	background:#8b0000;

	border-color:#8b0000;

	color:#fff;

}

/* ==========================================================
   Avatar Images
========================================================== */

img.avatar,
.avatar,
.avatar img{

	border-radius:50% !important;

	object-fit:cover;

	border:2px solid #7a0000;

	background:#111;

	box-sizing:border-box;

	transition:
		border-color .20s ease,
		box-shadow .20s ease;

}

img.avatar:hover,
.avatar:hover,
.avatar img:hover{

	border-color:#ff3030;

	box-shadow:
		0 0 8px rgba(255,0,0,.40),
		0 0 16px rgba(180,0,0,.30);

}

/* ==========================================================
   WordPress Admin Bar
========================================================== */

#wpadminbar .avatar{

	border:2px solid #8b0000 !important;

}

/* ==========================================================
   bbPress
========================================================== */

.bbp-author-avatar img,
.bbp-topic-author img,
.bbp-reply-author img,
#bbp-user-avatar img{

	border-radius:50%;

	border:2px solid #8b0000;

	background:#111;

}

/* ==========================================================
   Tables
========================================================== */

.form-table #lc-avatar-preview{

	max-width:150px;

	max-height:150px;

}

.form-table .description{

	margin-top:12px;

}

/* ==========================================================
   Future User Ranks
========================================================== */

.lc-founder-avatar{

	border:3px solid #ff0000 !important;

	box-shadow:
		0 0 10px rgba(255,0,0,.70),
		0 0 18px rgba(180,0,0,.35);

}

.lc-admin-avatar{

	border-color:#ff3b3b !important;

}

.lc-moderator-avatar{

	border-color:#ff9900 !important;

}

.lc-vip-avatar{

	border-color:#cc0000 !important;

}

/* ==========================================================
   Responsive
========================================================== */

@media (max-width:782px){

	#lc-avatar-preview{

		width:120px;

		height:120px;

	}

	#lc-avatar-upload,
	#lc-avatar-remove{

		width:100%;

		margin-right:0;

	}

}