@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700";
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700");
@import "https://fonts.googleapis.com/css?family=Montserrat:100,400,700";
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,400,700");
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

@font-face {
  font-family: 'iconfont';
  src: url("../../fonts/iconfont.eot?ue02t");
  src: url("../../fonts/iconfont.eot?ue02t#iefix") format("embedded-opentype"), url("../../fonts/iconfont.ttf?ue02t") format("truetype"), url("../../fonts/iconfont.woff?ue02t") format("woff"), url("../../fonts/iconfont.svg?ue02t#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-vimeo:before {
  content: "\eaa0";
}

.icon-flickr2:before {
  content: "\eaa4";
}

.icon-office:before {
  content: "\e903";
}

.icon-phone:before {
  content: "\e942";
}

.icon-envelop:before {
  content: "\e945";
}

.container {
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  padding: 0 1em;
  width: auto;
}

.container::after {
  clear: both;
  content: "";
  display: table;
}

/* #featured {
  padding-bottom: 2em;
} */

#main,
#signup,
#promoted,
#block-pagetitle--2 {
  padding-top: 2em;
  padding-bottom: 2em;
}

#utilities,
#prefix {
  padding: 1em 0;
}

#block-basic-branding,
#block-sitebranding {
  float: left;
  display: block;
  margin-right: 6.66667%;
  width: 46.66667%;
}

#block-basic-branding:last-child,
#block-sitebranding:last-child {
  margin-right: 0;
}

#block-horizontalmenu {
  float: left;
  display: block;
  margin-right: 6.66667%;
  width: 100%;
}

#block-horizontalmenu:last-child {
  margin-right: 0;
}

#block-basic-breadcrumbs {
  width: 100%;
}

@media screen and (min-width: 45em) {
  #block-basic-branding,
  #block-sitebranding {
    float: left;
    display: block;
    margin-right: 1%;
    width: 12%;
  }
  #block-basic-branding:last-child,
  #block-sitebranding:last-child {
    margin-right: 0;
  }
  
  #block-horizontalmenu {
    float: left;
    display: block;
    margin-right: 0;
    width: 86.99%;
  }
  #block-horizontalmenu:last-child {
    margin-right: 0;
  }
  
  #block-basic-breadcrumbs {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 61.29032%;
  }
  #block-basic-breadcrumbs:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  #block-basic-branding,
  #block-sitebranding {
    float: left;
    display: block;
    margin-right: 1.75%;
    width: 15.25%;
  }
  #block-basic-branding:last-child,
  #block-sitebranding:last-child {
    margin-right: 0;
  }
  
  #block-horizontalmenu {
    float: left;
    display: block;
    margin-right: 0;
    width: 83%;
  }
  #block-horizontalmenu:last-child {
    margin-right: 0;
  }
  
  #block-basic-breadcrumbs {
      float: left;
      display: block;
      margin-right: 1.69492%;
      width: 66.10169%;
    }
    #block-basic-breadcrumbs:last-child {
      margin-right: 0;
    }
}

.block-search {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .block-search {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 35.48387%;
  }
  .block-search:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .block-search {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 32.20339%;
  }
  .block-search:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 45em) {
  .page-front .block-search,
  .page-test-temp .block-search {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 35.48387%;
    margin-left: 64.51613%;
  }
  .page-front .block-search:last-child,
  .page-test-temp .block-search:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .page-front .block-search,
  .page-test-temp .block-search {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 32.20339%;
    margin-left: 67.79661%;
  }
  .page-front .block-search:last-child,
  .page-test-temp .block-search:last-child {
    margin-right: 0;
  }
}

.no-sidebars #content {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .no-sidebars #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 100%;
  }
  .no-sidebars #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .no-sidebars #content {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 100%;
  }
  .no-sidebars #content:last-child {
    margin-right: 0;
  }
}

.one-sidebar.sidebar-second #content {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .one-sidebar.sidebar-second #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 61.29032%;
  }
  .one-sidebar.sidebar-second #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .one-sidebar.sidebar-second #content {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 66.10169%;
  }
  .one-sidebar.sidebar-second #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 45em) {
  .page-node-type-resources.one-sidebar.sidebar-second #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 74.19355%;
  }
  .page-node-type-resources.one-sidebar.sidebar-second #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .page-node-type-resources.one-sidebar.sidebar-second #content {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 72.88136%;
  }
  .page-node-type-resources.one-sidebar.sidebar-second #content:last-child {
    margin-right: 0;
  }
}

.one-sidebar.sidebar-first #content {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .one-sidebar.sidebar-first #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 74.19355%;
    margin-left: 25.80645%;
  }
  .one-sidebar.sidebar-first #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .one-sidebar.sidebar-first #content {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 79.66102%;
    margin-left: 20.33898%;
  }
  .one-sidebar.sidebar-first #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .page-contact.one-sidebar.sidebar-first #content {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 72.88136%;
    margin-left: 27.11864%;
  }
  .page-contact.one-sidebar.sidebar-first #content:last-child {
    margin-right: 0;
  }
}

.two-sidebars #content {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .two-sidebars #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%;
    margin-left: 25.80645%;
  }
  .two-sidebars #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .two-sidebars #content {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 52.54237%;
    margin-left: 20.33898%;
  }
  .two-sidebars #content:last-child {
    margin-right: 0;
  }
}

#sidebar-first {
  width: 100%;
}

@media screen and (min-width: 45em) {
  #sidebar-first {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 22.58065%;
    margin-left: -77.41935%;
  }
  #sidebar-first:last-child {
    margin-right: 0;
  }
  .one-sidebar.sidebar-first #sidebar-first {
    margin-left: -103.22581%;
  }
}

@media screen and (min-width: 60em) {
  #sidebar-first {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 18.64407%;
    margin-left: -74.57627%;
  }
  #sidebar-first:last-child {
    margin-right: 0;
  }
  .one-sidebar.sidebar-first #sidebar-first {
    margin-left: -101.69492%;
  }
}

#sidebar-second {
  width: 100%;
}

@media screen and (min-width: 45em) {
  #sidebar-second {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 35.48387%;
    margin-left: 0%;
  }
  #sidebar-second:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  #sidebar-second {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 32.20339%;
    margin-left: 0%;
  }
  #sidebar-second:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 45em) {
  .page-node-type-resources #sidebar-second,
  .page-node-type-iriss-publications #sidebar-second {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 22.58065%;
    margin-left: 0%;
  }
  .page-node-type-resources #sidebar-second:last-child,
  .page-node-type-iriss-publications #sidebar-second:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .page-node-type-resources #sidebar-second,
  .page-node-type-iriss-publications #sidebar-second {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 25.42373%;
    margin-left: 0%;
  }
  .page-node-type-resources #sidebar-second:last-child,
  .page-node-type-iriss-publications #sidebar-second:last-child {
    margin-right: 0;
  }
}

#block-views-block-resources-related-content-block-1-2 li {
  width: 100%;
}

@media screen and (min-width: 45em) {
  #block-views-block-resources-related-content-block-1-2 li {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%;
    margin-left: 0%;
  }
  #block-views-block-resources-related-content-block-1-2 li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  #block-views-block-resources-related-content-block-1-2 li {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 49.15254%;
    margin-left: 0%;
  }
  #block-views-block-resources-related-content-block-1-2 li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 45em) {
  .tag-glossary a {
    display: table-cell;
    width: 6.25%;
  }
}

@media screen and (min-width: 60em) {
  .tag-glossary a {
    display: table-cell;
    width: 6.66667%;
  }
}

#block-getintouch {
  width: 100%;
}

@media screen and (min-width: 45em) {
  #block-getintouch {
    float: left;
    display: block;
    margin-right: 3.5%;
    width: 29.5%;
    margin-left: 0%;
  }
  #block-getintouch:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  #block-getintouch {
    float: left;
    display: block;
    margin-right: 3%;
    width: 27.3333333%;
    margin-left: 0%;
  }
  #block-getintouch:last-child {
    margin-right: 0;
  }
}

#block-twitterblock {
  width: 100%;
}

@media screen and (min-width: 45em) {
  #block-twitterblock {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 29.03226%;
    margin-left: 0%;
  }
  #block-twitterblock:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  #block-twitterblock {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 32.20339%;
    margin-left: 6.77966%;
  }
  #block-twitterblock:last-child {
    margin-right: 0;
  }
}

#footer {
  float: none;
  clear: both;
}

#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both;
}

.grid-beta,
.views-row-grid-beta > div {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .grid-beta,
  .views-row-grid-beta > div {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%;
  }
  .grid-beta:last-child,
  .views-row-grid-beta > div:last-child {
    margin-right: 0;
  }
  .grid-beta:nth-child(2n),
  .views-row-grid-beta > div:nth-child(2n) {
    margin-right: 0;
  }
  .grid-beta:nth-child(2n+1),
  .views-row-grid-beta > div:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 60em) {
  .grid-beta,
  .views-row-grid-beta > div {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 49.15254%;
  }
  .grid-beta:last-child,
  .views-row-grid-beta > div:last-child {
    margin-right: 0;
  }
}

.sidebar .grid-beta {
  width: 100%;
}

@media screen and (min-width: 20em) {
  .sidebar .grid-beta {
    float: left;
    display: block;
    margin-right: 6.66667%;
    width: 46.66667%;
  }
  .sidebar .grid-beta:last-child {
    margin-right: 0;
  }
  .sidebar .grid-beta:nth-child(2n) {
    margin-right: 0;
  }
  .sidebar .grid-beta:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 45em) {
  .sidebar .grid-beta {
    width: 100%;
  }
  .sidebar .grid-beta:nth-child(2n) {
    margin-right: 1.66667%;
  }
  .sidebar .grid-beta:nth-child(2n+1) {
    clear: none;
  }
}

@media screen and (min-width: 60em) {
  .sidebar .grid-beta {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 49.15254%;
  }
  .sidebar .grid-beta:nth-child(2n) {
    margin-right: 1.66667%;
  }
  .sidebar .grid-beta:nth-child(2n+1) {
    clear: none;
  }
  .sidebar .grid-beta:last-child {
    margin-right: 0;
  }
  .sidebar .grid-beta:nth-child(2n) {
    margin-right: 0;
  }
  .sidebar .grid-beta:nth-child(2n+1) {
    clear: left;
  }
}

.grid-gamma {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .grid-gamma {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%;
  }
  .grid-gamma:last-child {
    margin-right: 0;
  }
  .grid-gamma:nth-child(2n) {
    margin-right: 0;
  }
  .grid-gamma:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 60em) {
  .grid-gamma {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 32.20339%;
  }
  .grid-gamma:nth-child(2n) {
    margin-right: 1.66667%;
  }
  .grid-gamma:nth-child(2n+1) {
    clear: none;
  }
  .grid-gamma:last-child {
    margin-right: 0;
  }
  .grid-gamma:nth-child(3n) {
    margin-right: 0;
  }
  .grid-gamma:nth-child(3n+1) {
    clear: left;
  }
}

.grid-delta {
  width: 100%;
}

@media screen and (min-width: 60em) {
  .grid-delta {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 32.20339%;
  }
  .grid-delta:last-child {
    margin-right: 0;
  }
  .grid-delta:nth-child(3n) {
    margin-right: 0;
  }
  .grid-delta:nth-child(3n+1) {
    clear: left;
  }
}

.grid-epsilon {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .grid-epsilon {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%;
  }
  .grid-epsilon:last-child {
    margin-right: 0;
  }
  .grid-epsilon:nth-child(2n) {
    margin-right: 0;
  }
  .grid-epsilon:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 60em) {
  .grid-epsilon {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 18.64407%;
  }
  .grid-epsilon:nth-child(2n) {
    margin-right: 1.66667%;
  }
  .grid-epsilon:nth-child(2n+1) {
    clear: none;
  }
  .grid-epsilon:last-child {
    margin-right: 0;
  }
  .grid-epsilon:nth-child(5n) {
    margin-right: 0;
  }
  .grid-epsilon:nth-child(5n+1) {
    clear: left;
  }
}

.grid-kappa {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .grid-kappa {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 61.29032%;
  }
  .grid-kappa:last-child {
    margin-right: 0;
  } 
  .grid-kappa:nth-child(2n) {
    margin-right: 0;
  }
  .grid-kappa:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 60em) {
  .grid-kappa {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 66.10169%;
  }
  .grid-kappa:last-child {
    margin-right: 0;
  }
  .grid-kappa:nth-child(5n) {
    margin-right: 0;
  }
  .grid-kappa:nth-child(5n+1) {
    clear: left;
  }
}

.grid-omega {
  width: 100%;
}

@media screen and (min-width: 22em) {
  .grid-omega {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%;
  }
  .grid-omega:last-child {
    margin-right: 0;
  }
  .grid-omega:nth-child(2n) {
    margin-right: 0;
  }
  .grid-omega:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 45em) {
  .grid-omega {
    float: left;
    display: block;
    margin-right: 2%;
    width: 32%;
  }
  .grid-omega:last-child {
    margin-right: 0;
  }
  .grid-omega:nth-child(2n) {
    margin-right: 2%;
  }
  .grid-omega:nth-child(2n+1) {
    clear: none;
  }
  .grid-omega:nth-child(3n) {
    margin-right: 0;
  }
  .grid-omega:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 60em) {
  .grid-omega {
    float: left;
    display: block;
    margin-right: 1.69492%;
    width: 15.2%;
  }
  .grid-omega:nth-child(2n) {
    margin-right: 1.69492%;
  }
  .grid-omega:nth-child(3n) {
    margin-right: 1.66667%;
  }
  .grid-omega:nth-child(3n+1) {
    clear: none;
  }
  .grid-omega:last-child {
    margin-right: 0;
  }
  .grid-omega:nth-child(6n) {
    margin-right: 0;
  }
  .grid-omega:nth-child(6n+1) {
    clear: left;
  }
}

/* Flexbox cards */
.flex-cardset .views-row-group {
  display: flex;
  flex-direction: column;
  gap: 1em;
  font-size: 0.875em;
}
.flex-card .pic-container {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  border-radius: 24px;
}
.flex-card img {
  border-radius: 24px;
}
.flex-card a {
  color: rgb(38, 44, 52);
  background: #F6F6F6;
  border-radius: 24px;
  transition: all 150ms ease;
}
.flex-card a:hover,
.flex-card a:focus {
  background: #D1E5EE;
  border-radius: 6px;
}
.flex-card a:hover img,
.flex-card a:focus img {
  border-radius: 6px;
}
.flex-card.views-row h2,
.flex-card.views-row h3 {
  margin-bottom: 0.5em;
}
.flex-card .field-content a {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.flex-card .content-container {
  padding: 0.5em 1.5em;
}
.masthead-flex.nbp-flex .info-text {
  padding: 1em;
}

@media screen and (min-width: 45em) {
  .flex-card .field-content a {
    flex-direction: row;
  }
  .flex-card img {
    max-width: 255px;
  }
  .masthead-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }
  .masthead-flex > div {
    flex: 1 1 0px;
  }
  .masthead-flex .info-text {
    display: flex;
    flex-direction: column;
    padding-left: 1em;
    height: 100%
  }
  .masthead-flex .info-text .submitted {
    margin: auto 0 0 0;
  }
  .masthead-flex.nbp-flex .info-text {
    padding: 1em 2em;
  }
}

@media screen and (min-width: 60em) {
  .flex-cardset .views-row-group {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }
  .flex-cardset.flex-projects .views-row-group {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .flex-card {
    max-width: 546px;
    flex: 1 1 0px;
  }
  .flex-cardset.flex-projects .flex-card {
    width: 32%;
    box-sizing: border-box;
    flex: none;
  }
  .flex-cardset.flex-projects.flex-projects-2col .flex-card {
    width: 50%;
  }
  .flex-card > .views-field,
  .flex-card > .views-field > span.field-content {
    display: block;
    height: 100%;
  }
  .flex-card .field-content a {
    flex-direction: column;
    height: 100%;
  }
  .flex-card img {
    max-width: 100%;
  }
  .flex-card .content-container {
    box-sizing: border-box;
    min-height: 120px;
  }
  .masthead-flex.nbp-flex .views-field-field-featured-image {
    flex-grow: 2 !important;
  }
}


/* Exceptions!!! */

/* https://www.iriss.org.uk/resources/reports/using-evidence-change */
.page-node-type-resources.one-sidebar.sidebar-second #content,
.page-node-type-resources.one-sidebar.sidebar-second #content,
.page-node-type-resources #sidebar-second,
.page-node-type-iriss-publications #sidebar-second {
  float: none !important;
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}
.page-node-type-resources #sidebar-second .file--mime-application-zip a:first-of-type {
  display: block;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #EAEAEA !important;
}

/*# sourceMappingURL=layout.css.map */