@font-face {
font-family: 'Lato';
src: url(//crafthouz.com/wp-content/themes/crafthouz/fonts/LatoRegular.eot); src: url(//crafthouz.com/wp-content/themes/crafthouz/fonts/LatoRegular.eot?#iefix) format('embedded-opentype'),
url(//crafthouz.com/wp-content/themes/crafthouz/fonts/LatoRegular.woff) format('woff'),
url(//crafthouz.com/wp-content/themes/crafthouz/fonts/LatoRegular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
body, button, input, textarea {
font-family: 'Lato', Arial, sans-serif;
}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
outline-color: transparent;
}
*:focus, *:focus-visible {
outline-color: none;
outline: none;
box-shadow: none;
}
h1, #content header.woocommerce-products-header h1 {
text-align: center;
font-size: 2.2em;
margin-bottom: 1.1em;
}
.summary h1.product_title {
text-align: left;
}
h2 {
font-size: 1.7em;
margin-bottom: 1.1em;
}
p {
font-size: 1.1em;
}
p.woocommerce-mini-cart__buttons {
font-size: 0.9em;
}
#content p::after {
content: '';
display: flex;
}
#content ul li {
margin-bottom: 0;
}
#content ul.woocommerce-error li {
margin: 0;
}
#content ul.products li {
margin-bottom: 1.41575em;
}
#content .woocommerce-products-header .page-description {
text-align: left;
}
.storefront-primary-navigation {
border-top: 1px solid #f0f0f0;
}
.site-footer {
border-top: 1px solid #f0f0f0;
}
.language-switcher {
display: flex;
gap: 10px;
align-items: center;
list-style: none;
position: relative;
right: calc(-4% - 40px);
z-index: 10;
padding-right: 40px;
}
.main-navigation .handheld-navigation .language-switcher {
display: flex;
gap: 20px;
position: relative;
right: 0;
justify-content: center;
margin-top: 30px;
margin-bottom: 20px;
}
.language-switcher img {
width: 28px !important;
height: auto !important;
}
.language-switcher img:hover {
opacity: .6;
}
.language-switcher .current-lang img:hover {
opacity: 1;
}
.main-navigation .handheld-navigation > ul.menu {
position: relative;
}
.main-navigation .handheld-navigation > ul.menu::before {
content: '';
display: block;
height: 1px;
width: 100%;
background-color: #f0f0f0;
position: absolute;
top: -10px;
}
.woocommerce-active .site-header .main-navigation {
width: 100%;
float: none;
margin-right: 0;
}
.main-navigation .menu {
text-align: center;
}
.site-header-cart .cart-contents .count {
text-indent: 0;
display: block;
width: 2em;
height: 2em;
line-height: 2;
box-sizing: content-box;
font-size: .75em;
position: absolute;
top: .875em;
right: -10px;
border-radius: 100%;
border: 1px solid #a76844;
opacity: 1;
background-color: #fff;
text-align: center;
}
.site-header-cart .cart-contents.activecart .count {
font-weight: bold;
background-color: #f1ffd4;
border: 1px solid #a76844;
}
.site-header-cart .cart-contents::after {
content: "\f07a";
font-size: 2em;
}
.storefront-handheld-footer-bar ul li.contact>a::before{
content: "\f0e0";
}
.storefront-handheld-footer-bar ul li.cart > a::before {
content: "\f07a";
}
.storefront-handheld-footer-bar ul li.cart .count {
background-color: #fff;
color: #000;
border-color: #a76844;
}
.storefront-handheld-footer-bar ul li.cart .activecart .count {
font-weight: bold;
background-color: #f1ffd4;
border: 1px solid #a76844;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { background-color: rgba(241, 255, 212, .8);;
color: #000;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before, .woocommerce-noreviews::before, p.no-comments::before, .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button, .woocommerce-message .button:hover, .woocommerce-info .button:hover, .woocommerce-error .button:hover, .woocommerce-noreviews .button:hover, p.no-comments .button:hover, .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a, .woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, .woocommerce-noreviews a:hover, p.no-comments a:hover {
color: #000;
}
header.woocommerce-products-header h1 {
text-align: left;
}
.b2b-block {
margin-bottom: 4em;
}
.woocommerce-ordering {
float: right;
}
.pagination, .woocommerce-pagination {
border: none;
}
.block-50 {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 40px;
}
.b50-left, .b50-right {
width: 48%;
position: relative;
}
.block-50 h2 {
color: #8e4f2b;
}
.block-50.subcat-block img {
margin: 0 auto;
}
.block-50.subcat-block h2 {
margin-top: 0;
text-align: center;
}
.block-50.subcat-block h2 a {
text-decoration: none;
}
.block-50.subcat-block h2 a:hover {
text-decoration: underline;
}
.site-info {
text-align: center;
}
.footer-widgets {
padding-top: 1em;
border-bottom: none;
}
.footer-widgets .widget {
margin: 0;
text-align: center;
}
.footer-widgets .widget a {
font-size: 1.1em;
text-decoration: none;
padding: 0 5%;
display: inline-block;
}
.footer-widgets .widget a:hover {
text-decoration: underline;
}
.storefront-handheld-footer-bar ul li > a {
height: 3.235801032em;
}
.storefront-handheld-footer-bar ul li > a::before {
top: -.275em;
}
.storefront-handheld-footer-bar ul li.cart .count {
top: .175em;
}
ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button,
ul.products li.product .added_to_cart {
margin-right: .5em;
margin-left: .5em;
}
l.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button {
margin-bottom: 0;
}
.wc-forward::after, .woocommerce-Button--next::after {
line-height: 1;
}
.wc-block-grid__product-onsale, .onsale {
background-color: #f1ffd4;
}
.price .woocommerce-Price-amount {
font-weight: 800;
}
.price del .woocommerce-Price-amount {
font-weight: 400;
}
.single-product div.product .price .woocommerce-Price-amount, .single-product div.product.product-type-variable .single_variation_wrap .price .woocommerce-Price-amount {
color: #fff;
background: #a76844;
padding: 8px 12px;
}
.single-product div.product.product-type-variable .price .woocommerce-Price-amount, .single-product div.product .price del .woocommerce-Price-amount, .single-product div.product.product-type-variable .single_variation_wrap .price del .woocommerce-Price-amount {
color: #000;
background: none;
padding: 0;
}
.single-product div.product .single_variation .price {
font-size: 1.41575em;
}
.single-product div.product.product-type-variable .single_variation_wrap .price {
margin-top: 20px;
}
.single-product div.product table.variations .label label {
font-weight: 600;
}
.single-product div.product .price .price-text {
font-size: .9em;
}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text {
width: 100%;
}
.shoplinkmenu a {
font-weight: 600;
}
.shoplinkmenu a::before{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing :grayscale;
display: inline-block !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height:1;
font-family:"Font Awesome 5 Free";
font-weight:900;
line-height:inherit;
vertical-align:baseline; content:"";
height:1em;
line-height:1.618em;
margin: -1px 5px 0 0;
}
table.shop_table_responsive, table.woocommerce-checkout-review-order-table, table.order_details {
border-collapse: collapse;
}
table.shop_table_responsive thead > tr, table.shop_table_responsive tbody .cart_item, .cart_totals table.shop_table_responsive tbody tr, table.woocommerce-checkout-review-order-table tr, table.order_details tr {
border: 1px solid #f0f0f0;
}
table.shop_table_responsive tbody .cart_item th, table:not(.has-background) tbody .cart_item td, table:not(.has-background) tbody tr.cart_item:nth-child(2n) td, .cart_totals table:not(.has-background) tbody td, .cart_totals table:not(.has-background) tbody tr:nth-child(2n) td, table:not(.has-background) tbody tr td.actions, table.order_details tr.order_item, table.order_details:not( .has-background ) tbody tr.order_item:nth-child(2n) td {
background: #fff;
}
table.cart td.actions {
border-top: 1px solid #f0f0f0;
padding-top: 10px;
}
table.cart .product-thumbnail img {
max-width: 5.706325903em;
}
table.cart td.product-remove {
border-top-width: 0.1em;
}
.wpcf7 form .wpcf7-response-output {
margin-top: 2px;
}
.wpcf7-form.sent {
position: relative;
}
.wpcf7-form.sent p {
opacity: .4;
}
.wpcf7-form.sent .wpcf7-response-output {
border-color: #a7d93c !important;
margin: -20px 0 1em 0;
}
.wpcf7 form .wpcf7-response-output  {
margin: -20px 0 1em 0;
}
.wvg-thumbnail-prev-arrow.dashicons.dashicons-arrow-left-alt2.slick-arrow, .wvg-thumbnail-next-arrow.dashicons.dashicons-arrow-right-alt2.slick-arrow {
background: #fff;
opacity: 1;
visibility: visible;
height: 30px;
top: calc(50% - 15px);
border: 1px solid #000;
width: 29px;
}
.wvg-thumbnail-prev-arrow.dashicons.dashicons-arrow-left-alt2.slick-arrow:hover, .wvg-thumbnail-next-arrow.dashicons.dashicons-arrow-right-alt2:hover {
background: #8e4f2b;
}
.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .wvg-thumbnail-prev-arrow {
left: 4px;
}
.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .wvg-thumbnail-next-arrow {
right: 4px;
}
.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image {
opacity: .7;
}
.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider.slick-initialized .slick-slide.slick-center .wvg-gallery-thumbnail-image, .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider.slick-initialized .slick-slide.slick-center.wvg-gallery-thumbnail-image, .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider.slick-initialized .slick-slide.slick-current .wvg-gallery-thumbnail-image, .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider.slick-initialized .slick-slide.slick-current.wvg-gallery-thumbnail-image {
opacity: 1;
border: 1px solid #000;
}
.woo-variation-gallery-thumbnail-slider .wvg-thumbnail-next-arrow::before, .woo-variation-gallery-thumbnail-slider .wvg-thumbnail-prev-arrow::before {
color: #000;
}
.woo-variation-gallery-thumbnail-slider .wvg-thumbnail-next-arrow:hover::before, .woo-variation-gallery-thumbnail-slider .wvg-thumbnail-prev-arrow:hover::before {
color: #fff;
}
.woo-variation-gallery-wrapper .woo-variation-gallery-trigger {
border: 1px solid #000;
}
.woo-variation-gallery-wrapper .woo-variation-gallery-trigger:hover {
background: #8e4f2b;
color: #fff;
}
.pswp__caption {
display: none;
}
table.woocommerce-product-attributes .woocommerce-product-attributes-item {
border: 1px solid #f0f0f0;
display: flex;
margin-bottom: -1px;
}
table.woocommerce-product-attributes tbody th {
width: 40%;
}
table.woocommerce-product-attributes tbody td, table.woocommerce-product-attributes tbody tr:nth-child(2n) td {
background: #fff;
width: 56.5217391304%;
padding-left: 2.3em;
}
table.woocommerce-product-attributes tbody td p {
font-size: 1em;
}
table.woocommerce-product-attributes .woocommerce-product-attributes-item__label span {
font-weight: 200;
text-transform: lowercase;
}
ul.products li.product a.button {
border: 1px solid #a76844;
}
ul.products li.product a.button:hover {
border: 1px solid #8e4f2b;
}
ul.products li.product.outofstock a.button {
background-color: #fff;
border: 1px solid #000;
color: #000;
}
ul.products li.product.outofstock a.button:hover {
background-color: #8e4f2b;
border-color: #8e4f2b;
color: #ffffff;
}
ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button {
margin-bottom: 0;
}
.single-product .onsale {
position: absolute;
left: 5px;
top: 5px;
z-index: 10;
}
button.b2b-button, .popup-button-text {
text-transform: uppercase;
}
.full-text p + h2, .full-text p + h3, .full-text p + h4 {
padding-top: 1.2906835em;
margin-top: 0;
}
.woocommerce-message {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1em;
}
.woocommerce-message::after {
display: none;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before, .woocommerce-noreviews::before {
top: calc(54% - 1.05em);
display: none;
}
.woocommerce-message .button.wc-forward {
display: inline-block;
cursor: pointer;
padding: .6180469716em 1.41575em;
text-decoration: none;
font-weight: 600;
background-color: #a76844;
border-color: #a76844;
color: #ffffff;
margin: 0 1em;
}
.woocommerce-message .button.wc-forward {
background-color: #8e4f2b;
border-color: #8e4f2b;
color: #ffffff;
white-space: nowrap;
}
body .qib-button-wrapper {
margin: 0 20px 20px 0 !important;
}
body .qib-button-wrapper div.quantity.wqpmb_quantity {
height: 45.65px;
}
body .qib-button-wrapper .quantity input.input-text.qty.text {
font-size: 1em;
}
body .qib-button-wrapper button.qib-button {
height: 45.65px;
width: 45.65px;
}
#order_review .wc_payment_method.payment_method_wpg_paypal_checkout_cc {
display: none;
}
.wpcf7-form-control-wrap.recaptcha {
display: block;
margin-bottom: 1.41575em;
}
.no-results .search-field {
margin-bottom: 1.41575em;
} .posts-block-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.post-block-item { border:1px solid #eee; background:#fff; border-radius:3px; display:flex; flex-direction:column; justify-content:space-between; margin:0; }
.post-block-item .wp-post-image { border-bottom:1px solid #eee; margin:0 0 20px 0; }
.post-block-item .entry-header { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 20px 10px 20px; border:none; margin:0; }
.post-block-item .entry-title { font-size:18px; line-height:24px; margin-bottom:10px; width:calc(100% - 105px); }
.post-block-item .entry-title a { color:#000; }
.post-block-date { font-size:0.9em; color:#777; margin:0 0 10px 0; width:100px; text-align:right; }
.post-block-shortdesc { font-size:14px; line-height:20px; margin:0 0 10px 0; padding:0 20px; }
.post-block-readmore { text-align:center; padding:0 20px; margin:auto 0 20px 0; }
.post-block-link { display:inline-block; padding:8px 16px; background-color:#a76844; color:#fff; text-decoration:none; }
.post-block-link:hover { background:#8e4f2b;}
.footer-widgets.row-5 { margin-top:1em; }
.footer-widgets.row-5 .block { width:100%; }
.footer-widgets.row-5 .widget { margin:0; text-align:center; }
.footer-widgets .footer-widget-5 .widget a { padding:0; }
.footer-widgets .footer-widget-5 .textwidget { display:flex; justify-content:center; flex-wrap:wrap; gap:5%;}
.rcms-0 .woocommerce-Reviews-title { display:none; }
.single-post .hentry .wp-post-image { max-width:50%; margin-right:1.618em; float:left; }
@media (min-width: 768px) {
.site-header > .col-full {
display: flex;
justify-content: space-between;
}
.woocommerce-active .site-header .main-navigation {
width: 100%;
float: none;
margin-right: 0;
}
.site-header-cart .cart-contents {
padding: .75em 0;
right: 10px;
top: -10px;
}
.storefront-breadcrumb {
margin: 0 0 1em;
}
.storefront-full-width-content .woocommerce-products-header {
padding: 0 0 1em;
}
.woocommerce-pagination {
float: none;
margin-top: 20px;
}
.site-header-cart:hover .widget_shopping_cart {
width: calc(100% + 40px);
left: -40px;
}
ul.products {
display: flex;
flex-wrap: wrap;
}
ul.products li.product {
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
}
ul.products li.product h2.woocommerce-loop-product__title {
min-height: 2.2em;
margin-bottom: auto;
}
ul.products li.product a.button {
margin-top: auto;
}
ul.products li.product .btn-block {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.woocommerce-message .custom-cart-message {
width: calc(100% - 320px);
}
}
@media (max-width: 767.98px) {
h1, #content header.woocommerce-products-header h1 {
font-size: 1.8em;
}
.summary h1.product_title {
text-align: center;
}
h2 {
font-size: 1.5em;
}
p {
font-size: 1em;
}
.storefront-primary-navigation {
border-top: none;
}
.site-header {
border-bottom: 1px solid #f0f0f0;
}
.site-header .language-switcher {
display: none;
}
.woocommerce-ordering {
float: none;
text-align: center;
}
.block-50 {
flex-direction: column;
}
.b50-left, .b50-right {
width: 100%;
}
.block-50.contact .b50-left {
order: 2;
}
.block-50.contact .b50-right {
order: 1;
}
table.cart td.product-remove a.remove {
top: -.1180469716em;
right: -.1180469716em;
}
table.cart td.actions input {
width: auto;
display: inline-block;
}
table.woocommerce-product-attributes tbody td, table.woocommerce-product-attributes tbody tr:nth-child(2n) td {
padding-left: 1.41575em;
}
.woocommerce-message {
text-align: center;
flex-direction: column;
}
.woocommerce-message .button.wc-forward {
margin: 1em auto 0 auto;
}
body .qib-button-wrapper {
float: left !important;
}
.posts-block-grid { grid-template-columns:repeat(2,1fr); }
.single-post .hentry .wp-post-image { max-width:100%; margin-right:0; float:none; }
}
@media (max-width: 575.98px) {
table.woocommerce-product-attributes .woocommerce-product-attributes-item {
flex-direction: column;
}
table.woocommerce-product-attributes tbody th, table.woocommerce-product-attributes tbody td, table.woocommerce-product-attributes tbody tr:nth-child(2n) td {
width: 100%;
}
.posts-block-grid { grid-template-columns:repeat(1,1fr); }
}