/*
 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
 Text Domain:  bricks
*/

/* definition of variables */
:root {
    --h0: clamp(4rem, 1.912vw + 3.388rem, 6rem);
    --h1: clamp(2.6rem, 1.338vw + 2.172rem, 4rem);
    --h2: clamp(2.4rem, 0.765vw + 2.155rem, 3.2rem);
    --h3: clamp(2.3rem, 0.478vw + 2.147rem, 2.8rem);
    --h4: clamp(2.1rem, 0.287vw + 2.008rem, 2.4rem);
    --h5: clamp(1.8rem, 0.191vw + 1.739rem, 2rem);
    --h6: clamp(1.4rem, 0.191vw + 1.339rem, 1.6rem);
    --text-s: clamp(1.2rem, 0.287vw + 1.208rem, 1.4rem);
    --text-m: clamp(1.4rem, 0.287vw + 1.208rem, 1.6rem);
    --text-l: clamp(1.6rem, 0.191vw + 1.539rem, 1.8rem);
    --text-xl: clamp(1.25rem, 0.717vw + 1.021rem, 2rem);
    --text-xxl: clamp(1.5rem, 0.86vw + 1.225rem, 2.4rem);
    --container-inline-padding: clamp(2rem, 4.207vw + 0.654rem, 6.4rem);
    --container-gap: clamp(4rem, 1.912vw + 3.388rem, 6rem);
    --content-gap: clamp(2rem, 1.147vw + 1.633rem, 3.2rem);
    --grid-gap: clamp(2rem, 1.147vw + 1.633rem, 3.2rem);
    --space-xs: clamp(0.625rem, 0.359vw + 0.51rem, 1rem);
    --space-s: clamp(1.25rem, 0.717vw + 1.021rem, 2rem);
    --space-m: clamp(2rem, 1.147vw + 1.633rem, 3.2rem);
    --space-l: clamp(3.2rem, 1.721vw + 2.649rem, 5rem);
    --space-xl: clamp(5rem, 2.868vw + 4.082rem, 8rem);
    --grid-1: repeat(1, minmax(0, 1fr));
    --grid-2: repeat(2, minmax(0, 1fr));
    --grid-3: repeat(3, minmax(0, 1fr));
    --grid-5: repeat(5, minmax(0, 1fr));
    --grid-6: repeat(6, minmax(0, 1fr));
	--brand-color: rgba(230, 0, 126, 1);
}

/* product colors */
.highvisorange {background-color: #ff6700;}
.yellowblack {background: linear-gradient(135deg, #000 49%,#000 50%,#E1CF12 50%);}
.whitered {background: linear-gradient(135deg, #fff 49%,#fff 50%,#F00000 50%);}
.whiteblack {background: linear-gradient(135deg, #fff 49%,#fff 50%,#000000 50%);}
.silver {background-color: #C2C2C2;}
.anthracite {background-color: #575757;}
.chamois {background-color: #F5F2A6;}
.pink {background-color: #F56487;}
.orange {background-color: #F5AA36;}
.print {background: linear-gradient(90deg, rgba(58,63,180,1) 0%, rgba(253,29,29,1) 25%, rgba(252,248,69,1) 50%, rgba(69,252,144,1) 100%);}
.grey {background-color: #CCCCCC;}
.isogenogrey {background-color: #E0E0E0;}
.aluminium {
	background-color: #f1f2f6;
	background-image: linear-gradient(315deg, #f1f2f6 0%, #c9c6c6 74%);	
}
.alu-metallic {
	background-color: #f9fcff;
	background-image: linear-gradient(147deg, #f9fcff 0%, #dee4ea 74%);
}
.blue-transparent {
	background-color: #ffffff;
	background-image: linear-gradient(315deg, #ffffff 0%, #5899e2 74%);
}
.brown-transparent {
	background-color: #772f1a;
	background-image: linear-gradient(315deg, #772f1a 0%, #f2a65a 74%);
}

/* Breadcrumb styling */
.fbc-page .fbc-wrap .fbc-items { padding-left: 0; }
.fbc-page .fbc-wrap .fbc-items li:first-child {
   border-radius: 4px 0 0 4px;
   padding-left: 0px;
   padding-right: 0px;
}

.fbc-page .fbc-wrap .fbc-items li a i { margin-right: var(--space-xs) }

/* change scroll offset because I have a sticky header now */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 220px;
}
/* adjust scroll offset for mobile header */
@media( max-width: 767px){
    html {
        scroll-padding-top: 80px;
    }  
}

/* Product Filters */

/* Woocommerce */
.woocommerce-shipping-totals.shipping, th.product-total, tr.order-total, tr.cart-subtotal, td.product-total, .order_details tfoot, .woocommerce-Price-amount, span.minus, span.plus {
	display: none;
}

.variations_form table.variations th.label label {
	color: var(--bricks-color-vdtpxe);
}
.variations_form table.variations a.reset_variations {
	color: var(--bricks-color-pjwgfn);
}