/* 
	External website stylesheet
	April 2018
	Live site 
*/

/* stylesheets[(min-width: 768px) and (max-width: 959px)][] = includes/css/jameshutton768.css */

body {
	min-width: 768px;
	max-width: 959px;
}

#header {
	margin-left: auto !important; 
	margin-right: auto !important; 
/*	background-image: url(../../images/structural/768width.png) !important;
	background-repeat: repeat; */
}

#branding {
	width: 25% !important;
	padding-left: 5px;
	padding-top: 5px;
}

#branding img {
/*	width: 75% !important;
	height: auto !important; */
}

.header-icons {
	padding: 0px 1px 0px 1px !important;
	width: 20px !important;
	height: auto !important;
}

/* navigation menu rules */
#block-menu-primary-links ul.menu {
/*	max-width: 100%; */
	
	height: auto;
}

/*  https://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/ 
	http://cssmenumaker.com/blog/responsive-menu-tutorial/
*/

#block-menu-primary-links ul.menu > li {float: none; width: 100%; display: block;}

#block-menu-primary-links ul.menu a { line-height: 20px; }
#block-menu-primary-links ul.menu ul { position: relative;}

#block-menu-primary-links ul.menu > li  > ul.menu {float: none; width: 100%; border: 1px green dashed; display: none;}

#block-menu-primary-links ul.menu > li  > ul.menu  > li {float: none; width: 100%; border: 1px green dashed; display: none;}

/* Front page news section */

.front-page-news-title {
/*    border: 1px red dashed; */
    color: #555559;
    font-weight: bold;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
/*    max-width: 250px; */
	max-width: 160px !important;
    min-height: 30px !important;
}

div.front-page-news-date {
/*    border: 1px blue dashed; */
    color: #555559;
    margin-left: auto;
    margin-right: auto;
	font-size: 0.8em;
	max-width: 100% !important;
}

div.front-page-news-item {
    margin-bottom: 10px !important;
}

div.front-page-news-photo img {

    display: block;
    margin: auto !important;
    max-width: 160px !important; /**/
    height: auto;

}

/* hiding the twitter block on the front page */
#column-right {
	display: none !important;
}

#column-left {
	width: 100% !important; 
	margin-left: auto !important;
	margin-right: auto !important;
	float: unset !important;
}

/*	Updated Front page Science group layout - 2016 11 26 - Andrew Thorburn */
.view-front-page-science-groups {
	clear: both;
	display: table;
	table-layout: auto !important;
	margin: 0px !important; 
}

.view-front-page-science-groups .view-content {
	background-color: #555559;
}

div.front-page-science-group-column {

}

div.front-page-science-group {
	margin: auto;
	display: table-cell;
	width: 20% !important;
}

div.front-page-science-group-photo img {
	display: block;
	margin: auto;
    flex-shrink: 0;
    width: 100% !important;
    height: auto% !important;
/*	float: left !important; */
	padding: 5px;
}

div.front-page-science-group-link {
    background-color: #555559;
    height: 65px !important;
	max-height: 65px !important;
	min-height: 65px !important;
    padding: 2px !important;
}

div.front-page-science-group-link h3, div.front-page-science-group-link h3 a  {
	color: #FFFFFF;
/*	float: left; */
	font-weight: bold;
	text-decoration: none;
	margin: auto;
	padding-top: 0.5em  !important;
/*	font-size: 1em !important;
	word-wrap: break-word !important;
	word-break: break-all; */
}

.view-front-page-science-groups .views-fluid-grid-item {
	max-width: 150px !important;
	width: 150px !important;
}

ul.views-fluid-grid-items-v-margin-2em li.views-fluid-grid-item,  ul.views-fluid-grid-items-h-margin-4em li.views-fluid-grid-item{
/*	margin-top: 0em !important;
	margin-bottom: 0em !important; */
	margin: 0em !important;
}

/* Footer */

#footer-middle .column {
    display: inline;
    float: left;
    width: 25% !important;
    margin: 0 16px;
    padding: 0 20px 0 0;
}

/* Social Icons */
/* Footer */
#footer-social-icons-outer {
/*	float: left;	 */
	clear: both;
/*	padding-left: 10px; */
	padding-top: 10px;
}

#footer-social-icons-outer  ul li, #header-social-icons-outer  ul li  {
    display: inline;
    float: left;
    list-style-type: none;
}

#footer-social-icons-outer ul li.footer-social-icons {
	margin-right: 20px;
}

#header-icons-outer img, #header-social-icons-outer img, #footer-social-icons-outer img {
    width: 20px !important;
    height: auto !important;
}

/* Start of Staff Photo Matrix
 ---------------------------------------------- */
#block-views-Staff-block_4 {
}

[id^="block-views-Staff-block_"] {
/*	border: 1px dashed green; */
}

#block-views-Staff-block_4 div.view div.view-content ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0 0 25px 0;
  padding: 0;
}
#block-views-Staff-block_4 div.view div.view-content ul li  {
  display: block;
  float: left;
  margin-top: 22px;
  margin-right: unset !important;
  width: 25% !important;
}
#block-views-Staff-block_4 div.view div.view-content ul li h3  {
  margin-bottom: 8px;
  font-size: 13px;
}
#block-views-Staff-block_4 div.view div.view-content ul li h3 a {
  color: #333;
  font-weight: bold;
}
#block-views-Staff-block_4 div.view div.view-content ul li .staff-thumb  {
  display: block;
  height: auto !important;
  width: auto !important;
/*  height: 139px;
  width: 183px; */
  width: 160px !important;
  border: 1px solid #e6e6e6; /* item added to give an outline to the staff photo gallery thumbnails - 2016 11 16 - Andrew Thorburn */
}
#block-views-Staff-block_4 div.view div.view-content ul li .staff-thumb img , .postgradphoto .staff-thumb img, #body-working .working-profile-row img{
/*  width: 168px;
  height: 122px; */
  height: auto !important;
  width: auto !important;
  padding: 5px 0 0 5px;
  border: none;
  margin: 0;
  max-width: 140px !important;
}

/* End of Staff Photo Matrix
 ---------------------------------------------- */

/* Rules to format the awards section - 2018 03 21 */
#footer_awards_outer{
	text-align:center;
}
#footer_awards {
	display:inline-block;
	vertical-align:top;
}
#footer_awards_athenaswan  img {
	height: auto !important;
    width: auto !important;
	}
#footer_awards_stonewall img {
	height: auto !important;
    width: auto !important;
	}
.footer_award_logos  img{
	float: left !important;
	margin: 5px;
	max-width: 33% !important;
	height: auto !important;
}

/* Staff pages */
/* Publications */
.tabbed {

    float: left;
	width: 95% !important;
    margin-bottom: 20px;
}

/* Senior Management Page */

span.image img {
	width: 75% !important;
	height: auto !important;
}

span.image, span.image span.image-top {
	width: 40% !important;
	height: auto;
	margin-left: 0px !important;
	margin-bottom: 5px;
}

/* Staff Profile Pages */
.staff-profile-row, .working-profile-row {
	height: auto !important;
}

.staff-profile-row img {
	max-width: 100px !important;
}

/* Postgraduate pages */
.postgradphoto {

    float: right;
    padding: 5px;
/*    background: transparent url("../../images/structural/photo-small-bg.gif") no-repeat scroll left top; */
    display: block;
/*    height: 139px;
    width: 183px; */
	height: auto !important;
    width: auto !important;
	max-width: 150px !important;

}

/* Node default styling
 ---------------------------------------------- */
#column-left div.node ul , #column-left div.node ol  {
  margin: 0 0 15px 15px !important;
}

#column-left div.node ul {
/*    list-style-image: url('../../images/icons/bullet.gif');
    list-style-type: circle; */
    margin: 0 0 18px 25px;
    line-height: 155%;
}

/* images in the left hand column - 2019 01 10 */
#column-left div.node img {
    padding: 0px !important;
/*    border: 1px solid #ddd; */
    margin-top: 0;
    margin-bottom: 7px;
/*	float: unset !important; */
    max-width: 95%;
    height: auto !important;
    width: auto !important;
	clear: both;
}

/* Images in the left hand column */
.group-page-img-quote .field-field-page-image {
/*	border: 1px red solid; */
	width: auto !important;
	height: auto !important;
	float: unset !important;
}

.group-page-img-quote .field-field-page-quote {
	width: 90% !important;
	padding-bottom: 5px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	float: unset !important;
}

.node-type-page #column-left .content fieldset, .node-type-research-page #column-left .content fieldset, .node-type-project #column-left .content fieldset {
    position: relative;
    margin-bottom: 18px;
    max-width: 250px;
    float: right;
}

/* Alterations to the EU cookie compliance section - 2019 04 03 */

#sliding-popup {}

#sliding-popup .popup-content {
	width: 90% !important; 
	margin: 5px !important;
}

#sliding-popup .popup-content #popup-buttons {
	margin: 10px !important;
	float: unset !important;
}

#sliding-popup .popup-content #popup-text {
	margin: 5px !important;
	width: unset !important;
}

/* Site Closure - Coronavirus disease (COVID-19) - 2020 03 12 */

#block-views-covid_19-block_1 {
/*	clear: both; */
	max-height: 50px;
/*	border: 1px red solid;
	max-width: 50%;
	width: 50%; */
	float: left;
	margin-left: 30% !important;
/*	margin-bottom: 5px; */
}

#covid-19-outer {}

#block-views-covid_19-block_1 h1, #block-views-covid_19-block_1 h2 {
	display: inline;
	font-size: 30px !important;
	line-height: 50px;
	vertical-align: top;
}

#block-views-covid_19-block_1 h1 a, #block-views-covid_19-block_1 h2 a {
	color: #F40808 !important;
}

#covid-19-image {
	max-height: 45px;
	width: auto;
/*	padding-top: 5px; */
	padding-right: 10px;
}

#covid-events-image {
	float: right;
}

#block-block-41 {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	font-size: 0.9em;
}

#block-block-41 h2 {
	color: red
}