/**
 * @file
 * Custom style definitions.
 */

html {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
}

table {
  margin: 0;
}

body.not-logged-in .anonymous-hidden {
        display: none !important;
}

body.logged-in .authenticated-hidden {
        display: none !important;
}

td {
  padding: 0;
}

a,
a.active,
.menu a.active {
  color: #7a111b;
}

#page,
.region-bottom {
  max-width: inherit;
}

#umnhf-h.umnhf {
  margin: 0;
  width: 100%;
}

#umnhf-h-inner {
  width: 1132px;
  margin: 0 auto;
  position: relative;
}

#umnhf-h-logo {
  margin-left: 0px;
}

#umnhf-h-ql {
  right: 0px;
}

#umnhf-h-search {
  right: 0px;
}

#umnhf-h-search .form-item {
  margin: 0;
}

.region-header {
  width: 1132px;
  margin: 0 auto;
}

.region-navigation {
  width: 1210px;
  margin: 0 auto;
}

.region-navigation #block-block-43 {
  /* the home icon needs to be positioned relative to the nav bar, not its block wrapper */
  position: static;
}

.region-navigation .house-icon {
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
  margin: 4px 8px 4px 30px;
  background-image: url('../images/icon-home-20x20.png');
  background-repeat: no-repeat;
}

#header {
  box-shadow: 0 4px 5px #d2d6d9;
  background: #ffffff;
  padding: 0;
}

#header .header-title {
  margin-top: 41px;
}

#header .header-title a {
  text-decoration: none;
  font-size: 38px;
  line-height: 38px;
  line-height: normal;
}

#header .header-subtitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 7px;
  font-style: italic;
  color: #67798f;
}

#header .header-links {
  font-size: 16px;
  margin-top: 17px;
}

#header .header-links a {
  margin-right: 46px;
}

.block-header {
  float: left;
}

.block-main-menu {
  float: right;
  font-size: 17px;
}

.block-main-menu a {
  text-decoration: none;
}

.block-main-menu .menu__item.is-leaf {
  list-style: none;
}

.block-main-menu li {
  width: 201px;
  background: #ebebeb;
  line-height: 36px;
  padding-left: 17px;
  margin-bottom: 5px;
  float: left;
}

.block-main-menu li:nth-child(odd) {
  clear: both;
  margin-right: 31px;
}
.block-main-menu .menu__item_depth--1 > .menu__link {
  display: block;
}

#main {
  padding-top: 0;
}

#page {
  background: #eaeef2;
}

.navigation,
.content {
  background: #ffffff;
  padding: 0;
  margin: 0 auto;
}
.content.image-content {
  background: transparent;
}
.block-main-menu-2 {
  background: linear-gradient(#7a8797, #8392a4);
}

.block-main-menu-2 .menu-block-wrapper > .menu > li:not(.active),
.block-main-menu-2 .menu-block-wrapper > .menu > li:not(.active-trail) {
  display: none;
}


.block-main-menu-2 .menu-block-wrapper > .menu > li.active-trail {
  display: block;
  width: 100%;
}

.block-main-menu-2 ul,
#navigation .menu  li {
  float: left;
  padding: 0;
}

.block-main-menu-2 li a {
  float: left;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  line-height: 39px;
}

.block-main-menu-2 .menu-block-wrapper > .menu > li > a {
  color: #eaedf0;
  padding-left: 82px;
  display: block;
  padding-right: 35px;
  background-image: url("../images/icon-arrowleft-20x39.png"), linear-gradient(#647385, #67798f);
  background-position: right 0, 0px;
  background-repeat: no-repeat, no-repeat;
}

.block-main-menu-2 .menu-block-wrapper > .menu > li > ul li:first-child {
  background: url("../images/icon-arrowright-17x39.png") no-repeat;
}

.block-main-menu-2 .menu-block-wrapper > .menu > li > ul a {
  padding-left: 37px;
}

.block-main-menu-2 .menu-block-wrapper > .menu > li > ul a.active {
  color: #475c75;
}

.block-views {
  clear: both;
  margin-top: 32px;
}

/*.block-bean .block-title,*/
.view-header h2,
.block-views h2,
.block_bean__list---getting-started .block-title,
.block-views .view-title,
.block__system_status--mini .block__title {
  font-weight: normal;
  color: #446389;
  font-size: 34px;
  line-height: normal;
  /* padding-left: 29px; */
  margin-bottom: 6px;
  /* Management aka Wilgenbusch thought the arrows meant it was something you click on
  background: url("../images/icon-darkarrow-19x19.png") 0 11px no-repeat; */
}
@media (min-width: 769px) and (max-width: 1230px) {
  .view-header h2,
  .block-views h2,
  .block_bean__list---getting-started .block-title,
  .block-views .view-title,
  .block__system_status--mini .block__title {
    background-position: 0 11px;
  }
}
.block-views .more-link a,
.view-news-events.view-display-id-page .more-link a {
  display: block;
  line-height: 42px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  padding: 0 50px 0 24px;
  border-radius: 5px;
  background: url("../images/icon-arrow-37x17.png") right 13px no-repeat #764852;
}

/* A generic class for making a hyperlink that's one of our buttons */
div.linkbutton {
  display: inline-block;
}
div.linkbutton > a {
  display: block;
  line-height: 42px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  padding: 0 50px 0 24px;
  border-radius: 5px;
  background: url("../images/icon-arrow-37x17.png") right 13px no-repeat #764852;
}

.block-views > .view {
  background: #f0f1f4;
  clear: both;
}

.block-views > .view::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.main-container > .node.node-6835 {
  padding-bottom: 0px;
}

body.page-node .main-container .block-views {
  padding-left: 50px; /* blocks in the content region should be indented the same as the <article> */
  padding-right: 50px;
}

body.front.page-node .main-container .block-views {
  padding-left: 0; /* except for the frontpage, which doesn't render an <article> and is generally a special case */
  padding-right: 0;
}


#block-views-employment-block {
  padding-top: 0px;
}

#block-views-employment-block > .view {
  background: white;
}

#block-views-case-studies-frontpage .more-link {
  float: right;
}

#block-views-case-studies-frontpage .view-title {
  float: left;
}

#block-views-case-studies-frontpage .view {
  clear: both;
  background: none;
}

#block-views-case-studies-frontpage .view-content {
  background: #F0F1F4;
}

#block-views-case-studies-frontpage .view-header {
  color: #555555;
  font-size: 18px;
  clear: both;
  margin: 0 auto;
  width: 1066px;
}

#block-views-case-studies-frontpage .view-header p {
  margin: 0 0 7px;
}

#block-views-case-studies-frontpage .view-top,
#block-views-case-studies-frontpage .view-content .view-content-wrapper {
  width: 1066px;
  margin: 0 auto;
}

#block-views-case-studies-frontpage .view-content,
#block-views-case-studies-frontpage-1 > .view,
#block-views-events-block > .view,
#block-views-tutorials-block > .view,
.block__our_experts .block-wrapper {
  border-top: #D8B1A0 8px solid;
}

#block-views-case-studies-frontpage .view-content {
  padding-top: 35px;
  padding-bottom: 68px;
}

#block-views-case-studies-frontpage .views-field-field-discipline {
  line-height: 60px;
  text-transform: uppercase;
  color: #555555;
  font-size: 23px;
}

#block-views-case-studies-frontpage .views-field-title {
  font-size: 20px;
  margin-bottom: 18px;
}

#block-views-case-studies-frontpage .views-field-field-researchers-description {
  color: #555555;
}

#block-views-case-studies-frontpage .views-field:not(.views-field-field-results-image) {
  width: 320px;
}

#block-views-research-block,
#block-views-news-block {
}

#block-views-research-block > h2 {
  width: 500px;
}

#block-views-research-block .view-content,
#block-views-research-block > h2 {
  float: right;
}

#block-views-research-block .more-link a {
  float: left;
}

#block-views-news-block > .view > .view-content .views-row {
  margin-bottom: 30px;
}

#block-views-research-block .views-field-field-discipline {
  text-transform: uppercase;
  font-size: 21px;
}

#block-views-tutorials-block {
  width: 33.3%;
  margin-top: 81px;
}

#block-views-tutorials-block > .view > .view-content,
#block-views-tutorials-block .attachment > .view > .view-content {
  width: 360px;
  clear: both;
}

#block-views-events-block > .view > .view-content,
#block-views-tutorials-block > .view > .view-content,
#block-views-tutorials-block .attachment > .view > .view-content {
  padding: 0;
}

#block-views-events-block .views-field-field-event-location {
  color: #555555;
}

#block-views-events-block .views-responsive-grid .views-row:last-child {
  padding-bottom: 0;
}

#block-views-tutorials-block .attachment .views-field-title {
  line-height: 18px;
  padding-bottom: 12px;
}

#block-views-tutorials-block .attachment .views-field-field-image {
  float: left;
}

#block-views-tutorials-block .attachment .views-field-title {
  font-size: 18px;
}

#block-views-tutorials-block .attachment .views-field-title,
#block-views-tutorials-block .attachment .views-field-body {
  float: right;
  width: 218px;
}

#block-views-tutorials-block > .view > .view-content {
  font-size: 18px;
}

#block-views-tutorials-block > .view > .view-content .views-row {
  margin-top: 35px;
}

#block-views-case-studies-frontpage-1 {
  float: left;
  clear: none;
}

#block-views-case-studies-frontpage-1 {
  width: 744px;
  height: 768px;
}

.block__our_experts {
  float: left;
}
.block__our_experts .block-wrapper {
  background: #f0f1f4;
  padding-bottom: 2em;
}
.block__our_experts .block__title,
.block__our_experts .block-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}

#block-views-case-studies-frontpage-1 .block-title {
  margin-left: 48px;
}

#block-views-case-studies-frontpage-1 > .view {
  padding-left: 48px;
}

#block-views-case-studies-frontpage-1 .views-column {
  float: left;
  width: 334px;
}

#block-views-case-studies-frontpage-1 .view-header,
#block-views-case-studies-frontpage-1 .view-content,
#block-views-case-studies-frontpage-1 .more-link {
  border-right: 1px solid #dcdddf;
}

#block-views-case-studies-frontpage-1 .view-header  {
  margin-top: 15px;
}

#block-views-case-studies-frontpage-1 .view-header p {
  margin: 0;
}

#block-views-case-studies-frontpage-1 .more-link {
  margin-bottom: 24px;
  width: 100%;
  padding: 54px 0 47px 200px;
}

#block-views-case-studies-frontpage-1 .more-link a {
  float: left;
}

#block-views-case-studies-frontpage-1 .views-field:not(.views-field-field-results-image) {
  margin-left: 15px;
  width: 235px;
}

#block-views-case-studies-frontpage-1 .views-field-field-results-image {
  height: 294px;
}

#block-views-case-studies-frontpage-1 .views-field-field-discipline {
  line-height: 18px;
  font-size: 18px;
  color: #555555;
  text-transform: uppercase;
  margin-top: 17px;
}

#block-views-case-studies-frontpage-1 .views-field-title {
  line-height: 16px;
  margin-top: 17px;
}

#block-views-case-studies-frontpage-1 .views-field-field-researchers-description {
  margin-top: 17px;
  color: #555555;
}

.block__our_experts .block-text {
  margin: 1.5em 0;
}

.block__our_experts .block-wrapper .more-link {
  display: block;
  margin-top: 22px;
  text-align: center;
}
.block__our_experts .block-wrapper .more-link a {
  display: inline-block;
}

#block-views-case-studies-frontpage-1 .view-header {
  padding-right: 66px;
}

.block-main-menu-mobile {
  display: none;
}

body.page-search #content .main-container {
  padding-left: 1em;
}

body.page-search #content .main-container * {
  padding-left: 0;
}

body.page-search #content .main-container article {
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  border-bottom: 1px solid #bdbdbd;
}

body.page-search #content .main-container h2 {
  font-size: 1.4em;
}

body.page-search #content .main-container .ds-search-highlight {
  background-color: transparent;
  font-weight: 600;
}

/* system status colors */
.status-0 {
   background: rgba(0, 200, 0, .1);
}

.status-0 a {
  text-decoration: underline;
}

.status-1 {
   background: rgba(255, 255, 204, .2);
}

.status-1 a {
  text-decoration: underline;
}

.status-2 {
   background: rgba(200, 50, 50, .6);
   color: white;
}

.status-2 a {
  color: white;
  text-decoration: underline;
}

.view-display-id-system_status div.view-content {
  display: block;
  overflow-x: scroll;
}

/* some table styles Lauren used in the wysiwyg that we'll try standardizing for tables in content */
#content table {
  width:100%;
}
#content table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
#content table.logincolumns, #content table.logincolumns th, #content table.logincolumns td,
#content div.staff-view table, #content div.staff-view th, #content div.staff-view td
{
  border: 0;
}
#content th, td {
  padding: 5px;
  text-align: left;
}
#content table#t01 tr:nth-child(even) {
  background-color: #eee;
}
#content table#t01 tr:nth-child(odd) {
  background-color:#fff;
}
#content table#t01 th	{
  background-color: #386090;
  color: white;
}

/* login page */
body.page-login div.logincolumns {
  display: table;
}

body.page-login div.logincolumn {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
body.page-login div.logincolumn.half {
  width: 40%;
}
body.page-login div.logincolumn.shib {
  padding-right: 3em;
}
body.page-login div.logincolumn.form {
  padding-left: 3em;
}
#tb-megamenu-main-megamenu {
  font-size: 18px;
  letter-spacing: 0.023em;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,
.tb-megamenu .nav > li.dropdown.open.active > a:hover {
  background-color: #7a111b;
  border-color: #444;
  color: #eee;
}

.myMSI_info {
  padding-left: 500px;
  padding-top: 25px;
}

li.tb-megamenu-item:nth-child(7) > a:nth-child(1) {
 border-right: none;
}
#expo-poster-heading {
  color: white;
  background-image: linear-gradient(
    to right,
    #200122 0%,
    #6f0000 51%,
    #200122 100%
  );
  width: 100%;
}

.expo-poster-block {
  background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
  text-align: center;
  width: 80%;
  margin: auto;
}
#expo-poster-block {
  background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
  text-align: center;
  width: 80%;
  margin: auto;
}

#expo-button-group {
  width: 80%;
  margin: auto;
}

#expo-button-group {
  color: white;
  background-image: linear-gradient(
    to right,
    #200122 0%,
    #6f0000 51%,
    #200122 100%
  );
  text-align: center;
}
#expo-topborder {
  border-top: 1px solid black;
}

#expo-td-notop {
  border-left: 1px solid black;
  border-right: 1px solid black;
}
#expo-td-top {
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
}
#expo-td-all {
  border: 1px solid black;
}
#expo-td:first-child {
  border-left: none;
}

#expo-td:last-child {
  border-right: none;
}

#expo-table {
  background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
  width: 100%;
  border: none;
  border-collapse: collapse;
}
}