/* masthead.scss   ===================================================================================================== */
@font-face {
  font-family: "Stag Sans Light";
  src: url("//www.webarchive.org.uk/wayback/archive/20140613221210/http://www.jisc.ac.uk/stylesandscripts_v8/fonts/StagSansWeb-Light.eot");
  src: url("//www.webarchive.org.uk/wayback/archive/20140613221210/http://www.jisc.ac.uk/stylesandscripts_v8/fonts/StagSansWeb-Light.eot") format("embedded-opentype"),
        url("//www.webarchive.org.uk/wayback/archive/20140613221210/http://www.jisc.ac.uk/stylesandscripts_v8/fonts/StagSansWeb-Light.woff") format("woff"),
        url("//www.webarchive.org.uk/wayback/archive/20140613221210/http://www.jisc.ac.uk/stylesandscripts_v8/fonts/StagSansWeb-Light.ttf") format("truetype"),
        url("//www.webarchive.org.uk/wayback/archive/20140613221210/http://www.jisc.ac.uk/stylesandscripts_v8/fonts/StagSansWeb-Light.svg") format("svg");
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Stag Sans Book";
  src: url("//www.webarchive.org.uk/wayback/archive/20140613221210/http://www.jisc.ac.uk/stylesandscripts_v8/fonts/StagSansWeb-Book.eot");
  src: url("//www.webarchive.org.uk/wayback/archive/20140613221210/http://www.jisc.ac.uk/stylesandscripts_v8/fonts/StagSansWeb-Book.eot") format("embedded-opentype"), url("//www.webarchive.org.uk/wayback/archive/20140613221210/http://www.jisc.ac.uk/stylesandscripts_v8/fonts/StagSansWeb-Book.woff") format("woff"), url("//www.webarchive.org.uk/wayback/archive/20140613221210/http://www.jisc.ac.uk/stylesandscripts_v8/fonts/StagSansWeb-Book.ttf") format("truetype"), url("//www.webarchive.org.uk/wayback/archive/20140613221210/http://www.jisc.ac.uk/stylesandscripts_v8/fonts/StagSansWeb-Book.svg") format("svg");
  font-style: normal;
  font-stretch: normal;
}

/* Reset */
.masthead form, .masthead label, .masthead input, .masthead header, .masthead nav, .masthead ul, .masthead li, .breadcrumb li, .breadcrumb ul, .breadcrumb nav, .breadcrumb header {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
.masthead form font, .masthead label font, .masthead input font, .masthead header font, .masthead nav font, .masthead ul font, .masthead li font, .breadcrumb li font, .breadcrumb ul font, .breadcrumb nav font, .breadcrumb header font {
  weight: inherit;
  style: inherit;
  family: inherit;
}
.masthead input[type=hidden] {
  display: none;
}
.masthead input[disabled='disabled'] {
  color: #ccc;
  background: none;
}
.masthead form {
  overflow: visible;
}
.masthead ul, .breadcrumb ul {
  list-style: none;
}
.masthead a, .masthead a:link, .breadcrumb a, .breadcrumb a:link {
  text-decoration: none;
}
.masthead article, .masthead aside, .masthead details, .masthead figcaption, .masthead figure, .masthead footer, .masthead header, .masthead hgroup, .masthead menu, .masthead nav, .masthead section, .breadcrumb article, .breadcrumb details, .breadcrumb header, .breadcrumb nav, .breadcrumb section {
  display: block;
}
.masthead input[type="search"],
.masthead input[type="text"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

/* Base typography */
.masthead {
  height:144px;
  z-index:1;
}
  .breadcrumb, .masthead {

  position:relative;
  background: #d9e1e4;

  /* IE6-9 fallback on horizontal gradient */
  color: #2c3841;
  font-size: 18px;
  /*font-size: 1.8rem;*/
  line-height: 20px;
  /*line-height: 2rem;*/
  font-family: 'Stag Sans Light', sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.masthead a, .masthead a:link, .breadcrumb a, .breadcrumb a:link {
  color: #00557f;
}
.masthead a:hover,
.masthead a:focus,
.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #e85e13;
}
.masthead input {
  font-family: 'Stag Sans Light', sans-serif;
  font-style: normal;
  /*line-height: 2.0rem;*/
}
.masthead label {
  cursor: pointer;
  /*line-height: 2.0rem;*/
}

/* Styles */
.masthead, .breadcrumb {
  color: #2c3841;
}
.masthead .inner, .breadcrumb .inner {
  width: 870px;
  margin: 0 auto;
  position: relative;
}
.masthead a.logo {
  float: left;
  display: block;
  border: 0;
  width: 103px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.masthead a.logo img {
  width: 100%;
  height: auto;
  display: block;
  border: 0;
  margin: 0;
}
.masthead a.logo:hover,
.masthead a.logo:focus {
  opacity: 0.7;
}
.masthead .nav ul li,
.breadcrumb .nav ul li {
  float: left;
}
.masthead .nav ul li.current a,
.masthead .nav.primary ul li.current a,
.breadcrumb .nav ul li.current a,
.breadcrumb .nav.primary ul li.current a {
  color: #85939b;
}
.masthead .nav ul li.active a,
.masthead .nav.primary ul li.active a,
.breadcrumb .nav ul li.active a,
.breadcrumb .nav.primary ul li.active a {
  color: #e85e13;
}
.masthead .nav.primary {
  z-index:1000;
  background: white;
  position: absolute;
  right: 0;
  top: 87px;
  width: 300%;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.masthead .nav.primary .inner {
  float: right;
}
.masthead .nav.primary ul {
  margin-left: -15px;
}
.masthead .nav.primary ul li a {
  letter-spacing: 0px;
  display: block;
  color: #2c3841;
  padding: 18px 15px 15px;
}
.masthead .nav.primary ul li a:hover,
.masthead .nav.primary ul li a:focus {
  color: #e85e13;
}
.masthead .nav.primary #newSearch {
  border-left: 1px solid #D9E2E5;
  float: right;
  padding: 12px 10px;
  position: relative;
}
.masthead .nav.primary #newSearch label {
  display: none;
}
.masthead .nav.primary #newSearch input[type=submit] {
  position: absolute;
  right: 14px;
  top: 14px;
  padding: 0;
  margin: 0;
  width: 24px;
  height: 24px;
  border: 0px solid #ffffff;
  overflow: hidden;
  text-indent: 100%;
  cursor: pointer;
  background-color: transparent;
  background-image: url("//www.webarchive.org.uk/wayback/archive/20140613221210/http://www.jisc.ac.uk/stylesandscripts_v8/images/ico/search-glass.png?embed");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.masthead .nav.primary #newSearch input[type=submit]:hover,
.masthead .nav.primary #newSearch input[type=submit]:focus {
  opacity: 0.5;
}
.masthead .nav.primary #newSearch ::-webkit-input-placeholder {
  color: #63727C;
}
.masthead .nav.primary #newSearch :-moz-placeholder {
  color: #63727C;
}
.masthead .nav.primary #newSearch ::-moz-placeholder {
  color: #63727C;
}
.masthead .nav.primary #newSearch :-ms-input-placeholder {
  color: #63727C;
}
.masthead .nav.primary #newSearch .placeholder {
  color: #63727C;
}
.masthead .nav.primary #newSearch input {
  color: #63727C;
  background-color: #E4E9EC;
  font-size: 15px;
  /*font-size: 1.5rem;*/
  padding: 6px 23px 6px 9px;
  border: 1px solid #E4E9EC;
  width: 167px;
  outline: 0;
}
.masthead .nav.primary #newSearch input:focus {
  border: 1px solid #63727C;
  color: #00557f;
}
.masthead .nav.secondary {
  z-index:10;
  position:relative;
  float: right;
  margin-right: -10px;
}
.masthead .nav.secondary ul {
  margin-top: 13px;
}
.masthead .nav.secondary ul li a {
  font-family: 'Stag Sans Book', sans-serif;
  font-style: normal;
  font-size: 13px;
  /*font-size: 1.3rem;*/
  line-height: 19px;
  /*line-height: 1.9rem;*/
  display: block;
  padding: 7px 10px;
}
.masthead .nav.secondary ul li.highlight {
  margin-right: 40px;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #E8EEEF;
}
.nav.breadcrumb {
  clear: both;
  z-index:10;
position: relative;
padding-top: 13px;
width: 100%;
padding-bottom: 13px;
}
.nav.breadcrumb ul li {
  margin-right: 5px;
  float:left;
}
.nav.breadcrumb ul li a, .nav.breadcrumb ul li span {
  display: block;
  font-family: 'Stag Sans Book', sans-serif;
  font-style: normal;
  font-size: 13px;
  /*font-size: 1.3rem;*/
  float:left !important;
}
.nav.breadcrumb ul li:before {
  content: " > ";
  float:left;
  display:block;
  margin-right:4px;
  margin-left:4px;
  font-size:13px;
  /*font-size:1.3rem;*/

}

.nav.breadcrumb ul li:first-child:before {
  content: "";
  display:none;
  margin:0;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
