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




/*
 * 
 * MENU
 * 
 */
#menu-menu-principal {
    gap: 30px;	
}
#menu-menu-principal > li {
    margin: 0;	
}
#menu-menu-principal > li:nth-child(7) {
	display: none;
}

@media screen and (max-width: 991px) {
	#brxe-xxzynq div:nth-child(3) {
		display: none;
	}
	#brxe-kqllvl #menu-menu-principal-1 {
		margin: 20px auto 0px auto;
	}
	#brxe-kqllvl #menu-menu-principal-1 .sub-menu li:not(:last-child) > a {
		padding: 20px 0px 0px 20px;
        line-height: 24px;
	}
	#brxe-kqllvl #menu-menu-principal-1 li:nth-child(6) > a {
		border: 0;
	}
	#brxe-kqllvl #menu-menu-principal-1 .sub-menu li:last-child > a {
		padding: 20px 0px 20px 20px;
        line-height: 24px;
	}
	#brxe-kqllvl #menu-menu-principal-1 > li:last-child > a {
		background: #e6007e;
		border-radius: 5px;
		width: 80%;
		margin: 20px auto 0px auto;
	}
}


.bouton, #contact-form button {
  display: inline-block;
  /*padding: 15px 30px;
  background: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 8px;*/
  transition: all 0.3s ease;  /* Transition fluide */
  transform: translateY(0);   /* Position initiale */
}

.bouton:hover, #contact-form button:hover {
  transform: translateY(-4px);  /* Shift vers le haut */
  box-shadow: 0 8px 20px rgba(0,123,255,0.3);  /* Ombre renforcée */
}


p, a {
  hyphens: auto;                /* Césures intelligentes */
  -webkit-hyphens: auto;       /* Safari/Chrome */
  -moz-hyphens: auto;          /* Firefox */
  -ms-hyphens: auto;           /* IE/Edge */
  
  word-break: break-word;      /* Coupure mots longs */
  overflow-wrap: break-word;   /* Alternative moderne */
}
.internal h1 {
    font-size: 1px;
	line-height: 1px;
}
.internal h1 span:nth-child(1) {
    /*font-size: calc(var(--h1) * 1.2);
	line-height: calc(var(--h1) * 1.5);*/
    font-size: var(--h1-hero);
	line-height: calc(var(--h1-hero)*1.1);
}
.internal h1 br:nth-child(2) {
    font-size: 1px;
	line-height: 1px;
}
.internal h1 span:nth-child(3) {
    /*font-size: calc(var(--h1-superhero)*0.9);
	line-height: calc(var(--h1-superhero)*1.3);*/
    font-size: var(--h1-superhero);
	line-height: calc(var(--h1-superhero)*1.2);
}



:root {
  /* Exemple pour créer une taille au-dessus de XXL */
  /* On multiplie la taille XXL par le ratio d'échelle de votre site */
  --mega-h1: calc(var(--text-xxl) * var(--type-scale));
}







.internal #brx-header.brx-sticky {
    /*background-color: var(--black-trans-70);*/
	background: #000000;
	background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.55) 66%, rgba(0, 0, 0, 0.19) 84%, rgba(0, 0, 0, 0) 100%);
}
.internal #brx-content section:nth-child(1) {
	/*margin-top: 8.75rem;*/
}
/*.internal h1 {
  	font-size: var(--h1);
	line-height: var(--h1-superhero-height);
}
.internal h1 span {
	font-size: var(--h1-superhero);
}*/

.ul-margin ul {
	padding: 0 20px;
}

#articles h3 {
	margin-top: var(--space-l);
	font-family: "Cabin";
    font-size: var(--text-l);
    font-weight: 700;
	color: #000;
}
#articles p {
	margin-top: var(--space-xs);
	font-size: var(--text-m);
    color: var(--base);
    line-height: var(--text-l);
    font-family: "Source Sans";
}


.tarif-box span {
	font-style: italic;
	color: #878787;
}
.tarif-box .bm-list-item {
	position: relative;
	padding-bottom: 5px;
}
.tarif-box .bm-list-item:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, gray, transparent);
}


/*
 * 
 * CONTACT
 * 
 */

::placeholder {
    color: transparent;
}
#contact-form .form-group:nth-child(6) ul li {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
}
#contact-form input[type="checkbox"]~label {
	font-size: var(--text-xs);
}

@media screen and (max-width: 768px) {
	#contact-form .form-group {
		width: 100%;
		padding-right: 0rem;
    	padding-left: 0rem;
	}
}