/* Custom WooCommerce Styles */

/* Typography */
/*h1, h2, h3 {
    font-family: 'Open Sans', sans-serif;
}*/

/* Buttons */
.woocommerce a.button, .woocommerce button.button {
    background-color: #007cba;
    color: white;
    border: none;
    padding: 10px 20px;
    text-transform: uppercase;
}

/* Layout */
.woocommerce-page .content-area {
    width: 100%;
}

.product-list {
    display: flex;
    flex-wrap: wrap;
}

.product-item {
    flex: 1 1 30%;
    margin: 10px;
}

/* Heading Numbering */
/* Reset the counter for the entire content area */
/*.entry-content {
    counter-reset: h2counter;
}*/

/* Style and increment counter for h2 */
/*.entry-content h2 {
    counter-increment: h2counter;
    counter-reset: h3counter;
}*/

/* Style and increment counter for h3 */
/*.entry-content h3 {
    counter-increment: h3counter;
    counter-reset: h4counter;
}*/

/* Style and increment counter for h4 */
/*.entry-content h4 {
    counter-increment: h4counter;
}*/

/* Add numbers before the headings */
/*.entry-content h2::before {
    content: counter(h2counter) ". ";
}

.entry-content h3::before {
    content: counter(h2counter) "." counter(h3counter) ". ";
}

.entry-content h4::before {
    content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) ". ";
}*/

/* Responsive */
@media screen and (max-width: 768px) {
    .product-item {
        flex: 1 1 100%;
    }
}