/* Links */

body {
  font-size: 14px;
}
a, a:visited {
/*  color: #002147;*/
/*  color: #1aaefb;*/
    color: #007BBB;
}

a:hover {
  text-decoration: none;
}

video {
  border: solid 1px black;
  max-width: 700px;
}

ul.inline li.statistics_counter {
  display: none;
}

h1, h2, h3, h4, h5, h6, #content h3 {
  padding-left: 0px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.node-type-basic-page .media-element {
  padding: 10px;
}

.block-title {
  padding-left: 0px;
}

.region-sidebar-first .block-page-navigation {
  background: url(images/penrose-sidebar.png) no-repeat;
  padding-bottom: 600px;
}

/* Remove margin if img follows p */
p > img {
  margin-top: -0.4em;
}



/* unordered list icons */
/* These have pretty unhelpful names */

/* This is the "contact us" button. I really hope these don't change
dynamically or we're really boned. */
.menu-mlid-1853 a{
  background: url(images/icons/email_28cec4.png) no-repeat left !important;
}

/* fix for the menu buttons things overflowing out the top of the menu */
/* Also fixes the list wraparound dropping under the bullet. */
.menu-block-wrapper {
  margin-top: 16px;
  /* this value is 1px off in webkit, where it should be 29. Everything else makes it 28. Presumably a rounding difference */
  margin-left: -11px;
}



/* This one is "About us" */
.menu-block-wrapper ul li {
  list-style: none;
  /* list-style-image: url(images/icons/arrow_1aaefb.png); */
  /* Required for firefox*/
  min-height: 40px !important;
  margin-top: 0px;
  display: table;
  overflow: visible;
}

.menu-block-wrapper ul li a {
  min-height: 40px !important;
  background: url(images/icons/arrow_1aaefb.png) no-repeat left;
  padding-left: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: table-cell;
  vertical-align: middle;
  min-width: 40px;
}

.menu-block-wrapper ul li ul .first {
  padding-top: 14px;
}

.section-about-us .menu-block-wrapper ul li a {
  background: url(images/icons/arrow_28cec4.png) no-repeat left;
}

.section-study-here .menu-block-wrapper ul li a {
  background: url(images/icons/arrow_b83a73.png) no-repeat left;
}

.section-research .menu-block-wrapper ul li a {
  background: url(images/icons/arrow_f3625d.png) no-repeat left;
}


/* Banner */
#header {
  background: transparent url(images/banner-bg.png) no-repeat top right;
  min-height: 150px;
  max-height: 170px;
}

#header .header-inner {
  padding-top: 20px;
/*  padding-left: 20px;*/
}

#logo {
  min-width: 300px;
}

#branding {
  width: 600px;
}

#logo .site-logo {
  vertical-align: middle;
/*  padding-left: 20px;*/
}

#logo .mathlogo {
  padding-left:20px;
  display: inline;
}

#logo .mathlogo-print {
  padding-left:20px;
  display: none;
}

#logo .oxlogo {
  padding-left: 20px;
}

#logo .oxlogo-mobile {
  display: none;
}

#header .region-header {
  clear: both;
}

/* Login Block */
#header #block-user-login {
  position: relative;
  margin-top: -30px;
  float: right;
}

#header #block-user-login .block-inner {
  position: absolute;
  width: 165px;
  left: -190px;
  z-index: 1000;
  padding: 5px;
/*  width: 200px;*/
}

#header #block-user-login .block-title {
  height: 25px;
  margin-left: 60px;
  padding: 0px;
}

#header #block-user-login .block-content {
  background-color: #002147;
  margin: 0px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 1px;
}

#header #block-user-login form {
  margin-bottom: 0px;
}


#header #block-user-login a {
  padding-left: 10px;
  background: none;
  color: white;
  font-size: 0.8em;
  font-weight: normal;
}

#header #block-user-login label {
  display: none;
}

#header #block-user-login input {
  border-radius: 0px;
  
}

#header #block-user-login .form-item-name, #header #block-user-login .form-item-pass {
  margin: 0px;
  width: 180px;
}

#header #block-user-login input {
  width: 159px;
}

#header #block-user-login #webauth-link {
  text-align: center;
  margin-left: -10px;
}


#header #block-user-login .form-submit {
/*  display: none;*/
    width: 1px;
    height: 1px;
    background: transparent;
    padding: 0px;
    border: none;
    position: absolute;
    z-index: -1000;
/*
  margin-top: -75px;
  background: url(images/icons/arrow_1aaefb.png) no-repeat center left;
  height: 35px;
  width: 35px;
  color: transparent;
  border: none;
  float: right;
*/
}

/*#header #block-user-login .collapsiblock {
  width: 180px;
}

#header #block-user-login .collapsiblockCollapsed {
  min-width: 0px;
}*/




/* Header */

.region-header {
  margin-top: 37px;
}

/* Menu bar */
#menu-bar {
  background-color: black;
  color: white;
}

#menu-bar #block-superfish-1 {
  float: left;
  font-size: 16px;
  line-height: 0.8em;
}

#menu-bar .sf-sub-indicator {
  display: none;
}

#menu-bar .sf-depth-2 .sf-sub-indicator {
  display: block;
  margin-top: -5px;
}

#menu-bar a {
  color: white;
  text-decoration: none;
}



#menu-bar .sf-menu ul {
  width: auto !important;
  white-space: nowrap;
}

#menu-bar .sf-menu ul li a {
  padding-right: 30px;
}

#menu-bar li,
#menu-bar li.sf-depth-1 {
  background-color: black;
}

ul.sf-menu.sf-horizontal li.sf-depth-2 a {
  line-height: 1.8em;
}

/* Hide top menu items that have no children */
#menu-bar .sf-depth-1.sf-no-children {
  display: none;
}


#content .block-title {
  background-color: #1aaefb;
  line-height: 1.4em;
}

#content .block-title a {
  color: white;
}

#content .block-title {
  padding: 10px;
  color: white;
}


#menu-bar .sf-item-1.sf-depth-1 li,
#menu-bar li.sf-item-1.sf-depth-1,
#content .section-about-us .block-title,
.section-about-us #content .block-title {
  background-color: #28cec4;
}

#menu-bar .sf-item-2.sf-depth-1 li,
#menu-bar li.sf-item-2.sf-depth-1,
.section-study-here #content .block-title,
#content .section-study-here .block-title {
  background-color: #b83a73;
}

#menu-bar .sf-item-3.sf-depth-1 li,
#menu-bar li.sf-item-3.sf-depth-1,
.section-research #content .block-title,
#content .section-research .block-title {
  background-color: #f3625d;
}


/* Mobile menu */
#menu-bar .sf-accordion-toggle a {
  padding-left: 10px;
}

#menu-bar .sf-accordion-toggle img {
  padding-left: 10px;
  vertical-align: middle;
}

#menu-bar .sf-accordion a {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Text Resize */

#menu-bar #block-text-resize-0 {
  float: right;
  padding-right: 10px;
}

/* Search box */

#menu-bar #block-search-form {
  float: right;
  padding-right: 10px;
}

#menu-bar #block-search-form input {
  float: right;
  background: url(images/icon-search.png) no-repeat center right;
  background-color: white;
  border-radius: 0px;
  width: 170px;
/* fix 1 px size stretch on menu bar */
  margin-bottom: 0px;
/*  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;*/
/*  float: right;
  padding-right: 10px;*/
}

#block-search-form #edit-actions, #block-search-form .form-actions {
  display: none;
}


/* styling for font resizer */
a#text_resize_increase {

}

/* Breadcrumb */

#breadcrumb {
  background-color: white;
  border-bottom: solid 1px lightgrey;
}

#breadcrumb a {
  color: #002147;
}

#breadcrumb #crumbs {
  padding: 5px;
}

/* Messages */

#messages {
  padding: 1px;
}

/* Tasks bar */

.node .node-content {
  margin-top: 0px;
}

#columns {
  padding-top: 0px;
}

#tasks {
  background-color: white;
  margin: 0px;
  margin-left: -10px;
  margin-right: -10px;
}

#tasks {
  margin: 0px;
/*  float: right;*/
  text-align: right;
  display: block;
}

#tasks .tabs a {
  border-bottom: solid 1px lightgrey;
}

#tasks li a{
  margin: 5px 2px 5px 2px;
}

/* Carousel */

.region-header .block-inner, .pane-node-field-slideshow .field {
  margin: 0px;
}

.region-header .block-content, .region-header .clearfix {
  padding: 0px;
  margin: 0px;
}

/*.region-header .field-slideshow {
  height: auto !important;
  width: auto !important;
}*/

.node-type-panel .node-content .field-name-field-images .field-slideshow {
}

.node-type-panel .field-slideshow-slide img {
  min-height: 150px;
}

.node-type-panel .field-name-field-slideshow .field-item {
  padding: 0px;
}


/* Fix image margin for slideshows (slideshow is always outputting a figure element even if there is no img in it) */
.node-type-panel #content .field-type-image figure {
  margin: 0px;
}

.node-type-panel #content .field-type-image img {
  margin-bottom: 10px;
}

.region-header .field-slideshow-caption {
  display: none;
}

.front .region-header .field-slideshow-caption {
  display: block;
/*  -webkit-text-stroke: 0.5px black;
  -webkit-font-smoothing: antialiased;*/
  font-weight: bold;
  color: white;
  font-size: 2em;
  text-align: right;
  margin-top: -60px;
  padding-right: 30px;
}

/* Content */

#content {
  margin-top: 20px;
}

/* This is required for image scaling on Firefox */
@-moz-document url-prefix() {  
    .field-name-field-images img {
        width: 100%;
        max-width: 100%;
    }
}

/* Submitted By */

.node .submitted {
  padding-top: 30px;
  font-style: italic;
  font-size: 0.8em;
  color: grey;
/*  display:block;*/
}


/* Footer */

#footer {
  background-color: #002147;
  color: white;
}

#footer a {
  color: white;
}


/* Front page */

.front #content .pane-news .block-title, .front #content .pane-news .block-title a,
.front #content .pane-events .block-title, .front #content .pane-events .block-title a,
.front #content .pane-vacancies .block-title, .front #content .pane-vacancies .block-title a {
  background-color: white;
  color: black;
  padding-left: 0px;
}

/* News item list */
.view-news .view-content .views-row {
  /* prevent floated image from dropping over separation line */
  min-height: 50px;
}

.view-news .view-content .views-row .views-field-title {
  /* prevent text wrapping under images */
  margin-left: 70px;
}


/* No breadcrumb on frontpage */

.front #breadcrumb {
  display: none;
}

/* Panels */


.panel-col-thirty-three.lastUnit {
  float: left;
}



.panel-display .pane-node .submitted {
  display: none;
}


.panel-display .pane-node .field-type-image {
  margin: 0px;
}

.panel-display .pane-node .field-item {
  padding: 0px;
  font-weight: normal;
}

#content .panel-display .pane-node .node-teaser {
  padding: 0px;
  font-weight: normal;
}

.front .panel-display .line:first-child {
  border-bottom: solid 3px lightgrey;
}


/* Panels widths */
@media only screen and (min-width: 481px) {
  .front .pond-column {
    width: 33.33%;
  }
}

.pond-column-inner {
  margin-left: 10px;
  margin-right:10px;
}

/* Panel menus */

.panel-pane .node nav.clearfix {
  height: 40px;
}

/*.node ul.links li.node-readmore {
  margin-top: 20px;
  margin-bottom: 20px;
}*/

.panel-pane .node ul.links li {
  float: none;
}

.pane-views .more-link {
  text-align: left;
  padding-top: 10px;
}



.node-readmore a, .pane-views .more-link a {
  text-align: left;
  font-size: 110%;
  height: 45px;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: middle;
  background: url(images/icons/arrow_1aaefb.png) no-repeat center left;
}

/*.panel-pane.pane-menu-panel-links {
  margin-top: -34px;
}

.panel-pane.pane-menu-panel-links .menu {
  margin-left: 15px;
}*/


.section-about-us .node-readmore a {
  background-image: url(images/icons/arrow_28cec4.png);
}

.section-study-here .node-readmore a {
  background-image: url(images/icons/arrow_b83a73.png);
}

.section-research .node-readmore a {
  background-image: url(images/icons/arrow_f3625d.png);
}


/* Pages */

.field-name-field-headline {
  font-weight: bold;
  padding-bottom: 10px;
}

/* Random Image Block */



.block-page-navigation div, .block-images-block ul li {
  margin: 0px;
  padding: 0px;
}

.block-page-navigation td {
  padding: 10px 10px 0px 0px;
}

.block-page-navigation ul li {
  list-style-type: none;
}

/* Views */

.block .view-news img {
  float: left;
  padding-right: 20px;
}

.block .pane-views .view-news .views-row,
.block .pane-views .view-events .views-row,
.block .pane-views .view-vacancies .views-row,
.front .block .pane-views .view-vacancies .views-row {
  font-size: 80%;
  line-height: 150%;
  border-bottom: solid 1px lightgrey;
  padding-top: 10px;
  padding-bottom: 10px;
}

.block .pane-views .views-row-last {
  border-bottom: none;
}


.front .block .pane-views .block-title {
  padding-left: 0px !important;
  background-color: white !important;
  color: black !important;
}

/*.block .pane-views .block-title a,*/
.front .block .pane-views .block-title {
  font-size: 100%;
  color: black;
}

/* Research group member view */

.research-group-members {
    float: left;
}

.view-groupmembers table .views-field-field-ep-photo {
  width: 200px;
}

.view-groupmembers .view-content .views-field-field-displayname {
  font-size: 1.6em;
  padding-bottom: 5px;
  padding-top: 15px;
}



/* User Profiles */
article.user-profile {
    -webkit-column-width: 20em;
    -webkit-column-gap: 2em;
    -webkit-column-count: 3;
    -moz-column-width: 20em;
    -moz-column-gap: 2em;
    -moz-column-count: 3;
    -ms-column-width: 20em;
    -ms-column-gap: 2em;
    -ms-column-count: 3;
    column-width: 20em;
    column-gap: 2em;
    column-count: 3;
}

.user-profile .field, .user-profile .group { /* class to restrict breaking on */
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  overflow: hidden; /* optional */
}

.page-user #page-title, .page-people.page-views #page-title {
  display: none;
}

.user-profile .field-name-field-ep-photo {
  margin: 0px;
}

.user-profile .field-name-field-ep-photo .field-item {
  padding: 0px;
}

.user-profile .field-name-field-displayname {
  font-size: 200%;
}

.user-profile .extra .field {
  border-top: solid 3px #1aaefb;
  padding-bottom: 10px;
}

.user-profile .extra .field-label {
  padding-top: 10px;
}

.user-profile .field {
  padding-top: 5px;
  padding-bottom: 5px;
}

.user-profile .field-name-field-profile-office {
  border-top: solid 1px lightgrey;
}

.user-profile .field-name-field-profile-office .field-label, .user-profile .field.address .field-label {
  font-size: 80%;
  font-weight: normal;
}

.user-profile .field.address {
  border-top: solid 1px lightgrey;
}

/* Views responsive grid */

.views-responsive-grid .views-column {
  padding: 10px;
  float: left;
}

.views-responsive-grid .views-row {
  display: block;
  padding: 0px;
  border: 0px;
}

/* News */

.node-article .field-name-field-images {
  float: right;
}

.node-article .field-name-body {
  min-height: 300px;
}

.view-news.view-display-id-page .node-article .field-name-body {
  min-height: 0px;
}

.view-news.view-display-id-page .views-field-created {
  width: 20%;
  vertical-align: top;
}

/* People */

.view-people .view-content .views-column {
  width: 150px;
  height: 200px;
  font-size: 80%;
}

.view-people .view-content h3 {
  padding: 10px;
  float: none;
  clear: both;
}

.view-people.view-display-id-page_7 {
  -webkit-column-width: 20em;
  -webkit-column-gap: 2em;
  -webkit-column-count: 3;
  -moz-column-width: 20em;
  -moz-column-gap: 2em;
  -moz-column-count: 3;
  -ms-column-width: 20em;
  -ms-column-gap: 2em;
  -ms-column-count: 3;
  column-width: 20em;
  column-gap: 2em;
  column-count: 3;
}

.view-people.view-display-id-page_7 .item-list { /* class to restrict breaking on */
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  overflow: hidden; /* optional */
}

.view-people.view-display-id-page_2 .views-row {
  display: inline;
  float: left;
  padding: 10px;
}

.sidebar-first.page-people-find .content-inner, .sidebar-first.node-type-panel .content-inner {
  margin: 0px;
}

.page-people-find .region-sidebar-first {
  display: none;
}

.node-type-panel .region-sidebar-first {
  display: none;
}

/* Contact List */

.view-people.view-display-id-page_8 .views-field-field-profile-telephone {
  min-width: 180px;
}

.view-people.view-display-id-page_8 .views-field-field-profile-office {
  max-width: 60px;
}


/* General Table Styling */

#main-content table thead th {
  background-color: #d9d9d9;
  border-bottom: 1px solid #999;
}

/* Events */

.node-event {
  display: table;
}

.node-event .node-content {
  display: table-row;
  width: 100%;
  font-size: 130%;
}

.node-event .event-col {
  border-top: solid 5px #8cd6fc;
  display: table-cell;
  height: 100%;
  max-height: 100%;
}

.node-event .event-col.first {
  width: 23%;
  background-color: #1aaefb;
}

.node-event .event-col.middle {
  background-color: #f3fafe;
}

.node-event .event-col.last {
  width: 30%;
  background-color: #002147;
}

.node-event .field-name-field-seminar-date {
  background-color: #002147;
  color: white;
  height: 50%;
}

.node-event .field-name-field-seminar-location {
  background-color: #1aaefb;
  height: 100%;
}

.node-event .field-name-field-seminar-location a {
  color: white;
}

.node-event .field.field-name-field-seminar-speaker,
.node-event .field-name-field-seminar-speaker .field-item,
.node-event .field-name-field-seminar-speaker .field-items
{
  padding-right: 0px;
  /* What did I say about 2 lines down?. */
  display: block;
}

.node-event .field.field-name-field-seminar-university li::before {
  content: "(";
}
.node-event .field.field-name-field-seminar-university li::after {
  content: ")";
}



.node-event .field.field-name-field-seminar-university,
.node-event .field-name-field-seminar-university .field-item,
.node-event .field-name-field-seminar-university .field-items
{
/* Don't display: inline divs inside tables. It breaks margin and padding*/
/*  display: inline; */
  padding: 0px;
}

.node-event .field.field-name-field-seminar-university {
  /* override the padding declaration to get correct left and right spacing on all child elements*/
  padding-left: 20px;
  padding-right: 20px;
}

.node-event .field, .node-event .ctools-collapsible-container {
  margin: 0px;
  padding: 20px;
}

.node-event .ctools-collapsible-container .field-items {
  font-size: 0.7em;
}

.node-event .ctools-toggle {
  background: url(images/icons/arrow_1aaefb.png) no-repeat center center;
  width: 35px;
  height: 35px;
}

.node-event .ctools-toggle-collapsed {
  background: url(images/icons/plus_1aaefb.png) no-repeat center center;
}

.node-event .ctools-collapsible-handle {
  height: 35px;
  padding-top: 8px;
  padding-left: 40px;
}

.node-event .field-name-field-seminar-series {
  color: white;
}

.node-event .feed-link, .node-event .view-all-link, .node-event .edit-link {
  float: left;
  font-size: 0.8em;
}

.node-event .feed-link a, .node-event .view-all-link a, .node-event .edit-link a {
  background: url(images/icons/arrow_1aaefb.png) no-repeat center left;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
}

.node-event .feed-link a {
  background-image: url(images/icons/calendar_1aaefb.png);
}

/* Filebrowser */

.node-dir-listing td {
  min-width: 18px;
}

/* Internet explorer fixes */

/*this region doesn't situate properly on the page, needs to be invisible. Fortunately doesn't contain elements.*/
#footer {
  background-color: none\9;
}

/* When there is only one image and no slideshow this fixes the header space... mostly.*/
.region-header .field-slideshow-slide img{
  position: absolute\9;
  background: none\9;
}

/*.region-header .field-slideshow-wrapper .field-slideshow-slide{
  position: absolute\9;
  background: #ff0\9;
  display: block !important\9;
}*/

#header {
  height: 140px\9;
}

.region-header, .region-header .region-inner, .region-header .region-inner .block, .region-header .region-inner .block .block-inner {
  width: 100%\9;
}

.region-header {
  margin: 22px 0px 0px 10px\9;
}

/* The JS doesn't hide this properly when it's not the top slide.*/
.field-slideshow-caption {
  position: absolute\9;
  right: 400px\9;	
  top: 370px\9;
  z-index: 20\9;
}


/* fix for terrible panel image resizing on panels pages */
.node-panel .panel-panel  .field-items img {
  width: 100%\9;
}

/* fix for text appearing behind spotlight images on ie <9 
.region-header .block-inner .block-content .field-items .field-slideshow-wrapper .field-slideshow .field-slideshow-caption .field-slideshow-caption-text {
  display: none\9;
}*/

/* fix for non scalable text area */
.block-search {
  width: 170px\9;
}

/*will always be overridden by JS, but JS will not apply on IE unless some valus is set. Actual number irrelevent*/
.field-slideshow-carousel-wrapper li.jcarousel-item {
  width: 100px\9;
}

/* collapsiblock JS doesn not work under IE. Needs to be hidden or it wrecks the layout  */
#block-user-login {
  display: none\9;
}

/* hide on all good browsers */
#block-block-3 {
  display: none;
}

/* and bring it back again for IE */
#block-block-3 {
  height: 0px !important;
  display: block\9;
  overflow: visible\9;
}

#block-block-3 .block-inner {
  height: 1px !important;
  overflow: visible\9;
}

#block-block-3 .block-content {
  top: 113px;
  position: absolute;
  margin-left: 1025px;
}

#block-block-3 a {
  color: #fff\9;
}

/* fixes for the bad background stretch from the footer. For some reason this becomes 100% height on IE8 and overwhelms all over backgrounds */
#content-column {
  background-color: #fff\9;
}
#footer {
  padding-top: 10px;
}


/* for debugging purposes, need to know where the page layers are. Can be removed later */
.texture-overlay {
  background-color: #dedede\9;
}
.container  {
  background-color: #fff\9;
}


/* Text resizer */
a#text_resize_decrease {
  background-image: url(images/icons/aSmall.gif);
}
a#text_resize_increase {
  background-image: url(images/icons/aBig.gif);
}
a#text_resize_reset {
  background-image: url(images/icons/a_reset.gif);
}


/* Temporary fixups */

/* Suppress headlines on postgraduate courses page */

/*.page-node-12875 .field-name-field-headline {
  display: none;
}*/


/* Mobile */

@media only screen and (max-width: 600px) {
  #logo .oxlogo {
   display: none;
  }
  #logo {
   min-width: 300px;
  }
  #branding {
   width: 300px;
  }
  #logo .oxlogo-mobile {
   display: inline;
  }
  #logo .mathlogo {
    width: 200px;
  }
  .panel-panel .unit {
    min-width: 360px;
  }

  .front .region-header .field-slideshow-caption {
    font-size: 1.2em;
  }
}


/* Unpublished menu items highlighter */

.menu-view-unpublished {
  color: #999;
}


/* Hide iCal icon on main event page as it is not being passed correctly from views to panels */

.page-node-10 .ical-icon {
  display: none;
}



/* News spotlight */
/* Who changed the bloody capitalization on this? 03-11-2016 */
.newsspotlightwrapper {
  margin-top: -250px;
  margin-bottom: -3px;
  position: relative;
}

.newsSpotlightText {
  position: absolute;
  top: 0px;
  right: 0px;
  max-width: 340px;
  padding: 20px;
  height: 210px;
  overflow: hidden;
  background: rgba(0,0,0,0.66);
  color: #ffffff;
  font-size: 1.2em;
  font-weight: 200;
  line-height: 1.5em;
}

.newsSpotlightText a {
  color: #ffffff;
}