/*
Theme Name: TSS Child Theme
Template: kadence
Author: The Shop South
Version: 1.1.8.1759199113
Updated: 2025-09-30 02:25:13

*/

:root {
    --ts-black: #050711;
    --ts-navy: #120f56;
    --ts-blue: #41afeb;
    --ts-blue-hover: #2e9dd6;
    --ts-offwhite: #f3f3e7;
    --ts-card: #fff;
    --ts-orange: #f15705;
}
html, body {
    font-family: 'Lato', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    line-height: 1.6;
    color: var(--ts-black);
    background-color: var ts offwhite;
}
h1, h2, h3, h4, h5, h6, .entry-title, .site-title {
    font-weight: 700;
    font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-transform: uppercase;
    color: var(--ts-black);
}
a:hover, a:focus {
    text-decoration: underline;
    color: var(--ts-blue-hover);
}
.wp-block-button__link, .button, .button-primary, .wp-element-button, .kadence-blocks-button, .kt-button {
    color: #fff;
    background-color: var ts blue;
    border: 0;
}
.wp-block-button__link:hover, .button:hover, .button-primary:hover, .wp-element-button:hover, .kadence-blocks-button:hover, .kt-button:hover {
    color: #fff;
    background-color: var ts orange;
}
.site-header, .site-footer {
    color: var(--ts-offwhite);
    background-color: var ts black;
}
.site-header a, .site-footer a {
    color: var(--ts-offwhite);
}
.site-header a:hover, .site-footer a:hover {
    color: var(--ts-blue);
}
.card, .wp-block-group.is-style-card, .entry-content .wp-block-group, .kb-posts .entry, .woocommerce div.product, .woocommerce ul.products li.product {
    background-color: var ts card;
    border: 1px solid rgb(5 7 17 / 6%);
    -moz-box-shadow: 0 1px 3px rgb(5 7 17 / 12%);
    -webkit-box-shadow: 0 1px 3px rgb(5 7 17 / 12%);
    -o-box-shadow: 0 1px 3px rgb(5 7 17 / 12%);
    box-shadow: 0 1px 3px rgb(5 7 17 / 12%);
}
.section--dark, .has-dark-background {
    color: var(--ts-offwhite);
    background-color: var ts navy;
}
.section--dark a {
    text-decoration: underline;
    color: #fff;
}
.section--dark .wp-block-button__link {
    color: var(--ts-navy);
    background-color: #fff;
}
.section--dark .wp-block-button__link:hover {
    color: #fff;
    background-color: var ts orange;
}
.section-title {
    display: inline-block;
    position: relative;
}
.section-title::after {
    display: block;
    width: 64px;
    margin-top: 8px;
    height: 4px;
    background-color: var ts blue;
    content: "";
}
input, select, textarea {
    color: var(--ts-black);
    background-color: #fff;
    border: 1px solid rgb(5 7 17 / 18%);
}
input:focus, select:focus, textarea:focus {
    outline: 2px solid var(--ts-blue);
    border-color: var(--ts-blue);
}
.notice, .woocommerce-message, .woocommerce-info {
    border-left: 4px solid var(--ts-orange);
    background-color: var ts offwhite;
}