/*  ==========================================================================
	Quick Fixes
	To be incorporated into main.css later.
	==========================================================================  */

body.product-detail .auxiliary .backorder {
	width:100%;
}
body.product-detail .auxiliary .backorder:before
{
	content : "Temporarily Out of Stock";
}
/* The next three styles are for bullet points on vendor/category pages */

.bullet-points 
{
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* optional spacing */
}


.bullet-point-block 
{
    flex: 0 0 calc(50% - 10px); /* 2 per row */
}


/* First child takes full width .bullet-points 
.bullet-point-block:first-child 
{
    flex: 0 0 100%;
}*/


@media (max-width: 600px) 
{
    
.bullet-point-block 
{
        flex: 0 0 100%;
    }

}
#content p {
font-size:1.08em;
}