/* WMG PROFILE CSS */



/*
Primary Colours
*/

.dark-grey{color:#38383a;}
.mid-grey{color:#717274;}
.light-grey{color:#e6e8ea;}
.orange{color:#f3772b;}

/*
Dimensional Constraints
*/


.profile-header-container{
	max-width:1500px;
	margin:auto;
}

.profile-body-container{
	max-width:1500px;
	margin:auto;
}

.profile-body-row{

	background-color: #e6e8ea;

}

/*
Column ZeroPadding per ID
*/

#profile-top-strip div[class^="col-"]{

	padding:0px;

}

#profile-left-menu div[class^="col-"]{

	padding:50px;

}


#profile-main-content div[class^="col-"]{

	padding:10px;

}

/*Header Bar*/

.profile-header-bar-text-padding{

	padding-left:2rem;

	/*padding-bottom:1rem;*/

}

.profile-header-bar{

	/*background-color:#f3772b;*/
	position:relative;

}

.profile-header-gradient-strip {
	width: 100vw;
	background: #f47920;
}

.profile-body-container {

	width: 100vw;
	background-color: #e6e8ea;
	min-height:100vh;
	position:relative;

}

.return-link{

	padding-top:5px;


}

.profile-name {

	font-size: 2.5em;
	color: white;
	font-weight: 100;
}

@media only screen and (max-width: 900px) {

	.profile-name {

		font-size: 3vw;
		color: white;
		font-weight: 100;
	}

}

@media only screen and (max-width: 768px) {

	.profile-name {

		font-size: 1.6em;
		color: white;
		font-weight: 100;
	}

}




.profile-job-role {

	font-size: 1.2em;
	color: white;
}

/* Body Components */

/*.profile-body-panel{

	background-color:white;
	margin: 0px 0px 40px 0px;
	padding:20px 30px 20px 30px;
}*/

.profile-body-panel-heading {
	font-weight: 300;
	font-size: 1.4em;
}

.profile-body-panel-divider {
	border-top: solid;
	margin-bottom: 20px;
	color: orange;
}

/* From previous profile CSS */

	a,a:link{
				text-decoration:underline;
			}

			.h1, .h2, .h3, .h4, .h5, .h6, a, a:link, a:visited, h1, h2, h3, h4, h5, h6 {
				color: #3f4248;
			}
			
			.focus {
				outline-offset: 0;
    			outline: 3px solid #ffbf47;
    			color: #0b0c0c!important;
    			background-color: #ffbf47!important;
    			box-shadow: 0 -2px #ffbf47, 0 6px #0b0c0c;
    			text-decoration: none!important;
    			transition-duration: 0s;
			}

			/*Change background colour*/

			.id7-main-content-area {
				background: #3f4247;
			}

			.fa-fw {
				text-align: center;
				width: 0em;
				padding-right: 1.4em;
			}

			.ownerInfo {


				background-color: rgb(245, 245, 245);
				padding: 5px 5px;
				color: #252525;
				margin-bottom: 25px;
				/* border-radius: 10px; */
				box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 2px 0 rgba(0,0,0,0.12);


			}

			.profile-nav{

				position: fixed;
				top: 230px;
				width: 300px;
				padding: 20px;
				margin-left: 30px;
				text-align: center;
				transition: all 0.6s ease-out;
			}


			.profile-main{

				/*background-color:white;*/
				padding:30px;
				margin-bottom:80px;
				min-height:500px;
			}

			.profile-nav-link{

				margin-bottom:15px;

			}



			.profile-nav-link a {


				color: #d8d8d8;
				padding: 5px 3px 5px 3px;
				font-size: 15px;
				font-weight: 400;
				text-transform: uppercase;


			}

			.profile-nav-link a:hover {


				color:white;

			}

			.profile-nav-name {
				font-size: 16px;
				font-weight: 600;
				color: #ffffff;
				padding-top:20px;
				padding-bottom: 25px;
			}

			#nav-owner-help {
				font-size: 16px;
				font-weight: 600;
				padding-top: 8px;
				padding-bottom: 8px;
				background-color: #7b7b7b;
			}

			.profile-warwick {

				background-color: white;
				margin-top: 80px;

				background-image: url(wmg_flag_orange.png);
				background-repeat: no-repeat;
				background-size: contain;
				background-position: 97%;
				max-height:240px;
			}


			.profile-details{


				padding-top:15px;


			}





			.profile-email{


				font-size:19px;
				font-weight:700;
				color:white;

			}

			.profile-jobDesc{

				color:white;
				text-transform:uppercase;
				font-weight:900;
				font-size:15px;
				margin-bottom:11px;


			}

			.profile-contactNumber , .profile-building , .profile-room{
				
				color:white;

				font-weight:400;
				font-size:16px;


			}

			.profile-id8status {
				font-size: 12px;
				color: white;
				background-color: #3f4248;
				width: fit-content;
				padding: 5px;
				margin-top: 5px;
			}

/*

			.profile-image img{

				box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
				width: 250px;
				position: relative;
				top: -45px;
			}

*/


			.profile-nav-image img {
				width: 80px;
				border-radius: 50%;

			}




			.wmg-profile-information {
				background-color: white;
				color: #3f4247;
				padding: 12px 15px 10px 15px;
				margin-bottom: 15px;
				font-size: 17px;
				font-weight: 500;

			}



			.profile-information-inner {
				padding: 10px 5px 10px 15px;
				background-color: #f6f4f4;
				margin-bottom: 15px;
				/* border-radius: 5px; */
				/* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); */
				padding: 10px 5px 10px 15px;
				background-color: #ffffff;
				margin-bottom: 15px;
				/* border-radius: 5px; */
				/* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); */
				outline-width: 0px 0px 0px 4px;
				border-bottom-width: 10px;
				border-bottom: #f4f4f4;
				/* border-bottom-width: thick; */
				border-bottom-style: solid;
			}

			/*.rp-ident {
			background-color: #0e9ddb;
			width: 5px;
			min-height: 150px;
			padding: 0px 10px 0px 1px;
			}*/


			.pub-ident-type {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0px 8px 0px;
    background-color: #ffb900;
    color: black;
    outline: solid;
    outline-color: #000000;
    outline-width: 1px;
}


			.pub-ident-year {
				padding: 10px 0px 10px 0px;
				background-color: #ffffff;
				text-align: center;
				font-size: 19px;
				color: #3f4247;
				outline-color: #acacac;
				outline-style: solid;
				outline-width: 1px;
			}

			.pub-title{

				font-size:17px;

			}

			.ideate-profile {
				background-color: #ffffff;
				/*padding: 20px 10px;
				margin-top: 25px;*/
				/* border-radius: 10px; */
				/*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);*/
			}

			.ideate-profile h2 {
				color: #000000;
				font-size: 30px;
				font-weight: 300;
				margin-top:3px;
			}

			.error-panel {
				background-color: whitesmoke;
				padding: 50px;
				font-size: 20px;
				font-weight: 400;
				margin-top: 4em;
				margin-bottom: 3em;
			}


			.loader {
				border-top: 9px solid #009cdb;
				border-right: 9px solid #c0d631;
				border-bottom: 9px solid #ee342a;
				border-left: 9px solid #fbae37;
				border-radius: 50%;
				width: 70px;
				height: 70px;
				margin-bottom:50px;
				padding-top:20px;
				animation: spin 1s linear infinite;
			}

			@keyframes spin {
				0% { transform: rotate(0deg); }
				100% { transform: rotate(360deg); }
			}

			/*CSS For publication details - Feb 2021*/


			.pub_authors a:link, .pub_authors a:visited, .pub_authors {
				color: black;
				text-decoration:underline;
				font-size: 14px;
				font-weight: bold;
				padding-top:7px;
				padding-bottom:10px;
			}

			div#pub_details a:link, div#pub_details a:visited {
				color: black;
				text-decoration: underline;
				font-size:14px;
			}

			div#pub_details p {
				font-size: 1.5rem;
			}

			.pubLinkButton {
				font-size: 14px;
				border: none;
				padding: 3px;
				color: black;
				background-color: whitesmoke;
				text-decoration: underline;
			}