/*
 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
*/

html {
	scroll-behavior: smooth;
}

strong {font-weight:500;}

.fw-bold {font-weight:400}

/* Typograpghy */
h1, .h1 {
    font-size:3.05rem;
    font-size: var(--fs-2xl);
    line-height: 1.3;
}
h2, .h2 {
    font-size:2.44rem;
    font-size: var(--fs-2xl);
    line-height: 1.3;
}
h3, .h3 {
    font-size:1.95rem;
    font-size: var(--fs-xl);
    line-height: 1.3;
}
h4, .h4 {
    font-size:1.56rem;
    font-size: var(--fs-l);
    line-height: 1.3;
}
h5, .h5 {
    font-size:1.25rem;
    font-size: var(--fs-m);
    line-height: 1.3;
}
h6, .h6 {
    font-size:1rem;
    font-size: var(--fs-m);
    line-height: 1.4;
}

.radius-xs {
    border-radius: var(--radius-xs);
}
.radius-s {
    border-radius: var(--radius-s);
}
.radius-m {
    border-radius: var(--radius-m);
}
.radius-l {
    border-radius: var(--radius-l);
}
.radius-xl {
    border-radius: var(--radius-xl);
}
.radius-full {
    border-radius: var(--radius-full);
}

/* Layouts */

.block-padding { padding: var(--space-2xl) var(--space-m); }

.grid-2 {display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));}

.grid-4 {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));}

.grid-5 {display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));}

.pd-1 {padding:1rem;}

/* Background colors */

.bg-blue {background-color:var(--primary-blue)}

.bg-yellow{background-color:var(--primary-yellow);}

.bg-white{background-color:var(--clr-white);}

.bg-light{background-color:#F6F8FF}

/* Borders */

.border-default{border:1px solid #00000024;border-radius:8px}

/* text colors */
.text-yellow{color:var(--primary-yellow);}

.text-white{color:var(--clr-white);}

.text-blue {color:var(--primary-blue)}

/* text weight */
.fw-bold {font-weight:700}
.fw-semibold {font-weight:500}


/* Product additional option */ 
#custom-product-options {
		display:grid;
		gap:0.2rem;
	}

/* Custom product options */
label.custom-option {
	color:#000;
}


@media (min-width:1281px) {
.arrow-after::after{
    content:"";
        width: 5%;
        height: 50px;
        background-image: url(/wp-content/uploads/2025/02/arrows-bg.svg);
        background-repeat: no-repeat;
        position: absolute;
        transform: translate(180px, 8px);
        z-index: 11111111;
}

.arrow-before::before {
    content:"";
    width:5%;
    height:50px;
    position: absolute;
    background-image: url('/wp-content/uploads/2025/02/arrows-bg.svg');
    background-repeat: no-repeat;
    transform:translate(180px , 8px);
    rotate: 180deg;
}
    
}