/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.5.1774209619
Updated: 2026-03-22 20:00:19
*/

/* ============================================================
   HANDCRAFTED PRO AUDIO VA — CONSOLIDATED KADENCE CHILD CSS
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap');

/* ============================================================
   GLOBAL
   ============================================================ */

body {
    background-color: #000 !important;
    color: #E8E4DC !important;
    font-family: 'Lato', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-family: 'Lato', sans-serif !important;
}

p, li, td, th {
    color: #E8E4DC !important;
}

a {
    color: #B8860B !important;
    transition: color 0.2s ease !important;
}

a:hover {
    color: #ECD182 !important;
}

hr {
    border: none !important;
    border-top: 1px solid rgba(200,164,78,0.8) !important;
}

/* ============================================================
   REMOVE WHITE CONTENT WRAPPER
   ============================================================ */

.site-main,
.content-area,
.entry-content,
.wp-block-post-content,
.home .entry-content,
.home .site-main,
article.page,
.home article,
.home .entry-wrapper,
.home .page-content,
.home .wp-block-group,
.page .entry-content,
.single .entry-content {
    background-color: #000 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.home .content-container,
.home .site-container,
.home #primary,
.page #primary,
#primary {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================================================
   HEADER / NAVIGATION
   ============================================================ */

.site-header,
#masthead,
header.site-header {
    background-color: #000 !important;
    border-bottom: 1px solid rgba(200,164,78,0.8) !important;
    padding: 0 !important;
}

.main-navigation a,
.kadence-navigation a,
nav.main-navigation ul li a,
#site-navigation a {
    color: #fff !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    padding: 8px 16px !important;
}

.main-navigation a:hover,
.kadence-navigation a:hover {
    color: #B8860B !important;
    text-decoration: underline !important;
}

.main-navigation .current-menu-item > a,
.kadence-navigation .current-menu-item > a {
    color: #B8860B !important;
    text-decoration: underline !important;
}

.site-title a {
    color: #B8860B !important;
    font-family: 'Lato', sans-serif !important;
}

/* Mobile menu toggle */
#mobile-toggle,
button#mobile-toggle,
.drawer-toggle {
    color: #ffffff !important;
}

#mobile-toggle svg,
button#mobile-toggle svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* ============================================================
   HIDE PAGE TITLE BANNERS
   ============================================================ */

.home .entry-hero,
.home .page-hero-section,
.home .kadence-page-header,
.entry-hero,
.page-hero-section,
.kadence-page-header,
.entry-header .page-title,
.wp-block-kadence-header {
    display: none !important;
}

/* ============================================================
   BUTTONS — GLOBAL
   ============================================================ */

.wp-block-button__link,
a.button,
button.button,
.woocommerce a.button,
.woocommerce button.button {
    background-color: transparent !important;
    color: #B8860B !important;
    border: 1px solid #B8860B !important;
    border-radius: 50px !important;
    padding: 12px 28px !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0.08em !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.wp-block-button__link:hover,
a.button:hover,
button.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wp-block-button__link.wp-element-button:hover {
    background-color: #B8860B !important;
    color: #000000 !important;
    border-color: #B8860B !important;
    opacity: 1 !important;
}

/* Hero Shop Cables filled button */
.wp-block-buttons .wp-block-button__link[style*="background-color:#ECD182"],
.wp-block-buttons .wp-block-button__link[style*="background-color: #ECD182"] {
    background-color: #ECD182 !important;
    color: #000000 !important;
    border: none !important;
}

/* ============================================================
   FOOTER
   ============================================================ */

.site-footer,
#colophon,
footer.site-footer {
    background-color: #1A1A1A !important;
    border-top: 1px solid rgba(200,164,78,0.8) !important;
    padding: 32px 40px !important;
}

.site-footer p,
.site-footer .site-info,
.footer-copyright {
    color: #666 !important;
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

.site-footer a {
    color: #B8860B !important;
}

/* ============================================================
   TYPOGRAPHY — INLINE STYLES & LISTS
   ============================================================ */

h1 span[style*="color"],
h2 span[style*="color"],
h3 span[style*="color"] {
    color: unset !important;
}

/* Gold colored headings/spans */
.wp-block-heading span[style*="color:#B8860B"],
.wp-block-heading span[style*="color: #B8860B"],
p[style*="color:#B8860B"],
p[style*="color: #B8860B"] {
    color: #B8860B !important;
}

/* Bulleted lists */
.wp-block-list li {
    color: #ECD182 !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* Location label larger */
p[style*="letter-spacing:0.2em"],
p[style*="letter-spacing: 0.2em"] {
    font-size: 18px !important;
}

/* Disclaimer text larger */
p[style*="font-style:italic"][style*="11px"],
p[style*="font-size:11px"] {
    font-size: 16px !important;
}

/* ============================================================
   WOOCOMMERCE — GENERAL
   ============================================================ */

.woocommerce,
.woocommerce-page,
body.woocommerce,
body.woocommerce-page {
    background-color: #000 !important;
}

.woocommerce-breadcrumb,
.woocommerce nav.woocommerce-breadcrumb {
    color: #666 !important;
    font-size: 13px !important;
    padding: 16px 0 !important;
    background: #000 !important;
}

.woocommerce-breadcrumb a {
    color: #B8860B !important;
    text-decoration: none !important;
}

.woocommerce-products-header__title,
.woocommerce-products-header h1 {
    font-family: 'Lato', sans-serif !important;
    font-size: clamp(22px,4vw,36px) !important;
    font-weight: 400 !important;
    letter-spacing: 0.25em !important;
    text-transform: uppercase !important;
    color: #B8860B !important;
    text-align: center !important;
}

/* Product grid */
.woocommerce ul.products,
ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.woocommerce ul.products li.product,
ul.products li.product {
    background-color: #000 !important;
    border: 1px solid rgba(200,164,78,0.8) !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: border-color 0.2s ease !important;
}

.woocommerce ul.products li.product:hover {
    border-color: #ECD182 !important;
}

.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    display: block !important;
    background-color: #000 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
    font-family: 'Lato', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #E8E4DC !important;
    text-align: center !important;
    padding: 12px 16px !important;
    background-color: #111 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product .price {
    color: #B8860B !important;
    font-size: 14px !important;
    text-align: center !important;
    display: block !important;
    padding: 4px 16px 12px !important;
    background-color: #111 !important;
}

.woocommerce-result-count {
    color: #666 !important;
    font-size: 12px !important;
}

/* ============================================================
   WOOCOMMERCE — SINGLE PRODUCT
   ============================================================ */

.single-product div.product,
.woocommerce div.product {
    background-color: #000 !important;
    padding: 40px 0 !important;
}

.single-product .product_title,
.woocommerce div.product h1.product_title {
    font-family: 'Lato', sans-serif !important;
    font-size: clamp(18px,3vw,28px) !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    color: #fff !important;
}

.single-product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #fff !important;
    font-size: 22px !important;
}

.woocommerce div.product .variations th label,
.woocommerce form.cart label,
.single-product label {
    color: #E8E4DC !important;
    font-size: 13px !important;
}

.woocommerce div.product .variations select,
.woocommerce form.cart select,
.single-product select {
    background-color: #1A1A1A !important;
    color: #E8E4DC !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    width: 100% !important;
    margin-bottom: 16px !important;
}

.single-product .single_add_to_cart_button,
button.single_add_to_cart_button {
    background-color: transparent !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    padding: 16px 32px !important;
    border-radius: 50px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-bottom: 12px !important;
}

.single-product .single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover {
    background-color: #fff !important;
    color: #000 !important;
}

/* ============================================================
   WOOCOMMERCE — CART & CHECKOUT
   ============================================================ */

.woocommerce-cart,
.woocommerce-checkout {
    background-color: #000 !important;
    color: #E8E4DC !important;
}

.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
    border-color: #333 !important;
    color: #E8E4DC !important;
    background-color: #000 !important;
}

/* Checkout input fields - gold background */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.wc-block-components-text-input input,
.wc-block-components-address-form input,
.wc-block-components-select select {
    background-color: #ecd182 !important;
    color: #000000 !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
}

/* Checkout placeholder/helper text */
.woocommerce-checkout input::placeholder,
.wc-block-components-text-input input::placeholder,
.wc-block-components-address-form input::placeholder {
    color: #8B6914 !important;
    opacity: 1 !important;
}

/* Checkout floating labels */
.wc-block-components-text-input label,
.wc-block-components-address-form label,
.wc-block-components-select label {
    color: #000000 !important;
}

/* WooCommerce form labels (account, login pages) */
.woocommerce form label,
.woocommerce form .form-row label,
.woocommerce-form label {
    color: #ffffff !important;
}

.woocommerce-checkout label {
    color: #E8E4DC !important;
    font-size: 13px !important;
}

/* Cart submit button text */
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button .wc-block-components-button__text {
    color: #000000 !important;
}

/* Place order button */
#place_order {
    background-color: #B8860B !important;
    color: #000 !important;
    font-weight: 700 !important;
    border: none !important;
    padding: 16px 40px !important;
    border-radius: 50px !important;
    width: 100% !important;
    cursor: pointer !important;
}

#place_order:hover {
    background-color: #ECD182 !important;
}

/* Select2 dropdown list items */
.select2-results__option {
    color: #000000 !important;
    background-color: #E8C96A !important;
}

.select2-results__option--highlighted {
    background-color: #B8860B !important;
    color: #000000 !important;
}

.select2-results__option[aria-selected="true"] {
    background-color: #B8860B !important;
    color: #000000 !important;
}

/* Password strength indicator */
#password_strength.woocommerce-password-strength.short,
#password_strength.woocommerce-password-strength.bad,
.woocommerce-password-strength.short,
.woocommerce-password-strength.bad {
    background-color: #f20000 !important;
    border-color: #cc0000 !important;
    color: #ffffff !important;
}

.woocommerce-password-strength.good {
    background-color: #B8860B !important;
    border-color: #B8860B !important;
    color: #000000 !important;
}

.woocommerce-password-strength.strong {
    background-color: #2d6a2d !important;
    border-color: #2d6a2d !important;
    color: #ffffff !important;
}

/* ============================================================
   WPFORMS CONTACT FORM
   ============================================================ */

.wpforms-container .wpforms-field-label,
.wpforms-container label {
    color: #bbb !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
}

.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container textarea {
    background-color: #fff !important;
    border: 1px solid #444 !important;
    color: #000 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    width: 100% !important;
}

.wpforms-container .wpforms-submit {
    background-color: transparent !important;
    color: #E8E4DC !important;
    border: 1px solid #555 !important;
    font-family: 'Lato', sans-serif !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 14px 48px !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.wpforms-container .wpforms-submit:hover {
    background-color: #B8860B !important;
    border-color: #B8860B !important;
    color: #000 !important;
}

/* ============================================================
   MKL PRODUCT CONFIGURATOR
   ============================================================ */

/* Main wrapper */
.mkl_pc,
.mkl_pc_container,
div[class^="mkl_pc"],
div[class*="mkl_pc"] {
    background-color: #000 !important;
    color: #E8E4DC !important;
}

.mkl_pc_viewer {
    background-color: #ffffff !important;
}

.mkl_pc_layers {
    background-color: #000 !important;
}

.mkl_pc_toolbar,
.mkl_pc_footer {
    background-color: #000 !important;
    border-color: rgba(200,164,78,0.5) !important;
}

.overlay {
    background-color: rgba(0,0,0,0.95) !important;
}

.mkl_pc.float,
.float .mkl_pc_container {
    background-color: #000 !important;
}

/* Keep header visible when configurator is open */
.mkl_pc.opened ~ .site-header,
.mkl_pc.opened ~ #masthead,
body.mkl-pc-opened .site-header,
body.mkl-pc-opened #masthead {
    display: block !important;
    z-index: 99999 !important;
}

/* Dropdown selects */
.mkl_pc_layer select,
[class*="mkl_pc"] select {
    background-color: #1A1A1A !important;
    color: #000 !important;
    border: 1px solid rgba(200,164,78,0.5) !important;
}

.mkl_pc select option,
[class*="mkl_pc"] select option,
.mkl_pc_layer select option {
    background-color: #1A1A1A !important;
    color: #E8E4DC !important;
}

/* Footer bar - Add to Cart button */
button.configurator-add-to-cart {
    background-color: #ECD182 !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    padding: 14px 40px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

button.configurator-add-to-cart:hover {
    background-color: #B8860B !important;
    color: #000 !important;
}

/* Footer bar layout */
.mkl_pc_footer {
    padding: 0 20px !important;
}

.footer__section-right {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
}

/* Quantity box */
.pc_configurator_form .quantity {
    margin-right: 16px !important;
}

.pc_configurator_form .quantity input {
    width: 60px !important;
    padding: 8px 12px !important;
    text-align: center !important;
    background-color: #ECD182 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 4px !important;
}

/* ============================================================
   PAGE SPECIFIC — CONTACT (page-id-33)
   ============================================================ */

.page-id-33 h1 {
    color: #B8860B !important;
}

/* ============================================================
   RESPONSIVE — MOBILE (max 768px)
   ============================================================ */

@media (max-width: 768px) {

    /* WooCommerce product grid */
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Buttons */
    .wp-block-button {
        width: 100% !important;
    }

    .wp-block-button .wp-block-button__link {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
        box-sizing: border-box !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .wp-block-buttons.is-layout-flex {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .wp-block-buttons.is-layout-flex .wp-block-button {
        width: 100% !important;
    }

    /* Headings */
    .wp-block-heading.has-text-align-center {
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

    .wp-block-heading h1,
    h1.wp-block-heading {
        font-size: 36px !important;
        line-height: 1.1 !important;
    }

    /* Mobile menu toggle */
    .menu-toggle,
    button.menu-toggle,
    .kadence-menu-toggle,
    button.kadence-menu-toggle {
        color: #ffffff !important;
        background-color: transparent !important;
    }

    .menu-toggle svg,
    .menu-toggle span,
    button.menu-toggle span {
        color: #ffffff !important;
        background-color: #ffffff !important;
        fill: #ffffff !important;
    }

    /* Lifetime Warranty page (page-id-31) */
    .page-id-31 div[style*="grid-template-columns:1fr 1fr"] {
        display: block !important;
    }

    .page-id-31 div[style*="grid-template-columns:repeat(3,1fr)"] {
        display: block !important;
    }

    .page-id-31 div[style*="grid-template-columns:repeat(3,1fr)"] > div {
        border-right: none !important;
        border-bottom: 1px solid rgba(200,164,78,0.8) !important;
        padding: 40px 24px !important;
    }

    .page-id-31 div[style*="grid-template-columns:repeat(4,1fr)"] {
        display: block !important;
        padding: 0 24px 60px !important;
    }

    .page-id-31 div[style*="grid-template-columns:repeat(4,1fr)"] > div {
        margin-bottom: 16px !important;
    }

    .page-id-31 div[style*="padding:80px 60px"] {
        padding: 40px 24px !important;
    }

    .page-id-31 div[style*="padding:60px"] {
        padding: 30px 24px !important;
    }

    /* Contact page (page-id-33) */
    .page-id-33 div[style*="grid-template-columns:1fr 1.5fr"] {
        display: block !important;
        min-height: unset !important;
    }

    .page-id-33 div[style*="grid-template-columns:1fr 1.5fr"] > div {
        border-right: none !important;
        border-bottom: 1px solid rgba(200,164,78,0.8) !important;
        padding: 40px 24px !important;
    }

    .page-id-33 h1[style] {
        font-size: 48px !important;
    }

    .page-id-33 div[style*="grid-template-columns:repeat(3,1fr)"] {
        display: block !important;
    }

    .page-id-33 div[style*="grid-template-columns:repeat(3,1fr)"] > div {
        border-right: none !important;
        border-bottom: 1px solid rgba(200,164,78,0.8) !important;
        padding: 24px !important;
    }

    .page-id-33 span[style*="font-size:14px"] {
        word-break: break-all !important;
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;
    }

    .page-id-31 div[style*="grid-template-columns:repeat(4,1fr)"] {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================
   RESPONSIVE — TABLET (768px - 1024px)
   ============================================================ */

@media (max-width: 900px) {
    /* Lifetime Warranty page */
    .page-id-31 div[style*="grid-template-columns:repeat(4,1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
        padding: 0 24px 60px !important;
    }

    /* Contact page heading */
    .page-id-33 h1[style] {
        font-size: 36px !important;
        line-height: 1.1 !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    /* Contact page heading */
    .page-id-33 h1 {
        font-size: clamp(32px, 5vw, 48px) !important;
    }

    /* MKL Configurator - image position fix */
    .mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img {
        top: 0 !important;
        transform: translateX(-50%) !important;
    }

    /* Checkout - stack form and order summary vertically */
    .wp-block-woocommerce-checkout.wc-block-checkout {
        display: block !important;
        container-type: normal !important;
    }

    .wc-block-checkout__main,
    .wc-block-components-main {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }

    .wc-block-checkout__sidebar,
    .wc-block-woocommerce-checkout__sidebar {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-top: 2rem !important;
    }
}
/* Empty cart page - product card dark background */
.wc-block-grid__product .content-bg,
.wc-block-grid__product.content-bg,
.wc-block-grid__product .product-details.content-bg {
    background: #111111 !important;
}
/* Configurator - selected choice text larger and white */
.mkl_pc .mkl_pc_container .mkl_pc_toolbar span.selected-choice {
    font-size: 0.80rem !important;
    opacity: 0.85 !important;
    color: #ffffff !important;
}
/* Shop page - dark product card backgrounds */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
li.product .content-bg,
li.product.content-bg {
    background: #111111 !important;
}
/* Checkout floating labels - black so visible on gold input background */
.wc-block-components-text-input label,
.wc-block-components-address-form label,
.wc-block-components-select label,
.wc-block-checkout .wc-block-components-text-input label,
.wc-block-checkout .wc-block-components-address-form label {
    color: #000000 !important;
}
/* Homepage - reduce side padding on mobile */
@media (max-width: 767px) {
    .home .wp-block-columns[style*="padding-right:60px"],
    .home .wp-block-columns[style*="padding-left:60px"] {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .home .wp-block-group[style*="padding-right:60px"],
    .home .wp-block-group[style*="padding-left:60px"] {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}
/* Homepage - allow 3-column sections to wrap on tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .home .wp-block-columns[style*="padding-right:60px"] {
        flex-wrap: wrap !important;
    }

    .home .wp-block-columns[style*="padding-right:60px"] .wp-block-column[style*="flex-basis:40%"],
    .home .wp-block-columns[style*="padding-right:60px"] .wp-block-column[style*="flex-basis:20%"] {
        flex-basis: 100% !important;
        min-width: 100% !important;
    }
}