/* Enter Your Custom CSS Here */
.quantity .qty {
    max-width: 10em;
}

table.cart .quantity .qty {
    max-width: 7em;
}

div.chip {
    width: 100px;
    height: 100px;
}

/* Make checkout Quantity box wider to fit 10,000+ quantity */
/* ref: https://athemes.com/forums/topic/quantity-box-increase-width/# */
.woocommerce .quantity .input-text.qty.text {
    width: 70px;
    height: 36px;
    padding: 5px;
}

/* ********** CATEGORY HIGHLIGHT NOT WORKING YET ******
li.product-category {
	border:5;  
}
*******************************************************/

h2.woocommerce-loop-category__title {
	background:#F0FFF0;  
}

/* FIX #3 (05-Aug-2017) : To Make Bullet Points Appear in pages */
/* maybe investigate just making this for SiteOrigin / TinyMCE  */
ul li {
    list-style-type: disc;
    margin-left: 1.5em; /* which should give space for the disc to show */
    list-style-position: inside; /* will put the disc inside of the li
                                    element, for debugging purposes */
}

/* FIX #4 (06-Aug-2017): Remove bullet points that appeared in the cart widget in the header when FIX #3 was implemented */
ul.site-header-cart li {
    list-style-type: none;
}

/* FIX #5 (06-Aug-2017): to correct problems caused by FIX #4 */
ul.sub-menu li {
    list-style-type: none;
    margin-left: 0em; /* which should give space for the disc to show */
    list-style-position: outside;
}


/* this needs to be more focussed 'cos adding "disc" bullet points around cart in header */
  ***************** PATCH OUT END -- FOR TESTING ***************** */