.page-container {
	background-color: rgb(250, 250, 250) !important;
	min-height: unset !important;
	height: auto;
}

.inductee-page-wrap {
	display: flex;
	flex-direction: column;
}

	.inductee-page-wrap > .search-panel-wrap {
		background-color: #fafafa;
		background-clip: border-box;
		border: 0 solid transparent;
		border-radius: 0;
		padding: 15px 0;
		transition: all .2s;
	}

		.inductee-page-wrap > .search-panel-wrap > input {
			padding: .375rem .75rem;
			transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			color: #2e384d;
			border: 1px solid #dce4ec;
			background-clip: padding-box;
		}


	.inductee-page-wrap .inductee-list-wrap .inductee-wrap {
		padding: 10px;
	}

		.inductee-page-wrap .inductee-list-wrap .inductee-wrap .inductee-container:hover {
			background-color: #ddd;
		}

		.inductee-page-wrap .inductee-list-wrap .inductee-wrap .inductee-container {
			word-wrap: break-word;
			background-color: #fff;
			background-clip: border-box;
			border: 0 solid transparent;
			border-radius: 0;
			position: relative;
			transition: box-shadow ease .2s;
			box-shadow: 0 25px 50px rgba(8,21,66,.06);
		}

		.inductee-page-wrap .inductee-list-wrap .inductee-wrap.selecting-inductee .search-overlay {
			display: flex !important;
			transition: all 0.2s ease;
		}

		.inductee-page-wrap .inductee-list-wrap .inductee-wrap .inductee-container .avatar-wrap {
			display: flex;
			width: 205px;
			height: 245px;
			justify-content: center;
			align-items: center;
			padding: 5px;
		}

		.inductee-page-wrap .inductee-list-wrap .inductee-wrap .inductee-container img {
			border: 0 !important;
			outline: none !important;
			max-width: 200px;
			max-height: 240px;
		}

		.inductee-page-wrap .inductee-list-wrap .inductee-wrap .inductee-container .search-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			justify-content: center;
			align-items: center;
			z-index: 1;
			background-color: rgba(0, 0, 0, 0.57);
			cursor: pointer;
			display: none;
			border-radius: 3px;
		}

			.inductee-page-wrap .inductee-list-wrap .inductee-wrap .inductee-container .search-overlay i {
				color: white;
				border: 1px solid white;
				border-radius: 6px;
				padding: 8px;
			}

				.inductee-page-wrap .inductee-list-wrap .inductee-wrap .inductee-container .search-overlay i:hover {
					background-color: #795548;
				}

		.inductee-page-wrap .inductee-list-wrap .inductee-wrap .inductee-container .info-wrap p span {
			color: #c62418;
		}


/*Profile styles*/
.profile-page-wrap .navigation-bar {
	max-width: 1200px;
	margin: auto;
	position: relative;
	height: 64px;
	display: flex;
	flex-flow: row;
	align-items: center;
	font-size: 28px;
}

	.profile-page-wrap .navigation-bar .back-btn {
		position: absolute;
		left: 0;
		display: flex;
		padding: 5px 10px;
		cursor: pointer;
	}

		.profile-page-wrap .navigation-bar .back-btn:hover {
			background-color: var(--main-color);
			color: white;
		}

	.profile-page-wrap .navigation-bar p {
		width: 100%;
		text-align: center;
		font-weight: bold;
	}

.profile-page-wrap .inductee-info {
	max-width: 1200px;
	margin: auto;
	padding: 20px;
	position: relative;
	word-wrap: break-word;
	border: 0 solid rgba(0,0,0,.125);
	background-color: #fff;
	background-clip: border-box;
	transition: box-shadow ease .2s;
}

.character-wrap, .year-inducted-wrap {
	transition: all 0.25s ease-in-out;
	margin-bottom: 5px !important;
}

	.character-wrap.selected, .year-inducted-wrap.selected {
		background-color: var(--selected-color);
	}

	.character-wrap:hover, .year-inducted-wrap:hover {
		background-color: var(--selected-color);
	}

.character-wrap {
	background-color: var(--main-color);
	margin: 0 2px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 14px;
	color: white;
}

	.character-wrap > span {
		line-height: 30px;
	}

.year-inducted-wrap {
	background-color: var(--main-color);
	margin: 0 2px;
	cursor: pointer;
	width: 50px;
	height: 30px;
	text-align: center;
	font-size: 14px;
	color: white;
}

	.year-inducted-wrap > span {
		line-height: 30px;
	}

.search-term-wrap .search-term::-webkit-input-placeholder,
.search-term-wrap .search-term::-moz-placeholder {
	font-size: 13px;
}

.search-term-wrap .search-term {
	padding: 1px 5px;
}

.search-term-wrap .search-btn {
	height: 30px;
	border: 1px solid var(--main-color);
	background-color: var(--main-color);
	color: white;
	cursor: pointer;
}

.awards-container {
	max-width: 1200px;
	margin: auto;
}

.award-wrap {
	width: auto;
	padding: 0 10px;
}