div.l-contents__container {
    max-width: var(--_container-max-width,1280px);
    margin:auto;
}

.modal-body .btn {
    height:60px;font-weight:bold;
    font-size:1.5em;
}


h5.modal-title {
    line-height:1em;
    font-sze:1.5em;
}


@media (min-width:40em){
    .modal-dialog {

        margin-top: 220px;

    }
}

@media (max-width:40em){
    .modal-dialog {
        margin-top: 110px;

    }
}
/* mobile
    margin-top: 110px; */

/* search form */
input[type="search"]{
    color:#000;
}

.woocommerce select {
    height: 40px;
position: relative; display: inline-block; font-size: 15px; display: inline-block; margin: 0; padding: 7px; color: #000; background-color: #fff; width: 100%; cursor: pointer; outline: 0;}
.woocommerce select option{color: #7e7e7e; font-size: 12px; padding: 3px; border: 0px;}

/* Undo the Firefox inner focus ring */
.woocommerce select:focus:-moz-focusring {color: transparent; text-shadow: 0 0 0 #454545;}

/* Dropdown arrow */
.woocommerce select:after {position: absolute; top: 50%; right: 1.25rem; display: inline-block; content: "v"; width: 0; height: 0; margin-top: -.15rem; pointer-events: none; border-top: .35rem solid; border-right: .35rem solid transparent; border-bottom: .35rem solid transparent; border-left: .35rem solid transparent;}

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.select select:hover {
  background-color: #ddd;
}
*/

/* Focus */
.woocommerce select select:focus {box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;}

/* Active/open */
.woocommerce select select:active {color: #fff; background-color: #0074d9;}

/* Hide the arrow in IE10 and up */
.woocommerce select select::-ms-expand {display: none;}

/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  .woocommerce select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem;
  }

  /* elements inherit styles from, so reset them. */
  .woocommerce select option {
    background-color: white;
  }
}

/* IE9 hack to hide the arrow */
@media screen and (min-width:0\0) {
  .woocommerce select select {
    z-index: 1;
    padding: .5rem 1.5rem .5rem 1rem;
  }
  .woocommerce select:after {
    z-index: 5;
  }
  .woocommerce select:before {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 2;
    content: "";
    display: block;
    width: 1.5rem;
    background-color: #eee;
  }
  .woocommerce select select:hover,
  .woocommerce select select:focus,
  .woocommerce select select:active {
    color: #555;
    background-color: #eee;
  }
}


.product_category_description {
    padding: 20px;
    background-color: #fafafa;
    border:1px solid #ccc;
    border-radius:10px;
    margin:20px 0;
}

.blockUI.blockOverlay {
    background-color: rgba(0,0,0,0.75) !important;
    position: fixed !important;
}


/* hide shipping, calculator */
.woocommerce-shipping-fields { display:none; }
.woocommerce-shipping-calculator {display:none;}
.woocommerce-shipping-destination {display:none;}

#billing_country_field {
    display:none !important;
}

/* checkout/order-received */
body.woocommerce-order-received .woocommerce-column--shipping-address {
    display:none;
}




/* front page only. products with variation form */

body.home a.reset_variations {
    display:none !important;
}
body.home div.woocommerce-variation-add-to-cart.variations_button {
    margin-top:0px !important;
}
body.home form.variations_form.cart {
    margin-top:10px !important;
}
body.home div.woocommerce-variation.single_variation div.woocommerce-variation-availability {
    color:red;
}

body.home table.variations td.label, body.home table.variations td.value {
    display:inline-block;
    padding:0px;
}

/* comment form */
#commentform {
    margin-bottom:30px;
}

/* store description in front page */
#store_description {
    padding: 20px;
    background-color: #cee8f1;
    border: 1px solid #ccc;
    margin: 20px auto;
}

/* dashboard */
.order-status {
    display:inline;
    padding:5px;margin-right:5px;
    border-radius:5px;
}


/* storeowner */
li#wp-admin-bar-sumachu-node {
    display:block !important;
}

#wpadminbar #wp-admin-bar-sumachu-node .ab-icon:before {
    content: '\f111';
    top: 3px;
}


/* product loop */
h2.woocommerce-loop-product__title {
    color: #000;
/*     font-weight: bold; */
}
    
/* products with variations */
table.variations td.label label {
	font-size:12px;
  padding-right: 3px;

}
table.variations th.label label {
  padding-right: 10px;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	display:inline-block;
}


/* product with options single */
.woocommerce .woocommerce-variation-add-to-cart {
    display: block !important;
}


/* shoping cart badge */
.cart-counter {
    position: relative;
    top: -25px;
    right: -45px;
    z-index: 2;
    padding: 1px 7px;
    margin-left: -26px;
    font-size: 11px;
    color: #fff;
    background-color: #fe1212;
    border-radius: 10em;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}


.product .quantity {
    display:inline-block;
}


/* sale products */
.woocommerce span.onsale {
    width: 70px;
    background-color: red;
    height: 70px;
    line-height: 65px;
}

/* */
.p-social-nav { margin:auto; }
#footer-sticky-nav { display:block; }

/* modal */
.modal .modal-body ul.products li.product {
    width:100%;
}

div.modal-link img {
    cursor: pointer; 
}


/* front page pills */

#menu_product_cat {
    text-align:center;
    width:100%;
}
#menu_product_cat li {
    display:inline-block; margin:2px 5px;
}
#menu_product_cat li a {
    font-weight:bold;
}


span.weekend{
    color:red;
}
span.weekday{
    color:#000000;
}
.admin-only {
    background-color:pink;
}


/* order-processing */
.woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before {
    height: 10em;
    width: 10em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5em;
    margin-top: -5em;
    display: block;
    content: "";
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    background: url('https://go.sumachu.com/images/order-processing.gif') center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
}