@charset "UTF-8";
  body {
font-family: "Lora", sans-serif;
line-height: 1.7;
margin: 0;
background: #f1f2f2;
}
#eapps-instagram-feed-1 .eapps-instagram-feed-title,
.woocommerce .button,
.social,
input[type=submit],
.filter,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
nav {
font-family: "Source Sans 3", sans-serif;
font-weight: 700; text-transform: uppercase;
}
h1 {
margin: 0; }
h2,
h3 {
margin-bottom: 0;
}
a {
color: #5d3833;
text-decoration: none;
}
img,
iframe {
border: 0;
}
img {
max-width: 100%;
width: auto;
height: auto;
border: 0;
}
nav ul {
list-style-type: none;
padding: 0;
margin: 0;
} html {
height: 100%;
}
body {
display: flex;
height: 100vh;
flex-direction: column;
}
.site-content {
flex: 1 0 auto;
padding-bottom: 56px;
}
.single-product .site-content {
padding-top: 56px;
}
.page-template-page-home .site-content {
padding: 0;
}
.site-footer {
flex-shrink: 0;
} .container {
margin: auto;
max-width: 1080px;
padding: 0 7px;
}
.site-header {
padding: 28px 0;
background: #000;
}
.page-template-page-home .site-header {
padding: 28px 0 56px;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
background: none;
}
.page-template-page-home .site-header:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 30%, transparent);
backdrop-filter: blur(2px);
-webkit-mask-image: linear-gradient(to top, transparent 0%, black 30%);
mask-image: linear-gradient(to top, transparent 0%, black 30%);
}
.logged-in .site-header {
padding-top: 56px;
}
.site-header .container { display: flex;
justify-content: space-between;
align-items: center;
}
.page-content { }
.site-footer {
font-size: 14px;
background: #362c2b;
text-align: center;
color: rgba(255, 255, 255, 0.8);
padding: 14px 0;
padding: 32px 0;
margin-top: 30px;
}
.site-footer a {
color: #CCB397;
}
.site-footer { }
.site-footer .fa {
color: #d89666;
} .logo {
display: inline-block;
width: 117px;
position: relative;
}
.logo svg {
fill: #fff;
}
.logo svg #art {
fill: #d89666;
}
.logo:hover svg #art {
fill: #CCB397;
}
.main-nav {
display: flex;
flex-direction: row-reverse;
gap: 30px;
}
.main-nav > ul {
display: flex;
justify-content: flex-end;
gap: 30px;
}
.main-nav > ul ul {
position: absolute;
z-index: 10;
top: 100%;
left: 0;
display: none;
width: 250px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
background: #fff;
border-radius: 3px;
z-index: 100;
}
.main-nav > ul ul a {
display: block;
padding: 10px 20px;
color: #777;
}
.main-nav > ul ul a:hover, .main-nav > ul ul a:focus {
color: #000;
}
.main-nav > ul ul .current-menu-item > a {
color: #000;
}
.main-nav > ul > li {
position: relative;
}
.menu-item-has-children > a:after {
font-family: "FontAwesome";
content: "\f078";
font-size: 11px;
margin-left: 5px;
margin-top: -3px;
display: inline-block;
vertical-align: middle;
}
.main-nav > ul > li:focus-within ul,
.main-nav > ul > li:hover ul {
display: block;
}
#meta-menu {
gap: 0;
}
#meta-menu li {
margin: 0;
}
#meta-menu a {
padding: 10px 10px 5px;
}
.main-nav > ul > li > a {
display: inline-block;
text-decoration: none;
color: #fff;
border-bottom: 3px solid transparent;
padding: 10px 0 5px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.main-nav > ul > li > a:hover {
border-bottom-color: #fff;
}
.main-nav > #meta-menu > li > a {
border-bottom: none;
margin-bottom: 10px;
}
.main-nav .current-page-ancestor > a,
.single .main-nav .current_page_parent > a,
.single .main-nav .current-menu-parent > a,
.category .main-nav .current-menu-parent > a,
.main-nav .current-menu-item > a {
border-bottom-color: #d89666;
}
#meta-menu .current-menu-item a {
color: #5d3833;
}
.x {
position: relative;
display: inline-block;
width: 1.2em;
height: 1.2em;
}
.x:before,
.x:after {
content: "";
position: absolute;
width: 2px;
background: currentColor;
height: 100%;
}
.x:before {
transform: rotate(45deg);
}
.x:after {
transform: rotate(135deg);
} .menu-toggle {
cursor: pointer;
display: none;
border: none;
background: none;
color: #fff; font-size: 2em;
padding: 10px 7px;
}
.menu-close {
color: #fff;
padding: 7px;
position: absolute;
top: 50px;
right: 5px;
} .bars {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
width: 28px;
height: 20px;
transform: translateY(-7px);
} .bars span {
height: 2px;
background: currentColor;
}
.bars:before,
.bars:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
left: 0;
transition: 0.3s;
}
.bars:before {
top: 0;
}
.bars:after {
bottom: 0;
}
@media screen and (max-width: 40em) {
.logo {
width: 100px;
}  .menu-toggle {
display: initial;
font-size: 1em;
}
.main-nav,
body {
transition: 0.3s;
}
.page-template-page-home .site-header:before {
-webkit-mask-image: none;
mask-image: none;
backdrop-filter: none;
}
body.open-menu {
overflow-x: hidden;
}
.main-nav {
position: fixed !important;
display: none;
top: 0;
flex-direction: column-reverse;
justify-content: center;
gap: 30px;
width: 100%;
height: 100%;
padding: 0;
top: 0;
left: 0;
z-index: 1000;
background: #000; text-align: center;
}
.open-menu .main-nav {
display: flex;
}
#meta-menu {
display: flex;
justify-content: center;
gap: 30px;
}
#meta-menu a {
padding: 1em;
}
.main-nav > ul {
margin: 0;
display: block;
}
.main-nav > ul > li {
margin: 0;
}
.main-nav > ul ul {
box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.3);
position: static;
max-height: 0;
overflow: hidden;
width: auto;
transition: 0.3s;
background: #362c2b;
display: block;
}
.main-nav > ul ul a {
color: #ddd !important;
font-weight: 400;
}
.main-nav > ul ul .current-menu-item > a {
color: #fff !important;
}
.main-nav > ul ul.open-sub {
max-height: 9999px;
}
.main-nav.main-nav li a {
border-top: 0 !important;
padding: 20px 0 !important;
color: #ccc;
border: none;
display: block !important;
}
.main-nav.main-nav li a:hover {
color: #fff !important; }
.single .main-nav .current_page_parent > a,
.current-page-ancestor > a,
.main-nav .current-menu-item > a {
color: #fff !important; }
} .slider-wrap .fotorama .fotorama__nav-wrap {
bottom: 20px;
transition: 0.3s;
position: absolute;
}
.slider-wrap .fotorama__stage:hover + .fotorama__nav-wrap.fotorama__nav-wrap,
.slider-wrap .fotorama__nav-wrap.fotorama__nav-wrap:hover {
opacity: 1;
}
.fotorama .fotorama__nav-wrap {
margin-top: 14px;
}
.slider-wrap {
background: #f1f2f2;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
border-color: #d89666;
}
.fotorama__dot {
display: block;
width: 0px;
height: 0px;
position: relative;
top: 9px;
left: 7px;
border-radius: 6px;
border: 6px solid #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
border-width: 6px;
}
.fotorama__nav--dots .fotorama__nav__frame {
width: 26px;
}
.fotorama__arr {
background: none;
}
.fotorama__arr:before {
font-family: "FontAwesome";
color: #000;
font-size: 32px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
line-height: 32px;
content: "\f105";
text-align: center;
}
.fotorama__arr--prev:before {
content: "\f104";
}
.page-template-page-gallery .page-header, .category .page-header {
text-align: center;
}
.page-header {
margin: 56px 0 28px;
} button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
label {
display: block;
}
input:not([type=radio], [type=checkbox]),
textarea {
padding: 5px;
background: transparent;
border: 1px solid; width: 100%;
box-sizing: border-box;
}
input[type=submit] {
background: #000; color: #fff;
padding: 5px 20px;
border: none;
cursor: pointer;
}
.search-form {
position: relative;
}
.search-submit {
position: absolute;
background: none;
border: none;
left: 4px;
top: 4px;
cursor: pointer;
} .filter {
list-style-type: none;
padding: 0;
margin: 30px 0 10px;
display: flex;
justify-content: center;
font-size: 12px;
text-transform: uppercase;
}
.filter a {
display: block;
text-decoration: none;
color: #000;
padding: 8px 10px 5px;
margin-right: 20px;
margin-bottom: 20px;
}
.filter a.active {
border-radius: 50px;
background-color: #5d3833;
color: #ffffff;
}
.filter-gallery {
list-style-type: none;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 10px; }
.filter-gallery li {
position: relative;
}
.filter-gallery img {
display: block;
transition: 0.3s;
}
.filter-gallery a {
overflow: hidden;
display: table;
margin: auto;
text-decoration: none;
color: #fff;
}
.filter-gallery .description {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
background: #5d3833;
text-transform: captitalize;
opacity: 0;
transition: 0.3s;
text-align: center;
}
.filter-gallery .description div {
flex: 1;
padding: 20px;
}
.filter-gallery .description h2,
p {
margin: 0;
padding: 5px 0;
}
.filter-gallery .description h2 {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
font-size: 1em;
}
.filter-gallery a:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.filter-gallery a:hover .description {
opacity: 1;
}
.filter-gallery img {
display: block;
}
.is-animated {
animation: 0.6s zoom-in;
}
@keyframes zoom-in {
0% {
transform: scale(0.1);
}
100% {
transform: none;
}
} .has-sidebar {
display: grid;
justify-content: space-between;
grid-template-columns: 3fr 1fr;
grid-gap: 20px;
}
.sidebar ul {
list-style-type: none;
padding: 0;
margin: 0;
}
@media (max-width: 700px) {
.has-sidebar {
grid-template-columns: 1fr;
}
.sidebar {
margin: 0;
margin-top: 14px;
}
}
.postexcerpt {
display: grid;
grid-template-columns: 1fr 3fr;
grid-gap: 20px;
}
.postexcerpt h2 {
margin-top: 0;
}
.postexcerpt p {
margin-bottom: 0;
}
@media (max-width: 450px) {
.postexcerpt {
grid-template-columns: 1fr 2fr;
}
.postexcerpt p:not(.date) {
display: none;
}
}
p.date {
color: #777;
margin: 0;
font-size: 21px;
}
.posts-wrap.posts-wrap .date {
font-size: 18px;
}
.comment-list,
.comment-list ul {
list-style-type: none;
}
.comment-list {
padding: 0;
} .alignleft {
float: left;
margin-right: 28px;
margin-top: 28px;
}
.alignright {
margin-top: 28px;
float: right;
margin-left: 28px;
}
.alignleft,
.alignright {
max-width: 400px;
}
@media (max-width: 800px) {
.alignleft,
.alignright {
max-width: 50%;
}
}
.alignleft,
.alignright {
margin-bottom: 14px;
}
.visuallyhidden,
.screen-reader-text {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .page:not(.woocommerce-shop, .woocommerce-page) .text h2 {
position: relative;
letter-spacing: 2px;
font-size: 16px;
color: #777777;
line-height: 2em;
display: flex;
-ms-align-items: center;
align-items: center;
}
.page:not(.woocommerce-shop, .woocommerce-page) .text h2:before {
background: #5d3833;
content: "";
margin-right: 10px;
transform: translateY(-50%);
width: 14px;
height: 3px;
transition: width 0.3s ease;
}
.page:not(.woocommerce-shop, .woocommerce-page) .text h2:hover:before {
width: 24px;
}
.page:not(.woocommerce-shop, .woocommerce-page) .text {
font-size: 18px;
}
.home-about,
.contact-home {
padding: 60px 0px 60px 0px;
color: #383838;
background: #f1f2f2;
font-size: 21px;
}
@media (max-width: 800px) {
.home-about,
.contact-home {
font-size: 18px;
}
}
@media (max-width: 600px) {
.home-about,
.contact-home {
font-size: 16px;
padding: 28px 0;
}
}
.home-about blockquote {
color: #4c4c4c;
text-align: center;
position: relative;
font-size: 24px;
max-width: 700px;
margin: auto;
}
@media (max-width: 800px) {
.home-about blockquote {
font-size: 21px;
}
}
.home-about blockquote:before {
content: "“";
color: #d89666;
font-family: georgia, serif;
font-size: 140px;
display: inline-block;
height: 80px;
line-height: 137px;
width: 50px;
border-radius: 50%;
}
@media (max-width: 800px) {
.home-about blockquote:before {
font-size: 120px;
}
}
.home-about blockquote p {
padding: 0;
margin-bottom: 28px;
margin-top: -28px;
}
.home-about blockquote cite {
font-style: normal;
color: #666;
font-size: 18px;
}
.home-about blockquote cite:before {
content: " — ";
}
.woocommerce.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce.woocommerce ul.products li.product h3 {
text-transform: none;
color: #000;
font-size: 18px;
font-weight: 400;
font-family: inherit;
}
.home-about p {
margin: 0 0 10px;
}
.home-projects {
padding: 90px 0px 90px 0px;
}
div.wpforms-container-full .wpforms-form .wpforms-five-sixths,
div.wpforms-container-full .wpforms-form .wpforms-four-sixths,
div.wpforms-container-full .wpforms-form .wpforms-four-fifths,
div.wpforms-container-full .wpforms-form .wpforms-one-fifth,
div.wpforms-container-full .wpforms-form .wpforms-one-fourth,
div.wpforms-container-full .wpforms-form .wpforms-one-half,
div.wpforms-container-full .wpforms-form .wpforms-one-sixth,
div.wpforms-container-full .wpforms-form .wpforms-one-third,
div.wpforms-container-full .wpforms-form .wpforms-three-fourths,
div.wpforms-container-full .wpforms-form .wpforms-three-fifths,
div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-fourths,
div.wpforms-container-full .wpforms-form .wpforms-two-fifths,
div.wpforms-container-full .wpforms-form .wpforms-two-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
float: right !important;
margin-right: 4% !important;
margin-left: 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-first {
margin-right: 0 !important;
}
.contact-home {
color: #fff;
background: #5d3833;
}
.contact-home h2 {
color: #fff;
}
.contact-home h2:before {
background: #fff;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label.wpforms-label-hide,
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.wpforms-sublabel-hide {
position: absolute;
right: -99999px;
left: auto !important;
}
.my-form div.wpforms-container-full .wpforms-form [type=submit],
.my-form div.wpforms-container-full .wpforms-form .wpforms-page-button {
color: #fff;
width: 100%;
border: none;
background: #000;
font-size: 18px;
padding: 22px 0;
line-height: 1;
}
.my-form div.wpforms-container-full .wpforms-form [type=submit]:hover, .my-form div.wpforms-container-full .wpforms-form [type=submit]:focus,
.my-form div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
.my-form div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
background: #5d3833;
border: 0;
}
.contact-home div.wpforms-container-full .wpforms-form [type=submit],
.contact-home div.wpforms-container-full .wpforms-form .wpforms-page-button {
color: #5d3833;
background: #fff;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
padding: 14px 0 !important;
}
.contact-home div.wpforms-container-full .wpforms-form [type=submit]:hover,
.contact-home div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
background: #fff;
}
.columns {
display: grid;
grid-template-columns: 3fr 2fr;
grid-gap: 84px;
margin-top: 28px;
}
@media (max-width: 600px) {
.columns {
grid-template-columns: 1fr;
}
.my-form {
max-width: 470px;
}
}
.contact-icons {
list-style: none;
padding: 0;
font-size: 16px;
}
.contact-icons li {
display: flex;
margin-bottom: 28px;
}
.contact-icons .fa {
background: #5d3833;
color: #fff;
border-radius: 50%;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 14px;
}
.contact-home .contact-icons .fa {
color: #5d3833;
background: #fff;
}
.contact-icons h3 {
margin: 0 0 5px;
font-size: 1em;
}
.contact-home a {
color: #fff;
}
.social {
list-style-type: none;
padding: 0;
display: flex;
font-size: 14px;
}
.social a {
margin: 0 10px;
padding-bottom: 4px;
position: relative;
text-decoration: none;
color: #a87b61;
display: inline-block;
text-transform: uppercase;
}
.social a:before {
content: "";
position: absolute;
bottom: 0;
border-bottom: 2px solid;
right: 0;
left: auto;
width: 0;
transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.social a:hover:before {
color: #5d3833;
width: 100%;
right: auto;
left: 0;
}
.contact-details .social {
margin-top: 56px;
}
.contact-home .social a {
color: rgba(255, 255, 255, 0.8);
}
.contact-home .social a:hover {
color: #fff;
}
.contact-home .social a:hover:before {
color: #fff;
}
@media (max-width: 600px) {
div.wpforms-container-full .wpforms-form .wpforms-one-half,
div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
width: 100% !important;
}
div.wpforms-container-full .wpforms-form .wpforms-five-sixths,
div.wpforms-container-full .wpforms-form .wpforms-four-sixths,
div.wpforms-container-full .wpforms-form .wpforms-four-fifths,
div.wpforms-container-full .wpforms-form .wpforms-one-fifth,
div.wpforms-container-full .wpforms-form .wpforms-one-fourth,
div.wpforms-container-full .wpforms-form .wpforms-one-half,
div.wpforms-container-full .wpforms-form .wpforms-one-sixth,
div.wpforms-container-full .wpforms-form .wpforms-one-third,
div.wpforms-container-full .wpforms-form .wpforms-three-fourths,
div.wpforms-container-full .wpforms-form .wpforms-three-fifths,
div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-fourths,
div.wpforms-container-full .wpforms-form .wpforms-two-fifths,
div.wpforms-container-full .wpforms-form .wpforms-two-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
float: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}
div.wpforms-container-full .wpforms-form .wpforms-required-label.wpforms-required-label {
color: #5d3833;
}
.gallery-project {
list-style-type: none;
padding: 0;
display: grid;
grid-gap: 14px;
}
.gallery-project img {
display: block;
}
.proj-columns {
display: grid;
grid-template-columns: 1fr 3fr;
grid-gap: 28px;
}
@media (max-width: 800px) {
.proj-columns {
grid-template-columns: 1fr;
}
}
.proj-list {
list-style: none;
padding: 0;
}
.proj-list li {
padding: 21px 0;
border-bottom: 1px solid #eeeeee;
display: flex;
}
.proj-list .title {
font-weight: bold;
width: 80px;
}
.gallery {
display: grid;
list-style-type: none;
padding: 0;
grid-template-columns: 1fr 1fr 1fr;
text-align: center;
align-items: center;
grid-gap: 30px;
}
@media (max-width: 500px) {
.gallery {
grid-template-columns: 1fr 1fr;
}
}
.gallery img {
margin: auto;
}
.hidden {
visibility: hidden;
display: none;
}
.page-template-page-works h1 {
text-align: center;
}
.works-cat {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 28px;
text-align: center;
text-transform: uppercase;
}
.works-cat img {
display: block;
}
.works-cat a {
display: block;
color: #000;
text-decoration: none;
font-size: 18px;
}
@media (max-width: 500px) {
.works-cat {
grid-gap: 14px;
}
.works-cat a {
font-size: 14px;
}
}
.product_meta {
display: none;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: #000;
text-transform: uppercase;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus {
background: #5d3833;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #5d3833;
}
.woocommerce-product-details__short-description {
margin-bottom: 28px;
}
.woocommerce-result-count,
.woocommerce-ordering {
display: none;
}
.posts-wrap,
.home-sections,
.home-store {
padding: 56px 0;
text-align: center;
}
@media (max-width: 800px) {
.posts-wrap,
.home-sections,
.home-store {
padding: 28px 0;
}
}
.posts-wrap ul,
.home-sections ul,
.home-store ul {
margin: 28px 0;
list-style-type: none;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 28px;
}
.posts-wrap img,
.home-sections img,
.home-store img {
display: block;
}
.posts-wrap a,
.home-sections a,
.home-store a {
display: block;
text-transform: uppercase;
position: relative;
}
.posts-wrap span,
.posts-wrap .description,
.home-sections span,
.home-sections .description,
.home-store span,
.home-store .description {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
color: #fff;
display: flex;
flex-direction: column;
font-size: 24px;
justify-content: center;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
transition: 0.3s;
padding: 20px;
}
.posts-wrap a:hover span,
.posts-wrap a:hover .description,
.posts-wrap a:focus span,
.posts-wrap a:focus .description,
.home-sections a:hover span,
.home-sections a:hover .description,
.home-sections a:focus span,
.home-sections a:focus .description,
.home-store a:hover span,
.home-store a:hover .description,
.home-store a:focus span,
.home-store a:focus .description {
opacity: 1;
}
.home-sections {
margin-bottom: 50px;
}
.home-sections ul {
grid-template-columns: 1fr 1fr 1fr;
}
.home-sections {
background: #000;
color: #fff;
}
.posts-wrap.posts-wrap {
padding: 0;
margin: 28px 0;
display: grid;
grid-gap: 28px;
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 600px) {
.posts-wrap.posts-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 500px) {
.posts-wrap.posts-wrap {
grid-template-columns: 1fr;
}
.posts-wrap.posts-wrap .description {
text-shadow: 0 1px rgba(0, 0, 0, 0.7);
opacity: 1;
background: rgba(0, 0, 0, 0.5);
}
}
.posts-wrap.posts-wrap h2 {
text-transform: capitalize;
font: inherit;
}
@media (max-width: 800px) {
.posts-wrap.posts-wrap h2 {
font-size: 21px;
}
}
.posts-wrap.posts-wrap .date {
color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 800px) {
.posts-wrap.posts-wrap .date {
font-size: 18px;
}
}
.home-store {
max-width: 700px;
margin: auto;
}
.in-stock {
display: none;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
background: #fff;
border: 0;
}
.woocommerce.woocommerce ul.products li.product .price,
.woocommerce.woocommerce div.product .stock {
color: #555;
font-size: 18px;
}
.woocommerce.woocommerce div.product form.cart .button {
float: none;
margin-top: 28px;
font-size: 18px;
}
.woocommerce ul.products li.product a {
display: block;
}
.outofstock .woocommerce-product-gallery__image a,
.products .product.outofstock a {
position: relative;
}
.outofstock .woocommerce-product-gallery__image a:after,
.products .product.outofstock a:after {
min-height: 0;
min-width: 0;
padding: 0;
font-size: 1em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 1; color: #fff;
font-size: 0.857em;
z-index: 9;
position: absolute;
bottom: 14px;
right: 0;
z-index: 10;
content: "sold"; color: #5d3833;
text-transform: uppercase;
text-align: center; }
.page-id-642 .site-content {
text-align: center;
}
.single .site-content header {
padding: 70px 0 0;
}
.robo-gallery-wrap,
.robo-gallery-slider-wrap {
clear: both;
margin: 80px 0 40px;
}
@media (max-width: 600px) {
.single-post .alignright {
display: table;
margin: 28px auto 30px;
float: none;
max-height: 400px;
max-width: 100%;
}
}
.single-post h1 {
text-transform: capitalize;
font-size: 40px;
}
@media (max-width: 800px) {
.single-post h1 {
font-size: 30px;
}
}
.wp-block-gallery-is-layout-flex {
margin: 50px 0;
}
.single-post .text {
font-size: 18px;
line-height: 1.7;
}
@media (max-width: 800px) {
.single-post .text {
font-size: 18px;
}
}
.single-post .text h2,
.single-post .text h3,
.single-post .text p,
.single-post .text ul {
max-width: 700px;
}
.single-post .text p {
padding: 0;
margin: 1em 0 0;
}
.single-post .text ul {
margin: 0 0 1em;
}
.comments-area {
max-width: 550px;
margin: 60px 0;
}
.single-product .woocommerce-product-details__short-description {
font-size: 18px;
}
@media (max-width: 800px) {
.single-product .woocommerce-product-details__short-description {
font-size: 16px;
}
}
.single-product .outofstock .woocommerce-product-gallery__image a:after,
.single-product .products .product.outofstock a:after {
display: none;
}
.single-product .price.price.price.price {
font-size: 21px;
}
.single-product .outofstock .price .woocommerce-Price-amount bdi:after {
content: " (SOLD)";
}
.single-product .outofstock .stock.out-of-stock {
display: none;
}
.post-navigation {
display: flex;
justify-content: space-between;
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid #ddd;
gap: 20px;
}
@media (max-width: 600px) {
.post-navigation {
flex-direction: column;
}
}
.nav-post {
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
flex: 1;
}
a.nav-post {
background: #f9f9f9;
padding: 10px;
border-radius: 8px;
transition: 0.3s;
max-width: 48%;
}
@media (max-width: 600px) {
a.nav-post {
max-width: 100%;
}
}
a.nav-post:hover {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.nav-post img {
width: 80px;
height: 80px;
object-fit: cover;
margin-right: 15px;
border-radius: 6px;
}
.nav-text {
display: flex;
flex-direction: column;
}
.nav-label {
font-size: 12px;
color: #888;
text-transform: uppercase;
margin-bottom: 5px;
}
.nav-text h4 {
font-size: 16px;
margin: 0;
text-transform: capitalize;
}
figcaption {
font-family: "Source Sans 3", sans-serif;
font-size: 16px;
background: #fff;
padding: 10px;
}
@media (max-width: 800px) {
figcaption {
font-size: 14px;
}
}
figure img {
display: block;
}
@media print {
.site-header,
.site-footer,
.page-header {
display: none;
}
html, body {
background: #eee;
}
.gallery {
grid-template-columns: 1fr;
gap: 0;
padding-right: 5%;
padding-left: 5%;
}
.filter-gallery a {
display: none;
}
.filter-gallery li {
padding: 20px 0;
border-bottom: 1px solid #ccc;
break-inside: avoid;
page-break-inside: avoid;
}
.filter-gallery .print-v {
display: flex;
gap: 20px;
margin: 0;
padding: 0;
align-items: center;
text-align: left;
display: flex !important;
color: #000;
}
.filter-gallery .print-v p,
.filter-gallery .print-v img {
display: block;
}
.filter-gallery .print-v h3 {
margin-top: 0;
}
.filter-gallery .print-v p {
margin-bottom: 0;
}
.filter-gallery .print-v .img-box {
flex-shrink: 0;
background: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 260px;
}
.filter-gallery .print-v .img-box img {
max-height: 250px;
display: block;
margin: auto;
}
.filter-gallery p {
display: none;
}
}
.woocommerce.woocommerce ul.products li.product,
.woocommerce-page.woocommerce-page ul.products li.product {
float: none !important;
width: auto !important;
margin: 0;
}
.woocommerce.woocommerce .products ul,
.woocommerce.woocommerce ul.products {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 3.8%;
grid-row-gap: 2.992em;
}
@media (max-width: 800px) {
.woocommerce.woocommerce .products ul,
.woocommerce.woocommerce ul.products {
grid-template-columns: 1fr 1fr;
}
}
.outofstock .woocommerce-product-gallery__image a,
.products.products .product.outofstock a {
height: 100%;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
display: none !important;
}
.prints-grid {
list-style: none;
margin: 2rem 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
@media (max-width: 900px) {
.prints-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 560px) {
.prints-grid {
grid-template-columns: 1fr;
}
}
.print-card {
min-width: 0;
display: flex;
flex-direction: column;
}
.print-card__image-link {
display: block;
overflow: hidden;
}
.print-card__image {
width: 100%;
height: auto;
display: block;
transition: transform 0.35s ease;
}
.print-card__image-link:hover .print-card__image {
transform: scale(1.04);
}
.print-card__info {
padding: 0.6rem 0;
display: flex;
flex-direction: column;
gap: 0.3rem;
}
.print-card__title {
font-family: "Lora", serif;
font-size: 1rem;
font-weight: 400;
margin: 0;
}
.print-card__title a {
color: inherit;
text-decoration: none;
}
.print-card__title a:hover {
color: #d89666;
}
.print-card__price {
font-family: "Source Sans 3", sans-serif;
font-size: 0.95rem;
color: #5d3833;
}
.print-card__actions {
margin-top: auto;
}
.prints-pagination {
margin: 2.5rem 0;
text-align: center;
}
.prints-pagination .page-numbers {
font-family: "Source Sans 3", sans-serif;
margin: 0 0.25rem;
color: #5d3833;
}
.prints-pagination .page-numbers.current {
font-weight: 700;
}
.single-product .variations td.label {
font-family: "Source Sans 3", sans-serif;
font-size: 0.9rem;
font-weight: 600;
padding-right: 1rem;
vertical-align: middle;
}
.single-product .variations select {
font-family: "Source Sans 3", sans-serif;
font-size: 0.9rem;
color: inherit;
appearance: none;
-webkit-appearance: none;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 0;
padding: 0.4rem 2rem 0.4rem 0.6rem;
cursor: pointer;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PSc2JyB2aWV3Qm94PScwIDAgMTAgNic+PHBhdGggZD0nTTAgMGw1IDYgNS02eicgZmlsbD0nIzVkMzgzMycvPjwvc3ZnPg==");
background-repeat: no-repeat;
background-position: right 0.6rem center;
background-size: 8px;
}
.single-product .variations select:focus {
outline: 2px solid #d89666;
outline-offset: 2px;
border-color: #d89666;
}
.single-product .variations .reset_variations {
font-family: "Source Sans 3", sans-serif;
font-size: 0.8rem;
color: #d89666;
margin-left: 0.75rem;
}