/*
 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 {
  /* Espacements fluides */
  --space-xs: clamp(0.25rem, 0.5vw, 0.5rem);     /* 4-8px */
  --space-sm: clamp(0.5rem, 1vw, 1rem);          /* 8-16px */
  --space-md: clamp(1rem, 2vw, 2rem);            /* 16-32px */
  --space-lg: clamp(1.5rem, 3vw, 3rem);          /* 24-48px */
  --space-xl: clamp(2rem, 4vw, 4rem);            /* 32-64px */
  --space-2xl: clamp(3rem, 6vw, 6rem);           /* 48-96px */
  --space-3xl: clamp(4rem, 8vw, 8rem);           /* 64-128px */
  
  /* Typographie fluide */
  --text-xs: clamp(0.75rem, 1.5vw, 0.875rem);    /* 12-14px */
  --text-sm: clamp(0.875rem, 2vw, 1rem);         /* 14-16px */
  --text-base: clamp(1rem, 2.5vw, 1.125rem);     /* 16-18px */
  --text-lg: clamp(1.125rem, 3vw, 1.25rem);      /* 18-20px */
  --text-xl: clamp(1.25rem, 3.5vw, 1.5rem);      /* 20-24px */
  --text-2xl: clamp(1.5rem, 4vw, 2rem);          /* 24-32px */
  --text-3xl: clamp(2rem, 5vw, 2.5rem);          /* 32-40px */
  --text-4xl: clamp(2.5rem, 6vw, 3rem);          /* 40-48px */
  --text-5xl: clamp(3rem, 8vw, 4rem);            /* 48-64px */
  --text-6xl: clamp(4rem, 10vw, 5rem);           /* 64-80px */
  
  /* Line-heights fluides */
  --leading-tight: clamp(1.1, 2vw, 1.25);
  --leading-normal: clamp(1.4, 2.5vw, 1.6);
  --leading-relaxed: clamp(1.6, 3vw, 1.8);
}









.bio-section {
    margin-left: calc( -50vw + 50%);
    margin-right: calc( -50vw + 50%);
    max-width: 100vw;
    width: 100vw;	
}
.top-title {
    box-shadow: 0 0 #00000070;
    padding-top: 3rem;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
    row-gap: 10px;
    column-gap: 20px;	
}
button[type='submit'] {
	padding: 0.5rem 1.0rem;
}


/*
 * 
 * LEGAL NOTICES
 * 
 */

.legal-notices h2 {
	font-size: var(--text-xl);
    font-family: "Open Sans";
	font-weight: 700;
	text-transform: uppercase;
}
.legal-notices h3 {
	font-size: var(--text-xl);
    font-family: "Open Sans";
	font-weight: 400;
	text-transform: uppercase;
}



/*
 * 
 * RGPD
 * 
 */

.rgpd h2 {
	font-size: var(--text-xl);
    font-family: "Open Sans";
	font-weight: 400;
	text-transform: uppercase;
}
.rgpd h3 {
	font-size: var(--text-xl);
    font-family: "Open Sans";
	font-weight: 700;
	text-transform: lowercase;
}