html {
font-size: 10px;
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
.type-post h1 {
font-weight: 300;
font-size: 1.8em;
margin: 1em 0 0;
}
.type-post h2 {
font-weight: 200;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
display: block;
border: 0;
} figure {
margin: 1em 40px;
} .image-holder img[onload],
.image-holder img[onload].image-loading,
.image-holder img.lazyload,
.fade-in {
opacity: 0;
transition: opacity 0.35s ease-out;
}
.image-holder img[onload].image-loaded,
.image-holder img.lazyloaded,
.fade-in.in-view {
opacity: 1;
}
s hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
.skip-link {
display: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
article .text-holder p {
max-width: 28em;
}
@media screen and (min-width: 40em) {
.wp-block-group__inner-container {
display: flex;
flex-flow: row wrap;
padding: 2em 0 4em;
}
.wp-block-group__inner-container .wp-block-group__inner-container {
display: block;
padding: 0 0 1em;
}
.wp-block-group__inner-container > .wp-block-group.column-width-small {
width: 34%;
min-width: 12em;
}
}
@media screen and (min-width: 50em) {
.wp-block-group__inner-container > .wp-block-group { width: 53%;
min-width: 14em;
}
.wp-block-group__inner-container blockquote + .wp-block-group {
margin-right: 0;
padding-right: 0;
margin-left: auto;
}
.wp-block-group__inner-container blockquote + .wp-block-group .wp-block-group__inner-container {
padding-right: 0;
}
.wp-block-group__inner-container blockquote {
width: 45%;
margin-left: 5%;
}
.wp-block-group + blockquote {
margin-left: 1%;
}
.wp-block-group blockquote p {
margin: 0.2em auto;
}
.wp-block-group__inner-container {
padding: 2em 0 4em;
}
.wp-block-group__inner-container > .wp-block-group > :first-child {
padding-right: 10%;
}
.wp-block-group__inner-container .wp-block-group__inner-container p:first-child {
margin-top: 0.8em;
}
.article-intro {
display: flex;
justify-content: space-between;
padding: 0 0 5rem;
}
.article-intro {
padding: 0 0 4em;
}
.article-intro .text-holder {
width: 50%;
}
.article-intro > :first-child {
margin-right: 2rem;
}
.article-intro .text-holder p:first-child {
margin-top: 0.8em;
}
}
@media screen and (min-width: 70em) {
.wp-block-group__inner-container blockquote {
width: 55%;
}
.wp-block-group__inner-container > .wp-block-group:not(:first-child) {
margin-right: 2%;
}
.wp-block-group__inner-container > .wp-block-group {  flex: 0 1 36%;
}
.wp-block-group__inner-container > .wp-block-group.column-width-small {
width: 18%;
}
.wp-block-group__inner-container > .wp-block-group > :first-child {
padding-right: 5%;
}
.wp-block-group__inner-container > .wp-block-group blockquote:last-child {
margin: 0 auto 0 0;
}
.wp-block-group__inner-container blockquote + .wp-block-group:not(:first-child) {
margin-right: 0;
width: 33%;
}
.wp-block-group__inner-container blockquote + .wp-block-group .wp-block-group__inner-container {
padding-right: 0;
}
.article-intro .text-holder {
width: 33.33%;
}
.article-intro > :first-child {
margin-right: 4rem;
}
article aside {
width: 33.333%;
}
article aside:first-child {
margin: 0 auto 0 0;
}
article blockquote:last-child {
margin: 0 auto 0 1em;
}
article blockquote:first-child {
margin: 0 auto 0 0;
}
article .image-rows {
width: 60%;
flex: 1 1 auto;
}
} .css-columns-2 {
-moz-columns: 2 20em;
columns: 2 20em;
-moz-column-gap: 1em;
column-gap: 1em;
margin-bottom: 4em;
}
.thumbnail-grid.awards ~ ul em {
margin: 0 auto;
color: rgb(152, 135, 113);
}
.thumbnail-grid.awards ~ ul em a:hover {
color: #492e2e;
}
@media screen and (min-height: 25em) {
.css-columns-2 {
max-width: 120vmin;
}
}
@media screen and (min-width: 55em) {
.css-columns-2 {
width: 59vw;
max-width: 100%;
margin-left: 0;
-moz-columns: 2 26vw;
columns: 2 26vw;
-moz-column-gap: 3vw;
column-gap: 3vw;
max-width: none;
}
}
@media screen and (min-width: 70em) {
.css-columns-2 {
width: 80vw;
}
}
aside ul {
padding: 0 0 0 2em;
}
aside ul li {
font-size: 0.8em;
margin: 0 0 1.5em;
} body,
button,
input,
select,
optgroup,
textarea {
color: #492e2e; font-family: "Frutiger", Frutiger, serif;
font-style: normal;
font-weight: 100;
font-size: 1.6rem;
line-height: 1.8;
margin: 0 auto;
}
::-moz-selection {
background: #dfdcd0;
}
::selection {
background: #dfdcd0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 200;
line-height: 1;
margin: 0.5em auto;
color: #492e2e;
clear: both;
text-transform: uppercase;
}
h2 {
font-size: 1.2em;
}
h3 {
font-size: 1em;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
display: block;
margin: 0 0 1em; color: #9c968d;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 1.2em;
font-size: calc(1.3em + 0.5vw);
font-weight: 100;
line-height: 1.2;
text-indent: -0.45em;
max-width: 32em;
}
blockquote p {
line-height: 1.5;
}
@media screen and (min-width: 70em) {
blockquote {
font-size: 1.5em;
font-size: calc(1.5em + 0.5vw);
}
}
cite { font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 1;
margin: 0.5em auto;
color: #492e2e;
clear: both;
text-transform: uppercase;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 12px;
font-size: 1.2rem;
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;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
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: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 0; }
table {
margin: 0 0 1.5em;
width: 100%;
}
a {
color: inherit;
text-decoration: none;
}
.site-header {
text-transform: uppercase;
color: #210000;
z-index: 100;
padding: 2rem 2rem 0.7rem;
}
.site-header#masthead {
position: fixed;
background: #fff;
top: 0;
right: 0;
bottom: auto;
left: 0;
}
footer .site-header {
padding: 0;
}
.site-title {
display: none;
margin-bottom: 0;
}
@media screen and (min-width: 40em) {
.site-header {
padding: 2rem 2rem 1.5rem;
}
.site-branding {
width: 33.333%;
}
.site-branding {
min-width: 35rem;
}
}
@media screen and (min-width: 50em) {
.site-header {
padding: 2rem 5rem 1.5rem;
}
}
.logo-holder {
display: inline-block;
height: auto;
width: 85vw;
max-height: 2.4rem;
max-width: 34rem;
opacity: 1;
}
.logo-holder:hover {
opacity: 0.6;
}
.logo-holder svg {
width: 100%;
height: 100%;
max-height: 2.4rem;
}
.main-navigation {
width: auto;
flex: 1 0 100%;
}
.menu-toggle {
font-size: 10px;
text-transform: uppercase;
padding: 0.25em 0.5em;
height: 1.35em;
width: 2em;
outline: 0;
border: 0;
background: none;
text-indent: -6em;
color: transparent;
position: relative;
}
.menu-toggle::before,
.menu-toggle::after {
content: "";
height: 2px;
width: 100%;
margin: 0 auto 0.5em;
background: #9e9133;
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: 0;
}
.toggled .menu-toggle::before,
.toggled .menu-toggle::after {
background: #000;
}
.menu-toggle::after {
top: auto;
bottom: 0;
}
.menu-nested-pages-container {
position: fixed;
top: 4em;
right: 0;
bottom: 0;
left: 0;
padding: 2rem;
font-size: 1.15em;
line-height: 2;
background: #fff;
opacity: 0;
transform: translateX(-150%);
transition: transform 0s 0.4s, opacity 0.4s ease-in-out;
}
.toggled .menu-nested-pages-container {
opacity: 1;
transform: translate3d(0, 0, 0);
transition: transform 0s, opacity 0.6s ease-in-out;
}
nav .menu-nested-pages-container ul li {
display: block;
}
@media screen and (min-width: 35em) {
.menu-toggle {
display: none;
}
.menu-nested-pages-container {
line-height: 1.6;
font-size: 1em;
top: auto;
right: auto;
bottom: auto;
left: auto;
padding: 0;
position: relative;
display: block;
opacity: 1;
transform: none;
}
nav .menu-nested-pages-container ul li {
display: inline-block;
}
}
.sub-nav {
margin-bottom: 1em;
}
.sub-nav button {
font-size: 1em;
text-transform: uppercase;
border: none;
outline: none;
background: transparent;
padding: 0.5em 0.2em;
opacity: 0.4;
transition: opacity 0.15s ease;
}
.sub-nav li:first-child button {
padding-left: 0;
}
.sub-nav .active,
.sub-nav :hover {
opacity: 1;
}
.project-footer .sub-nav[data-category="project"] {
display: none;
} ul {
list-style-type: none;
padding: 0;
margin: 0 auto;
}
nav ul li {
margin: 0;
font-size: 0.95em;
display: inline-block;
text-transform: uppercase;
}
nav ul li a {
opacity: 0.4;
display: block;
padding: 0 0.25em 0 0;
transition: opacity 0.15s ease;
}
nav.sub-nav ul li a {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.single-projects nav ul li.menu-item-82 a,
.post-template-default nav ul li.menu-item-88 a,
nav ul li.current_page_parent a,
nav ul li.current_page_item a,
nav ul li.current_page_ancestor a,
nav ul li a:hover {
opacity: 1;
}
.scroll-to-view {
height: 5rem;
line-height: 4;
font-size: 0.8em;
text-transform: uppercase;
color: #969696;
opacity: 1;
transition: opacity 0.5s ease;
}
.scrolled .scroll-to-view {
opacity: 0;
}
.scroll-to-view::before {
content: "";
display: inline-block;
height: 0.5em;
width: 0.5em;
border-right: 1px solid #969696;
border-bottom: 1px solid #969696;
margin: 0 1em 0 0;
transform: rotate(45deg) translateY(-0.35em);
}
@media screen and (max-aspect-ratio: 15/10) {
.hero + .scroll-to-view {
visibility: hidden;
}
} .thumbnail-grid {
display: flex;
justify-content: flex-start;
justify-content: space-between;
flex-flow: row wrap;
}
.grid-item {
padding-bottom: 1.5em;
flex: 0 1 auto;
font-size: 0.9em;
}
.grid-item .image-holder {
position: relative;
padding-top: 61.75%;
margin-bottom: 1em;
}
.awards .grid-item .image-holder {
padding-top: 125%;
}
.grid-item .image-holder img {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
opacity: 1;
}
.grid-item a .image-holder::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgb(65, 99, 43);
background: rgba(63, 110, 36, 0.8);
background: rgba(63, 145, 92, 0.75);
background: rgba(68, 156, 99, 1);
background: linear-gradient(200deg, rgb(196, 161, 43), rgba(68, 156, 99, 1));
background: linear-gradient(200deg, rgb(196, 161, 43), rgb(61, 150, 32));
background: linear-gradient(200deg, rgb(168, 142, 71), rgb(96, 122, 60));
opacity: 0;
}
.grid-item.status-disabled:hover {
cursor: not-allowed;
}
.grid-item.status-disabled .image-holder::after {
opacity: 0;
content: "Coming Soon";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
color: #fff;
background: rgba(102, 102, 102, 0.473);
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 0.8em;
display: flex;
justify-content: center;
-webkit-flex-align: center;
align-items: center;
transition: opacity 0.3s ease-in-out;
}
.grid-item.status-disabled:hover .image-holder::after {
opacity: 1;
}
.grid-item:hover a .image-holder img {
opacity: 0.5;
}
@supports (mix-blend-mode: overlay) {
.grid-item a .image-holder::after {
mix-blend-mode: overlay;
z-index: 5;
}
.grid-item:hover a .image-holder img {
opacity: 0.8;
}
}
.grid-item:hover a .image-holder::after {
opacity: 1;
}
.grid-item {
color: #91746f;
margin: 0 auto 1em;
font-weight: 100;
width: 100%;
}
.place-holder {
display: block;
width: 33%;
height: 0;
padding: 0;
margin-bottom: 0;
}
@media screen and (min-width: 30em) {
.awards .grid-item {
width: 49.5%;
}
}
@media screen and (min-width: 40em) {
.grid-item {
width: 49.5%;
}
}
@media screen and (min-width: 55em) {
.thumbnail-grid.awards {
width: 100%;
min-width: 60vw;
max-width: 100%;
}
.awards .grid-item {
width: 30%;
margin-left: 0;
}
}
@media screen and (min-width: 55em) and (min-aspect-ratio: 7/4) {
.thumbnail-grid.awards {
width: 140vh;
}
}
@media screen and (min-width: 70em) {
.grid-item {
width: 33%;
} }
@media screen and (min-width: 90em) {
.thumbnail-grid.awards {
max-width: 90em;
}
}
.grid-item h3 {
font-weight: 400;
margin: 0 auto 0.1em;
}
.title p {
margin: 0;
}
.filter-list.filtering + .thumbnail-grid .grid-item {
transition: opacity 0s;
}
.filter-list + .thumbnail-grid .grid-item {
opacity: 0;
visibility: hidden;
}
.filter-list + .thumbnail-grid .grid-item.active {
transition: opacity 0s;
visibility: visible;
display: block;
}
.filter-list + .thumbnail-grid .grid-item.image-loaded {
transition: opacity 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 1;
visibility: visible;
}
.site-main[active-section=""] .grid-item {
opacity: 1;
display: block !important;
visibility: visible !important;
}
.filter-list:not([data-filterby="filter"]) + .thumbnail-grid .grid-item:not(.active) {
display: none;
}
.filter-list.filtering + .thumbnail-grid {
opacity: 0;
transition: opacity 0.3s ease-out;
} .image-holder img.lazyload,
.image-holder img.lazyloading,
.image-holder img[onload],
.image-holder img.image-loading {
opacity: 0;
transition: opacity 0.35s ease-out;
}
.image-holder img.lazyloaded {
opacity: 1;
transition: opacity 0.5s ease-out;
}
.image-holder img.image-loaded {
opacity: 1;
}
.image-holder img[data-ofi-src] {
pointer-events: none;
}
img.share {
position: absolute;
opacity: 0;
top: 0;
right: 0;
bottom: auto;
left: 0;
width: auto;
height: 100%;
z-index: 0;
pointer-events: auto;
}
.share-link + img {
position: relative;
z-index: 1;
pointer-events: none;
}
.share-link {
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
}
.site-main {
padding-top: 8em;
position: relative;
margin: 0 2rem;
min-height: calc(var(--vh, 1vh) * 100 - 11.3rem);
}
.page-template-page-contact .site-main {
padding-top: 4em;
}
.home .site-main {
padding-top: 0;
}
@media screen and (min-width: 50em) {
.site-main {
margin: 0 5rem;
}
}
@media screen and (min-width: 70em) {
.project-page .site-main,
.project-page .site-main {
padding-top: 12rem;
}
}
.intro-text {
visibility: hidden;
}
.intro-text.ready {
visibility: visible;
}
.intro-text h2 {
text-transform: uppercase;
font-size: calc(1em + 1.2vw);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
height: 1.5em;
margin: auto; font-weight: 300;
color: #fff;
z-index: 9999999;
}
.intro-text h2 span {
opacity: 0;
}
.intro-text.ready h2 span {
-webkit-animation: fadeIn 2s forwards ease-in;
animation: fadeIn 2s forwards ease-in;
}
.home-slideshow.heart-slideshow {
height: calc(100svh - 8em);
margin-top: 5em;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.hero {
position: relative;
height: 100vw;
min-height: 25vw;
max-height: calc(var(--vh, 1vh) * 100 - 11.3rem);
}
@media screen and (min-width: 50em) {
.hero {
height: 57vw;
}
}
.page-template-page-contact .hero { height: calc(var(--vh, 1vh) * 100 - 11.3rem);
min-height: 35em;
margin-bottom: 2.5rem;
}
.page-template-page-contact .hero .background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: #3b3d10;
opacity: 0;
}
.page-template-page-contact .hero img.image-loaded + .background {
opacity: 1;
transition: 0.15s ease;
}
.page-template-page-contact .hero .image-holder {
opacity: 1;
}
.page-template-page-contact .hero .image-holder img {
position: relative;
z-index: 1;
opacity: 0.4;
}
@media screen and (min-width: 50em) {
.page-template-page-contact .hero {
min-height: 25em;
}
.page-template-page-contact article {
display: flex;
}
.page-template-page-contact article .wp-block-group {
margin-right: 15%;
}
.page-template-page-contact article .wp-block-group__inner-container {
display: block;
padding: 0 1em 0 0;
max-width: 19em;
}
.page-template-page-contact article .text-holder {
width: 33.333%;
}
.page-template-page-contact .hero .image-holder img {
position: relative;
z-index: 1;
opacity: 0.8;
}
}
.hero .image-holder {
position: relative;
height: 100%;
width: 100%;
}
.hero .image-holder img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
}
.overlay-text {
position: absolute;
top: auto;
right: 0;
bottom: 0rem;
left: 2.5rem;
z-index: 10;
}
.overlay-text p {
font-weight: 100;
color: #fff;
font-size: calc(1em + 1vw);
line-height: 1.4;
}
@media screen and (min-width: 60em) {
.overlay-text {
bottom: 2.5rem;
}
.overlay-text p {
font-size: 2em;
}
}
.page-template-page-contact .overlay-text p {
font-weight: 400;
font-size: 0.9em;
line-height: 1.8;
}
.page-template-page-contact article {
padding-bottom: 1.5em;
justify-content: flex-start;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.social-icons {
color: #fff;
padding-bottom: 1em;
}
.social-icons ul li {
display: inline-block;
width: 1.2em;
height: 1.2em;
margin: 0 0.8em 0 0;
opacity: 0.5;
}
.social-icons ul li:hover {
opacity: 1;
cursor: pointer;
}
.social-icons svg {
fill: #fff;
}
footer .social-icons svg {
fill: #000;
} @media screen and (min-width: 50em) {
.wp-block-cover {
min-height: 45vw;
}
}
.image-holder.video {
background: #000;
cursor: pointer;
}
.video img {
transition: opacity 0.6s ease-in-out;
}
.video:hover img {
opacity: 0.6;
}  .project-page .text-holder {
font-size: 0.9em;
color: #210000;
}
.project-page .text-holder h1,
.project-page .text-holder h2 {
font-size: 1.1em;
color: #a69999;
}
.project-page .text-holder h1 {
margin-top: 2em;
}
@media screen and (min-width: 50em) {
.project-page .text-holder h1 {
margin-top: 0;
}
}
.project-page .text-holder h2 {
text-transform: none;
}
.image-rows {
display: block;
}
.row {
padding-bottom: 5rem;
}
.image-set {
width: 100%;
} .image-set img {
width: 100%;
display: block;
}
.image-set .image-holder {
width: 100%;
}
.image-set figure {
margin-bottom: 1%;
}
figcaption {
width: 96%;
font-weight: 100;
color: #9c9b96;
font-size: 0.8em;
padding: 1em 0;
line-height: 1.4;
font-style: italic;
}
@media screen and (min-width: 50em) {
figcaption {
width: 90%;
}
.image-set {
margin-bottom: 5rem;
}
.image-set figure {
margin-bottom: 0;
}
.image-set {
display: flex;
justify-content: flex-start;
justify-content: space-between;
flex-flow: row wrap;
}
.image-set .image-holder {
width: 0%;
}
.image-set .image-holder:only-child {
width: 100%;
}
.image-set .image-holder:not(:last-child) {
margin-right: 0.5%;
}
}
.article-intro figure,
.image-set div[style^="padding-top"] {
position: relative; }
.article-intro figure img,
.image-set div[style^="padding-top"] img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}  .entry-content p + .image-set {
margin-top: 3em;
}
.sub-nav.posts-navigation ul li {
display: block;
line-height: 1;
padding-bottom: 1em;
font-size: 0.8em;
}
@media screen and (min-width: 50em) {
article.type-post {
display: flex;
}
article.type-post .article-content {
width: 80%;
width: calc(100% - 12em);
max-width: 60em;
}
.sub-nav.posts-navigation {
padding-left: 3%;
}
.sub-nav.posts-navigation ul li:first-child a {
padding-top: 0;
}
}   .entry-content ul {
font-size: 0.9em;
margin-bottom: 3em;
}
.entry-content ul li {
vertical-align: top;
display: inline-block;
width: 100%;
line-height: 1.4;
margin-bottom: 0.8em;
}
.entry-content a:hover {
color: #000;
} footer {
background: #e9e8e1;
padding: 2em 2rem 1em;
}
footer .site-footer {
font-size: 0.9em;
color: #666;
}
@media screen and (min-width: 50em) {
footer {
padding: 2em 5rem 1em;
}
}
.page-template-page-contact footer {
display: none;
} .tns-outer {
position: relative;
}
.tns-controls {
display: none;
}
.slideshow-block .tns-controls {
max-width: 100%;
display: block;
}
@media screen and (min-width: 720px) {
.tns-controls {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 10%;
left: 0;
z-index: 90;
margin: 0 auto;
}
}
.tns-controls button,
button[data-controls="next"] {
position: absolute;
width: 50%;
top: 0;
right: auto;
bottom: 0;
left: 50%;
outline: 0;
border: none;
background: transparent;
font-size: 0;
color: transparent;
text-indent: -99999rem;
-webkit-tap-highlight-color: transparent;
}
.touch-events .single-book .tns-controls {
pointer-events: none;
}
.order-first {
font-size: 0.9em;
}
@media screen and (min-width: 45em) {
.order-first {
order: -1;
}
}
.tns-controls button:active,
.tns-controls button:focus,
button[data-controls="next"] {
outline: 0;
border: none;
}
.tns-controls:active,
.tns-controls:focus {
outline: 0;
-webkit-tap-highlight-color: transparent;
}
.tns-controls button:first-child {
left: auto;
right: 50%;
}
.tns-controls button {
opacity: 0.7;
transition: opacity 0.15s ease-out;
}
.tns-controls button:active {
opacity: 1;
transition: opacity 0.1s ease;
}
button[data-controls="next"]::after,
button[data-controls="prev"]::after {
content: "";
opacity: 0.4;
display: block;
position: absolute;
margin: auto 0;
top: 0;
right: 0;
bottom: 0;
left: auto;
border-bottom: 2px solid #9e9133;
z-index: 900;
-webkit-tap-highlight-color: transparent;
transition: opacity 0.2s ease-out;
}
button[data-controls="prev"]::after {
left: 0;
right: auto;
}
button[data-controls="next"]:hover::after,
button[data-controls="prev"]:hover::after {
opacity: 1;
}
button[data-controls="next"]::after,
button[data-controls="prev"]::after {
width: 1.5rem;
height: 1.5rem;
border-right: 2px solid #9e9133;
transform: rotate(-45deg);
}
button[data-controls="prev"]::after {
transform: rotate(135deg);
}
@media screen and (max-aspect-ratio: 7/5) {
button[data-controls="next"]::before,
button[data-controls="prev"]::before {
height: 0;
width: 2rem;
}
button[data-controls="next"]::after,
button[data-controls="prev"]::after {
width: 1.25rem;
height: 1.25rem;
}
} .tiny-slideshow {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.tiny-slideshow .slide figure {
margin: 0 auto;
width: 100%;
height: auto;
overflow: hidden; }
.tiny-slideshow .slide img {
height: auto;
width: 100%;
padding: 0.5em 1em;
}
.tiny-slideshow.swipeable .slide figure {
height: 100%;
}
.tiny-slideshow.swipeable .slide figure img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
font-family: "object-fit: contain;";
}
@media screen and (max-width: 750px) {
.tiny-slideshow .slide img {
padding: 0 1em;
}
}
@media screen and (min-width: 750px) {
.tiny-slideshow .slide img {
height: 100% !important;
}
}
.tiny-slideshow .slide img[src],
.tiny-slideshow .slide img[srcset] {
padding-top: 0 !important;
}
.slideshow-block {
margin: 0 0 2% 0;
width: 100%;
flex: 0 0 100%;
}
@media screen and (min-width: 45em) {
.slideshow-block {
flex: 1 0 50%;
margin: 0 0 -2% 0;
width: 100%;
max-width: 50em;
}
}
.slideshow-block .image-holder {
position: relative;
padding-top: 70%;
}
.slideshow-block .image-holder img {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
}
.parent-books .slideshow-block {
margin-bottom: 0.5%;
}
.tiny-slideshow .slide figure figcaption {
display: none;
min-height: 4.5em;
text-align: center;
width: 80%;
margin: 0 auto;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #9c9b96;
font-size: 0.65em;
padding: 0.5em 0 2em;
}
@media screen and (max-width: 750px) {
.tiny-slideshow .slide figure img {
margin-bottom: 2%;
}
}
.tns-outer {
padding: 0 !important;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer;
}
.tns-slider {
transition: all 0s;
}
.tns-slider > .slide {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .slide {
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 > .slide {
float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .slide {
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery > .slide {
position: absolute;
left: -100%;
transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
position: relative;
left: auto !important;
}
.tns-gallery > .tns-moving {
transition: all 0.25s;
}
.tns-autowidth {
display: inline-block;
}
.tns-lazy-img {
transition: opacity 0.6s;
opacity: 0.6;
}
.tns-lazy-img.tns-complete {
opacity: 1;
}
.tns-ah {
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: 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: calc(100% / 70);
height: 10px;
float: left;
}  .heart-slideshow button.heart-prev {
cursor: url(https://janiceparker.com/wp-content/themes/janice-parker/cursors/black/arrow-left.png) 2 8, pointer; cursor: url(//janiceparker.com/wp-content/themes/janice-parker/cursors/black/arrow-left.svg) 2 8, pointer; cursor: -webkit-image-set(url(//janiceparker.com/wp-content/themes/janice-parker/cursors/black/arrow-left.png) 1x, url(//janiceparker.com/wp-content/themes/janice-parker/cursors/black/arrow-left@2x.png) 2x) 2 8, pointer;
}
.heart-slideshow button.heart-next {
cursor: url(https://janiceparker.com/wp-content/themes/janice-parker/cursors/black/arrow-right.png) 7 8, pointer; cursor: url(//janiceparker.com/wp-content/themes/janice-parker/cursors/black/arrow-right.svg) 7 8, pointer; cursor: -webkit-image-set(url(//janiceparker.com/wp-content/themes/janice-parker/cursors/black/arrow-right.png) 1x, url(//janiceparker.com/wp-content/themes/janice-parker/cursors/black/arrow-right@2x.png) 2x) 7 8, pointer; }
.heart-slideshow {
position: relative; top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100vh;
height: calc(var(--vh, 1vh) * 100 - 11.3rem);
width: 100%;
overflow: hidden;
z-index: 10;
padding-bottom: 5rem;
}
.heart-slideshow .heart-slide {
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
opacity: 0;
will-change: opacity;
transition: none;
}
.heart-slide .image-holder {
height: 100%;
width: 100%;
margin: 0;
}
.heart-slide img {
display: block;
height: 100%;
width: 100%;
visibility: hidden;
}
.heart-slide img[src] {
visibility: visible;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
}
.heart-slide.active {
opacity: 1;
z-index: 20;
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: visible;
backface-visibility: visible;
transition: opacity 3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.heart-slide.previous {
z-index: 10;
transform: translate3d(0, 0, 0);
transition: opacity 3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
} .heart-slideshow.book-slideshow {
padding-top: 62%;
flex: 0 1 100%;
height: 0;
}
@media screen and (min-width: 50em) {
.heart-slideshow.book-slideshow {
padding-top: 42%;
flex: 0 1 60%;
}
}
.heart-slideshow.book-slideshow .image-holder {
background: #fff;
}
.heart-slideshow.book-slideshow .heart-slide .image-holder img[src] {
object-fit: contain;
font-family: "object-fit: contain;";
}
.book-section {
width: 100%;
max-width: 1500px;
} .error404 h1 {
font-size: calc(3.5em + 0.5vw);
color: #b0afaf;
font-weight: 100;
margin: 0;
}
.error404 .site-main {
display: flex;
}
.error-404.not-found {
margin-top: auto;
margin-bottom: auto;
height: 100%;
position: relative;
}
.error-404.not-found p {
color: #8f8f8f;
}