/*
 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 {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

:target {
	scroll-margin-top: 110px;
}

@media all and (min-width: 1279px) {	
	:target {
		scroll-margin-top: 180px;
	}
} 

body.no-scroll {
    overflow: hidden;
    height: 100%;
}

/*****COLORS*****/
:root {
	--primary: var(--bricks-color-ezwoef);
	--secondary: var(--bricks-color-mnwtjo);
	--tertiary: var(--bricks-color-vlqvuh);
	--box-shadow: -5px 5px 25px 0 rgba(99, 81, 49, 0);
	--box-shadow-hover: 6px 6px 25px 0 rgba(103, 84, 50, 0.3);
}

/*****SPACINGS*****/
:root {
	--section-spacing: max(8vh, 4rem);
	--element-spacing: max(1.5vh, 2rem);
	--element-inner-padding: max(1.5vh, 2rem);
	--button-spacing: max(1vh, 1.5rem);
	--title-spacing: max(1.5vh, 3rem);
	--title-spacing-s: max(.5vh, 1rem);
}

main > section:not(.noBtm) {
	margin-bottom: var(--section-spacing);
}

/*****TYPE SCALE*****/
/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --font-size-body: clamp(1.6rem, 0.06vw + 1.58rem, 1.7rem);
		--font-size-h6: clamp(1.71rem, 0.15vw + 1.66rem, 1.95rem);
		--font-size-h5: clamp(1.82rem, 0.27vw + 1.74rem, 2.25rem);
		--font-size-h4: clamp(1.94rem, 0.4vw + 1.82rem, 2.59rem);
		--font-size-h3: clamp(2.07rem, 0.56vw + 1.89rem, 2.97rem);
		--font-size-h2: clamp(2.21rem, 0.75vw + 1.97rem, 3.42rem);
		--font-size-h1: clamp(2.36rem, 0.98vw + 2.05rem, 3.93rem);
  }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --font-size-body: 1.6rem;
		--font-size-h6: 1.71rem;
		--font-size-h5: 1.82rem;
		--font-size-h4: 1.94rem;
		--font-size-h3: 2.07rem;
		--font-size-h2: 2.21rem;
		--font-size-h1: 2.36rem;
  }
  @media screen and (min-width: 1920px) {
    :root {
      --font-size-body: 1.7rem;
			--font-size-h6: 1.95rem;
			--font-size-h5: 2.25rem;
			--font-size-h4: 2.59rem;
			--font-size-h3: 2.97rem;
			--font-size-h2: 3.42rem;
			--font-size-h1: 3.93rem;
    }
  }
}


.bricks-posts-nothing-found > p {
	margin-bottom: 0;
}

.bricks-posts-nothing-found {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}