@charset "utf-8";
/* CSS Document
Author  : We Sort | Ben Edmonds | wesort.co.uk */

/*  Typography  */
/** colophon-foundry.org 2016 */
@font-face {
  font-family: 'Apercu Light';
  src: url('/site/themes/mustard-v3/fonts/apercu_light.eot');
  src: url('/site/themes/mustard-v3/fonts/apercu_light.woff') format('woff'),
    url('/site/themes/mustard-v3/fonts/apercu_light.woff2') format('woff2'),
    url('/site/themes/mustard-v3/fonts/apercu_light.ttf') format('truetype'),
    url('/site/themes/mustard-v3/fonts/apercu_light.svg') format('svg');
}
@font-face {
  font-family: 'Apercu Regular';
  src: url('/site/themes/mustard-v3/fonts/apercu_regular.eot');
  src: url('/site/themes/mustard-v3/fonts/apercu_regular.woff') format('woff'),
    url('/site/themes/mustard-v3/fonts/apercu_regular.woff2') format('woff2'),
    url('/site/themes/mustard-v3/fonts/apercu_regular.ttf') format('truetype'),
    url('/site/themes/mustard-v3/fonts/apercu_regular.svg') format('svg');
}

html {
  height: 100%;
  min-height: 100%;
  scroll-behavior: smooth;
}
body {
  min-height: 100%;
	text-align: left;
  color: #111111;
  background: #FFFFFF;
  /*background-image: url(http://basehold.it/i/24/00BFFF);*/
  line-height: 1.5;
  font-family:"Apercu Light", Georgia, Calibri, Roboto, sans-serif;
  font-weight:200;
  font-style:normal;
}
img {
  width: 100%;
}
hr {
  border-bottom: 1px solid;
}
.wf-loading body {
  visibility: hidden;
}

/* Layout */
#page {
  padding: 1em;
}
header, main, footer, .home footer {
  max-width: 75em;
  margin: 0 auto;
}
.logo-wrap {
  display: inline-block;
  width: 10em;
  height: 2.2em;
  margin-bottom: 2em;
}
.logo {
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
  height: inherit;
}
.logo span {
  opacity: 0;
}
.home.light .logo {
  background-image: url('/site/themes/mustard-v3/img/ma-logo1-white.png');
  background-image: url('/site/themes/mustard-v3/img/ma-logo1-white.svg');
}
.logo, .home.dark .logo {
  background-image: url('/site/themes/mustard-v3/img/ma-logo1-black.png');
  background-image: url('/site/themes/mustard-v3/img/ma-logo1-black.svg');
}
.home.mustard .logo {
  background-image: url('/site/themes/mustard-v3/img/ma-logo1-mustard.png');
  background-image: url('/site/themes/mustard-v3/img/ma-logo1-mustard.svg');
}
.logo.v2 {
  background-image: url('/site/themes/mustard-v3/img/ma-logo2-mustard.png');
  background-image: url('/site/themes/mustard-v3/img/ma-logo2-mustard.svg');
  background-position: center top;
  width: 100%;
  height: 4em;
  margin: 0 auto 2em auto;
}
.riba-logo {
  display: block;
  width: auto;
  height: 3.5em;
  margin-top: 2em;
}
.home.light .riba-logo {
  background-image: url('/site/themes/mustard-v3/img/riba-logo-light-01.svg');
}
.home.dark .riba-logo {
  background-image: url('/site/themes/mustard-v3/img/riba-logo-dark-01.svg');
}
.home.mustard .riba-logo {
  background-image: url('/site/themes/mustard-v3/img/riba-logo-mustard-01.svg');
}
body.home.light {
  background-color: #54585A;
}
body.home.dark {
  background-color: #E3E1E1;
}
nav, .grid-col .thumb, .home-contact {
  margin-bottom: 2em;
}
.home-contact {
  margin-bottom: -0.5em;
  margin-top: 1em;
}
footer .info {
  width: 100%;
  text-align: center;
}
.mb-single, .grid-col {
  margin-bottom: 1rem;
}
.mb-double {
  margin-bottom: 2rem;
}


/* Typography */
/*p {*/
/*  font-family:"Apercu Light", Calibri, Roboto, sans-serif;*/
/*  font-weight:200;*/
/*  font-style:normal;*/
/*}*/
h1, h2 {
  font-family: "le-monde-livre-std", "le-monde-livre-classic-std-reg", Verdana, Constantia, Baskerville, Georgia, serif;
  font-weight:400;
  font-style:normal;
  -webkit-font-variant-ligatures: common-ligatures;
  font-variant-ligatures: common-ligatures;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  -webkit-font-variant-ligatures: common-ligatures, contextual;
          font-variant-ligatures: common-ligatures, contextual;
  -ms-font-feature-settings: "kern", "liga", "clig", "alt";
  -webkit-font-feature-settings: "kern", "liga", "clig", "calt";
  font-feature-settings: "kern", "liga", "clig", "calt";
}
.heavy, .meta h3 {
  font-family:"Apercu Regular", Georgia, Calibri, Roboto, sans-serif;
  font-weight:normal;
  font-style:normal;
}
.text p + p {
  text-indent: 1.5em;
}
h1 {
  font-size: 1.25em;
  margin-bottom: -0.25em;
}
h2 {
  font-size: 1.25em;
}
.home.light nav a, .home.light footer a, .thumb .light {
  color: #FFFFFF;
}
.home.light .social-icon svg path {
  fill: #FFFFFF !important;
}
.home.dark nav a, .home.dark footer a, .thumb .dark {
  color: #333333;
}
.home.dark .social-icon svg path {
  fill: #333333 !important;
}
.home.mustard nav a, .home.mustard footer a {
  color: #D8B500;
}
.home.mustard .social-icon svg path {
  fill: #D8B500 !important;
}
.social-icon svg {
  width: initial;
  height: 0.75rem;
  display: inline-block;
  padding-right: 0.5rem;
}
.social-icon svg path {
  fill: #B0B0B0;
}
a, a.current, #backtotop:hover {
  color: #333333;
  text-decoration: none;
  cursor: pointer;
}
p a, .contact-info a, .meta-block a, .meta-block a:hover, .meta-block li a:hover
  nav a:hover, footer a:hover, .home nav a:hover, .home-contact a:hover, .pagination li.current, .pagination li:hover, .awards-press a {
  border-bottom: 1px dotted;
}
.pagination li.gray, .pagination li.gray:hover {
  border: none;
}
.gray, .gray a, .meta, .meta-block a {
  color: #B0B0B0 !important;
}
nav a, footer, footer a, #backtotop, .home-contact a, .tags a {
  color: #B0B0B0;
  border: none;
}
nav a {
  text-transform: capitalize;
}
nav a:hover, footer a:hover, .home-contact a:hover {
  color: #333333;
}
.meta h3 {
  color: #D8B500;
}
.awards-press li {
  margin-left: 1.5em;
  text-indent: -1.5em;
  margin-bottom: 1em;
}
::-moz-selection, mark {
  background: transparent;
  color: #D8B500;
}
::selection, mark {
  background: transparent;
  color: #D8B500;
}

/* Index of Thumbnails */
.thumb.grid-col, .items .grid-col {
  position: relative;
  margin-bottom: 1em;
}
.projects .thumb-info {
  position: absolute;
  bottom: 0;
  color: #FFFFFF;
  width: 100%;
}
.projects .thumb-text {
  padding: 1em;
}
.projects .thumb-info.dark {
  color: #111111;
}
.projects .thumb-info.light {
  color: #FFFFFF;
}
.thumb-info h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1em;
}
.thumb-text p {
  display: none;
}
.blank_set {
  display: none;
}

/* News */
.news .thumb img {
  /*border: 1px solid #DEDEDE;*/
}
.news .thumb-info {
  position: relative;
  color: #333333;
}
.news .thumb:hover .thumb-info {
  background: #DEDEDE;
}
.news .thumb-text p {
  display: block;
}
.news .thumb-info h2,.news .thumb-info p {
    font-size: inherit;
}
.news .tags li {
  display: inline-block;
  padding-right: 1em;
  margin-bottom: 0 !important;
}
.pagination .grid-col {
  text-align: center;
}
.bg-FBE370 {
  background: #FBE370;
}
.bg-F8D525 {
  background: #F8D525;
}
.bg-D8B500 {
  background: #D8B500;
}
.bg-AF940D {
  background: #AF940D;
}
.meta-block p, .meta-block li:last-child {
  margin-bottom: 1.5em;
}
.meta-block p:last-child {
  margin: 0;
}
main .grid-col.no-bottom-margin {
  margin-bottom: 0;
}
.grid-col .contact-info {
  margin-bottom: 1em;
}
.grid-col .contact-info:last-child {
  margin-right: 0;
}
.centered:first-child {
  width: initial;
  margin-left: auto;
  margin-right: auto;
}
.pagination li {
  display: inline-block;
  margin: 0 0.25em;
  padding: 0.25em 0.75em;
}
.pagination a {
  margin: -0.5em;
  padding: 0.5em;
}

#backtotop-wrap, .pagination {
  max-width: 100%;
  margin: 1em auto 2em auto;
  text-align: center;
}
#backtotop {
    padding: 1em 2em 0;
}

/* Footer */
.home footer {
  position: fixed;
  bottom: 2em;
  max-width: 75em;
  margin: 0 auto;
  left: 1em;
  right: 1em;
}
footer .info, .meta-block {
  margin-bottom: 1em;
}
footer .address {
  margin-bottom: 2.5em;
}

/* Extras */
.clear-item {
  clear: left;
}
.ie-only {
  margin: 0 auto 1.5em auto;
  padding: 0.5em 0;
  max-width: 35em;
  text-align: center;
}
.ie-only a {
  color: red;
  border-bottom: 1px solid;
}

/* Breakpoint (.bp1) */
@media all and (min-width: 20em) {
nav.first, nav.second, .contact-info {
  float: left;
}
nav.first, .contact-info {
  margin-right: 1.5em;
}

}

/* Breakpoint 2 (.bp2) */
@media all and (min-width: 35.5em) {
#page {
  padding: 2em;
}
header {
  margin-bottom: 0;
  min-height: 10em;
}
nav.first {
  width: initial;
  float: right;
  margin-right: initial;
  margin-left: 1em;
}
nav.second {
  float: right;
  text-align: right;
}
.home footer {
  left: 2em;
  right: 2em;
}
.home-contact {
  text-align: right;
  float: right;
}
.riba-logo {
  margin-top: 0;
  width: 50%;
  position: absolute;
  bottom: 0;
}
.centered:first-child {
  width: 50%;
}
.profiles article:nth-of-type(odd) {
  clear: left;
}
footer .contact, footer .address {
  width: 50%;
  float: left;
}
footer .address {
  padding-left: 1em;
}

}
/* Breakpoint (.bp3) */
@media all and (min-width: 55em) {
p, nav li, .meta h3, .meta li, .awards-press li {
  font-size: 1.125em;
}
h1 {
  font-size: 1.75em;
}
h2 {
  font-size: 1.45em;
}
.logo-wrap {
  width: 12em;
  height: 2.64em;
}
nav.first {
  margin-left: 1.5em;
}
.thumb.grid-col, .items .grid-col {
  margin-bottom: 1.5em;
}
main .grid-col {
  margin-bottom: 1.5em;
}
.grid-col .contact-info {
  margin-bottom: 0;
}
#backtotop {
  padding-bottom: 1.5em;
}
.news .thumb h2 {
  margin-bottom: initial;
}
.news .thumb-text p {
  display: block;
}
.news li .thumb-info:hover {
  background-color: initial;
  color: initial;
  border-right: 1px solid black;
}
.news .thumb:hover img {
  -webkit-filter: initial;
  -ms-filter: initial;
  filter: initial;
  -webkit-filter: initial;
          filter: initial;
}
.news .post-description {
  margin-top: -0.5em;
}
.blank_set {
  display: block;
}
.profiles article:nth-of-type(odd) {
  clear: none;
}
.profiles article:nth-of-type(3n) {
  clear: left;
}
}

/* Breakpoint (.bp4) */
@media all and (min-width: 60em) {
.logo.v2 {
  width: 10em;
  float: left;
  background-position: left top;
}
.projects .thumb-info {
  position: absolute;
  display: block;
  z-index: 10;
  opacity: 0;
  min-height: 100%;
  width: calc(100% - 1.5em);
}
.thumb-info:hover {
  opacity: 1;
}
.thumb h2 {
  margin-bottom: 0.5em;
}
.projects .thumb-text {
  position: absolute;
  bottom: 0;
  padding: 1.5em;
}
.thumb-text p {
  display: block;
}
.projects .thumb-info:hover {
  background-color: rgba(216, 181, 0, 0.8);
  color: #FFFFFF;
}

.projects .thumb-info:hover img {
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}
.multi-column {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1.5em;
     -moz-column-gap: 1.5em;
          column-gap: 1.5em;
}

footer .info-wrap {
  float: right;
}
footer .info {
  width: initial;
  padding-left: 1.5em;
  float: left;
  text-align: left;
}
}

#statamic_debug {
  float: left;
  width: 100%;
}

/* Print Styles */
@media print {
.logo {

}
}




/* End */