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

:root {
    --font-size-h1: min(max(25px, calc(1.5625rem + ((1vw - 3.2px) * 2.8409))), 50px);
    --font-size-h2: min(max(23px, calc(1.375rem + ((1vw - 3.2px) * 2.0455))), 40px);
    --font-size-h3: min(max(21px, calc(1.3125rem + ((1vw - 3.2px) * 1.5909))), 35px);
    --font-size-h4: min(max(20px, calc(1.25rem + ((1vw - 3.2px) * 1.1364))), 30px);
    --font-size-h5: min(max(18px, calc(1.125rem + ((1vw - 3.2px) * 0.7955))), 25px);
    --font-size-h6: min(max(16px, calc(1rem + ((1vw - 3.2px) * 0.4545))), 20px);
	--font-size-50: min(max(29px, calc(1.5625rem + ((1vw - 3.2px) * 2.8409))), 50px);
}
a:-webkit-any-link:focus-visible {
    outline-offset: none;
}
body.bricks-is-frontend :focus {
    outline: none;
}
html{
  scroll-behavior: smooth;
}
body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
.ff-default .ff-el-input--label label {
    font-size: 16px;
    font-family: "Inter";
    font-weight: 400;
}
.text-link a {
    color: #4c5d5d;
    font-size: 15px;
    font-weight: 600;
}
.text-link a:hover {
    color: #000;
}
.woocommerce-notices-wrapper.brxe-container {
    background: #fff;
    margin-bottom: 0;
    padding: 0;
}
.woocommerce-notices-wrapper .woocommerce-message a {
    background-color: #4c5d5d;
}
.woocommerce-cart .brxe-container.before-cart {
    display: none;
}
body .woocommerce .button,.brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__buttons a {
    background-color: #4c5d5d;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    padding: 15px 20px;
}
body.woocommerce-checkout,body.woocommerce-account {
    background: #4c5d5d;
}
body.woocommerce-checkout #brx-content.wordpress,body.woocommerce-account #brx-content.wordpress{
    width: 1275px;
    background: #fff;
    padding: 50px 20px;
}
button.wc-block-components-checkout-place-order-button {
    background: #4c5d5d;
    color: #fff;
}
body.woocommerce-checkout p.woocommerce-notice {
    font-size: 25px;
    font-weight: 500;
}
body.woocommerce-account #brx-content.wordpress h1 {
    margin-bottom: 25px;
    font-size: 35px;
}
body.woocommerce-account .woocommerce-info {
    background-color: #f5f6f7;
    color: #000;
}
nav.woocommerce-MyAccount-navigation li.is-active {
    background: #4c5d5d;
    color: #fff;
}
header.woocommerce-Address-title.title h2 {
    font-size: var(--font-size-h5);
    margin-bottom: 15px;
    background: #f8f8f8;
    padding: 5px 15px 10px;
}