/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* GENERAL -------------------------------------------------------------- */
body, html { height: 100%; }
body { font-family: 'PT Sans', sans-serif; 
  color: #3b3b3b;
  background-color: #fff;
}
a  {
  color: #0066cc;
  font-weight: 400;
  text-decoration: none;
}
.featured-image { display: none;}
.byline, .author { display: none!important; }
.alignleft { margin-bottom: 25px; }

/* TOP-HEADER ----------------------------------------------------------- */
#top-header { height: 50px; 
  /* border-bottom: 1px solid #D0D0D0; */
  background-color: #fff!important;
}
img.logo_uu_top { height: 48px; margin-left: 5%; }
#positions { display: flex; 
	float: right; 
	margin-right: 2%; 
	height: 50px;
	align-items: center; }
#positions a { font-weight: bold; font-size: 15px; }
#searchbar { float: right; margin-right: 1%; }
#enter { float: right; margin-top: 5px; margin-right: 5%; font-size: 25px;   } 

form { margin-top: 0.3em; }
input[type="search"] { padding: 5px; font-size: 13px; }
button { padding: 5px; font-size: 13px; } 
.gp-icon { padding: 5px; font-size: 13px; }

/* TITLE */
.inside-header { padding: 20px; }
.main-title a, .main-title a:hover {
	color: #cc6600;
}
.main-title a { font-weight: 600; font-size: 1.5em; }

/* MOBILE HEADER */
@media (max-width: 768px) {
	#mobile-header .main-title a { color: #cc6600; text-align: center;  font-size: 0.8em; }
	.navigation-branding { margin-left: 0px!important; }
	.main-navigation.has-branding .menu-toggle { flex-grow: 1!important; }
}

/* LOGIN */
/* Custom Login Form Styling */
.custom-login-wrapper {
    max-width: 320px;
    margin: 20px 0;
}
.custom-login-wrapper form {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #ddd;
}
.custom-login-wrapper label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
}
.custom-login-wrapper input[type="text"],
.custom-login-wrapper input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
}
.custom-login-wrapper input[type="text"]:focus,
.custom-login-wrapper input[type="password"]:focus {
    border-color: #0073aa;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,115,170,0.2);
}
.custom-login-wrapper .login-remember {
    margin-bottom: 15px;
}
.custom-login-wrapper .login-remember label {
    display: inline;
    font-weight: normal;
    margin-left: 5px;
}
.custom-login-wrapper input[type="submit"] {
    background: #0073aa;
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    width: 100%;
    font-weight: 600;
}
.custom-login-wrapper input[type="submit"]:hover {
    background: #005a87;
}

/* NAVIGATION ----------------------------------------------------------- */
.main-nav { background-color: #000; }
.menu, .menu ul { background: #000000; /* Old browsers */
  background: -moz-linear-gradient(top,  #000000 0%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #000000 0%,#000000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #000000 0%,#000000 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #000000 0%,#000000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.menu a { font-size: 15px; 
  text-transform: uppercase;
  letter-spacing: 1px;
}
.menu a:hover { color: #cc6600;
  background-image: none;
  background-color: #000!important; 
}
.menu .current_page_item a, .menu .current-menu-item a {
    background-color: transparent;
    color: #cc6600;
}
.menu li li a:hover { color: #cc6600; }

.main-navigation .main-nav ul li a {
	padding-left: 15px;
	padding-right: 15px;
}

/* opening specific sb-menus to the left */
.dropdown-hover .main-navigation:not(.toggled) ul .open-left ul {
  left: -200px; 
  right: 0; 
  width: 200px!important;
}
.dropdown-hover .main-navigation:not(.toggled) ul .open-left li:hover>ul {
  left: auto;
  right: 100%;
}
.main-navigation .main-nav ul .open-left ul li.menu-item-has-children > a {
  padding-left: 0;
  padding-right: 20px;
}
.main-navigation ul .open-left ul .menu-item-has-children .dropdown-menu-toggle {
  float: left;
  padding-left: 20px;
  padding-right: 15px;
}
.main-navigation .open-left .children .dropdown-menu-toggle:before, 
.main-navigation .open-left .sub-menu .dropdown-menu-toggle:before {
  content: "\f104";
}

/* correction black bg on hover in second level small menu -------------- */
.js .main-nav .menu li li a { background-color: #fff!important; }

/* Breadcrumbs by Yoast */
#breadcrumbs { margin-left: 5%; }
p#breadcrumbs { margin-bottom: 0!important; }
.home #breadcrumbs { display: none; }

/* WIDGETS - like groups education news (RPW) */
.widget-wrapper {
  background-color: transparent;
  border: 0;;
  border-radius: 0;
}
.widget-title { border-bottom: 1px dotted #333; }
#top-widget .widget-title { border-bottom: 0; }
#top-widget .textwidget { color: #fff; font-size: 35px; }
#top-widget { padding: 20px 100px 0 0; }
#listcategorypostswidget-2 ul { list-style-type: none;}
.textwidget { margin-top: 10px!important; }
.textwidget ul.group-ul { 
 margin-left: 0px!important;
 padding-left: 0px!important;
}
/* Research group list and other lists */
ul.group-ul { 
 margin-left: 0px!important;
 padding-left: 0px!important;
}
a.groups { font-weight: 600; 
	font-size: 15px;
	letter-spacing: 1px; 
}
.page-id-20 li.grouplist { list-style-type: none;
 min-height: 55px;
 margin-bottom: 0; 
}
.page-id-28 li.grouplist, 
.page-id-920 li.grouplist,
.page-id-34 li.grouplist { list-style-type: none;
 	min-height: 55px; 
	margin-bottom: 15px; 
}
.page-id-248 li.grouplist { margin-bottom: 12px;
   padding-bottom: 13px;
   list-style-type: none;
   border-bottom: 1px dotted #d8d8d8;
   min-height: 55px;
}
.page-id-248 .groups { margin-left: 15px; }
#text-5 li.grouplist { margin-bottom: 0; }
.rpwe-alignleft { display: inline;
	float: left;
}
.small-img { margin: 2px 10px 2px 0;
	padding: 3px;
}
/* RPWW recent post widget thumbnail RPWWT */
.rpwwt-widget ul li  { font-size: 15px; letter-spacing: 1px; }
.rpwwt-post-title {  font-weight: 600; }
.rpwwt-post-date { font-size: 14px; }
/* for RPWE CSS see widget style */
.rpwe-block { margin-top: 10px; }
.rpwe-block h3 { font-size: 15px!important; }

.arconix-box-lgray .rpwe-block { padding-left: 0px!important; }

/* NEWS title, Read more hover color - july 2024*/
/* NEWS category page */
.category-news .post-image { display: none; }
.news-title a { color: #0066cc!important; }
.news-title a:hover { color: #cc6600!important; }
.news-more-link { background-color: #555!important;
color: #fff!important; }
.news-more-link:hover {
  background: #3b3b3b!important;
  color: #cc6600!important;
}
.single .featured-image { display: none; }
#pub-date > p {
  margin-bottom: 0.5em;
  margin-top: 1.5em;
  font-size: 15px;
}

/* CONTENT HOME */
.home .site-main { margin: 0; }
.home .inside-article { display: none; }

/* CONTENT RECENT POST WIDGET EXTENDED ---------------------------------- */
.arconix-box-lgray .rpwe-block { margin-top: 15px; padding-left: 2.5em; }
.arconix-box-lgray a, .arconix-box-lgrey a { color: #06c !important; text-decoration: none; }
.arconix-box-lgray a:hover, .arconix-box-lgrey a:hover { text-decoration: none; color: #cc6600!important; }
.arconix-box { margin-top: 2em; margin-bottom: 2em; }
/* SELECTED PUBLICATIONS */
.category-posts-shortcode {
    margin: 20px 0;
}
.category-post-item {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.category-post-item:last-child {
    border-bottom: none;
}
.category-post-item h3.post-title {
    margin: 0 0 10px 0;
    font-size: 23px;
}
.post-meta {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 10px;
}
/* CONTENT ACCORDIONS --------------------------------------------------- */
.arconix-accordions { border-width: 0px; }

.accordion-toggle {cursor: pointer;}
.accordion-content {display: none; 
	padding: 15px;
  	background-color: white;
}
.accordion-content p { margin-bottom: 0; }
.accordion-content.default { display: block; }

/* Style the header that are used to open and close the accordion panel */
.accordion-head { background-color: #d8d8d8;
  color: #444;
  font-weight: bold;
  cursor: pointer;
  padding: 15px;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.5s; 
}
.accordion-head:hover {
  background-color: #d0d0d0;
}

/* CONTENT TABLES ------------------------------------------------------- */
table, th, td { border: 0px; }
table { margin-top: 0;}
.page-id-126 table { table-layout:fixed; }
.labmem td { padding-top: 0.4em; padding-bottom: 0.4em; word-wrap:break-word; }
.page-id-218 td { padding: 0; }
.page-id-218 tr { height: 20px;}
.page-id-297 td { padding: 0; }
.page-id-297 tr { height: 20px;}
#activity td { padding-top: 0.4em; padding-bottom: 0.4em; }
#activity tr:hover { background-color: #d8d8d8; }

/* CUSTOM POST TABLE LAYOUT */
/* >1024px */
#chair-width { width:30%; }
#fac-width, #tech-width, #post-width, #phd-width  { width: 60%; }
.chair, .faculty, .technical-support, 
.postdocs, .phd_students { width: 110px; }
.chair td, .faculty td, .technical-support td, 
.postdocs td, .phd_students td { padding: 0 5px 0 5px!important;
  word-wrap: normal;
  font-size: 13px; 
}

/* CONTENT IMAGES ------------------------------------------------------- */
a img.alignnone { margin: 5px 0px 10px 0; }

/* CONTENT teaching staff */
#members { display: flex; 
	display: -webkit-flex;
	display: -ms-flexbox;	
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;  
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between; 
}
#mb { display: flex; 
	display: -webkit-flex;
	display: -ms-flexbox;	
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;  
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
}
#mb { margin-bottom: 50px; }
#mb:last-child { margin-bottom: 0; }
.mb-left { width: 100px; height: 150px; }
.mb-right { box-sizing: border-box;
  width: 240px;
	margin-left: 10px;
  margin-right: 5px; 
}
.mb-right p { display: none; }

/* CONTENT POSTS */
/* Post category end of post */
footer.entry-meta { clear: both; }

/* CONTENT CONTACT */
#c-block { display: flex;
flex-flow: row wrap; }
.c-block-item-l { width: 30%; margin-right: 3%; }
.c-block-item-r { width: 67%; }
@media (max-width: 810px) {
	.c-block-item-l { width: 100%; }
}

/* CONTENT RESEARCH GROUPS */
.navigation { color: #111111;
  display: block;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  margin: 20px 0;
  padding: 0 5px;
}
.navigation .previous { float: left; }
.navigation .next { float: right; }

/* FOOTER --------------------------------------------------------------- */
#footer-widgets {background-color: #303030; color: #fff; }
#footer-widgets a { color: #fff; }
#footer-widgets a:hover { color: #cc6600; }
#f-contact, #f-links { font-size: 15px; line-height: 1.3em; }
h2.widget-title { font-size: 22px; margin-bottom: 10px; }
