/*
 * Copyright (c) Active Informatics Ltd 2019.
 * Additional style sheet for role related customisations.
 */

 
 /*
  * Image in menu bar needs to be round.
  */
 div.edit-profile img#logo {
/*
	width: auto;
	height: auto;
*/
	max-width: 48px;
	max-height: 48px;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	object-fit: cover;
	padding: 0;
 }
div.edit-profile a {
	color: #3f3f3f;
}
 /*
  * Name positioning.
  * Fitting around the standard menu.
  */
span#edit-profile {
	 display: inline-block; 
	 vertical-align: middle; 
	 padding-left: 4px;
	 max-width: 100px;
	 width: 100px !important;
	 max-height: 3em;
	 overflow-y: hidden;
	 overflow-x: visible;
	 line-height: 1;
	 font-weight: bold;
/*	
	 vertical-align: bottom;
	 padding-bottom: 48px;
*/
	font-size: 15px;
}
span#edit-profile span.edit {
	font-size: 10px;
	color: #707070;
	font-weight: normal;
}
span#edit-profile span.name {
	white-space: nowrap; 
}

@media all and (min-width: 1350px) {
	span#edit-profile {
		/*max-width: calc(100% - 1250px);*/
	}
	/* #main-header { background-color: #ff0000; } */
} 
@media all and (max-width: 1350px) {
	span#edit-profile {
		/*display: none;*/
	}
	/* #main-header { background-color: #00ff00; } */
} 
@media all and (max-width: 980px) {
	span#edit-profile span.name {
		white-space: normal; 
	}
	span#edit-profile {
		display: inline-block;
	}
	/* #main-header { background-color: #0000ff; } */
} 
@media all and (max-width: 480px) {
	span#edit-profile {
		display: none;
	}
	/* #main-header { background-color: #ffffff; } */
} 
/*
 * Customisations on the MW profile page.
 */
div.mow-work {}
div.mow-work h3
{
	margin-top: 15px;
}
div.mow-work p
{
	margin-bottom: 10px;
}