/*
Theme Name: Brockett Hello Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1707834477
Updated: 2024-02-13 14:27:57

*/

:root {
    --clr-neg-blue: #013D7D;
}

.link-color-fix a {
    color: var(--clr-neg-blue);
}
.link-color-fix a:hover {
    color: var(--clr-neg-blue);
    text-decoration: underline;
    transition: .3s ease-in-out;
}



/* Following Kevin Powell vid :) */
.product-data-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}
.data-table-th,
.data-table-td {
    padding: 1rem;
}
.data-table-th {
    text-align: left;
    background: hsl(0, 0%, 100%);
}
.data-table-tr {
    background-color: hsl(0, 0%, 100%);
    pointer-events: none;
}
.data-table-tr:nth-of-type(2n) {
    background-color: hsl(0, 0%, 92%);
}
.color-table .data-table-th {
    width: 33.33%;
}

@media (max-width: 1024px) {
    thead,
    .data-table-th  {
        display: none;
    }
    .data-table-td {
        display: flex;
        justify-content: space-between;
        border-bottom: none;
        padding: 0.75rem 1rem;
        text-align: right;
    }
    .data-table-td:last-child {
        border-bottom: 1px solid #a0a0a0;
    }
    .data-table-tr {
        display: block;
        margin-bottom: 2rem;
    }
    .mobile-title::before {
        content: attr(data-cell);
        font-weight: 700;
        text-align: left;
    }
    .color-table .data-table-th {
        width: 100%;
    }
    .mobile-color-display-td {
        min-height: 7em;
    }
}