:root {
    --color-primary: #019266;
    --color-secondary: #ed4b4b;
}

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;
}
.widget-area .widget {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: none;
    padding: 20px;
} 
.widget-area .widget:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
}

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

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

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

}
ul.woo-action-icons li .action-link .action-icon .action-count{
    background: var(--color-primary);
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce a.added_to_cart, .woocommerce button.button, .woocommerce input.button{
    background: transparent !important;
}
.wowmart-product-content {
    padding: 20px 10px;
    text-align: center;
}

.banner-content {
    max-width: 800px;
    animation: fadeInUp 1s ease-out;
    width: 100%;
}
.banner-subtitle,
.banner-title,
.banner-description{
    color: #000;
}