/* INDEX */
.usercp-top {
	display: flex;
	gap: 2%;
	width: 100%;
	margin-bottom: 2%;
}
.usercp-forum {
	width: 40%;
}
.usercp-forum ul {
	list-style: none;
	padding-left: 15px;
}
.usercp-forum li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 5px;
}
.usercp-forum li a {
	text-decoration: none;
}
.usercp-forum li::before {
	content: "\f013"; 
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1em; 
	min-width: 5px;
}
.title-choice {
	width: 60%;
}
.currentDrop {
	font-weight: bold;
}
#style_submit {
	display: flex;
	align-items: center;
}
.usercp-home {
	width: fit-content;
}
.usercp-houses .fa-house-user {
	font-size: 4em;
}
.warband-records {
	margin-top: 20px;
}
.warband-records img {
	width: 70%;
}
.fa-check {
	background-color: #C7E0C4;
	padding: 8px;
	width: auto !important;
	height: auto;
}
.fa-check:hover {
	background-color: #04AA6D;
	color: #fff;
}

/* CHARACTERS */
.char-controls {
	width: fit-content;
	margin: 0 auto 0 auto;
	padding: 0;
	border-radius: 10px;
}
.faveCheck {
	position: absolute;
	top: 2px;
	right: 5px;
}
.new-char {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
}
.char-buttons {
	display: flex;
	gap: 2%;
	width: 80%;
	justify-content: flex-end;
}
.char-buttons input {
	height: 100%;
}
/* Add/Edit */
.addnew {
	margin-top: 20px;
}
.addnew input[type="text"] {
	width: 300px;
}
.chosenRole {
	filter: drop-shadow(10px 10px 10px rgba(4, 170, 109, 0.7));
}
.levelForm {
	display: flex;
	align-items: center;
}
.levelForm img {
	height: 50px;
}
.add-roles a {
	opacity: 1;
	transition: opacity 0.3s ease;	
}
.add-roles a:hover {
	opacity: 0.5;
}

/* HOUSES */
.usercp .profile-fp, .usercp .profile-rs {
	width: 30%;
}
.edit-house {
	flex: 1 1 0;
}

/* MY EVENTS */
.cal-info {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.time-info {
	width: 100%;
	padding: 15px;
	height: fit-content;
}
#local-time {
	font-size: 1.5em;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.user-event-info {
	gap: 15px;
	align-items: center;
}
.user-event-info .time-info {
	width: 40%;
}
.user-event-info .cal-key {
	width: 100%;
	height: fit-content;
	margin: 0 5% 0 0 !important;
}
.event-table {
	display: grid;
	grid-template-columns: repeat(3, 1fr) repeat(3, auto);
	gap: 1px;
	width: 100%;
}
.event-table-header {
	font-weight: bold;
}
.event-row {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: 1 / -1; 
	align-items: center;
	padding-left: 10px;
}
.event-row div {
	padding: 5px;
}
.cal-key {
	padding: 10px;
	margin: 10px 0 0 5%;
}
.cal-key ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
}
.cal-key li {
	padding: 10px 10px 0 10px;
	display: flex;
	align-items: center;
}
.dot {
	height: 25px;
	width: 25px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}