/* Local CSS overrides for just this site */

a[href] {
	outline:none;
}

#main h1 {padding-bottom:10px}

.searchboxWrapper {
	margin-top:1em; 
	border:0px;
	width: -webkit-fill-available;
}
.searchbox {
	line-height:1em;
	background-color:#eee; 
	background-image:url(/images/search-icon_grey.png); 
	background-repeat:no-repeat; background-size:26px;
	background-position:6px 6px; 
	padding:8px;  
	height:22px;
	padding-left:36px; 
	width: -webkit-fill-available;
	margin-top:20px;
}
@media (min-width: 566px) {
	.searchboxWrapper {
		max-width:60%;
		padding-top:0px;
	}
	.searchbox {
		margin-top:0px;
	}
}

#findanexpertbutton {
	font-size:0.8rem;
	margin-top: 1rem;
	cursor:pointer;
	color: #fff;
	border: 1px #fff solid;
	border-radius: 8px;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 10px;	
	user-select:none;
	height:fit-content;
	text-align:center;
	white-space:nowrap;
}

#findanexpertbutton:hover {
	background-color:#cea600;
	color:#fff!important; 
	border: solid 1px #cea600; 	
}
@media (min-width: 768px) {
	#findanexpertbutton {
		font-size:1rem;
		line-height:inherit;
	}	
}

.contentCard h3 {margin-top:0px; }
.contentCard h3 a[href] {color:#3D5F5B;}

th {text-align:left; background-color:#0d3273; color:#fff}


.grayscale {filter: grayscale(100%);}

.goldlinehover:hover {
	border-color: #cea600!important;
}
.goldhover:hover {
	background-color: #cea600!important;
}
.blacklinehover:hover {
	border-color: #444!important;
}
.blackhover:hover {
	background-color: #444!important;
}
.scale98hover:hover {
	transform: scale(0.98); 
}
.scale110hover:hover {
	transform: scale(1.10);
}



.abstract h2 {
	margin-top:20px; 
	margin-bottom:20px; 
	font-size:1.6em;
}
.abstract a, .abstract a:hover, a.abstract:visited {
	color: #3D5F5B;
}
.abstract a:hover {
	text-decoration-color:#cea600;
}
.favNote {
	margin-top:0px;
	margin-bottom:20px;
	float:none;
	margin-left:0px!important;
	border:1px solid #ccc; 
	padding:10px;
}
.favNote {
	float:none;
	font-style:italic;
	font-size:smaller;
}
.favNote .icon24 {
	width:16px; 
	height:16px;
}

div.polaroid-w img {object-fit:contain}
img.polaroid-w {object-fit:contain}
.polaroid-w {max-width:-webkit-fill-available}
 
table.programme {background-color: #0D3273; border-spacing:1px; width:100%; margin-top:30px;}
table.programme th {padding:5px; background-color:#0D3273; color:#fff; text-align:left; vertical-align:top}
table.programme td {background-color:#fff; padding:5px; vertical-align:top}
table.programme td p {margin-top:0px; margin-bottom:0px}
table.programme td ul {margin-top:4px; margin-bottom:0px}
table.programme tbody tr td:first-child {white-space:nowrap; font-weight:bold}
@media screen and (max-width:640px) {
	table.programme thead {display: none;}
	table.programme tbody th, table.programme tbody td {display: block;}
}
	
@media screen and (min-width: 1024px) {
	.announcements{
		width: 49%;	
	}
	.newsSection, .eventsSection {
		width: 49%;
	}
}

.content ol li:not(:last-child) {
	margin-bottom:1em;
}

.x-card {
	background-color:#fff; 
	display:inline-block; 
	padding:1em; 
	width:-webkit-fill-available; 
	border:#fff 2px solid
}
.x-card:hover {
	border-color: #cea600;
	cursor: pointer;
}

.profilepiccontainer {
	text-align:center;
	margin:0px;	
}
@media only screen and (min-width:566px) {
	.profilepiccontainer {
    	float: right;
		aspect-ratio: 1;
		margin-left:10px;
	}
}
.profileimage {
	object-fit: cover;	
	aspect-ratio: 1; 
	padding:10px;
	background-color:#fff;
	border: 1px solid #eee;	
}
.height200 {
	height: 200px;
}
.height180 {
	height: 180px;
}
.width200 {
	width: 200px;
}
.width180 {
	width: 180px;
}
.circular {
	border-radius:50%
}


/*----------------------------------------------*/
/* UL CARDS                                     */
/*----------------------------------------------*/

ul.cards4, ul.cards3, ul.cards2 {
	display:grid;
	gap:20px;
	grid-template-columns: repeat(1, 1fr);
	padding:0px;
	padding:0px;
	padding-top:20px;
}
@media (min-width:320px) {
	ul.cards4 {	
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width:560px) {
	ul.cards4 {	
		gap:30px;	
		grid-template-columns: repeat(3, 1fr);
	}
	ul.cards3 {	
		gap:30px;
		grid-template-columns: repeat(2, 1fr);
	}
	ul.cards2 {	
		gap:30px;		
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width:1024px) {
	ul.cards4 {	
		gap:40px;	
		grid-template-columns: repeat(4, 1fr);
	}
	ul.cards3 {	
		gap:40px;		
		grid-template-columns: repeat(3, 1fr);
	}
	ul.cards2 {	
		gap:40px;		
		grid-template-columns: repeat(2, 1fr);
	}
}
#main ul.cards4 li:before, ul.cards4 li:before,
#main ul.cards3 li:before, ul.cards3 li:before,
#main ul.cards2 li:before, ul.cards2 li:before {
	border-radius: inherit;
	display: block;
	font-size: inherit;
	height: 0px;
	width: 0px;
	left: 0px;
	line-height: inherit;
	position: inherit;
	top: inherit;
}
#main ul.cards4 li, ul.cards4 li,
#main ul.cards3 li, ul.cards3 li,
#main ul.cards2 li, ul.cards2 li {
	border: 0px;
	padding:0px;
	margin:0px;
	background-color:#0d3273;
	color:#fff;
	padding-bottom:0px;
	overflow: hidden;
	border: 1px solid #ccc;
}
#main ul.cards4 li:hover, ul.cards4 li:hover,
#main ul.cards3 li:hover, ul.cards3 li:hover,
#main ul.cards2 li:hover, ul.cards2 li:hover{
	background-color:#0c746a;
	cursor:pointer;
}
#main ul.cards4 li a, ul.cards4 li a,
#main ul.cards3 li a, ul.cards3 li a,
#main ul.cards2 li a, ul.cards2 li a {
	text-decoration:none;
	color:#fff;
	outline: none;
}
#main ul.cards4 li img, ul.cards4 li img,
#main ul.cards3 li img, ul.cards3 li img,
#main ul.cards2 li img, ul.cards2 li img {
	width: 100%!important;
	height:auto!important;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
#main ul.cards4 li p, ul.cards4 li p,
#main ul.cards3 li p, ul.cards3 li p,
#main ul.cards2 li p, ul.cards2 li p {
	padding:20px; 
	padding-top:0px;
	padding-bottom:20px;
	margin-bottom:0px;
	font-weight:300;
	margin-top:10px;
}
#main ul.cards4 li p:first-of-type, ul.cards4 li p:first-of-type,
#main ul.cards3 li p:first-of-type, ul.cards3 li p:first-of-type,
#main ul.cards2 li p:first-of-type, ul.cards2 li p:first-of-type {
	font-size:1.6em;
	line-height:1.25;
	padding-top:0px;
	padding-bottom:10px;
	margin-top:0px;
	font-weight:300;
}
@media (min-width:560px) {
	#main ul.cards4 li, ul.cards4 li,
	#main ul.cards3 li, ul.cards3 li,
	#main ul.cards2 li, ul.cards2 li {
		margin-bottom:0px;
		padding-bottom:10px;
	}
	#main ul.cards3 li p:first-of-type, ul.cards3 li p:first-of-type,
	#main ul.cards2 li p:first-of-type, ul.cards2 li p:first-of-type {
		padding-bottom:0px;
		margin-bottom:0px;
		line-height:1.5;
	}
	#main ul.cards3 li p, ul.cards3 li p,
	#main ul.cards2 li p, ul.cards2 li p {
		padding:20px;
		padding-top:0px;
		padding-bottom:10px;
	}
	#main ul.cards2 li {
		min-height:6em;
	}
}
/*----------------------------------------------*/

#leftMenu ul li ul li a {color: #0D3273!important }
#leftMenu ul li ul li.blue a {color: #fff!important }
#leftMenu ul li ul li.blue a:hover {color: #0D3273!important }
#leftMenu ul li ul li.blue:hover {color: #0D3273!important }

#leftMenu ul li ul {  border-bottom:none 0px; border-top:none 0px; padding-bottom:0px;}
#leftMenu ul li ul li {margin-left:0px; padding-left:20px;}
#leftMenu ul li ul li:hover { background-color:#ccc;}
	
	
.profilepiccontainer {
	text-align:center;
	margin:0px;	
}
@media only screen and (min-width:566px) {
	.profilepiccontainer {
    	float: right;
		aspect-ratio: 1;
		margin-left:10px;
	}
}
.profileimage {
	object-fit: cover;	
	aspect-ratio: 1; 
	padding:10px;
	background-color:#fff;
	border: 1px solid #eee;	
}	

.doiref {background-color:#0D3273; border:1px solid #0D3273; padding-bottom: 1px!important;}
.doiword {background-color:#fff; color:#444; border:1px solid #0D3273; padding-bottom:1px!important;}
.doiword:hover {background-color:#0c746a; color:#fff}
.doiref {
	border-radius:4px; 
	border: solid 1px #444; 
	display:inline; 
	background-color:#fff; 
	color:#444; 
	font-size:14px; 
	padding:1px; 
	padding-left:4px; 
	padding-right:4px; 
	margin:0px;"
}
.doiref:hover {
	background-color:#cea600;
	color:#fff!important; 
	border: solid 1px #cea600; 
}

/*----------------------------------------------*/
/* GRIDS 	                                    */
/*----------------------------------------------*/
div.grid2 {
	display:block;
	padding:0px;
	gap:40px;
	padding:0px;
	padding-top:20px;
}
div.grid2 div:empty{
	display:none;
}
div.grid2 div {
	padding-bottom:20px;
}
@media (min-width:560px) {
	div.grid2 {	
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	div.grid2 div {
		padding-bottom:0px;
	}
}

/*----------------------------------------------*/
/* 2024 WCAG AAA update                         */
/*----------------------------------------------*/
.LandingBox ul li a[href] {
	padding:12px; padding-left:0px; padding-right:0px;
}
#footerstuff a[href] {
	padding:12px; padding-left:0px;
}
.secondary li {
	padding:0px;
}
.secondary a[href] {
	padding:10px;
}
#main ul.cards3 li a, ul.cards3 li a,
#main ul.cards2 li a, ul.cards2 li a {
	padding:4px;
	padding-left:0px;
	padding-right:0px;
}
#login a {
	color:#fff
}
div.networkicon a[href]{
	padding:12px;
	padding-left:2px; 
	padding-right:2px;
}