﻿body{background-color:#e4e9ec}.masthead__main{background-color:#00557f;background-image:url(images/homepage-background.png)}.searchForm{position:relative}.searchForm>div{display:table;width:100%;height:50px}.searchForm>div>span{display:table-cell;background-color:#fff;vertical-align:middle}.searchForm>div>span>input,.searchForm>div>span>button{display:block;width:100%;height:50px;padding:0;font:inherit;background-color:#f4f4f4;box-sizing:border-box;border:none}.searchForm>div>span>input:focus,.searchForm>div>span>button:focus{border:none}.searchForm>div>span>input{padding:0 10px}.searchForm>div>span>a{position:absolute;top:100%;margin-top:17px}.searchForm>div>span.searchDropdown{position:relative;width:140px;background-color:#d4dfe1}.searchForm>div>span.searchDropdown:before{position:absolute;top:15px;right:20px;font-family:FontAwesome;content:""}.searchForm>div>span.searchDropdown>select{position:absolute;top:0;left:0;width:100% !important;height:100%;margin:0;padding:4px 4px 4px 20px;background-color:transparent;font-size:inherit;text-align:left;cursor:pointer;border:none;box-sizing:border-box;-moz-appearance:none;-webkit-appearance:none}.searchForm>div>span.searchDropdown>select>span{margin-top:12px;text-align:center}.searchForm>div>span.search{width:115px}.searchForm>div>span.search>button{color:#fff;cursor:pointer;background-color:#146288;font-size:24px;font-family:"Stag Sans Web Light"}.searchForm>span{display:inline-block;margin-top:7px;margin-top:1rem;font-size:16px;white-space:nowrap}ul.researchers{margin:0;padding:0;list-style:none;font-family:"Stag Sans Web Light"}ul.researchers>li{position:relative;margin-bottom:30px;padding-bottom:20px;padding-left:185px;min-height:130px;overflow:hidden;border-bottom:1px solid #D4DFE1}ul.researchers>li:last-child{border-bottom:none}ul.researchers>li>h3{margin:0 0 10px;font-size:24px}ul.researchers>li>h3 img{position:absolute;top:0;left:0;width:165px}ul.researchers>li>p{margin:0;font-size:18px}ul.faq{margin:0;padding:0;list-style:none;font-family:"Stag Sans Web Book"}ul.faq>li{position:relative;margin-bottom:30px;padding-bottom:20px;padding-left:185px;overflow:hidden;border-bottom:1px solid #D4DFE1}ul.faq>li:last-child{border-bottom:none}ul.faq>li>.label{position:absolute;top:0;left:0;width:165px;text-align:right;cursor:pointer}ul.faq>li>.label>span{display:inline-block;padding:0 7px;font-size:12px;line-height:22px;text-transform:uppercase;color:#fff;background-color:#00557f}ul.faq>li>.label>span>span:last-child{display:none}ul.faq>li>h3{margin:0 0 10px;font-size:18px;font-family:"Stag Sans Web Book";color:#00557f}ul.faq>li>p{display:none;margin-top:20px;font-size:15px}ul.faq>li.visible>.label>span>span:first-child{display:none}ul.faq>li.visible>.label>span>span:last-child{display:inline}ul.faq>li.visible>p{display:block}.masthead__nav .submenu li a,.nav__item.active a,.nav__item>a:hover{color:#00557f !important}.menu-button,.menu-button:hover{background:#00557f}.menu-button.is-open,.menu-button:hover.is-open{background-color:#fff}.l-pull-left.featured .l-pull-left:after{display:none}.block-update .teaser__title{text-align:center;font-size:2.8rem;font-weight:bold;margin-bottom:20px}.block-update .teaser__title i{margin-bottom:5px}.ico-paddle-right-light{background-image:url(/ux.jisc.ac.uk/ui/img/sprite.png)}@media screen and (min-width: 757px){.masthead__title{margin:25px 0 25px}.nav__item>a{background-color:#1d799f}

 /* With current nav item text navigation tabs do not fit on screen above 757px viewports: reduce right- and left-padding to 15px. */ 
 @media screen and (min-width: 757px) {
   .nav__item>a{
     padding-right: 15px;
     padding-left: 15px;
   }
 }

.masthead__nav .submenu ul{border-color:#00557f}}
.nav-wrapper {z-index: 10000;}

/* Benjamin Perry suggested modification to make home page search form input box clearer */ 
 .searchForm>div>span>input {
  border: 3px solid #d5dee3;
  border-width: .3rem;
  }
  
  .searchForm>div>span>input:focus {
  border: 3px solid #d5dee3;
  border-width: .3rem;
  }


/*  Darkening the home page too-light placeholder text to follow UX&D styles. Leigh suggested text color #63727c; Adrian Stevenson went with black */ 
 .searchForm>div>span>input::-webkit-input-placeholder {
     color: black;  }
 .searchForm>div>span>input:-moz-placeholder {
     color: black;  }
 .searchForm>div>span>input::-moz-placeholder {
     color: black;  }
 .searchForm>div>span>input:-ms-input-placeholder {
     color: black;  }