.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
word-break: normal;
}
.screen-reader-text:focus {
background-color: #f7f7f7;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #007acc;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.skip-link {
left: -9999rem;
top: 2.5rem;
z-index: 999999999;
text-decoration: underline;
}
.skip-link:focus {
display: block;
left: 6px;
top: 7px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
line-height: normal;
padding: 15px 23px 14px;
z-index: 100000;
right: auto;
}
.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
}
html,
body {
background-color: #fff;
color: #333;
font-family: "Amiri", serif;
font-weight: 400;
font-size: 20px; text-rendering: optimizeLegibility; overflow-x: hidden;
scroll-behavior: smooth;
}
body.menu-open {
overflow: hidden;
width: 100vw;
height: 100vh;
}
.loader img {
width: 30px;
height: 30px;
display: none;
}
img,
picture {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
ul {
list-style: none !important;
}
a:visited,
a:link {
text-decoration: none;
color: #333;
transition: all 0.25s;
}
a:active,
a:hover {
color: #888888;
}   .row {
padding: 0 30px;
}
.content { max-width: 1000px;
margin: 2% auto;
}
section {
padding: 30px 30px;
text-align: center;
} header { }
nav { padding-top: 30px;
padding-bottom: 30px;
position: relative;
width: 100%;
height: auto;
z-index: 999; transition: none;
}
body.home nav {
position: absolute;
top: 0;
left: 0;
}
h1,
h2,
h3,
h5 {
text-align: center;
margin: 0 0 20px 0;
}
h1 {
font-style: italic;
letter-spacing: 0;
line-height: 1.35em; font-size: 170%;
font-family: "Sorts Mill Goudy", serif;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
body.single h1,
body.home h1,
body.search h1,
body.error404 h1 {
position: relative;
top: 0;
left: 0;
transform: none;
}
h2 {
text-transform: uppercase;
letter-spacing: 0.5em;
line-height: 2.14em; font-size: 80%;
font-family: "Rosarivo", serif;
}
h3 { font-size: 170%;
font-family: "Rosarivo", serif;
letter-spacing: 0;
word-spacing: 0;
line-height: 1.35em;
font-style: italic;
}
a.btn-outline,
a.btn-outline {
display: inline-block;
border: 1px solid #888888;
color: #888888;
padding: 15px 40px; font-size: 70%;
text-transform: uppercase;
transition: all 0.25s;
background-color: transparent;
font-family: "Rosarivo", serif;
letter-spacing: 0.4em;
cursor: pointer;
}
a.btn-outline:active,
a.btn-outline:hover {
background-color: #888888;
color: #fff;
}
.ionicon {
display: inline-block;
width: 1em;
height: 1em;
contain: strict;
fill: currentcolor;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}   nav .row {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
flex-grow: 1;
}
.logo img {
width: 205px;
}
ul.main-nav {
display: flex;
justify-content: space-between;
list-style: none;
}
.mobile-nav {
display: none; font-size: 35px;
margin: 0 10px;
color: #555555;
transition: all 1s ease-in-out;
cursor: pointer;
}
body .mobile-nav > .close {
display: none; color: #555555;
}
body.menu-open .mobile-nav > .open {
display: none; }
body.menu-open .mobile-nav > .close {
display: block; }
body .logo.black {
display: none;
}
body .logo.white {
display: inline-block;
}
body.menu-open .logo.black {
display: inline-block;
}
body.menu-open .logo.white {
display: none;
}
body.menu-open #container {
margin-top: 171.16px;
}
body.menu-open nav { position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
background-color: #fff; color: #555555;
z-index: 9999;
transition: all 0.5s ease-in;
}
body.menu-open .nav-wrapper {
position: fixed;
top: 50%;
left: 0;
width: 100vw;
text-align: center;
transform: translateY(-50%);
}
body.menu-open .nav-wrapper .main-nav li {
font-size: 150%;
}
body.menu-open ul.main-nav {
display: block; height: 100%;
width: 100%;
overflow: visible;
}
body.home .mobile-nav {
color: #fff;
}
.mobile-nav .ionicon {
vertical-align: -12%;
}
.main-nav li {
padding: 7px 11px;
font-family: "Amiri", serif; font-size: 70%;
letter-spacing: 0.4em;
word-spacing: 0;
line-height: 1.75em;
text-transform: uppercase;
font-weight: 400;
}
.main-nav li a:link,
.main-nav li a:visited {
text-decoration: none;
transition: 0.15s all ease;
color: #555555;
}
body.home .main-nav li a:link,
body.home .main-nav li a:visited {
color: #fff;
}
body.menu-open .main-nav li a:link,
body.menu-open .main-nav li a:visited {
color: #555555 !important;
}
.main-nav li a:active,
.main-nav li a:hover {
opacity: 0.5;
}
.slide-wrapper {
height: 350px; position: relative;
}
.slide-wrapper > div {
height: 350px; }
body.home .slide-wrapper {
height: 100vh;
}
body.home .slide-wrapper > div {
height: auto;
max-height: none;
}
#carousal-header {
height: 100%;
}
.slide-wrapper .slide {
height: 100%;
}
.splide__track,
.splide__slide,
.splide__slide .item {
height: 100%;
} .section-welcome {
text-align: center;
}
.vertical-divider {
width: 1px;
height: 50px;
border: 0.5px solid #000;
margin: 30px auto;
}
p {
width: 80%;
margin: 0 auto;
text-align: center;
}
section.featured-gallery {
background-color: #faf8f6;
}
section.featured-gallery h2 {
margin: 50px 0;
}
.featured-gallery-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 20px 0;
}
.featured-item { max-width: 500px;
width: calc(50% - 10px); max-height: 300px;
margin: 10px auto;
overflow: hidden; position: relative;
}
.featured-item .img-wrapper {
width: 100%;
height: 100%;
}
.featured-item .info-wrapper {
width: 100%;
height: 100%;
z-index: 999;
position: absolute;
top: 0;
left: 0;
font-family: Rosarivo;
font-style: italic; font-size: 130%;
text-transform: 0;
background-image: linear-gradient(
rgba(255, 255, 255, 0),
rgba(0, 0, 0, 0.5)
) !important;
background: rgba(255, 255, 255, 0);
padding: 150px 0 40px 0;
}
.featured-item h3 {
z-index: 999;
position: absolute;
bottom: 15px;
left: 50%;
transform: translate(-50%);
color: #fff; font-size: 100%;
margin: 0;
width: 100%;
padding: 0 10px;
}
section.what-I-love {
background-image: url(//www.joannstokes.com/wp-content/themes/joannstokes-webnex/assets/images/untitled-09000757-2.jpeg);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
padding: 4% 0; font-size: 170%;
font-family: "Sorts Mill Goudy", serif;
font-style: italic;
line-height: 1.35em;
position: relative;
}   ul.categories {
list-style: none;
}
section.what-I-love li {
margin: 20px 0;
}
section.what-I-love li a:link,
section.what-I-love li a:visited {
text-decoration: none !important;
color: #000;
}
section.what-I-love li a:active,
section.what-I-love li a:hover {
color: #888888;
}
section.newsletter {
background-color: #faf8f6;
}
section.newsletter .signup {
display: flex; justify-content: center;
align-items: center;
flex-wrap: wrap;
font-family: "Rosarivo", serif;
letter-spacing: 0.5em;
text-transform: uppercase;
width: 80%;
margin: 10px auto;
}
section.newsletter .mc4wp-form-fields {
display: flex;  align-items: center;
}
.signup label { font-size: 80%;
flex-grow: 1;
margin: 20px 0;
}
section.newsletter .signup form {
margin: 20px 0;
}
.signup input[type="email"] { font-size: 60%;
letter-spacing: 0.4em;
word-spacing: 0;
line-height: 2.2em;
color: #888888;
border-bottom: 1px solid #e1e1e1;
border-left: none !important;
border-right: none !important;
border-top: none !important;
background: #fff;  min-width: 250px;
padding: 15px;
appearance: none;
margin: 0 5px;
}
.signup input::placeholder {
text-transform: uppercase;
}
.signup input:focus {
outline: 0;
}
footer {
background-color: #f2ede9 !important;
padding: 40px 40px 10px 40px; font-size: 70%;
position: relative;
}
.footer-wrapper {
display: flex;
text-align: center;
max-width: 80%;
margin: 0 auto;
border-bottom: 1px solid #888888;
padding: 0 0 30px;
flex-wrap: wrap;
}
.footer-wrapper .instagram {
width: 50%;
}
.footer-wrapper .nav-footer-wrapper,
.footer-wrapper .contact-wrapper {
width: 25%;
}
.footer-wrapper .contact-wrapper a {
display: inline-block;
margin: 0 0 10px 0;
}
h6 { font-size: 242%;
font-family: "Sorts Mill Goudy", serif;
font-style: italic;
line-height: 1.35em;
}
.social-links li {
display: inline-block;
margin: 0 0 0 5px;
font-size: 120%;
vertical-align: -20%;
}
footer .credit {
margin: 0 auto;
text-align: center;   padding: 15px 0;
}
footer .fab {
text-align: center;
color: #888888;
background-color: #f7f7f7;
border-radius: 50%;
width: 40px;
height: 40px;
position: fixed;
bottom: 15px;
right: 40px;
transition: all 0.25s;
box-shadow: 0px 0px 20px 5px #ddd;
}
.fab svg { font-size: 145%;
vertical-align: -40%;
}
footer .fab:hover {
color: #f7f7f7;
background-color: #888888;
}   section.testimonials {
padding-top: 80px;
height: 80vh;
}
div.spacer {
height: 30px;
}   #carousal-testimonial {
height: 50vh;
width: 100%;
position: relative; }
.splide__track,
.splide__list {
height: 100%;
}
.splide__arrow {
position: absolute;
bottom: 10%;
transform: translateY(-50%);
background-color: transparent;
z-index: 1;
cursor: pointer;
color: #000; border: none;
}
.splide__arrow .ionicon {
width: 60px; }
.splide__arrow.splide__arrow--prev {
left: 50px;
}
.splide__arrow.splide__arrow--next {
right: 50px;
}
.splide__pagination {   position: absolute;
bottom: 10%;
width: 100%;
transform: translate(-50%, -50%); }
.splide__pagination__page {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #000;
background-color: transparent;
margin: 0 3px;
transition: background-color ease-in-out 1s;
}
.splide__pagination__page.is-active {
background-color: #000;
}
.testimonial {
height: 100%;
width: 100%;
position: relative;
}
.testimonial .message { width: 50%;
color: #000;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.testimonial .message .citation {
margin: 15px 0 0 0;
}
.testimonial .message .citation::before {
content: "\2014";
margin: 0 5px 0 0; }   .blog-item {
display: flex;
margin: 20px 0;
align-items: stretch; font-size: 80%;
}
.blog-item .featured-img {
width: 45%;
max-height: 500px;    }
.blog-item .featured-img .img-wrapper {
width: 100%;
height: 100%;  }
.blog-item .blog-info {
width: 55%;
padding: 15px 5px;
text-align: center;
}
.blog-item .published-date {
color: #777777;
margin: 0 0 5px 0; text-transform: uppercase;
}
.blog-item .exerpt { color: #333;
}
.blog-item .btn-wrapper {
margin: 15px 0 0 0;
}
.blog-pagination {
display: flex;
justify-content: flex-start;  font-size: 80%;
font-family: "Sorts Mill Goudy", serif;
}
.blog-pagination a,
.blog-pagination span {
border: 1px solid #e8e8e8;
border-right: 0;
padding: 3px 10px;
margin: 0;
display: inline-block;
}
.blog-pagination a:last-child,
.blog-pagination span:last-child {
border: 1px solid #e8e8e8;
}   .form-row {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.form-row > span { flex-grow: 1;
padding: 0 10px;
}
input,
textarea {
display: inline-block;
color: #666; border: 1px solid #e1e1e1;
appearance: none;
width: 100%;
}
input[type="text"],
input[type="email"],
textarea {
font-family: Sanchez Regular; font-size: 55%;
letter-spacing: 0.4em;
word-spacing: 0;
line-height: 2.2em;
text-transform: uppercase;
font-weight: normal;
border-bottom: 1px solid #e1e1e1;
border-left: none !important;
border-right: none !important;
border-top: none !important;
background: #fff;
border-radius: 3px; min-width: 250px;
padding: 15px;
}
section.contact-form input[type="text"],
section.contact-form input[type="email"] {
margin-bottom: 30px;
}
input[type="submit"] {
background: #ffffff;
color: #888888;
font-family: "Rosarivo";
text-align: center;
border-radius: 0;
padding: 15px 40px 15px 40px;
border: 1px solid #888888; font-size: 70%;
letter-spacing: 0.4em;
word-spacing: 0;
line-height: 1.75em;
text-transform: uppercase;
font-weight: normal;
display: inline-block;
margin: 0;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
text-decoration: none !important;
max-width: 100%;
transition: 0.15s all ease;
width: 100%;
}
input[type="submit"]:hover {
background: #888888;
color: #ffffff;
}
.wpcf7 .wpcf7-not-valid {
border-color: #f00;
}
.wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2;
}   .container-split {
display: flex;
flex-wrap: nowrap;
width: 100%;
justify-content: center;
margin: 0 0 50px;
}
.article,
.results-wrapper { max-width: 680px;
margin: 0 50px 0 0;
}
.recent-posts {
max-width: 26%;
text-align: left;
}
.recent-posts h2 {
text-align: left;
}
ul.list-posts li {
padding: 0.462em 0;
border-bottom: 1px solid #eee;
line-height: 1em;
}
ul.list-posts li:first-child {
border-top: 1px solid #eee;
}
ul.list-posts li a {
word-wrap: break-word;
color: #333; font-size: 65%; letter-spacing: 0;
font-family: "Sorts Mill Goudy", serif;
}
ul.list-posts li a:hover {
text-decoration: underline;
}
.search-form {
position: relative;
margin: 20px 0;
}
.search-form input {
width: 100%;
background-repeat: no-repeat;
background-position: right center;
padding: 0.7em 30px 0.7em 0.8em;
}
input[type="search"] {
display: inline-block;
color: #666; padding: 0.462em 35px 0.462em 0.769em;
font-family: inherit;
font-weight: inherit; font-size: 70%;
line-height: 1.65;
max-width: 100%;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none !important;
outline: 0 !important;
}
.search-form .search-submit {
position: absolute;
top: 50%;
right: 14px;
height: 20px;
line-height: 20px;
margin: -10px 0 0;
background: none;
padding: 0;
border: 0;
outline: 0;
color: inherit;
font-size: 0.846em;
opacity: 0.5;
display: inline-block;
text-decoration: none !important;
border-radius: 3px;
} input[type="search"]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type="search"]::-ms-reveal {
display: none;
width: 0;
height: 0;
} input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.post-tags {
margin: 30px 0;
}
.post-tags ul {  text-align: left;
}
.post-tags ul li {
display: inline-block;
font-size: 0.65em;
padding: 0.385em 0.769em;
color: inherit;
cursor: pointer;
border: 1px solid #e8e8e8;
color: #787878;
transition: 0.15s all ease;
margin: 2px 2px 2px 0;
}
.social-share h2,
.related-post h2 {
text-align: left;
}
.social-share {
margin: 0 0 50px;
}
.social-share ul {
text-align: left;
}
.social-share .ionicon {
vertical-align: -10%;
}
.social-share li {
display: inline-block;
}
.social-share .btn-social {
border-radius: 5px;
padding: 5px 8px;
color: #fff;
margin: 5px 5px 5px 0;
cursor: pointer;
}
.social-share .btn-social > span {
margin: 0 5px 0;
}
.social-share .btn-social.twitter {
background-color: #00aced;
}
.social-share .btn-social.twitter:hover {
background-color: #0093cb;
}
.social-share .btn-social.facebook {
background-color: #3b5998;
}
.social-share .btn-social.facebook:hover {
background-color: #324b80;
}
.social-share .btn-social.linkedin {
background-color: #4875b4;
}
.social-share .btn-social.linkedin:hover {
background-color: #3e659c;
}
.social-share .btn-social.mail {
background-color: #999999;
}
.social-share .btn-social.mail:hover {
background-color: #888888;
}
.social-share button {
border: none;
appearance: none;
background-color: transparent;
color: inherit;
}
.list-recent-posts {
display: flex;
justify-content: space-between;
}
.list-recent-posts .post-item {
width: 30%;  font-size: 80%;
line-height: 1.3em;
}
article {
width: 100%;
height: 100%;
}
.list-recent-posts .post-item .img-wrapper {
height: 200px;
display: block;
border-radius: 2px; overflow: hidden;
}
.list-recent-posts .post-item h4 {
padding: 10px 0;
margin: 0 0 15px 0;
font-style: italic;
}
body.single .pagination {
border-top: 1px solid #eee;
padding: 1.538em 0;
display: flex;
justify-content: space-between; font-size: 65%; }
.results-wrapper .no-results {
text-align: center;
}
body.search .header,
body.error404 .header {
margin: 0 0 50px;
}
body.error404 .results-wrapper {
text-align: center;
}
.gallery-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
grid-auto-rows: 4rem;
}
.item-gallery {
grid-row: span 5;
margin: 2px;
}
.item-gallery.portrait {
grid-row: span 8;
} @font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7afnpd8CGxBHpUrhLQY67FIEjgjpQ.woff2)
format("woff2");
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
U+FB50-FDFF, U+FE80-FEFC;
} @font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7afnpd8CGxBHpUrhL8Y67FIEjgjpQ.woff2)
format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7afnpd8CGxBHpUrhLEY67FIEjg.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
} @font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7aanpd8CGxBHpUrjAo9_plqHxIZrCE4KA.woff2)
format("woff2");
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
U+FB50-FDFF, U+FE80-FEFC;
} @font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7aanpd8CGxBHpUrjAo9_pJqHxIZrCE4KA.woff2)
format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Amiri";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7aanpd8CGxBHpUrjAo9_pxqHxIZrCE.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
} @font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7aRnpd8CGxBHpUrtLMS7JNKIjk.woff2)
format("woff2");
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
U+FB50-FDFF, U+FE80-FEFC;
} @font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7aRnpd8CGxBHpUgtLMS7JNKIjk.woff2)
format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7aRnpd8CGxBHpUutLMS7JNK.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
} @font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7acnpd8CGxBHp2VkaY6zp5gGDAbnCA.woff2)
format("woff2");
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
U+FB50-FDFF, U+FE80-FEFC;
} @font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7acnpd8CGxBHp2VkaYxzp5gGDAbnCA.woff2)
format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v23/J7acnpd8CGxBHp2VkaY_zp5gGDAb.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
} @font-face {
font-family: "Rosarivo";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/rosarivo/v18/PlI4Fl2lO6N9f8HaNDeA4HVkmO66dX66aA.woff2)
format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Rosarivo";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/rosarivo/v18/PlI4Fl2lO6N9f8HaNDeA4HtkmO66dX4.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
} @font-face {
font-family: "Rosarivo";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/rosarivo/v18/PlI-Fl2lO6N9f8HaNDeL0Hlun8y4RX8.woff2)
format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Rosarivo";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/rosarivo/v18/PlI-Fl2lO6N9f8HaNDeF0Hlun8y4.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
} @font-face {
font-family: "Sorts Mill Goudy";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v13/Qw3AZR9MED_6PSuS_50nEaVrfzgEbH80g7s_1vKbfPlA.woff2)
format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Sorts Mill Goudy";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v13/Qw3AZR9MED_6PSuS_50nEaVrfzgEbH80jbs_1vKbfA.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
} @font-face {
font-family: "Sorts Mill Goudy";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v13/Qw3GZR9MED_6PSuS_50nEaVrfzgEbHQEj7E49PCrfQ.woff2)
format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Sorts Mill Goudy";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v13/Qw3GZR9MED_6PSuS_50nEaVrfzgEbHoEj7E49PA.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}@media only screen and (max-width: 1200px) {
} @media only screen and (max-width: 1023px) {
.main-nav li {
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 960px) { .container-split {
flex-wrap: wrap;
}
.article,
.results-wrapper,
.recent-posts {
width: 100%;
margin: 0 auto;
max-width: none;
}
.related-post {
margin: 0 0 50px;
}
.main-nav li {
padding: 7px;
}
.item-gallery {
grid-row: span 4;
}
.item-gallery.portrait {
grid-row: span 6;
}
} @media only screen and (max-width: 767px) {
body {
font-size: 18px;
}
.row {
padding: 0 20px;
}
.content { max-width: 1000px;
margin: 30px 3%;
}
section {
padding: 15px;
}
p {
width: 100%;
}
.featured-item {
width: 100%; }
section.newsletter .signup {
width: 80%;
max-width: 500px;
}
section.newsletter .signup label {
margin: 0 0 20px 0;
}
section.newsletter .signup form {
margin: auto;
width: 100%;
}
section.newsletter .mc4wp-form-fields {
flex-wrap: wrap;
}
section.newsletter input[type="email"] {
margin: 0 0 10px 0;
}
footer {
font-size: 80%;
}
.footer-wrapper {
max-width: none;
}
.footer-wrapper .instagram {
width: 100%;
margin: 0 0 30px;
}
.footer-wrapper .nav-footer-wrapper,
.footer-wrapper .contact-wrapper {
width: 50%;
}
.credit p {
width: 90%;
}
footer .fab {
right: 20px;
}
.blog-item {
flex-wrap: wrap;
justify-content: center;
}
.blog-item .featured-img {
max-width: 500px;
}
.blog-item .featured-img,
.blog-item .blog-info {
width: 100%;
}
.list-recent-posts {
justify-content: center;
flex-wrap: wrap;
}
.list-recent-posts .post-item {
width: 100%;
margin: 30px auto;
}
.list-recent-posts .post-item .img-wrapper {
height: auto;
max-height: 400px;
}
.blog-pagination {
justify-content: center;
} ul.main-nav { height: 0;
width: 0;
overflow: hidden;
}
.mobile-nav {
display: block;
}
.gallery-wrapper { grid-template-columns: none;  }
.item-gallery {
grid-row: span 5;
}
.item-gallery.portrait {
grid-row: span 8;
}
} @media only screen and (max-width: 480px) {
body {
font-size: 16px;
}
.featured-item {
max-height: 200px;
}
.btn-outline {
width: 100%;
}
.what-I-love h2 {
font-size: 60%;
}
section.newsletter .signup {
width: 100%;
}
footer {
font-size: 90%;
}
.footer-wrapper {
padding: 0;
}
.footer-wrapper .instagram,
.footer-wrapper .nav-footer-wrapper,
.footer-wrapper .contact-wrapper {
width: 100%;
margin: 0 0 30px;
}
}