@charset "UTF-8";
/*
Theme Name: 	Space Studio
Theme URI: 		inhouse.nz
Description: 	pace Studio 2018-08
Version: 		1.0
Author: 		inhouse.nz
Author URI: 	inhouse.nz
Tags: 			inhouse.nz
*/
/*SASS Variables----------------------*/
/*SASS Import----------------------*/
div,
article,
section,
header,
footer,
nav,
li {
  position: relative; /* For absolutely positioning elements within containers (add more to the list if need be) */
}

.group:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  visibility: hidden; /* For clearing */
}

body {
  background: #fff; /* Don't forget to style your body to avoid user overrides */
}

::-moz-selection {
  background: #999999;
  color: #333;
}

::selection {
  background: #999999;
  color: #333;
}

html {
  font-size: 48%;
}

@media (min-width: 768px) {
  html {
    font-size: 52.5%;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 58.5%;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 62.5%;
  }
}
@font-face {
  font-family: "sofia";
  src: url("fonts/941243bb-e692-46f8-91b9-6e621e5c1ff8.eot?#iefix");
  src: url("fonts/941243bb-e692-46f8-91b9-6e621e5c1ff8.eot?#iefix") format("eot"), url("fonts/8b31e0d7-5f53-45c2-b318-064f0b532543.woff2") format("woff2"), url("fonts/476fe015-ab32-40a2-8fed-0a5af9a3bba4.woff") format("woff"), url("fonts/d8bcfa37-4f93-49cf-8dea-c29e894af58e.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "sofia";
  src: url("fonts/27070da8-f8ed-4002-8324-4f0dd80f8fa4.eot?#iefix");
  src: url("fonts/27070da8-f8ed-4002-8324-4f0dd80f8fa4.eot?#iefix") format("eot"), url("fonts/fe0b48dd-7bb4-4787-913d-eaf613373f35.woff2") format("woff2"), url("fonts/d493595c-97d2-4edc-bc9a-c09ad13b4913.woff") format("woff"), url("fonts/449bb77f-1bc7-4956-a8f1-3d4ae9243a59.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
body {
  background-color: #FFFFFF;
  color: #86764e;
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  font-family: "sofia", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: left;
  font-size: 4.8vw;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
  body {
    font-size: 1.25vw;
  }
}
a {
  outline: 0 !important;
}

a {
  color: inherit;
}

a:link {
  text-decoration: none;
  color: inherit;
}

a:visited {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: underline;
  color: inherit;
}

a:active {
  text-decoration: none;
  color: inherit;
}

p {
  margin-bottom: 0.55em;
}

strong {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*Nav*/
nav {
  z-index: 100;
}

.navbar-toggle {
  background-color: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  z-index: 10;
}

/*Nav Button------------------------------*/
.navbar-toggle .icon-bar {
  border-radius: 0;
  display: block;
  height: 1px;
  width: 50px;
}

button.navbar-toggle {
  display: block;
  height: auto;
  cursor: pointer;
  padding: 5vw;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 12px;
}

button.navbar-toggle .icon-bar {
  background: #86764e;
}

.navbar-toggle {
  position: relative;
  top: 0;
}

/*Hamburger + Anim ------------------------------*/
button.navbar-toggle .icon-bar {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

button.navbar-toggle.active span.icon-top {
  -webkit-transform: translate(0, 13px) rotate(45deg);
  -moz-transform: translate(0, 13px) rotate(45deg);
  -o-transform: translate(0, 13px) rotate(45deg);
  transform: translate(0, 13px) rotate(45deg);
  background: #f3f0dd !important;
}

button.navbar-toggle.active span.icon-bottom {
  -webkit-transform: translate(0, -13px) rotate(-45deg);
  -moz-transform: translate(0, -135px) rotate(-45deg);
  -o-transform: translate(0, -13px) rotate(-45deg);
  transform: translate(0, -13px) rotate(-45deg);
  background: #f3f0dd !important;
}

button.navbar-toggle.active span.icon-middle {
  opacity: 0;
  background: #f3f0dd !important;
}

#mainNav {
  top: 0;
  left: 0;
  height: 0;
  position: fixed;
  width: 100%;
}

.bigNav {
  background: #86764e none repeat scroll 0 0;
  height: 100%;
  transform: translateX(-100%);
  position: fixed;
  top: 0;
  width: 100vw;
}

@media (min-width: 768px) {
  .bigNav {
    width: 50vw;
  }
}
.nav.mainNav {
  z-index: 100;
  height: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nav.mainNav a {
  color: #ffffff;
  font-size: inherit;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul.sub-menu {
  display: none;
}

#menu-main-menu-contact ul.sub-menu {
  display: block;
  width: 95vw;
}

@media (min-width: 768px) {
  ul.sub-menu {
    margin-left: 100%;
    float: left;
    width: 26vw !important;
    margin-top: -1em;
    display: block;
  }
}
#menu-main-menu > li, #menu-main-menu-contact > li {
  width: 20%;
  float: left;
  clear: both;
  margin-bottom: 0.4em;
  font-size: 10vw;
  line-height: 1em;
}

@media (min-width: 768px) {
  #menu-main-menu > li, #menu-main-menu-contact > li {
    width: 20%;
    float: left;
    clear: both;
    margin-bottom: 1.25vw;
    line-height: 1em;
    font-size: inherit;
  }
}
#menu-main-menu-contact > li {
  font-size: inherit;
}

#menu-main-menu li {
  line-height: 0;
}

#menu-main-menu, #menu-main-menu-contact {
  top: 20vw;
  position: relative;
  left: 5vw;
}

@media (min-width: 768px) {
  #menu-main-menu, #menu-main-menu-contact {
    top: 5vw;
    left: 12.5vw;
  }
}
#menu-item-56 {
  margin-top: 1.25vw;
}

#menu-main-menu-contact {
  padding-top: 1.5em;
  clear: both;
  color: #ffffff;
}

@media (min-width: 768px) {
  #menu-main-menu-contact {
    padding-top: 0;
    clear: none;
  }
}
#menu-main-menu-contact .email {
  line-height: 0;
  margin-bottom: 1em;
  margin-top: 1em;
}

@media (min-width: 768px) {
  #menu-main-menu-contact .email {
    margin-top: 0;
    margin-bottom: 1.25vw;
  }
}
#menu-main-menu-contact .tel {
  line-height: inherit;
  margin-bottom: 1.1vw;
}

/*INFINITE LOAD*/
.yith-infs-loader img {
  display: none;
}

.malinky-ajax-pagination-loading img {
  display: none !important;
}

.malinky-ajax-pagination-loading, .search-filter-scroll-loading {
  position: relative;
  width: 10vw;
  height: 10vw;
  margin: 6vw auto !important;
  background-color: #000000;
  clear: both;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}

@media (min-width: 768px) {
  .malinky-ajax-pagination-loading, .search-filter-scroll-loading {
    width: 3vw;
    height: 3vw;
  }
}
@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
nav.navigation {
  clear: both;
}

.js nav.navigation {
  display: none;
}

/*FOOTER--------------*/
footer {
  background: #ffffff;
  padding: 10vw 0 10vw;
  color: #86764e;
}

@media (min-width: 768px) {
  footer {
    padding: 5vw 0 5vw;
  }
}
.home footer, .single-project footer {
  margin-top: 20vw;
}

footer .logoCol img {
  width: 50vw;
}

@media (min-width: 768px) {
  footer .logoCol img {
    width: 21vw;
  }
}
footer p.footerHead, footer .contact p.footerHead {
  margin-bottom: 0.8em;
  margin-top: 2em;
}

@media (min-width: 768px) {
  footer p.footerHead, footer .contact p.footerHead {
    margin-bottom: 2.8em;
    margin-top: 0;
  }
}
footer .copyrightRow {
  margin-top: 3vw;
}

footer .contact p {
  margin-bottom: 1.2em;
}

/*Page Loader---------------*/
.is-exiting #contentHolder {
  opacity: 0;
}

/*Structure*/
#contentHolder {
  margin-top: 0;
  width: 100%;
}

.cleared {
  clear: both;
}

.container-fluid {
  padding-left: 5vw;
  padding-right: 5vw;
}

.container-fluid.fullWidth {
  padding-left: 0;
  padding-right: 0;
}

.fullWidth .row {
  margin-left: 0;
  margin-right: 0;
}

.fullWidth .col {
  padding-left: 0;
  padding-right: 0;
}

.imgSpaced img {
  position: absolute;
}

.col.center-block {
  float: none;
}

/*Logo*/
.logoHolder {
  width: 90vw;
  margin: 0;
  position: absolute;
  top: 40vh;
  left: 50.9%;
  z-index: 90;
  transform: translate(-50%, -50%);
  display: none;
}

@media (min-width: 768px) {
  .logoHolder {
    width: 43.5vw;
    transform: translate(-50%, -100%);
    top: 50vh;
  }
}
.home .logoHolder {
  display: block;
}

/*Type*/
.uppercase {
  text-transform: uppercase;
}

.centred {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.reverse {
  color: #ffffff !important;
}

.columns {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 1.4vw;
  -moz-column-gap: 1.4vw;
  column-gap: 1.4vw;
}

.columns p, .columns .letterList {
  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid; /* Theoretically FF 20+ */
  break-inside: avoid-column; /* IE 11 */
  display: table; /* Actually FF 20+ */
}

.columnRule {
  -webkit-column-rule: 1px solid #ddd;
  -moz-column-rule: 1px solid #ddd;
  column-rule: 1px solid #ddd;
}

a, p, h1, h2, h3, h4, li {
  margin: 0 0 0.3em;
  font-size: 4.8vw;
  font-weight: 300;
  line-height: 1.2em;
}

@media (min-width: 768px) {
  a, p, h1, h2, h3, h4, li {
    font-size: 1.25vw;
  }
}
.bold {
  font-weight: 400;
}
.bold a, .bold p, .bold h1, .bold h2, .bold h3, .bold h4, .bold li {
  font-weight: 400;
}

a.bold, p.bold, h1.bold, h2.bold, h3.bold, h4.bold {
  font-weight: 400;
}

.smallText {
  font-size: 4vw;
  line-height: 1.2em;
}
.smallText a, .smallText p, .smallText h1, .smallText h2, .smallText h3, .smallText h4, .smallText li {
  font-size: 4vw;
}
@media (min-width: 768px) {
  .smallText {
    font-size: 1vw;
  }
  .smallText a, .smallText p, .smallText h1, .smallText h2, .smallText h3, .smallText h4, .smallText li {
    font-size: 1vw;
  }
}

a.smallText, p.smallText, h1.smallText, h2.smallText, h3.smallText, h4.smallText {
  font-size: 4vw;
}

@media (min-width: 768px) {
  a.smallText, p.smallText, h1.smallText, h2.smallText, h3.smallText, h4.smallText {
    font-size: 1vw;
  }
}
.defaultText {
  font-size: 5vw;
  line-height: 1.2em;
}
.defaultText a, .defaultText p, .defaultText h1, .defaultText h2, .defaultText h3, .defaultText h4, .defaultText li {
  font-size: 5vw;
}
@media (min-width: 768px) {
  .defaultText {
    font-size: 1.25vw;
  }
  .defaultText a, .defaultText p, .defaultText h1, .defaultText h2, .defaultText h3, .defaultText h4, .defaultText li {
    font-size: 1.25vw;
  }
}

a.defaultText, p.defaultText, h1.defaultText, h2.defaultText, h3.defaultText, h4.defaultText {
  font-size: 5vw;
}

@media (min-width: 768px) {
  a.defaultText, p.defaultText, h1.defaultText, h2.defaultText, h3.defaultText, h4.defaultText {
    font-size: 1.25vw;
  }
}
.largeText {
  font-size: 13vw;
  line-height: 1.2em;
}
.largeText a, .largeText p, .largeText h1, .largeText h2, .largeText h3, .largeText h4, .largeText li {
  font-size: 13vw;
}
@media (min-width: 768px) {
  .largeText {
    font-size: 5.5vw;
  }
  .largeText a, .largeText p, .largeText h1, .largeText h2, .largeText h3, .largeText h4, .largeText li {
    font-size: 5.5vw;
  }
}

a.largeText, p.largeText, h1.largeText, h2.largeText, h3.largeText, h4.largeText {
  font-size: 13vw;
}

@media (min-width: 768px) {
  a.largeText, p.largeText, h1.largeText, h2.largeText, h3.largeText, h4.largeText {
    font-size: 5.5vw;
  }
}
.largeText02 {
  font-size: 13vw;
  line-height: 1.2em;
}
.largeText02 a, .largeText02 p, .largeText02 h1, .largeText02 h2, .largeText02 h3, .largeText02 h4, .largeText02 li {
  font-size: 13vw;
}
@media (min-width: 768px) {
  .largeText02 {
    font-size: 4.5vw;
  }
  .largeText02 a, .largeText02 p, .largeText02 h1, .largeText02 h2, .largeText02 h3, .largeText02 h4, .largeText02 li {
    font-size: 4.5vw;
  }
}

a.largeText02, p.largeText02, h1.largeText02, h2.largeText02, h3.largeText02, h4.largeText02 {
  font-size: 13vw;
}

@media (min-width: 768px) {
  a.largeText02, p.largeText02, h1.largeText02, h2.largeText02, h3.largeText02, h4.largeText02 {
    font-size: 4.5vw;
  }
}
@media (max-width: 767px) { /*MAXXXXXXXXXXXXXXXXXXX*/
  .mob_largeText02 {
    font-size: 13vw !important;
    line-height: 1.2em;
  }
  .mob_largeText02 a, .mob_largeText02 p, .mob_largeText02 h1, .mob_largeText02 h2, .mob_largeText02 h3, .mob_largeText02 h4, .mob_largeText02 li {
    font-size: 13vw !important;
  }
  a.mob_largeText02, p.mob_largeText02, h1.mob_largeText02, h2.mob_largeText02, h3.mob_largeText02, h4.mob_largeText02 {
    font-size: 13vw !important;
  }
}
.medlargeText {
  font-size: 6vw;
  line-height: 1.1em;
}
.medlargeText a, .medlargeText p, .medlargeText h1, .medlargeText h2, .medlargeText h3, .medlargeText h4, .medlargeText li {
  font-size: 6vw;
}
@media (min-width: 768px) {
  .medlargeText {
    font-size: 2.8vw;
  }
  .medlargeText a, .medlargeText p, .medlargeText h1, .medlargeText h2, .medlargeText h3, .medlargeText h4, .medlargeText li {
    font-size: 2.8vw;
  }
}

a.medlargeText, p.medlargeText, h1.medlargeText, h2.medlargeText, h3.medlargeText, h4.medlargeText {
  font-size: 6vw;
}

@media (min-width: 768px) {
  a.medlargeText, p.medlargeText, h1.medlargeText, h2.medlargeText, h3.medlargeText, h4.medlargeText {
    font-size: 2.8vw;
  }
}
.mediumText {
  font-size: 6vw;
  line-height: 1.2em;
}
.mediumText a, .mediumText p, .mediumText h1, .mediumText h2, .mediumText h3, .mediumText h4, .mediumText li {
  font-size: 6vw;
}
@media (min-width: 768px) {
  .mediumText {
    font-size: 2.3vw;
  }
  .mediumText a, .mediumText p, .mediumText h1, .mediumText h2, .mediumText h3, .mediumText h4, .mediumText li {
    font-size: 2.3vw;
  }
}

a.mediumText, p.mediumText, h1.mediumText, h2.mediumText, h3.mediumText, h4.mediumText {
  font-size: 6vw;
}

@media (min-width: 768px) {
  a.mediumText, p.mediumText, h1.mediumText, h2.mediumText, h3.mediumText, h4.mediumText {
    font-size: 2.3vw;
  }
}
.medsmText {
  font-size: 4.2vw;
  line-height: 1.2em;
}
.medsmText a, .medsmText p, .medsmText h1, .medsmText h2, .medsmText h3, .medsmText h4, .medsmText li {
  font-size: 4.2vw;
}
@media (min-width: 768px) {
  .medsmText {
    font-size: 1.4vw;
  }
  .medsmText a, .medsmText p, .medsmText h1, .medsmText h2, .medsmText h3, .medsmText h4, .medsmText li {
    font-size: 1.4vw;
  }
}

a.medsmText, p.medsmText, h1.medsmText, h2.medsmText, h3.medsmText, h4.medsmText {
  font-size: 4.2vw;
}

@media (min-width: 768px) {
  a.medsmText, p.medsmText, h1.medsmText, h2.medsmText, h3.medsmText, h4.medsmText {
    font-size: 1.4vw;
  }
}
/*Structure and spacing*/
section.titleSection {
  padding: 23vw 0 12.5vw;
}

@media (min-width: 768px) {
  section.titleSection {
    padding: 15vw 0 12.5vw;
  }
}
@media (min-width: 768px) {
  .flexBottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flexBottom .col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flexBottom .toBottom {
    margin-top: auto;
  }
}
.arrow {
  width: 0;
  height: 0;
  border-left: 1.65vw solid transparent;
  border-right: 1.65vw solid transparent;
  display: inline-block;
  margin-bottom: 0.5em;
}

@media (min-width: 768px) {
  .arrow {
    border-left: 0.55vw solid transparent;
    border-right: 0.55vw solid transparent;
  }
}
.arrowUp {
  border-bottom: 2.4vw solid #86764e;
}

@media (min-width: 768px) {
  .arrowUp {
    border-bottom: 0.8vw solid #86764e;
  }
}
.arrowDown {
  border-top: 2.4vw solid #86764e;
}

@media (min-width: 768px) {
  .arrowDown {
    border-top: 0.8vw solid #86764e;
  }
}
.arrowLeft {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*Single Project*/
.single-project h1 {
  margin: 0;
  margin-bottom: 5vw;
  line-height: 1em;
}
@media (min-width: 768px) {
  .single-project h1 {
    margin: 0;
  }
}
.single-project section.titleSection p {
  margin: 0;
}
.single-project section.titleSection {
  background: #f3f0dd;
}
.single-project section.topSection {
  background: #f3f0dd;
  padding-bottom: 5vw;
}
@media (min-width: 768px) {
  .single-project section.topSection {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .single-project .keyImage img {
    transform: translateX(-5vw);
    width: 110%;
  }
}
.single-project .keyImage {
  margin-bottom: 5vw;
}
@media (min-width: 768px) {
  .single-project .keyImage {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .single-project { /*MAXXXXXXXXXXXXXXXXXXX*/ }
  .single-project .container-fluid.fullWidth {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
.single-project .mainText {
  margin-bottom: 5vw;
}
@media (min-width: 768px) {
  .single-project .mainText {
    margin-bottom: 0;
  }
}
.single-project .secondImage {
  margin: 5vw 0 0 0;
}
@media (min-width: 768px) {
  .single-project .secondImage {
    margin: 10vw 0 0 0;
  }
}
.single-project .mainSection .container-fluid {
  margin-top: 5vw;
}
@media (min-width: 768px) {
  .single-project .mainSection .container-fluid {
    margin-top: 15vw;
  }
}
.single-project .background {
  display: none;
}
@media (min-width: 768px) {
  .single-project .background {
    background: #f3f0dd;
    position: absolute;
    top: 0;
    left: 0;
    width: 83.3333%;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .single-project { /*MAXXXXXXXXXXXXXXXXXXX*/ }
  .single-project article .textHolder {
    margin: 5vw 0 5vw;
  }
}
.single-project .hasBackground .textHolder {
  padding-top: 5vw;
}
@media (max-width: 767px) {
  .single-project { /*MAXXXXXXXXXXXXXXXXXXX*/ }
  .single-project .pull-right {
    float: none !important;
  }
  .single-project .pull-left {
    float: none !important;
  }
}
.single-project .article {
  margin-top: 5vw;
}
@media (min-width: 768px) {
  .single-project .spaceNeg {
    margin-top: -15vw;
    z-index: -1;
  }
  .single-project .spaceNeg .firstImage .col {
    float: none;
  }
  .single-project .spaceNegHalf {
    margin-top: -7.5vw;
  }
  .single-project .spaceNegHalf .firstImage .col {
    float: none;
  }
  .single-project .spaceNone {
    margin-top: 0;
  }
  .single-project .spaceHalf {
    margin-top: 7.5vw;
  }
  .single-project .spaceStd {
    margin-top: 15vw;
  }
  .single-project .firstImage {
    margin-top: 0 !important;
  }
}
.single-project .awards {
  margin: 2em 0;
}
.single-project .awards img {
  mix-blend-mode: multiply;
}

/*HOME PAGE----------------*/
header.home button.navbar-toggle .icon-bar {
  background: #f3f0dd;
}

header.home button.navbar-toggle.dark .icon-bar {
  background: #86764e;
}

.home {
  background: #f3f0dd;
}
.home .splashSection {
  margin-bottom: 2.5vw;
}
.home .splashSection .col {
  width: 100%;
  height: 80vh;
  overflow: hidden;
  background-image: linear-gradient(#808080, #f3f0dd);
}
@media (min-width: 768px) {
  .home .splashSection .col {
    height: 100vh;
  }
}
.home .splashSection img {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.home .logoSection {
  position: absolute;
  top: 59vh;
  left: 0;
  width: 100%;
}
.home .textLogo svg {
  width: 20vw;
}
.home .sLogo svg {
  width: 19.4vh;
  float: right;
  margin-right: 3.3vw;
}
.home .topSection .introText {
  margin-top: 7.5vw;
}
.home .contentSection {
  margin-top: 15vw;
}
.home .topSection {
  padding-bottom: 10vw;
}
.home .mainText {
  margin-bottom: 2.5vw;
}
@media (min-width: 768px) {
  .home .mainText {
    width: 66%;
  }
}
@media (max-width: 767px) {
  .home { /*MAXXXXXXXXXXXXXXXXXXX*/ }
  .home .caption {
    display: none !important;
  }
}
.home .viewText {
  margin: 7vw 0;
}
@media (min-width: 768px) {
  .home .viewText {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .home .section1 .title {
    transform: translateX(-109%) rotate(-90deg);
    display: inline-block;
    transform-origin: top right;
  }
  .home .section1 .title > * {
    margin-bottom: 130%;
  }
  .home .section1 .imgHolder .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg) translatey(-18%);
    transform-origin: bottom left;
  }
}
.home .imgHolder .caption .arrowUp {
  display: none;
}
@media (min-width: 768px) {
  .home .section2 .title {
    position: absolute;
    right: 0;
    transform-origin: top left;
    transform: translateX(100%) rotate(90deg);
  }
  .home .section2 .mainText, .home .section2 .viewText {
    left: -27%;
  }
  .home .section2 img {
    transform: translateX(-5vw);
    width: calc(100% + 5vw);
  }
  .home .section2 .caption {
    position: absolute;
    right: 0;
    text-align: left;
    transform-origin: top right;
    transform: rotate(90deg) translateY(-120%);
  }
}
@media (min-width: 768px) {
  .home .section3 .imgHolder {
    left: 16.6666667%;
  }
  .home .section3 img {
    width: calc(100% + 5vw);
  }
  .home .section3 .caption {
    padding-top: 2vw;
    right: 16.666667%;
  }
}
.home .section3 .imgHolder .caption .arrowUp {
  display: inline-block;
}
.home .section3 .imgHolder .caption .arrowDown {
  display: none;
}
.home .caption .arrow {
  margin-top: 0.7vw;
}

/*TAX Archive  ----------------*/
.tax-project_category .imgHolder, #contentHolder.post-type-archive-project .imgHolder {
  margin-top: 5vw;
}
@media (min-width: 768px) {
  .tax-project_category .imgHolder, #contentHolder.post-type-archive-project .imgHolder {
    margin-top: 1.5vw;
  }
}
.tax-project_category footer, #contentHolder.post-type-archive-project footer {
  margin-top: 8vw;
}
.tax-project_category article p, .tax-project_category article h2, #contentHolder.post-type-archive-project article p, #contentHolder.post-type-archive-project article h2 {
  margin: 0;
}
.tax-project_category article, #contentHolder.post-type-archive-project article {
  margin-bottom: 10vw;
  padding: 0 2.5vw;
}
@media (min-width: 768px) {
  .tax-project_category article, #contentHolder.post-type-archive-project article {
    margin-bottom: 2.5vw;
    padding: 0 2.5vw;
  }
}
.tax-project_category .contentSection .row, #contentHolder.post-type-archive-project .contentSection .row {
  margin: 0 -2.5vw;
}
.tax-project_category section.titleSection, #contentHolder.post-type-archive-project section.titleSection {
  padding-bottom: 7.5vw;
}
@media (min-width: 768px) {
  .tax-project_category section.titleSection, #contentHolder.post-type-archive-project section.titleSection {
    padding-bottom: 5vw;
  }
}
.tax-project_category .catList ul, #contentHolder.post-type-archive-project .catList ul {
  width: 100%;
  text-align: left;
}
.tax-project_category .catList li, #contentHolder.post-type-archive-project .catList li {
  display: inline-block;
  padding-right: 0.8em;
}
@media (min-width: 768px) {
  .tax-project_category .catList ul, #contentHolder.post-type-archive-project .catList ul {
    text-align: right;
  }
  .tax-project_category .catList li, #contentHolder.post-type-archive-project .catList li {
    display: inline-block;
    padding-left: 3em;
    padding-right: 0;
  }
}
.tax-project_category .curTax a, #contentHolder.post-type-archive-project .curTax a {
  text-decoration: underline;
}

#contentHolder.post-type-archive-project .allwork {
  text-decoration: underline;
}

/*Services Page ----------------*/
header.page-template-services button.navbar-toggle.light .icon-bar {
  background: #f3f0dd;
}

.services#contentHolder {
  padding-top: 18vw;
}

@media (min-width: 768px) {
  .services#contentHolder {
    padding-top: 0;
  }
}
.serviceSection {
  padding-top: 5vw;
}

@media (min-width: 768px) {
  .serviceSection {
    padding-top: 4.3vw;
    min-height: 85vh;
  }
}
@media (min-width: 768px) {
  .serviceImageSection, .serviceImageSection .col {
    height: 85vh;
    overflow: hidden;
  }
  .serviceImageSection img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: 50% 50%;
  }
}
.serviceImageSection .caption {
  position: absolute;
  top: 2.25vw;
  right: 4.5vw;
  color: #ffffff;
}

.nextCont {
  position: absolute;
  bottom: 2vw;
  width: 100%;
}

.nextCont .arrow {
  transform: scale(1.5);
  cursor: pointer;
}

.serviceSection:last-of-type .nextCont {
  display: none;
}

/*.arrowUp {
	border-bottom: 0.8vw solid #86764e;
}*/
.black-gold .arrowDown {
  border-top-color: #2e270f;
}

.serviceSection .textCol {
  padding-bottom: 20vw;
}

@media (min-width: 768px) {
  .serviceSection .textCol {
    padding-bottom: 10vw;
  }
}
.page-template-team {
  background: #86764e;
  color: #f3f0dd;
}
.page-template-team button.navbar-toggle .icon-bar {
  background-color: #f3f0dd;
}

@media (min-width: 768px) {
  section.imageRight img {
    transform: translateX(5vw);
  }
  section.imageLeft img {
    transform: translateX(-5vw);
  }
}
@media (max-width: 767px) { /*MAXXXXXXXXXXXXXXXXXXX*/
  .page-template-team .imageHolder {
    margin: 7vw 0;
  }
}
.teamSection {
  padding-bottom: 15vw;
}

.teamSection h2 {
  margin: 0;
}

.page-template-team .topSection {
  padding-top: 5vw;
  padding-bottom: 15vw;
}

.nameCol h2, .nameCol p {
  line-height: 1em;
}

.single-post {
  background: #f3f0dd;
}
.single-post h1 {
  line-height: 1.1em;
  margin-bottom: 2.5vw;
}
.single-post .titleSection {
  padding-bottom: 5vw;
}
@media (min-width: 768px) {
  .single-post .titleSection {
    padding-top: 2.5vw;
    padding-bottom: 1.25vw;
  }
}
.single-post .contentSection .imgHolder {
  margin: 10vw 0 5vw;
}
@media (min-width: 768px) {
  .single-post .contentSection .imgHolder {
    margin: 5vw 0 2.5vw;
  }
}
.single-post .contentSection {
  padding-bottom: 5vw;
}
.single-post .contentSection .keyImage {
  margin-top: 0;
}
.single-post .bottomSection {
  padding-bottom: 5vw;
}
.single-post .mainCol li::before {
  content: "—";
  position: absolute;
  left: -1.1em;
}
.single-post .sideCol .post-categories {
  margin-bottom: 1.3em;
}
.single-post .sideCol .post-categories a {
  text-decoration: underline;
}
.single-post .backJournal {
  margin-bottom: 1.3em;
}
@media (min-width: 768px) {
  .single-post .at-style-responsive .at-share-btn {
    padding: 0.18vw;
    margin-right: 0.2em;
    width: 1.3vw;
    height: 1.3vw;
  }
}
.single-post .at-resp-share-element .at-share-btn:focus, .single-post .at-resp-share-element .at-share-btn:hover {
  transform: none;
}
@media (max-width: 767px) {
  .single-post { /*MAXXXXXXXXXXXXXXXXXXX*/ }
  .single-post .sideCol {
    margin-top: 15vw;
  }
}

.blog, .category {
  background: #f3f0dd;
}
.blog h1, .category h1 {
  line-height: 1.1em;
  margin-bottom: 2.5vw;
}
.blog .titleSection, .category .titleSection {
  padding-bottom: 5vw;
}
@media (min-width: 768px) {
  .blog .titleSection, .category .titleSection {
    padding-top: 2.5vw;
  }
}
.blog .contentSection, .category .contentSection {
  padding-bottom: 5vw;
}
.blog article, .category article {
  margin-bottom: 6vw;
  clear: both;
}
@media (min-width: 768px) {
  .blog article, .category article {
    width: 75%;
  }
}
.blog article .textHolder, .category article .textHolder {
  width: 90%;
  margin-bottom: 2vw;
}
@media (max-width: 767px) {
  .blog article .textHolder .postCats a, .category article .textHolder .postCats a { /*MAXXXXXXXXXXXXXXXXXXX*/
    font-size: 3.8vw;
  }
}
.blog article img, .category article img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  mix-blend-mode: multiply;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.blog article:hover img, .category article:hover img {
  -webkit-filter: grayscale(0.5);
  filter: grayscale(0.5);
}
@media (min-width: 768px) {
  .blog article:nth-of-type(2n), .category article:nth-of-type(2n) {
    width: 75%;
    float: right;
  }
  .blog article:nth-of-type(2n) .textHolder, .category article:nth-of-type(2n) .textHolder {
    left: 12.5%;
  }
}

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