/*
 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 {
    --vert: #BBD432;
    --beige: #FFF7F1;
    --blanc: #ffffff;
    --marron: #C19A6B;
    --gris-foncer: #333333;
  }

  #brx-content {
    overflow-x: hidden;
  }


  body {
    background-color: var(--beige);
  }

  #brx-content .border-radius50 {
    border-radius: 50px;
  }


/* ================================================== COMPLIANZ ================================================== */

#cmplz-cookies-overview .cmplz-service-header, #cmplz-cookies-overview .cookies-per-purpose div {
	background: rgba(255,255,255,0.1) !important;
	}
	
	#cmplz-cookiebanner-container .cmplz-cookiebanner::before {
  content: '';
  position: absolute;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
	#cmplz-cookiebanner-container .cmplz-cookiebanner::after {
	content: '';
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh;
	z-index: -1;
	background: rgba(0,0,0,0.5);
	overflow: hidden;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner > * {
	z-index: 2;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn{
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.4;
	}
	#cmplz-document {
	max-width: 100%;
	margin: 50px auto 0px;
	}
	
	/* Ajout style btn Refus */
	
	#cmplz-cookiebanner-container .cmplz-deny {
	position: absolute;
	top: -26px;
	right: 0;
	padding: 0;
	height: auto;
	background: transparent;
	border: none;
	color: #ccc;
	display: inline-block;
	width: auto;
	font-weight: 300;
	}
	#cmplz-cookiebanner-container .cmplz-deny::after {
			content: "";
			width: 8px;
			height: 8px;
			display: inline-block;
			border-top: 1px solid white;
			border-right: 1px solid white;
			position: relative;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			margin-left: 5px;
			top: 1px;
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
}











  /* -----------------------HOMEPAGE ----------------------- */

  #brx-content .h1-meriau {
    font-size: 136px;
    position: relative;
    z-index: 1;
  }

  #brx-content .h1-meriau::before {
    content: "";
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 90px);
    height: calc(100% + 70px);
    background-image: url(https://oeufdesmauges.fr/wp-content/uploads/2025/06/font-title.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    opacity: 1;
    border-radius: 50px;
}


#brx-content .img-header {
    clip-path: ellipse(140% 100% at 50% 0%);
}

@media screen and (max-width: 1300px) {
  #brx-content .h1-meriau {
    font-size: 105px;
  }

}


@media screen and (max-width: 991px) {
  #brx-content .h1-meriau {
    font-size: 100px;
  }

}


@media screen and (max-width: 478px) {
    #brx-content .h1-meriau {
        font-size: 74px;
      }

      #brx-content .h1-meriau::before {
        width: calc(100% + 50px);
        height: calc(100% + 30px);
      }
}




#brx-content .img-courbe-bottom-left {
  width: 100%;
  height: auto;
  mask-image: url('https://oeufdesmauges.fr/wp-content/uploads/2025/06/shape.svg');
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;

  -webkit-mask-image: url('https://oeufdesmauges.fr/wp-content/uploads/2025/06/shape.svg');
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}



#brx-content .bloc-client {
  border-radius: 50px;
  overflow: hidden;
}


#brx-content .motif-oeuf-titre {
  position: relative;
}

#brx-content .motif-oeuf-titre::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: calc(100% - 30px);
  width: 100px;
  height: 100px;
  background-image: url(https://oeufdesmauges.fr/wp-content/uploads/2025/06/motif-oeuf-titre.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


#brx-content  .motif-titre-feuille {
  position: relative;
}

#brx-content .motif-titre-feuille::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 100px;
  height: 100px;
  transform: translate(50%, -50%);
  background-image:  url(https://oeufdesmauges.fr/wp-content/uploads/2025/06/motif-titre-feuille.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
}


#brx-content .motif-titre-branche {
  position: relative;
}

#brx-content .motif-titre-branche::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  width: 100px;
  height: 100px;
  transform: translateY(-50%);
  background-image:  url(https://oeufdesmauges.fr/wp-content/uploads/2025/06/motif-titre-branche.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}



#brx-content .section-form {
  position: relative;
}

#brx-content .section-form::before {
  content: "";
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: calc(100% - 100px);
  background-image: url(https://oeufdesmauges.fr/wp-content/uploads/2025/06/form-bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: -1;
}

#brx-content .section-form .brxe-shortcode input, #brx-content .section-form .brxe-shortcode textarea{
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border: none;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;

}

#brx-content .section-form .brxe-shortcode .gform_validation_errors li a, #brx-content .section-form .brxe-shortcode .gform_validation_errors h2, #brx-content .section-form .brxe-shortcode .gfield_validation_message {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
}

#brx-content .section-form .gform_confirmation_message_1 {
  text-align: center;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  color: var(--gris-foncer);

}

#brx-content .section-form .brxe-shortcode {
  padding-top: 50px;
}

#brx-content .section-form .brxe-shortcode .gform_required_legend {
  display: none;
}


#brx-content .section-form .brxe-shortcode #gform_submit_button_1 {
    background-color: var(--gris-foncer) !important;
    margin-left: auto;
    font-size: 18px;
}

#brx-content .section-form .brxe-shortcode .gform_wrapper .gform_fields .gfield_label {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  color: var(--gris-foncer);
}

#brx-content .section-form .brxe-shortcode label {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  color: var(--gris-foncer);
}

#brx-content .section-form .brxe-shortcode .gfield_consent_label {
  font-size: 14px;
}



#brx-footer .section-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  mix-blend-mode: multiply;
}





#brx-content .section-legale h2, #brx-content .section-legale h3, #brx-content .section-legale .cmplz-subtitle{
  font-size: 28px;
  font-family: 'Merriweather', serif;
  color: var(--gris-foncer);
}

#brx-content .section-legale .cmplz-dropdown, #brx-content .cookies-per-purpose, #brx-content .cmplz-category-header {
  background-color: #fff;
}