@import url(//hello.myfonts.net/count/3b818e);
@font-face {
font-family: "PalatinoNova-Italic";
src: url(//tanglewoodconservatories.com/wp-content/themes/tanglewood/webFonts/PalatinoNova-Italic/font.woff2) format("woff2"), url(//tanglewoodconservatories.com/wp-content/themes/tanglewood/webFonts/PalatinoNova-Italic/font.woff) format("woff");
}
@font-face {
font-family: "PalatinoNova-Regular";
src: url(//tanglewoodconservatories.com/wp-content/themes/tanglewood/webFonts/PalatinoNova-Regular/font.woff2) format("woff2"), url(//tanglewoodconservatories.com/wp-content/themes/tanglewood/webFonts/PalatinoNova-Regular/font.woff) format("woff");
}     html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-family: "PalatinoNova-Regular";
font-size: 1rem;
line-height: 1.9;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i { font-family: "PalatinoNova-Italic";
}
cite {
font-style: normal;
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 0.58em;
display: block;
line-height: 1.6;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
cite span {
font-weight: 200;
text-transform: none;
font-style: italic;
color: inherit !important;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #404040;
text-decoration: none;
}
a:visited { }
a:focus,
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}     li.menu-item-has-children > a {
font-size: 1.3em;
font-size: 1.2em;
color: #000;
opacity: 1;
position: relative;
pointer-events: none;
}
li.menu-item-has-children > a:before,
li.menu-item-has-children > a:after {
content: "";
position: absolute;
top: calc(50% - 1px);
right: -25px;
bottom: auto;
left: auto;
width: 18px;
height: 1px;
background-color: #000;
}
li.menu-item-has-children > a:before {
right: auto;
left: -25px;
} header {
position: relative;
z-index: 100;
z-index: 300;
} figure.image-holder {
margin: 0;
}
.wp-block-image figcaption {
opacity: 0.5;
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 300;
text-align: left;
font-size: 0.75em;
line-height: 1.5;
margin-bottom: 3.5em;
}
.single .wp-block-image figcaption {
text-align: center;
}
.page-id-42 .wp-block-image figcaption {
text-align: center;
}
.image-holder img,
.image-holder img.image-loading {
opacity: 0;
transition: opacity 0.35s ease-out;
}
.image-holder img.image-loaded {
opacity: 1;
}
.image-holder img[data-ofi-src] {
pointer-events: none;
}
.all-portfolio a {
display: inline-block;
vertical-align: top;
width: 32%;
margin-right: 1.3%;
margin-bottom: 10px;
}
.all-portfolio > h2 {
text-align: center;
}
.all-portfolio img {
display: block;
}
.all-portfolio .image-set figure {
height: 36vmin;
}
ul.portfolio-nav {
list-style: none;
text-align: center;
margin: 0 auto;
padding-left: 0;
}
ul.portfolio-nav li {
display: inline-block;
text-align: center;
padding-left: 5px;
}
ul.portfolio-nav li:after {
content: "|";
margin-left: 5px;
}
ul.portfolio-nav li:last-of-type:after {
content: "";
} body {
min-height: 100vh;
min-height: calc(var(--vh, 1vh) * 100);
display: flex;
flex-direction: column;
}
.site-header {
flex: 0 0 auto;
}
@media screen and (max-width: 765px) {
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery) .site-header {
position: fixed;
top: 0;
right: 0;
bottom: auto;
left: 0;
height: 95px;
width: 100%;
background-color: #f5f5ec;
}
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery).single-portfolio_items .site-header {
background-color: white;
}
}
.content-area {
flex: 1 1 auto;
}
.site-footer {
flex: 0 0 auto;
}
.page-template-page_homepage_no_fadein .site-footer,
.page-template-page_homepage_gallery .site-footer {
opacity: 0;
}
.home .site-footer {
opacity: 1;
position: relative;
top: 103vh;
}
.home .site-footer #just-twd .cls-1 {
fill: #000000 !important;
}
.page-header {
text-align: center;
line-height: 1.6;
padding-bottom: 0.5em;
z-index: 10;
background-color: #f5f5ec; }
@media screen and (min-width: 765px) {
.page-header {
position: fixed;
top: 0;
right: 0;
bottom: auto;
left: 0;
padding-top: 0.75em;
}
}
.single-portfolio_items .page-header { background-color: #fff;
}
.overlay-open.project .page-header,
.overlay-open.portfolio .page-header {
background-color: #f5f5ec;
}
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery) {
background-color: #f5f5ec;
}
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery).single-portfolio_items {
background-color: #ffffff;
}
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery) .site-main {
margin: 0 1.75rem 1.75rem;
padding-top: 11rem; }
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery).single-portfolio_items .site-main { padding-top: 95px;
margin: 0;
}
@media screen and (min-width: 765px) {
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery).process-architects .site-main,
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery).profile .site-main {
margin: 1.75rem 91px 0;
}
}
@media screen and (min-width: 1024px) {
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery).contact .site-main {
margin: 0 91px 0;
padding-top: 0;
}
}
@media screen and (max-width: 765px) {
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery) .site-main {
padding-top: 8rem;
}
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery).contact .site-main {
padding-top: 0;
}
}
.single blockquote,
.portfolio_items-template-default blockquote,
.page-template-default blockquote {
text-align: center;
font-size: 1.2em;
color: #82827d;
max-width: 600px;
margin: calc(2em + 2vh) auto;
text-transform: uppercase;
font-family: "Cinzel", serif;
font-style: normal;
}
.single blockquote p,
.page-template-default blockquote p {
margin-bottom: 0.5em;
}
@media screen and (min-width: 765px) {
.single blockquote p,
.page-template-default blockquote {
font-size: 2.2vmin;
}
} .page-template-default.page-id-17 blockquote {
max-width: 775px;
}
.page-template-default.page-id-17 .white-box {
text-align: center;
}
.page-template-default .inset-thin ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0.86em;
}
.inset-thin.white-box {
padding: 5vh 7vh;
}
.white-box {
background: white;
padding: 6vw;
position: relative;
}
@media screen and (min-width: 765px) {
.white-box {
padding: 3vw;
}
}
.page-id-17 .white-box {
background: #bfb5a8;
background: #dddeca;
}
.white-box:after {
content: "";
position: absolute;
top: 3vw;
right: 3vw;
bottom: 3vw;
left: 3vw;
border: 1px solid rgba(000, 000, 000, 0.4);
pointer-events: none;
}
@media screen and (min-width: 765px) {
.white-box:after {
top: 0.85vw;
right: 0.85vw;
bottom: 0.85vw;
left: 0.85vw;
}
}
.page-id-17 .wp-block-group.white-box h2 {
font-family: "Cinzel", serif;
font-weight: 400;
text-transform: uppercase;
margin: 0;
font-size: 1.3em;
}
.page-id-43 h2 span {
color: inherit !important;
font-family: "Cinzel", serif;
font-weight: 400;
text-transform: uppercase;
margin: 0;
font-size: 1.8em;
}
.page-id-43.page-template-default h2 { }
.page-id-43.page-template-default blockquote {
margin: 0.5em auto;
color: #404040;
} p.project-caption,
a.link-project {
text-align: center;
width: 100%;
display: block;
margin: 0.5em 0 0 0;
font-style: italic;
font-size: 0.8em;
color: #989494;
}
.overlay-open.project,
.overlay-open.portfolio,
.heritage {
background-color: #f5f5ec;
}
.overlay-open.contact {
background-color: #fff;
}
.page-header p {
text-transform: uppercase;
font-size: 0.75em;
letter-spacing: 0.07em;
color: #7b4a04;
-webkit-font-smoothing: antialiased;
margin: 0;
}
p.index-btn {
cursor: pointer;
}
.page-id-42.page-template-default:not(.page-id-13) h2,
.page-template-default h2,
.grid-video p,
.tax-project_type h1,
.page-header h1 {
font-family: "Cinzel", serif;
font-weight: 400;
text-transform: uppercase;
margin: 0;
font-size: 1.3em;
margin: 0.2em 0 0.1em;
}
.page-template-default:not(.page-id-13) h2 {
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 0.72em;
margin-bottom: 0;
}
.page-template-default h3 {
text-transform: uppercase;
font-size: 0.75em;
letter-spacing: 0.07em;
color: #7b4a04;
-webkit-font-smoothing: antialiased;
margin: 0.25em 0 0 0;
}
.page-id-42 h2 span {
color: inherit !important;
display: block;
}
.page-id-42 .wp-block-spacer {
height: 0px !important;
margin-bottom: calc(3rem + 5vh);
}
.page-id-42 .inset-thinner {
margin-top: 1.75rem;
}
.page-template-default:not(.page-id-13) h2 + p {
margin-top: 0.5em;
}
.grid-video p {
font-size: 1.28em;
margin-top: 0.5em;
text-align: center;
}
.process-architects,
.profile {
background-color: #f5f5ec;
}
img.squiggle {
width: 65px;
display: block;
margin: 0 auto;
}
.inset-thinner,
.inset-thin {
max-width: 750px;
margin: calc(2rem + 3vh) auto 0;
padding: 0 1rem calc(2rem + 3vh);
}
.page-id-13 .inset-thin {
padding-bottom: 0;
}
.page-template-default:not(.page-id-13) .inset-thin {
max-width: 900px;
}
.page-template-default:not(.page-id-13).page-id-43 .inset-thin {
max-width: 980px;
}
.inset-thinner {
max-width: 600px;
}
p.justify {
text-align: justify !important;
}
p.inset-text {
padding: 0 3vw;
}
.inset-thin p {
font-size: 0.86em;
-webkit-font-smoothing: antialiased;
}
.inset-thin p em {
font-family: "PalatinoNova-Italic";
font-style: normal;
}
.inset-wide {
max-width: 1000px;
max-width: 130vmin;  margin: 0 auto;
margin-top: calc(2rem + 3vh);
padding: 0 1rem;
}
.profile .inset-thin {
margin: 0 auto calc(2rem + 3vh);
}
.process-architects .inset-thin {
margin-bottom: calc(2rem + 3vh);
} .site-footer {
text-align: center;  padding: 1.75rem 1.75rem 0.5rem;
}
.heritage .site-footer {
background: #f5f5ed;
}
.contact .site-footer {
display: none;
}
.logo-footer {
display: inline-block;
position: relative;
} .logo-footer svg {
width: 140px;
}
nav svg {
width: 180px;
margin-bottom: calc(0.5em + 2vmin);
margin-bottom: 0.5em;
}
nav svg:hover {
opacity: 0.6;
}
.logo-footer:after,
.logo-footer:before {
content: "";
position: absolute;
left: calc(-4vw - 1.75rem);
top: calc(50% - 3px);
width: 2rem;
height: 1px;
background-color: #000;
}
.logo-footer:after {
right: calc(-4vw - 1.75rem);
left: auto;
}
@media screen and (min-width: 765px) {
.logo-footer:after,
.logo-footer:before {
width: 4vw;
top: calc(50% - 1px);
}
}
.footer-address {
font-size: 0.8rem;
margin: 0.5em 0;
}   body.nav-open { } .nav-holder {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(230, 231, 207, 0.93); overflow-y: auto;
color: rgba(214, 214, 202, 0.5);
color: #000;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
transform: translateX(-105%);
opacity: 0;
transition: transform 0s 0.5s, opacity 0.5s ease-in;
z-index: 800;
}
.toggled .nav-holder {
opacity: 1;
transition: transform 0s, opacity 1s ease-in-out;
transform: none;
}
.nav-holder nav {
width: 90%;
height: 100%;
margin: auto;  font-family: "Cinzel", serif;
text-transform: lowercase;
}
.nav-menu { padding: calc(2.75rem + 9vh) 0 2em;
}
nav ul {
padding: 0;
margin: auto;
text-align: center;
list-style-type: none;
line-height: 1.55;
}
nav ul li a {
padding: 0.25em 0;
color: #7b4a04;
}
nav > ul > li > a {
font-size: 1.3em;
font-size: 1.2em;
color: #000;
opacity: 1;
}
header h1 {
letter-spacing: 0;
color: rgba(67, 71, 72, 0.459);
text-align: center;
padding-top: 2em;
} nav.sub-nav ul a,
nav ul ul a {
font-size: 0.76em;
color: #7b4a04;
font-family: "PalatinoNova-Regular";
letter-spacing: 0.07em; }
nav.sub-nav ul a {
opacity: 1;
}
nav.sub-nav ul li,
nav.sub-nav ul li a {
color: rgb(147, 149, 145);
}
nav.sub-nav li.active,
nav.sub-nav li.active a {
color: #434748;
}
nav.sub-nav ul li,
nav ul ul li {
text-transform: uppercase;
letter-spacing: 0.1em;
}
nav ul ul {
margin-bottom: calc(0.5em + 2vmin);
}
button.menu-toggle {
color: rgba(214, 214, 202, 1);
background: transparent;
border: none;
outline: none;
padding: 0;
position: fixed;
right: 1.2em;
top: 1.75em;
top: 1.5em;
bottom: auto;
left: auto;
z-index: 1000;
cursor: pointer;
}
@media screen and (min-width: 765px) {
button.menu-toggle {
right: 1.75em;
}
}
.overlay-open button.menu-toggle {
opacity: 0;
}
.menu-toggle svg {
height: 38px;
width: 38px;
}
.menu-toggle svg .cls-1 {
stroke: #e4e4e4;
stroke-width: 3px;
transition: stroke 0.35s ease-in;
fill: #e4e4e4;
}
.home:not(.hide-intro) .menu-toggle svg .cls-1 {
stroke: #000;
}
.home .menu-toggle {
opacity: 0;
transition: opacity 2.25s 0.5s ease-in;
}
.home.init-intro .menu-toggle,
.home.hide-intro .menu-toggle {
opacity: 1;
}
.site-header.toggled .menu-toggle svg {
transition: transform 0.35s;
}
.site-header.toggled .menu-toggle svg { transition: transform 0.5s;
}
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery) .site-header .menu-toggle svg .cls-1 {
stroke: rgba(000, 000, 000, 0.8);
stroke-width: 2px;
transition: stroke 1s ease-in;
}
.home .site-header #monogram,
.page-template-page_homepage_no_fadein .site-header #monogram,
.page-template-page_homepage_gallery .site-header #monogram { opacity: 0;
position: absolute;
top: 0;
left: 0;
transition: opacity 0.35s ease-in-out;
}
.home .site-header.toggled #monogram,
.page-template-page_homepage_no_fadein .site-header.toggled #monogram,
.page-template-page_homepage_gallery .site-header.toggled #monogram {
opacity: 1;
transition: opacity 1s ease-in-out;
}
.home svg#monogram,
.page-template-page_homepage_no_fadein svg#monogram,
.page-template-page_homepage_gallery svg#monogram {
width: 60px;
height: 60px;
}
.site-header #just-twd {
transition: opacity 0.35s ease-in-out;
padding-top: 0.85rem;
}
@media screen and (min-width: 765px) {
.site-header #just-twd {
padding-top: 0.5rem;
}
}
.site-header.toggled #just-twd {
opacity: 0;
transition: opacity 1s ease-in-out;
}
.home #just-twd .cls-1,
.page-template-page_homepage_no_fadein #just-twd .cls-1,
.page-template-page_homepage_gallery #just-twd .cls-1 {
fill: #e4e4e4;
}   .toggled .toggle-icon::before {
transform: translateY(0.65em) rotate(22deg);
}
.toggled .toggle-icon::after {
transform: translateY(-0.6em) rotate(-22deg);
} .toggle-icon::before {
top: 1px;
bottom: auto;
}
.toggle-icon::after {
top: 5px;
bottom: auto;
} .intro {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999999;
z-index: 100;
background: rgba(255, 255, 255, 0.86);
display: flex;
justify-content: center;
-webkit-flex-align: center;
align-items: center;
transition: opacity 3s 7s ease-in-out, transform 0s 10.25s;
transform: translateX(0); }
.intro svg {  display: block;
margin: 1.25em auto;
width: 300px;
height: 34px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1);
transform: translateZ(0);
}
.page-template-page_inquire .site-main svg {
width: 300px;
height: 34px;
display: block;
margin: 1em auto;
}
@media screen and (min-width: 765px) {
.intro svg {
width: 430px;
height: 48px;
}
.page-template-page_inquire .site-main svg {
width: 350px;
height: 39px;
}
}
.intro svg#tanglewood {
opacity: 0;
}
.init-intro .intro svg#tanglewood {
opacity: 1;
}
.intro svg#tanglewood {
margin-bottom: 2em;
transition: opacity 2.25s 0.5s ease-in-out;
}
.page-template-page_inquire .site-main svg#tanglewood {
margin-bottom: 1.5em;
}
@media screen and (min-width: 765px) {
.intro svg#tanglewood {
width: 500px;
height: 56px;
}
.page-template-page_inquire .site-main svg#tanglewood {
width: 300px;
height: 34px;
}
}
.intro svg#tagline {
opacity: 0;
transition: opacity 2.25s 2.75s ease-in-out;
}
.init-intro .intro svg#tagline {
opacity: 1;
}
#tagline .cls-1 {
fill: #937a5c;
}
.intro svg #beautiful .cls-1 { fill: rgba(255, 255, 255, 0.86);
transition: fill 2.25s 4.25s ease-in-out;
}
.init-intro .intro svg #beautiful .cls-1 {
fill: #937a5c;
}
.init-intro .intro,
.hide-intro .intro,
.remove-intro .intro {
opacity: 0;
transform: translateX(-100vw);
}
.hide-intro .intro,
.remove-intro .intro {
pointer-events: none;
}
.remove-intro .intro {
transition: opacity 0.3s, transform 0s 0.3s;
}
.intro .image-holder {
position: absolute;
top: 0;
right: -1%;
bottom: 0;
left: 0;
z-index: -1;
background-color: white; }
.intro .image-holder img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit:cover";
}
.intro .image-holder img.image-loaded {
opacity: 0.1;
}
.site-branding {
position: fixed;
top: 0;
right: auto;
bottom: auto;
left: 0;
z-index: 2000;
padding: 1.4em 1em 0.6em 1em;   }
.home .site-branding {
opacity: 0;
transition: opacity 1s ease-in;
}
.home.hide-intro .site-branding {
opacity: 1;
}
@media screen and (min-width: 765px) {
.site-branding {
padding: 1.4em 1.75em 0.6em 1.75em;
}
} .site-branding a {
position: absolute;
top: 1.75rem;
right: 2em;
bottom: auto;
height: 3.5em;
left: 1.75rem;
width: 3.5em;
z-index: 999;
cursor: pointer;   }
.site-branding a:hover + button .logo-holder {
opacity: 0.5;
}
.site-branding .logo-holder {
position: relative; width: 60px;
height: 60px;
}
.home .site-branding .logo-holder,
.page-template-page_homepage_no_fadein .site-branding .logo-holder,
.page-template-page_homepage_gallery .site-branding .logo-holder {
width: 11.5em; }
@media screen and (min-width: 765px) {
.home .site-branding .logo-holder,
.page-template-page_homepage_no_fadein .site-branding .logo-holder,
.page-template-page_homepage_gallery .site-branding .logo-holder {
width: 33vmin;
}
}
.home .site-branding .logo-holder svg .cls-1,
.page-template-page_homepage_no_fadein .site-branding .logo-holder svg .cls-1,
.page-template-page_homepage_gallery .site-branding .logo-holder svg .cls-1 {
fill: white;
}
.site-branding .logo-holder svg path {
transition: fill 1s ease-in-out;
}
.logo-holder svg {
width: 100%;
display: block;
}
.project .logo-holder svg path { } .page-template-default h2 { font-size: 1.5em;
margin: 1em 0 0.85em;
line-height: 1.55;
}
.page-id-13 .inset-text span {
color: inherit !important;
font-size: 1.5em;
}
.profile .inset-wide img {
display: block;
} .page-template-page_inquire .hero {
position: relative;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.page-template-page_inquire .hero .image-holder {
opacity: 0;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
.page-template-page_inquire .white-box {
background: transparent;
text-align: center;
}
.page-template-page_inquire .white-box:after {
display: none;
}
@media screen and (min-width: 500px) {
.page-template-page_inquire .hero .image-holder {
opacity: 1;
}
.page-template-page_inquire .white-box {
background: rgba(255, 255, 255, 0.96);
}
.page-template-page_inquire .white-box:after {
display: block;
}
}
.page-template-page_inquire .site-footer {
display: none;
}
p.name {
text-transform: uppercase;
margin: 0;
}
p.email {
margin: 0;
}
span.sep {
padding: 0 0.25em;
}
.inset-thin.white-box span {
font-size: 0.86em; }
.inset-thin.white-box span {
display: inline-block;
}
@media screen and (max-width: 765px) {
.desk {
display: none !important;
}
.inset-thin.white-box span.address {
display: block;
}
}
.page-template-page_inquire img.squiggle {
margin: 1.5em auto 1.25em;
}
.site-main button.form-btn,
.page-template-page_inquire button.index-btn {
display: block;
cursor: pointer;
background: #e7e8d2;
margin: 1.5rem auto 0;
padding: 0.75rem 2rem;
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 0.8rem;
width: 80%;
max-width: 270px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.site-main button.form-btn:hover {
opacity: 0.8;
}
.site-main .index-overlay button.form-btn,
.page-template-page_inquire .index-overlay button.index-btn {
background-color: transparent;
font-size: 1.7rem;
font-weight: 300;
position: fixed;
top: 0.25em;
right: 0.25em;
max-width: none;
width: auto;
margin-top: 0;
padding: 1rem;
}
@media screen and (min-width: 765px) {
.page-template-page_inquire .index-overlay button.index-btn {
right: 0.5em;
}
} .page-template-page_inquire .index-overlay {
font-size: 1em;
top: 0;
color: #000;
}
.page-template-page_inquire .index-overlay svg#tagline {
margin-bottom: 2.5em;
} @media screen and (max-width: 765px) {
.page-template-page_inquire .index-overlay .inset-thin {
margin-top: calc(4rem + 3vh);
}
}
.activedemand-button-container .activedemand-button {
display: block;
background: #e7e8d2 !important;
margin: 1.5em auto 0 !important;
padding: 0.75em 2em !important;
font-family: "Gotham SSm A", "Gotham SSm B" !important;
font-style: normal !important;
font-weight: 700 !important;
text-transform: uppercase !important;
font-size: 0.9em !important;
width: 80% !important;
max-width: 270px !important;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: rgba(0, 0, 0, 0.8) !important;
}
input,
textarea,
select,
.select2 {
border-color: rgba(000, 000, 000, 0.1) !important;
}
label {
font-family: "PalatinoNova-Regular", serif !important; margin-left: 0.2em !important;
}
.cta-content-wrapper {
background-color: transparent !important;
color: #404040 !important;
}
.cta-content-wrapper h2 {
font-family: "PalatinoNova-Regular" !important;
color: #404040 !important;
}
.grid-item {
cursor: pointer;
}
.grid-item {
margin-bottom: 2em;
}
.grid-item .image-holder {
position: relative;
overflow: hidden;
padding-top: 68%;
pointer-events: none;
}
@media screen and (min-width: 765px) {
.grid-item .image-holder {
padding-top: 76%;
}
}
.grid-item img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
pointer-events: none; }
.grid-item h2 {
pointer-events: none;
}
.grid-item span {
font-family: "PalatinoNova-Italic";
font-size: 0.8em;
text-align: center;
display: block;
pointer-events: none;
}
@media screen and (min-width: 765px) {
.grid {
display: flex;
justify-content: flex-start;
justify-content: space-between;
flex-flow: row wrap;
}
.contact .grid-item {
width: calc(33.333% - 0.75vw);
margin-bottom: 0;
}
.profile .grid-item {
width: 31%;
}
.grid-item {
width: calc(33.333% - 0.75vw);
margin-bottom: 0;
}
@media screen and (min-width: 765px) and (max-width: 1100px) {
.blog .grid-item {
width: calc(50% - 0.75vw);
}
}
.process-architects .grid-item {
width: calc(50% - 1.75rem);
}
.contact .grid-item .image-holder {
position: relative;
padding-top: 65%;
}
.contact .grid-item .image-holder img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit:cover";
}
} .process-architects h2.sans-bold-header {
margin-bottom: 0.35em;
}
.process-architects figure p {
opacity: 0.5;
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 300;
text-align: left;
font-size: 0.65em;
line-height: 1.5;
}
.process-architects h2 + p {
margin-top: 0;
}
.process-architects figure {
margin-bottom: 4em;
}
.process-architects .site-main ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 1.3rem;
line-height: 2;
} .tns-outer {
padding: 0 !important;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer;
}
.tns-outer [data-action] {
display: none;
}
.tns-slider {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.tns-slider > .tns-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery > .tns-item {
position: absolute;
left: -100%;
-webkit-transition: transform 0s, opacity 0s;
-moz-transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
position: relative;
left: auto !important;
}
.tns-gallery > .tns-moving {
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.tns-autowidth {
display: inline-block;
}
.tns-lazy-img {
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
transition: opacity 0.6s;
opacity: 0.6;
}
.tns-lazy-img.tns-complete {
opacity: 1;
}
.tns-ah {
-webkit-transition: height 0s;
-moz-transition: height 0s;
transition: height 0s;
}
.tns-ovh {
overflow: hidden;
}
.tns-visually-hidden {
position: absolute;
left: -10000em;
}
.tns-transparent {
opacity: 0;
visibility: hidden;
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0;
}
.tns-normal,
.tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
}
.tns-vpfix {
white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
display: inline-block;
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden;
}
.tns-t-ct {
width: 2333.3333333%;
width: -webkit-calc(100% * 70 / 3);
width: -moz-calc(100% * 70 / 3);
width: calc(100% * 70 / 3);
position: absolute;
right: 0;
}
.tns-t-ct:after {
content: "";
display: table;
clear: both;
}
.tns-t-ct > div {
width: 1.4285714%;
width: -webkit-calc(100% / 70);
width: -moz-calc(100% / 70);
width: calc(100% / 70);
height: 10px;
float: left;
}   .tns-controls {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.tns-controls button {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: auto;
height: 100%;
width: 50%; background: none;
border: none;
border-radius: 0px;
display: block !important;
opacity: 0;
z-index: 60;
padding: 0;
}
.tns-controls button[data-controls="next"] {
left: auto;
right: 0;
} .full-bleed-slider {
position: absolute;
top: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.full-bleed-slider figure {
margin: 0;
}
.full-bleed-slider .slide {
height: 100%;
width: 100vw;
}
.full-bleed-slider .image-holder {
height: 100%;
width: 100vw;
}
.full-bleed-slider .image-holder img {
height: 100%;
width: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
.full-bleed-slider .slide a:hover {
opacity: 1;
}
.full-bleed-slider .slide {
opacity: 0;
}
.full-bleed-slider .slide.two-verticals .image-holder {
width: calc(50% - 1vw);
font-size: 0px;
display: inline-block;
}
.full-bleed-slider .slide.two-verticals .image-holder:last-of-type {
margin-left: 2vw;
}
.full-bleed-slider .slide.tns-slide-active {
opacity: 1;
}
.slide:before {
content: "";
position: absolute;
height: 30vh;
width: 100%;
top: 0;
left: 0;
bottom: auto;
right: 0;
z-index: 400;
background: linear-gradient(
hsl(0, 0%, 0%) 0%,
hsla(0, 0%, 0%, 0.738) 19%,
hsla(0, 0%, 0%, 0.541) 34%,
hsla(0, 0%, 0%, 0.382) 47%,
hsla(0, 0%, 0%, 0.278) 56.5%,
hsla(0, 0%, 0%, 0.194) 65%,
hsla(0, 0%, 0%, 0.126) 73%,
hsla(0, 0%, 0%, 0.075) 80.2%,
hsla(0, 0%, 0%, 0.042) 86.1%,
hsla(0, 0%, 0%, 0.021) 91%,
hsla(0, 0%, 0%, 0.008) 95.2%,
hsla(0, 0%, 0%, 0.002) 98.2%,
hsla(0, 0%, 0%, 0) 100%
);
opacity: 0.2;
}
.slide:after {
content: "";
pointer-events: none;
position: absolute;
height: 50vh;
width: 100%;
top: auto;
left: 0;
bottom: 0;
right: 0;
z-index: 400;
opacity: 0.6;
transition: opacity 0.5s ease;
background: linear-gradient(
hsla(0, 0%, 0%, 0) 0%,
hsla(0, 0%, 0%, 0.002) 19%,
hsla(0, 0%, 0%, 0.008) 34%,
hsla(0, 0%, 0%, 0.021) 47%,
hsla(0, 0%, 0%, 0.042) 56.5%,
hsla(0, 0%, 0%, 0.075) 65%,
hsla(0, 0%, 0%, 0.126) 73%,
hsla(0, 0%, 0%, 0.194) 80.2%,
hsla(0, 0%, 0%, 0.278) 86.1%,
hsla(0, 0%, 0%, 0.382) 91%,
hsla(0, 0%, 0%, 0.541) 95.2%,
hsla(0, 0%, 0%, 0.738) 100.2%,
hsl(0, 0%, 0%) 100%
);
}
.slide h2 {
font-family: "Cinzel", serif; font-size: 1.2em;
font-weight: 400;
margin: 0;
position: absolute;
bottom: 4em;
width: 100%;
text-align: center;
color: #fff;
text-transform: none; -webkit-font-smoothing: antialiased;
z-index: 500;  }
@media screen and (min-width: 765px) {
.slide h2 {
font-size: 3.5vmin;
bottom: 1em;
}
} body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery) .site-main,
body:not(.home):not(.page-template-page_homepage_no_fadein):not(.page-template-page_homepage_gallery).tax-project_type .site-main { padding: 93px 0 0 0;
margin: 0 auto;
}
.tax-project_type h1 {
text-align: center;
}
.hero {
position: relative;
}
.hero .image-holder {  height: calc(55vh - 90px);
}
@media screen and (min-width: 765px) {
.hero .image-holder { height: calc(100vh - 23em);
min-height: 30vw;
}
}
.hero .image-holder img {
height: 100%;
width: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
.hero .overlay-text .squiggle {
margin: 1em auto 1.75em;
}
@media screen and (min-width: 1024px) {
.overlay-text { font-size: 0.9em;
}
}
.overlay-text-inner { margin: 0 auto;
text-align: justify;
position: relative;
padding: calc(3vh + 14px) calc(4vw + 14px);
max-width: calc(600px + 21vw);
background-color: white;
}
.project-row .overlay-text-inner {
padding: 0;
}
.project-rows.rows-details-materials .project-row:first-of-type { } @media screen and (min-width: 765px) {
.hero .overlay-text-inner {
transform: translateY(-40%); }
}
.hero .overlay-text-inner:before {
content: "";
position: absolute;
top: 14px;
right: 14px;
bottom: 14px;
left: 14px;
border: 1px solid rgba(000, 000, 000, 0.3);
pointer-events: none;
}
.hero .overlay-text-inner h2 {
margin-top: 0;
font-size: 1.2em;
-webkit-font-smoothing: antialiased;
text-transform: uppercase;
}
.hero .overlay-text-inner p {
margin: 0 0 0.5rem 0;
}
.hero .overlay-text p:last-of-type {
margin-bottom: 0;
}
.index-overlay {
position: fixed;
top: 170px;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
pointer-events: none;
z-index: 10000;
background-color: #f5f5ec;
font-size: 0.9em; overflow-y: auto;
}
.single-portfolio_items .index-overlay {
background-color: white;
}
@media screen and (min-width: 765px) {
.index-overlay {
top: 90px;
}
}
.index-overlay h3 {
text-transform: uppercase;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 300;
text-align: center;
margin: 2em 0 0;
}
.index-overlay ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.index-overlay ul a {
color: #7b4a04;
}
.contact .index-overlay {
top: calc(1.75rem + 235px);
}
.contact .index-overlay .inset-wide {
position: relative;
}
.contact .index-overlay .inset-wide:after {
content: "";
position: absolute;
left: 1.8rem;
right: 0.9rem;
top: 0;
bottom: auto;
height: 1px;
background-color: rgba(000, 000, 000, 0.7);
}
.contact .index-overlay .index-btn {
position: fixed;
top: 0;
right: 0;
bottom: auto;
left: auto;
padding: 1.2em;
width: 63px;
cursor: pointer;
}
body.overlay-open {
position: fixed;
}
.overlay-open .index-overlay {
opacity: 1;
pointer-events: auto;
}
.overlay-open .site-main {
background-color: #f5f5ec;
}
.contact.overlay-open .content-area,
.contact.overlay-open .site-main {
background-color: #fff;
}
.contact.overlay-open .grid {
opacity: 0;
}
.contact.overlay-open .inset-wide { }
.overlay-open .site-branding {
opacity: 0;
}
.overlay-open .image-rows {
opacity: 0 !important;
}
.image-rows {
margin-top: 2rem;
}
.image-set {
position: relative;
}
.image-set img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit:cover";
}
.image-set figure {
height: 71vmin; }
.tax-project_type .image-set {
margin-bottom: calc(8vh + 3.5em);
display: block;
position: relative;
}
.tax-project_type .image-set img {
width: 100%;
}
.image-set .text-holder {
text-align: center;
}
.image-set .text-holder h2 {
margin-top: 0.75em;
}
@media screen and (min-width: 765px) {
.image-set .text-holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
-webkit-flex-align: center;
align-items: center;
opacity: 0;
transition: opacity 0.45s ease-in-out;
}
.image-set:hover .text-holder {
opacity: 1;
}
.image-set .text-holder:before,
.image-set .text-holder:after {
content: "";
position: absolute;
background-color: rgba(255, 255, 255, 0.8);
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 8; transition: top 0.5s 0.1s ease-out, right 0.5s 0.1s ease-out, left 0.5s 0.1s ease-out, bottom 0.5s 0.1s ease-out;
transform: translate3d(0, 0, 0);
}
.image-set .text-holder:after {
transition: top 0s 0.5s ease-out, right 0s 0.5s ease-out, left 0s 0.5s ease-out, bottom 0s 0.5s ease-out;
}
.image-set:hover .text-holder:after {
top: 0.75em;
right: 0.75em;
bottom: 0.75em;
left: 0.75em;
transition: top 0.5s 0.15s ease-out, right 0.5s 0.15s ease-out, left 0.5s 0.15s ease-out, bottom 0.5s 0.15s ease-out; }
.image-set .text-holder:before {
top: 0;
right: 0;
bottom: 0;
left: 0; background-color: rgba(255, 255, 255, 0);
}
.image-set .text-holder h2 {
margin-top: 0;
}
}
.single-portfolio_items h1,
.image-set h2 {
position: relative;
z-index: 9;
font-family: "Cinzel", serif;
font-weight: 400;
margin: 0 0 1em 0;
font-size: 1.3rem;
line-height: 1.5;
text-transform: uppercase;
}
.single-portfolio_items .page-header h1 {
margin: 0.2em 0 0.1em;
}
.single-portfolio_items h1 {
text-align: center;
}
.single-portfolio_items .overlay-text h1 {
margin-top: 3em;
}
.single-portfolio_items h1 span,
.image-set h2 span {
display: block;
}
@media screen and (min-width: 765px) {
.image-set { }
.image-set figure:nth-child(2) { }
}
.single-portfolio_items .project-row:not(.row-2) p {
font-size: 0.9em; } .not-fixed-row-block {
background-color: #fff;
}
.project-row:not(.text):nth-child(1) {
padding: 0;
height: auto;
}
@media screen and (min-width: 765px) {
.project-row:not(.text):nth-child(1) {
height: calc(100vmin - 95px);
padding: 0;
}
}
.project-row:not(.text):nth-child(1) {
margin: 0 0 0.75em 0;
position: relative;
}
@media screen and (min-width: 765px) {
.project-row:not(.text):nth-child(1) {
margin: 0 0 calc(2rem + 4vh) 0;
}
}
@media screen and (min-width: 765px) {
.project-row:not(.text):nth-child(1):after {
content: "scroll down to view";
color: rgba(255, 255, 255, 0.8);
position: fixed;
bottom: 0.75rem;
right: 0;
left: 0;
top: auto;
width: 100%;
text-align: center;
text-transform: uppercase;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.67em;
letter-spacing: 0.05em;
-webkit-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
}
.first-scroll .project-row:not(.text):nth-child(1):after {
opacity: 0;
}
.project-row:nth-child(2) {
margin: calc(2rem + 4vh) 0;
}
@media screen and (max-width: 765px) {
.project-row:nth-child(2) {
opacity: 1;
}
.project-row:nth-child(2) {
margin: 0;
}
}
@media screen and (max-height: 750px) {
.project-row:not(.text):nth-child(1) {
max-width: 130vmin;
margin: 0 auto;
}
}
.project-row {
margin: calc(1rem + 4vh) 0;
padding: 0 1em;
}
@media screen and (min-width: 765px) {
.project-row {
margin: calc(3rem + 8vh) 0;
height: calc(95vmin - 95px);
}
.project-row.diptych { max-width: 97vmin;
margin: 0 auto !important;
}
}
.project-row .image-holder {
height: 100%;
}
@media screen and (min-width: 765px) {
.project-row.diptych {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; }
.project-row .diptych-inner {
width: 130vmin;
margin: 0 auto;
height: 100%;
}
.project-row.diptych.inset .diptych-inner { }
.project-row.diptych .image-holder {
display: inline-block; width: calc(50% - 0.75rem);
}
.project-row.diptych .image-holder:last-of-type {
margin-left: 1.5rem;
}
.project-row.diptych .image-holder img {
object-fit: cover;
}
.project-row.three-across .image-holder img {
object-fit: cover;
font-family: "object-fit:cover";
}
.project-row.three-across {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
max-width: none;
}
.rows-details-materials .project-row.three-across {
height: auto;
margin: 1.5rem 0;
}
.project-row.three-across .grid {
width: 80%;
} .project-row:first-of-type .image-holder {
position: fixed;
top: 93px;
right: 0;
bottom: auto;
height: calc(100vh - 93px);
height: calc(var(--vh, 1vh) * 100 - 92px);
left: 0;
z-index: -1;
}
.single-portfolio_items .site-footer {
background-color: #fff;
}
.single-portfolio_items .project-row:not(:first-of-type) {
background: #fff;
padding: calc(3rem + 4vh) 1em;
margin: 0;
-webkit-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.single-portfolio_items .project-row.text {
margin: 0;
padding: calc(1rem + 2vh) 0;
}
.project-row .diptych-inner {
width: 110vmin;
}
.projects-nav {
padding-bottom: calc(4em + 3vh) !important;
margin-bottom: 0 !important;
background-color: white;
}
.project-row .grid-item img {
z-index: auto;
}
.rows-details-materials .project-row:last-of-type.three-across {
margin-bottom: 0;
padding-bottom: calc(3rem + 8vh);
}
.postid-421 .project-row:first-of-type .image-holder img {
object-position: top center;
} }
@media screen and (max-width: 765px) {
.project-row.diptych .image-holder:nth-child(1) {
margin-bottom: calc(1rem + 4vh);
}
}
.project-row .image-holder img {
width: 100%;
}
@media screen and (min-width: 765px) {
.project-row .image-holder img {
height: 100%;
object-fit: contain;
font-family: "object-fit:contain";
}
}
.project-row:not(.text):nth-child(1) .image-holder img {
object-fit: cover;
}
.project-row.text {
height: auto;
margin: calc(1rem + 3vh) 0; }
.project-row blockquote {
text-align: center;
font-size: 1.2em;
color: #b6b9c1;
}
.project-row blockquote span {
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 0.58em;
display: block;
line-height: 1.6;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: inherit !important;
}
@media screen and (min-width: 765px) and (min-height: 750px) {
.project-row blockquote {
font-size: 2vmin;
}
}
.project-credit {
text-align: center;
text-transform: uppercase;
font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
font-style: normal;
font-weight: 400;
color: #7b4a04;
font-size: 0.7em;
letter-spacing: 0.05em;
line-height: 1.8; }
.overlay-open p.project-credit {
opacity: 0;
}
.projects-nav {
margin-bottom: calc(4em + 3vh);
text-align: center;
text-transform: uppercase;
font-family: "Cinzel", serif;
font-weight: 400;
}
.projects-nav span {
padding: 0 1em;
}
.fade-in:first-of-type img.image-loaded {
opacity: 1;
transition: opacity 1.5s;
}
.fade-in:first-of-type {
opacity: 1;
}
.fade-in img.image-loaded {
transition: opacity 1.5s;
}
.fade-in {
opacity: 0.1;
transition: opacity 1.5s 0.15s;
}
.fade-in.in-view {
opacity: 1;
} .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
iframe { }
.video-responsive {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.grid-video {
max-width: 950px;
margin: 0 auto calc(2rem + 3vh);
}
button {
background: none;
border: none;
text-transform: uppercase;
border-radius: 0px;
}
.video-overlay button:not(.menu-toggle) {
margin: calc(1rem + 4vh) auto 0;
display: block;
cursor: pointer;
background-color: transparent;
font-family: "Cinzel", serif;
font-weight: 400;
font-size: 1.3em;
}
.video-overlay button.modal-close {
font-family: sans-serif;
position: fixed;
top: 0;
left: auto;
right: 0;
font-size: 1.3em;
}
.video-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}  h2.entry-title,
h1.entry-title {
font-family: "Cinzel", serif;
font-weight: 400;
text-transform: uppercase;
margin: 0;
font-size: 1.1em;
text-align: center;
}
@media screen and (min-width: 765px) {
h2.entry-title,
h1.entry-title {
font-size: 1.3em;
}
}
h1 {
font-family: "Cinzel", serif;
font-weight: 400;
text-transform: uppercase; font-size: 1.3em;
text-align: center;
}
.grid-item h2.entry-title {
margin-top: 1em;
font-size: 1.15em;
}
h1.entry-title,
.blog .grid {
margin-top: calc(1rem + 2vh);
}
.blog .grid {
margin-bottom: calc(4em + 3vh);
}
.blog .grid-item {
margin-bottom: 2em;
}
.date {
text-transform: uppercase;
font-size: 0.75em;
letter-spacing: 0.04em;
color: #7b4a04;
-webkit-font-smoothing: antialiased;
margin: 0;
text-align: center;
margin-bottom: 2em;
}
.single .inset-thin p {
font-size: 0.95em;
}
.skylight-title {
margin-top: 2.5em;
}
.excerpt {
font-size: 0.9em;
text-align: justify;
}
.nav-links {
margin: calc(2rem + 3vh) 0;
text-transform: uppercase;
font-family: "Cinzel", serif;
font-weight: 400;
text-align: center;
}
.nav-links span.sep {
padding: 0 1em;
}
.nav-links .nav-next {
text-align: left;
}
.nav-links .nav-previous {
text-align: right;
}
.posts-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: none;
width: 50%;
}
.posts-navigation .nav-next,
.post-navigation .nav-next {
position: absolute;
right: 0;
}
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
position: absolute;
left: 0;
}
.single iframe { margin: 3em auto;
display: block;
} button:not(.menu-toggle).category-button {
margin: 0 auto 1em;
display: block;
border-top: none;   }
ul.category-menu {
margin: 0 auto;
padding: 0;
text-align: center;
font-size: 0.75rem;
color: #404040; text-transform: uppercase;
list-style-type: none;
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
button.category-button:focus {
outline: 0px;
}
@media screen and (max-width: 767px) {
ul.category-menu { max-height: 1px; margin: 0 auto;
overflow: hidden;
-webkit-transition: max-height 0.35s ease-in-out;
transition: max-height 0.35s ease-in-out;
}
ul.category-menu.open {
max-height: 100%;
}
ul.category-menu li {
padding-bottom: 0.5rem;
}
}
ul.category-menu li.current-cat a {
border-bottom: 1px solid rgba(000, 000, 000, 0.2);
}
ul.category-menu li a {
border-bottom: 1px solid transparent;
padding-bottom: 0.25rem;
}
ul.category-menu li a:hover {
border-bottom: 1px solid rgba(000, 000, 000, 0.2);
}
@media all and (min-width: 767px) {
ul.category-menu {
padding: 1em 0;
}
.category-menu li {
display: inline-block;
padding: 0 1em; }
button:not(.menu-toggle).category-button {
display: none;
}
}
.inset-wide.category-menu-wrapper {
margin-top: 0.15rem;
}
@media screen and (min-width: 767px) {
ul.category-menu {
border-top: 1px solid rgba(000, 000, 000, 0.2);
}
.inset-wide.category-menu-wrapper {
margin-top: 1rem;
}
} a.wp-block-button__link,
button:not(.menu-toggle) {
display: block;
background: #e7e8d2;
margin: 1.5em auto 0;
padding: 0.35rem 2rem;
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 0.75rem;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #404040;
border-radius: 0px;
}
a.wp-block-button__link:visited {
color: #404040;
}
a.wp-block-button__link:hover {
color: #fff; } .wp-block-button {
width: calc(100% - 2em);
max-width: 270px;
color: #404040;
margin: 0 auto;
}
.single .wp-block-button {
margin-top: 4em;
} .page-template-default.page-id-931 h2 {
text-align: center !important;
margin-bottom: 0.75em !important;
}
.page-template-default.page-id-931 h2 span {
font-family: "Gotham SSm A", "Gotham SSm B" !important;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 0.8rem !important;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.page-template-default.page-id-931 h2 strong {
font-weight: 700;
}
.page-template-default.page-id-931 li {
text-align: center !important;
} @media screen and (min-width: 765px) {
.project-row.larger {
height: calc(120vmin - 95px);
}
.project-row.smaller {
height: calc(80vmin - 95px);
}
.project-row.diptych.inset .diptych-inner {
padding: 5vw;
}
}
.page-template-page_homepage,
.page-template-page_homepage_no_fadein,
.page-template-page_homepage_gallery {
height: 200vh !important;
min-height: calc(var(--vh, 1vh) * 200);
}
.page-template-page_homepage .site-branding,
.page-template-page_homepage_no_fadein .site-branding,
.page-template-page_homepage_gallery .site-branding {
position: absolute;
}
.page-template-page_homepage .overlay-text-inner-home h2,
.page-template-page_homepage_no_fadein .overlay-text-inner-home h2,
.page-template-page_homepage_gallery .overlay-text-inner-home h2 {
text-align: center;
font-size: 1.3rem;
font-weight: 400;
text-transform: uppercase;
font-family: "Cinzel", serif;
}
.page-template-page_homepage .overlay-text-inner-home p,
.page-template-page_homepage_no_fadein .overlay-text-inner-home p,
.page-template-page_homepage_gallery .overlay-text-inner-home p {
font-size: 0.9em;
font-family: "PalatinoNova-Regular";
}
.page-template-page_homepage .overlay-text-inner-home p a,
.page-template-page_homepage_no_fadein .overlay-text-inner-home p a,
.page-template-page_homepage_gallery .overlay-text-inner-home p a {
text-decoration: underline;
cursor: pointer;
}
.overlay-text-inner-home { top: 103vh;
margin: 0 auto;
text-align: justify;
position: relative;
padding: calc(3vh + 14px) calc(4vw + 14px);
max-width: calc(750px + 8vw);
background-color: white; } .activedemand-form {
pointer-events: none;
transform: scale(0);
opacity: 0;
transition: transform 0s 0.35s, opacity 0.35s ease-in-out;
}
.show-activedemand-form .activedemand-form {
display: block !important;
pointer-events: all;
transform: none;
opacity: 1;
transition: transform 0s, opacity 0.35s ease-in-out;
}