/* css conventions
	position, layout (incl. margin), overflow
	size, padding
	border, shadows, background
	content, typography
	interaction, animations
*/



/**//**//* map *//**//**/ 
.map--container {
	align-content:flex-start; display:flex; flex-direction:column; flex-wrap:wrap; margin:5rem 0 0 0; overflow-x:auto; overflow-y:hidden;
	height:calc(100vh - 5rem); padding:0 2rem;
}



/**//**//* stakeholder groups *//**//**/ 
.stakeholder--group--container {
    box-sizing:border-box; margin:0.5rem;
	padding:0.5rem; width:15rem; 
}



/**//**//* stakeholders *//**//**/ 
.stakeholder--container {
    box-sizing:border-box; display:flex; flex-direction:column; 
	width:100%;
    background-color:#FEFEFE;
	cursor:pointer;
}



/**//**//* stakeholder level 1 *//**//**/ 
.stakeholder--level1--wrapper {
	display:flex;
}
.stakeholder--name--and--buttons--container {
    align-items:stretch;
}
.stakeholder--name {
	flex:1; 
	height:100%; min-width:0; width:100%; 
	border-bottom:solid 0.1rem transparent; border-left:solid 0.2rem #2684FF; border-radius:0.25rem 0 0 0; border-top:solid 0.2rem #2684FF; color:#1C3D7A; 
	font-family:"Roboto", sans-serif; font-size:1rem !important; font-weight:900;
}
	.stakeholder--name:hover, .stakeholder--name:focus {
		border-bottom:solid 0.1rem #2684FF;
	}
.stakeholder--other--information--container {
    flex-direction:column;
	border-right:solid 0.2rem #2684FF; border-bottom:solid 0.2rem #2684FF;  border-left:solid 0.2rem #2684FF; border-radius:0 0 0.2rem 0.2rem; 
}



/**//**//* stakeholder level 2 *//**//**/ 
.stakeholder--level2--container {
	align-items:center; display:flex; justify-content:center; position:relative;
}
	.stakeholder--level2--container:hover .stakeholder--level3--container {
		display:flex;
	}
	
	
	
	
	
.stakeholder--sentiment--level1--button, .stakeholder--engagement--level1--button {
	overflow:hidden;
	border-top:solid 0.2rem #2684FF;
}	
.stakeholder--sentiment--level1--button {
	border-radius:0 0 0 0.5rem;
}
.stakeholder--actions--level1--button {
	border-radius:0 0.5rem 0 0; border-right:solid 0.2rem #2684FF; border-top:solid 0.2rem #2684FF; box-shadow:inset 0 0 0 0.2rem #DEEBFF;
}
	.stakeholder--actions--level1--button:hover, .stakeholder--actions--level1--button:focus {
		background-color:#DEEBFF;
		overflow:hidden; box-sizing:border-box;
	}
	
	
.stakeholder--level2--button {
	align-items:center; display:flex; justify-content:center; 
	padding:0.25rem;
}
.stakeholder--very--negative, .stakeholder-engagement-battery-android-alert {
	box-shadow:inset 0 0 0 0.2rem #BF2600;
	color:#BF2600;
}
	.stakeholder--very--negative:hover, .stakeholder-engagement-battery-android-alert:hover {
		background-color:#BF2600;
		color:#FEFEFE;
	}
.stakeholder--negative, .stakeholder-engagement-battery-android-frame-1 {
	box-shadow:inset 0 0 0 0.2rem #FF5630;
	color:#FF5630;
}
	.stakeholder--negative:hover, .stakeholder-engagement-battery-android-frame-1:hover {
		background-color:#FF5630;
		color:#FEFEFE;
	}
.stakeholder--neutral, .stakeholder-engagement-battery-android-frame-3 {
	box-shadow:inset 0 0 0 0.2rem #C1C7D0;
	color:#C1C7D0;
}
	.stakeholder--neutral:hover, .stakeholder-engagement-battery-android-frame-3:hover {
		background-color:#C1C7D0;
		color:#FEFEFE;
	}
.stakeholder--positive, .stakeholder-engagement-battery-android-frame-5 {
	box-shadow:inset 0 0 0 0.2rem #36B37E;
	color:#36B37E;
}
	.stakeholder--positive:hover, .stakeholder-engagement-battery-android-frame-5:hover {
		background-color:#36B37E;
		color:#FEFEFE;
	}
.stakeholder--very--positive, .stakeholder-engagement-battery-android-frame-full {
	box-shadow:inset 0 0 0 0.2rem #006644;
	color:#006644;
}
	.stakeholder--very--positive:hover, .stakeholder-engagement-battery-android-frame-full:hover {
		background-color:#006644;
		color:#FEFEFE;
	}








/**//**//* stakeholder level 3 *//**//**/ 
.stakeholder--level3--container {
	display:none; flex-direction:column; left:50%; position:absolute; top:120%; transform:translateX(-50%); 
	min-width:10rem; padding:0.5rem;
	background-color:#FFFFFF; border-radius:0.25rem; box-shadow:0 0 0.75rem rgba(0, 0, 0, 0.15); z-index:100;
}
.stakeholder--level3--button {
	padding:0.25rem 0.5rem;
	border-radius:0.25rem; 
	font-size:0.8rem;
	cursor:pointer; transition:background-color 0.2s ease;
}
	.stakeholder--level3--button:hover {
		background-color:#DEEBFF;
	}



/**//**//* stakeholder other information *//**//**/  




/**//**//* FIGURE THIS SHIT OUT *//**//**/  
.stakeholder--input {
    width:100%; padding:0.1rem 0.5rem; box-sizing:border-box;
    font-size:0.8rem;
}
.stakeholder--input:hover, .stakeholder--input:focus {
    border-bottom:solid 0.1rem rgba(13,109,174,0.1);
}
input[type="text"]:placeholder-shown {
	display:none;
}