/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1.0
 Text Domain:  bricks
*/

/* Base styling */
main {
	margin: 0 auto;
	max-width: 2560px;
}

main > section,
article > .woocommerce > section {
	padding-inline: var(--space-s);
}
main > section:not(:first-of-type),
main > section:only-of-type{
	padding-top: var(--space-l-xl);
}
main > section:last-of-type{
	padding-bottom: var(--space-l-xl);
}

/* Utilities */
.uppercase{
	text-transform: uppercase;
}

/* product card*/
/*.product-card img { 
	aspect-ratio: 1/1;
    object-fit: cover;
}*/
/* Customize product page discount table */
.awdr-bulk-customizable-table {
	margin-block-start: var(--flow-space, 1em);
}
.awdr-bulk-customizable-table td {
	border-top: 1px solid #ddd;
}

.awdr-bulk-customizable-table td,
.awdr-bulk-customizable-table th
{
	padding: var(--space-2xs) var(--space-s);
}

/* Hide review widget title */
h2.woocommerce-Reviews-title{ display: none; }

/* Checkout page styling */
body.woocommerce-checkout article#brx-content{
max-width:1200px;
margin: 0 auto;
padding: var(--space-l-xl) var(--space-s);
}

/* Button styling */
.button {
	line-height: 1;
	align-items: center;
    background-color: black;
	border-radius: 30px;
    border-width: 0;
    color: white;
    display: inline-flex;
    font-weight: 500;
    justify-content: center;
    min-height: 40px;
    padding: 15px 35px;
    text-align: center;
    text-decoration: none;
	text-transform: capitalize;
	transition: 0.3s;
}

.button--light {
	background-color: white;
	color: black;
}

.button:hover {
	background: #f1be66;
}

.button:active{
	transform: scale(.95);
}

a:not(.button):hover{
	color: #f1be66;
}

/* Form Styling */
/*form input,
form span.action{
	border: 2px solid black;
}

form span.action{
	background: #e3e6e8;
	color: black;
}*/

form.cart .quantity + button, form.woocommerce-cart-form .quantity + button {
	margin-top: 0;
}

/* contact form -- footer */
footer form.wpcf7-form p{
    display: flex;
    padding-left: 72px; /* centers form with hidden spinner element on right */
    justify-content: center;
    align-items: center;
}

footer form.wpcf7-form input.wpcf7-submit{
    margin-left: 1rem;
}

@media screen and (max-width: 600px) {
    footer form.wpcf7-form p{
        flex-direction: column;
        padding-left: 0;
    }
    footer form.wpcf7-form input.wpcf7-submit{
        margin-top: 1rem;
    }
}



/* Store locations page */
.every-grid {
  display: grid;
}

@supports (width: min(425px, 100%)) {
  .every-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(425px, 100%), 1fr));
  }
}

.store-locations-wrapper{
	grid-template-rows: masonry;
  	gap: var(--space-l);
}

.storeLocationBox{
    display: flex;
    flex-direction: row-reverse;
  	padding: var(--space-m);
  	border: 1px solid gray;
  	border-radius: 16px;
	max-width: 600px;
}

.location-box-details{
   width: 100%;
}

.location-box-image{
  width: fit-content;
  margin: 0;
}

.location-box-title{
	font-size: var(--step-1);
}

#storeFilter{
	max-width: fit-content;
}

/* store notice bar */
#brxe-e0cc22{
	font-size: .8em;
}

/* Hamburger menu on mac >_> */
.brxe-nav-menu .bricks-mobile-menu-toggle span{
	color: black;
}

.brxe-nav-menu .bricks-mobile-menu-toggle[aria-expanded="true"] span{
	color: white;
}

/* style out of stock message on product page */
.stock.out-of-stock{
	font-weight: bold;
	color: red;
}