@font-face {
font-family: "URWCrawModernW01-Regula";
src: url(//swspandle.com/wp-content/themes/dyad_theme/css/Fonts/925073/f9ad91ba-2dc4-4521-95ac-11e017bbf4c6.woff2) format("woff2"), url(//swspandle.com/wp-content/themes/dyad_theme/css/Fonts/925073/93ae8b36-f78d-4554-a54b-a2fd234f37eb.woff) format("woff");
}
:root { --site-padding-left: 1.35rem;
--site-padding-top: 12rem;
--horiztonal-padding-top: 68%;
--vertical-padding-top: 136%; --font-serif: normal 400 1em/1.6 serif;
--font-sans-serif: normal 400 1em/1.6 serif; --color-black: #000;
--color-white: #fff;
--color-dark-blue: #242734;
--color-azura: #acbbd1; --barba-transition-timing: 1.05s;
}
@media screen and (min-width: 40em) {
:root {
--barba-transition-timing: 1.35s;
}
} body {
color: #000;
}
main {
min-height: calc(100vh - 8rem);
min-height: calc(100svh - 8rem);
}
h1,
h2,
h3 {
letter-spacing: 1.5px;
font-family: "URWCrawModernW01-Regula", "Times New Roman", Times, serif;
}
body h2 {
color: #fff;
font-size: 0.9em;
letter-spacing: 4px;
text-transform: uppercase;
}
h4 {
letter-spacing: 0.025em;
}
p {
margin-bottom: 1em;
}
blockquote {
margin: auto;
max-width: 36.4rem;
hyphens: auto;
text-align: center;
opacity: 0.5;
font-family: "Libre Baskerville", serif;
-webkit-font-smoothing: antialiased;
font-size: 0.9em;
line-height: 2;
}
ul,
ol {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
.wp-block-separator {
max-width: 17rem;
border-top: 0.5px solid;
margin-top: 5rem;
margin-bottom: 1.5rem;
}
.wp-block-group .wp-block-group-is-layout-grid .wp-block-image img {
height: 100%;
}
.wp-block-quote > cite {
display: block;
font-size: 0.9em;
-webkit-font-smoothing: antialiased;
}
.use-sequential-loading .grid-item {
opacity: 0;
}
.use-sequential-loading .grid-item.item-loaded {
opacity: 1;
transition-property: opacity;
transition-duration: 0.84s;
}
.image-holder:has(.ratio) {
position: relative;
width: 100%;
height: auto;
margin: 0;
transition: opacity 0.45s ease;
}
.image-holder.is-horizontal .ratio {
padding-top: var(--horiztonal-padding-top);
}
.image-holder.is-vertical .ratio {
padding-top: var(--vertical-padding-top);
}
.image-holder .ratio img {
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
}
.link-to {
position: relative;
}
.link-to a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: auto;
width: 100%;
z-index: 100;
}
.drop-cap {
text-indent: 0;
letter-spacing: 0.1ch;
font-size: 10em;
font-size: 8.7ch;
line-height: 0.3;
float: left;
padding: 0;
margin: 0.35ch 0 -0.4ch;
font-family: "URWCrawModernW01-Regula", "Times New Roman", Times, serif;
font-weight: 100;
font-style: normal;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
height: 1.2ch;
color: #fff;
}
.desktop-only {
display: none;
}
@media screen and (min-width: 500px) {
span.desktop-only {
display: inline;
}
}
@media screen and (min-width: 800px) {
.desktop-only {
display: block;
}
.mobile-only {
display: none;
}
} .flex-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 auto;
width: 100%;
--item-margin-right: 0.75rem;
}
.flex-grid .grid-item {
flex: 0 0 100%;
}
@media screen and (min-width: 45em) {
.flex-grid .grid-item {
flex: 0 0 calc(50% - var(--item-margin-right));
}
}
@media screen and (min-width: 65em) {
.flex-grid .grid-item {
flex: 0 0 calc(33.3333% - var(--item-margin-right));
}
}   #colophon {
position: relative;
z-index: 2000;
padding: 2rem var(--site-padding-left) 3rem;
}
.main-navigation {
width: fit-content;
margin: 0 auto;
text-align: center;
padding-bottom: 3rem;
}
#colophon ul li {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
}
#colophon ul li:first-of-type {
margin-right: 1.5rem;
}
#colophon .main-navigation li a {
color: #fff;
opacity: 1;
font-size: 0.9em;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 4px;
font-family: "URWCrawModernW01-Regula", "Times New Roman", Times, serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
#colophon ul li a:hover {
opacity: 0.65;
transition: opacity 0.25s;
}
#colophon .contact {
text-align: center;
font-size: clamp(0.6em, 1vh, 1em);
}
#colophon .contact p,
#colophon .contact p a {
display: none;
margin: 0;
font-family: "trajan-sans-pro", sans-serif;
letter-spacing: 2.5px;
color: #fff;
text-decoration: none;
line-height: 2.2;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 500px) {
#colophon .mobile-break {
display: none;
}
}
#colophon .contact .footer-instagram-container {
width: fit-content;
margin: 0 auto;
}
#colophon .contact .footer-instagram-container {
transition: opacity 0.25s;
}
#colophon .contact .footer-instagram-container:hover {
opacity: 0.65;
}
#colophon .contact svg {
max-width: 0.8rem;
width: 100%;
}
#colophon .contact svg path {
fill: #fff;
}