#render_entity_container {
	display : flex;
	flex-direction : column;
	gap : 10vh;

	width : 70%;
	margin : auto;
	margin-top : 5vh;

	-box-shadow: 0 0px 1px rgba(255, 255, 255,0.5);

}


#render_entity_head {
	display : flex;
	flex-direction : row;

	justify-content: space-between;

	align-items: center;
	padding: 5vw;
	padding-top : 3vh;
	-box-shadow: 0 0px 1px rgba(255, 255, 255,0.5);
	border-bottom : 1px solid rgba(255, 255, 255,0.5);
	-border-bottom : 1px solid rgba(0, 0, 0 ,0.5);

}

#render_entity_entity_data_name_and_date {
	display : flex;
	flex-direction : column;
	gap : 1vh;
	width : 100%;
	width : 100%;
	margin-top : 10vh;
}

	#render_entity_entity_name_container {
		text-align : center;
		font-weight : bold;

		font-size: 2rem;
		margin: 0 0 12px;
	}


	#render_entity_entity_date_container {
		text-align : center;
		font-style : italic;

	}

	#render_entity_entity_types_container {
		display : flex;
		flex-direction : row;
		gap : 1vh;
		justify-content : center;
		margin-top : 5vh;
		flex-wrap : wrap;
		width : 100%;
		align-self : center;
	}
		.render_entity_entity_type_element {
			font-size : 0.9vw;
			text-align : center;
			width : fit-content;
			padding-left : 1.5vw;
			padding-right : 1.5vw;
		}
		.render_entity_entity_type_element_separator:last-child {
			display : none;
		}
#render_entity_entity_side_container {
	display : flex;
	flex-direction : column;
	width : 25%;
}

	#render_entity_entity_picture_container {
		display : inline-block;
		position : relative;
	}
		#render_entity_entity_picture {
			display : block;
			width : 100%;
			height : auto;
			-border : 2px solid black;
			box-shadow : 0px 0px 2px 1px black;
		}

		#render_entity_entity_credit {
			position : absolute;
			bottom : 0;
			right : 0;
			background-color : rgba(0,0,0,0.3);
			font-style : italic;
			font-size : 1vh;
			line-height : 1vh;
			padding-top : 0.5vh;
			padding-bottom : 0.5vh;
		}


/*** block style display ***/

#render_entity_relations_container {
	display : flex;
	flex-direction : column;
	gap : 0vh;
	gap : 1vh;
}

#render_entity_relation_title {
	font-size : 3vh;
	font-weight : bold;
	margin-bottom : 4vh;
	margin-left : 5%;
}

#render_entity_relation_container {
	display : flex;
	flex-direction : column;
	padding-left : 2vw;
	padding-right : 2vw;
	padding-top : 0.5vh;
	padding-bottom : 0.5vh;
	border : 1px solid rgba(0,0,0,0.3);
}
#render_entity_relation_information {
	display : flex;
	flex-direction : row;
	gap : 2vw;
}
	#render_entity_relation_labels {
		display : flex;
		flex-direction : column;
		gap : 1vh;
	}
	#render_entity_relation_data {
		display : flex;
		flex-direction : column;
		gap : 1vh;
	}
	.render_entity_relation_element {
		display : flex;
		flex-direction : row;
		gap : 0.2vw;
	}

/*** table style display ***/


.relations-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
}

.relations-table thead {
}

.relations-table th, .relations-table td {
	padding: 12px;
	text-align: left;
	border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 600px) {
	.entity-header {
		flex-direction: column;
		align-items: flex-start;
	}
	.entity-photo {
		margin-top: 16px;
	}
}




/*** end table style display ***/

#render_entity_affairs_container {
	display : flex;
	flex-direction : column;
	gap : 4vh;
}

.render_entity_affairs_element {
	display : flex;
	flex-direction : column;
	padding-left : 5vw;
	padding-right : 5vw;
	padding-top : 5%;
	padding-bottom : 5%;

	border-bottom : 1px solid black;
	-border-bottom : 1px solid white;
}
	.render_entity_affair_title {
		font-size : 1.8rem;
		line-height : 2rem;
		font-weight : bold;
		margin-bottom : 1vh;
	}

	.render_entity_affair_info {
		display : flex;
		flex-direction : row;
		justify-content : space-between;
		-border-bottom : 1px solid black;
		border-bottom : 1px solid white;
		margin-top : 1rem;
		margin-bottom : 3rem;

		line-height : 0.5rem;
	}
	.render_entity_affair_type_container {
		display : flex;
		flex-direction : row;
		flex-wrap : wrap;
		gap : 1vw;
		justify-content : end;
		width : 75%;
		margin-bottom : 1rem;
	}
		.render_entity_affair_type {
			font-style : underline;
		}

	.render_entity_description {
		padding-left : 5%;
		padding-right : 5%;
	}
	.render_entity_sources_container {
		display :flex;
		flex-direction : column;
		gap : 2vh;
		border-top : 1px solid black;
		padding-top : 1.5vh;
	}

		.render_entity_sources_title {
			font-size : 1.5vh;
			font-style : italic;
		}
		.render_entity_sources {

		}