/*
 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
*/
/* font sizes */
body {
  font-size: clamp(3rem, 1.671vw, 4.4rem); /* 32 */
}
:root {
  --h1: clamp(3.8rem, 4.845vw, 13rem); /* 93 */
  --h2: clamp(3.6rem, 3.75vw, 10rem); /* 72 */
  --h3: clamp(3.2rem, 2.92vw, 7.7rem); /* 56 */
  --h4: clamp(2.8rem, 1.875vw, 4.4rem); /* 36 */
  --h5: clamp(3rem, 1.671vw, 4.4rem); /* 32 */
  --h6: clamp(2.2rem, 1.25vw, 3.3rem); /* 24 */
  --text-xxl: clamp(7rem, 6.667vw, 17.6rem);  /* 128 */
  --text-xl: clamp(3.4rem, 1.875vw, 5rem); /* 36 */
  --text-l: clamp(2.2rem, 1.671vw, 4.4rem); /* 32 */
  --text-m: clamp(1.9rem, 1.25vw, 3.3rem); /* 24 */
  --text-s: clamp(1.75rem, 1.0417vw, 2.75rem); /* 20 */
  --text-xs: clamp(1.575rem, 0.9375vw, 2.475rem); /* 18 */
}
/* space for header */
body:not(.home) #brx-content .brxe-section:first-of-type .brxe-container:first-of-type {
  padding-top: var(--section-space-s);
}
/* paragraph spacing */
p + p {
  margin-top: var(--spacing-m);
}
/* button with arrow hover effect */
:root {
  --arrow-shaft-length: 3.6rem; 
  --arrowhead-size: 2.6rem;
  --arrow-stretch: 1.5;
  --arrowhead-offset: -1.6rem;
  --arrow-scale: 1;
}
/* Arrow annimation */
/* Base styles */
.btn-arrow__arrowshaft, .btn-arrow__arrowhead {
  transition: transform 0.2s ease;
  transform-origin: left center;
}
/* override inline svg size */
.btn-arrow__arrowshaft {
  width: var(--arrow-shaft-length) !important;
  height: auto !important;
}
.btn-arrow__arrowhead {
  width: var(--arrowhead-size) !important;
  height: var(--arrowhead-size) !important;
  transform: translateX(var(--arrowhead-offset)) scale(var(--arrow-scale));
}
/* Hover styles */
.btn-arrow a:hover ~ div.btn-arrow__arrow .btn-arrow__arrowshaft {
  transform: scaleX(var(--arrow-stretch));
}
.btn-arrow a:hover ~ div.btn-arrow__arrow .btn-arrow__arrowhead {
  transform: translateX(
      calc(var(--arrowhead-offset) + (var(--arrow-shaft-length) * (var(--arrow-stretch) - 1)))
    ) scale(var(--arrow-scale));
}