/*
Theme Name: Armor Coat Concrete Solutions
Theme URI: https://jsmcorp.com/
Author: Jump Start Marketing, Inc.
Author URI: https://jsmcorp.com
Description: This theme was developed for our clients and provides custom functionality and design for their needs. 
Version: 0.1

*/



header, #jsm-section-5, #jsm-footer-10 {/*background-color: #333; color: #ccc;*/}



div.woocommerce a {color: #333 !important; text-decoration:none !important;}*/

nav.woocommerce-MyAccount-navigation {
    width: 15% !important;
    float: left !important;
}
nav.woocommerce-MyAccount-content {
    width: 80% !important;
    float: left !important;
}
.container.content-box {
    min-height: 350px !important;
}
.woocommerce a.button {
    background-color: red !important;
	color: #fff !important;
}
h2.woocommerce-loop-product__title, span.price {
    color: #333;
}
.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    border: solid 1px #ccc;
}

button.single_add_to_cart_button.button.alt {
    background-color: red !important;
}
.woocommerce-message {
    max-height: 75px;
}

form.woocommerce-form.woocommerce-form-login.login {
    width: 50%;
}

.woocommerce-product-gallery__image img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained{
    background-color: red;
    color: #fff !important;
}


.wc-block-components-totals-wrapper.slot-wrapper {
    padding: 0;
    display: none;
}

th.wc-block-cart-items__header-total {
    display: none !important;
} 
.wp-block-woocommerce-cart-order-summary-block {display:none;}

.nav-link {
    padding: 10px;
    font-size: 14px;
}
div.col-12 h1 {
	font-size: 20px;
}
div.news-info nav {
    float: left;
}


a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    margin: 15px;
    width: 80%;
}






/* Keep My Account menu left and categories content right on large screens */
@media (min-width: 992px) { /* lg+ */
  /* Make the WooCommerce wrapper behave like a Bootstrap row */
  .woocommerce {
    display: flex;
    gap: 2rem;           /* space between columns */
    align-items: flex-start;
  }

  /* Left column: Woo "My Account" navigation */
  .woocommerce nav.woocommerce-MyAccount-navigation {
    flex: 0 0 280px;     /* fixed-ish width left column */
    max-width: 320px;
    position: sticky;    /* optional: keep in view while scrolling */
    top: 100px;           /* adjust to clear your header */
    float: none !important;
    width: auto !important;
  }

  /* Right column: content (your product category grid, orders, etc.) */
  .woocommerce .woocommerce-MyAccount-content {
    flex: 1 1 auto;      /* take remaining space */
    min-width: 0;        /* prevents overflow in flex items */
    float: none !important;
    width: auto !important;
  }
}

/* Optional: tidy up the left nav to look like stacked list group */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: .75rem 1rem;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  text-decoration: none;
  color: #222;
}
.woocommerce-MyAccount-navigation li:last-child a {
  border-bottom: 1px solid #e5e5e5;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
  background: #f8f9fa;
}

div.content-box div.col-12 h1 {
    display: none;
}
nav.woocommerce-MyAccount-navigation {
    margin-top: 30px;
}

.u-column1.col-1.woocommerce-Address {
    width: 100%;
}
.woocommerce-MyAccount-content {
    margin-top: 30px;
}
section.related.products {
    clear: both !important;
}
nav a {
    color: rgb(237 28 36);
    text-decoration: underline;
}