/*
Theme Name:   Furniture Shop Toolkit
Theme URI: https://wpthemespace.com/product/furniture-shop-toolkit/
Author:       Noor alam
Author URI:   https://profiles.wordpress.org/nalam-1/
Version:      1.0.2
Description:  The Furniture Shop Toolkit is the perfect WordPress theme for your online furniture business. It's been specially made by a team of ecommerce and design experts who understand the unique needs of furniture stores. This theme has everything you need to showcase your products beautifully and provide an amazing shopping experience for your customers. You can easily connect it with WooCommerce, the leading ecommerce plugin, to manage your products, inventory, and checkout process. And the best part? You can fully customize the look and feel of your store to match your brand. Change the colors, fonts, and layout with just a few clicks, so your online presence reflects your furniture business perfectly.
Tested up to: 6.8
Requires PHP: 7.4
Requires at least: 5.8
Template:     shop-toolkit
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags: 		  e-commerce, blog, education, custom-logo, one-column, two-columns, grid-layout, right-sidebar, custom-background, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, threaded-comments, translation-ready, block-styles
Text Domain: furniture-shop-toolkit

*/



:root {
    --color-primary: #7B5339;
    --color-secondary: #75644a;
}

body,
p {
    font-family: "Noto Serif", serif;
    font-size: 18px;
    font-weight: 400;
}

a {
    text-decoration: underline;
    color: inherit
}

blockquote {
    padding: 20px;
    font-style: italic;
    background: #ededed;
}

blockquote p {
    font-size: 20px;
    line-height: 1.5;
    color: #000;
}

a:hover {
    transition: color 0.2s ease-in-out;
}

html body .wp-block-button a.wp-block-button__link,
button,
a.btn:hover {
    text-decoration: inherit;
}

article a,
a:hover {
    text-decoration: underline;
}

a:focus {
    color: #77a464;
}

button:focus,
.toggled button.menu-toggle span.mhide:focus {
    background: var(--color-secondary);
}

a.button {
    border-radius: 0 !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    background: var(--color-primary) !important;
}

a.button:hover {
    text-decoration: inherit !important;
    background: var(--color-secondary) !important;
}

a:hover,
a:focus,
a:active {
    color: var(--color-secondary);
}

a:focus,
button:focus {
    outline: 2px solid var(--color-secondary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: inherit;
}

h1>a,
h2>a {
    color: inherit;
}

.menu-logo {
    flex: 0 0 auto;
}

.shopkit-main-nav ul li a:hover {
    background: #ededed;
    color: #000;
}

.container-fluid {
    max-width: 1580px;
}

.shopkit-header .site-title {
    text-transform: inherit;
    font-family: "Noto Serif", serif;
}

p.site-description {
    font-size: 20px;
}

input[type="checkbox"] {
    display: inline-block;
    width: auto;
    margin-right: 5px;
    vertical-align: middle;
}

.xskit-blog-list,
.widget-area .widget {
    transition: 0.5s;
}

.site-branding.logo-left img.custom-logo {
    width: 200px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    border-radius: 5px;
}

.woocommerce ul.products li.product .button {
    border-radius: 20px !important;
    padding: 12px 25px;
}

ol.flex-control-nav.flex-control-thumbs {
    padding: 10px !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 0;
    width: 100%;
    max-width: inherit;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    font-size: 20px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.20);
}

.shop-toolkit-poroduct.style1 {
    padding-bottom: 25px;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    transform: scale(1.02);
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    right: auto;
    left: 10px;
    top: 10px;
}
.woocommerce h2.woocommerce-loop-product__title {
    padding: 10px 30px !important;
}
a.btn.xskit-btn {
    padding: 15px 50px;
    font-size: 18px;
}

.shop-toolkit-banner .container,
.bbanner-text {
    height: 100%;
}

.shop-toolkit-banner {
    height: 600px;
}

.bbanner-text p {
    max-width: 700px;
    line-height: 1.6;
}

.shop-toolkit-banner.bg-overlay {
    background-position: center center;
}

aside#secondary {
    position: sticky;
    top: 30px;
}

a.readmore {
    color: #fff;
    background-color: var(--color-primary);
    font-size: 17px;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: inherit;
    margin: 20px 0;
    display: inline-block;
}

article.sticky .bshop-single-list {
    background: #e9e9e9;
    border-radius: 40px 0 40px 0;
}

nav.navigation.pagination {
    text-align: center;
    align-items: center;
    justify-content: center;
}

nav.navigation.pagination span,
nav.navigation.pagination a {
    text-decoration: inherit;
    padding: 7px 10px;
    margin-right: 5px;
}

nav.navigation.pagination span,
nav.navigation.pagination a:hover {
    background: var(--color-secondary);
    text-decoration: inherit !important;
}

.site-footer,
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    background: #fff;
}

h1.site-title a,
.entry-header a {
    text-decoration: inherit;

}

.main-navigation ul ul ul li:hover>ul,
.main-navigation ul ul ul li.befocus>ul {
    left: 7px;
    bottom: -53px;
    top: auto;
}

.bslite-ameta {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.ameta-img img {
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    border: 2px solid #ededed;
}

.ameta-name-date span {
    display: block;
}

.ameta-name-date {
    font-size: 80%;
    line-height: inherit;
}

.ameta-name-date span:first-child {
    font-weight: 700;
    margin-bottom: 1px;
}

.footer-widget a:hover,
.footer-widget a:focus,
.footer-widget a:active {
    color: #ededed
}

.footer-widget .widget-title {
    padding-left: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

@media screen and (max-width: 992px) {

    body,
    p {
        font-size: 16px;
    }

}