/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/*** GENERAL ***/
.grecaptcha-badge {
    display: none !important;
}
:root{
	--green : #13F09E;
	--purple :#9816FF ;
	--white:#FBFCFB;
	--black:#08232F;
}
@font-face {
  font-family: 'Satoshi Light';
  src: url('/wp-content/uploads/2025/06/Satoshi-Light.ttf') format('truetype');
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/wp-content/uploads/2025/06/Satoshi-Regular.ttf') format('truetype');
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi Bold';
  src: url('/wp-content/uploads/2025/06/Satoshi-Bold.ttf') format('truetype');
  font-style: normal;
}

*{
	font-synthesis:none;
}
b,strong {
    font-weight: bold;
    font-family:"Satoshi Bold";
}
.bold{
	font-weight:700!important;
	font-family:"Satoshi Bold";
}
.reg{
	font-weight:500!important;
	font-family:"Satoshi";
}
.light{
	font-weight:300!important;
	font-family:"Satoshi Light";
}
.h1{
	font-size:65px!important;
	line-height:1em;
}
.h2{
	font-size:50px!important;
	line-height:1.1em;
}
.h3{
	font-size:38px!important;
	line-height:1.2em;
}
.h4{
	font-size:32px!important;
	line-height:1.2em;
}
.h5{
	font-size:24px!important;
	line-height:1.2em;
}
.txt{
	font-size:16px!important;
	line-height:1.4em;
	font-family:"Satoshi";
	font-weight:500;
}
.txtBig{
	font-size:18px!important;
	line-height:1.4em;
	font-family:"Satoshi";
	font-weight:500;
}
.btn{
	font-size:18px;
	line-height:1.1em;
	font-family:"Satoshi";
	font-weight:500;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 24px;
	justify-content: center;
	align-items: center;
	gap: 2px 8px;
	border-radius: 24px;
	box-shadow: 0px 17px 5px 0px rgba(0, 0, 0, 0.00), 0px 11px 4px 0px rgba(0, 0, 0, 0.01), 0px 6px 4px 0px rgba(0, 0, 0, 0.05), 0px 3px 3px 0px rgba(0, 0, 0, 0.09), 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
	transition:0.3s ease-in-out;
	width:fit-content;
}
.btn-blanc{
	background: var(--white);
	color:var(--black);
}
.btn-blanc:hover{
	background: var(--green);
	color:var(--black);
}
.btn-vert{
	background: var(--green);
	color:var(--black);
}
.btn-vert:hover{
	background: var(--black);
	color:var(--white);
}
.btnBrizy{
		box-shadow: 0px 17px 5px 0px rgba(0, 0, 0, 0.00), 0px 11px 4px 0px rgba(0, 0, 0, 0.01), 0px 6px 4px 0px rgba(0, 0, 0, 0.05), 0px 3px 3px 0px rgba(0, 0, 0, 0.09), 0px 1px 2px 0px rgba(0, 0, 0, 0.10)!important;

}
@media screen and (max-width:992px){
	.h1{
		font-size:55px!important;
	}	
	.h2{
		font-size:42px!important;
	}
	.h3{
		font-size:34px!important;
	}
	.h4{
		font-size:28px!important;
	}
	.h5{
		font-size:22px!important;
	}
	.btn{
		font-size:17px;
	}
}
@media screen and (max-width:767px){
	.h1{
		font-size:44px!important;
	}
	.h2{
		font-size:38px!important;
	}
	.h3{
		font-size:30px!important;
	}
	.h4{
		font-size:26px!important;
	}
	.h5{
		font-size:20px!important;
	}
	.btn{
		font-size:16px;
	}
}


/*** SCROLL ***/
/*
#agence, #services, #references, #contact{
  scroll-margin-top: 250px!important;
}
:target, .elementor-menu-anchor {
    scroll-margin-top:250px!important;
}
*/

/*** LANDING : chiffres ***/

/* Bg sur Safari macOS et iOS uniquement */
@supports (-webkit-hyphens: none) and (text-decoration-skip: none) {
  .stratosphere .brz-section__content > .brz-bg > .brz-bg-color {
    background-color: #06232f !important;
  }
}

.ligneChiffres .brz-row{
	gap: 20px!important;
	justify-content: center!important;
}
.compteurWrap>.brz-column__items{
	border-radius: 16px;
	border: 2px solid rgba(19, 240, 158, 0.50)!important;
	background: linear-gradient(29deg, rgba(19, 240, 158, 0.50) 1.61%, rgba(19, 240, 158, 0.10) 100%);
	padding: 10px 15px !important;
}
#btnAgence{
	width:fit-content;
	margin:auto;
	padding: 12px 30px!important;
	font-weight:400!important;
	    border-radius: 60px;
	
}
#btnAgence span{
	    font-family:"Satoshi Bold";
	color:var(--green)!important;
	transition:0.3s ease-in-out;
}
#btnAgence:hover span{
	color:var(--white)!important;
}

@media screen and (min-width:992px){
	.ligneChiffres .brz-row{
		flex-wrap:nowrap!important;
	}
}
@media screen and (max-width:767px){
	.ligneChiffres .brz-row{
		gap: 15px!important;
	}
}
@media screen and (max-width:475px){
	.compteurWrap .brz-counter-figures {
		font-size: 28px !important;
	}
}


/*** SHORTCODE : expertises ***/

#expertises-wrap {
    display: flex;
    gap: 20px;
	width: 100%;
	max-width:1280px!important;
	margin:auto;
}
#expertises-wrap .slick-list{
	overflow:visible;
	width: 100%;
}
.expertise-item {
    width: calc(33.333% - 2rem);
	border-radius: 16px;
	border: 2px solid rgba(251, 252, 251, 0.50);
	background: linear-gradient(29deg, rgba(251, 252, 251, 0.40) 1.61%, rgba(251, 252, 251, 0.80) 100%);
	justify-content: space-between;
    display: flex!important;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
	padding: 25px 32px;
	height: 100%;
}
.expertise-image {
    width: auto;
    height: 180px;
	object-fit:contain;
	margin: auto;
}
.expertise-titre, .expertise-description, .expertise-description * {
    margin: 0!important;
}
.expertise-arrows {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15Px;
	margin-top:20Px;
}
#expertises-wrap .slick-slide>div{
	margin-right:20px;
}
#expertises-wrap .slick-slide{
	height:auto;
}
#expertises-wrap .slick-slide>div{
	height:100%;	
}

.prev-arrow, .next-arrow {
    cursor: pointer;
    background: var(--green);
    border-radius: 50%;
    aspect-ratio: 1;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 40px;
	transition:0.3s ease-in-out;
box-shadow: 0px 17px 5px 0px rgba(0, 0, 0, 0.00), 0px 11px 4px 0px rgba(0, 0, 0, 0.01), 0px 6px 4px 0px rgba(0, 0, 0, 0.05), 0px 3px 3px 0px rgba(0, 0, 0, 0.09), 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
}
.prev-arrow svg path, .next-arrow svg path{
	transition:0.3s ease-in-out;	
}
.prev-arrow:hover, .next-arrow:hover {
	background: var(--black);
}
.prev-arrow:hover svg path, .next-arrow:hover svg path{
	stroke: var(--white);
}
.exp-img-mobile{
	display:none;
}
@media screen and (max-width:767px){
	#expertises-wrap{
		flex-direction:column;
	}
	.expertise-item{
		width:100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap:20px;
		padding: 25px 20px;
	}
	.exp-img-mobile{
		display:flex;
		width: calc(30% - 20px);
	}
	.exp-txt-mobile {
		width: 70%;
		text-align: left;
	}
	.exp-img-desktop{
		display:none;
	}
	.expertise-lien {
		margin: auto;
	}
	.expertise-arrows .prev-arrow, .expertise-arrows .next-arrow{
		display:none;
	}
	.expertise-image{
		height:auto;
		width: 100%;
	}
}

/* Animation mots */
#expertises-wrap, .expertise-arrows {
    z-index: 2;
    position: relative;
}
.animation-container {
    transform: translateY(-60%);
    z-index: 0;
    position: relative;
	margin-bottom:-15%;
	user-select: none!important;
	-webkit-user-select: none!important;
}
#words-animation {
	display: inline-block;
	position: relative;
	height: fit-content;
	width:100%;
}
.words span {
	position: absolute;
	width: 100%;
	text-align: center;
	opacity: 0;
	animation: showWords 4s steps(1, end) infinite;
	color: var(--white);
	font-weight:400;
	font-size:280px;
	font-family:"Satoshi";
}
.words span.cactus-span {
    position: relative !important;
    display: inline-flex!important;
    width: 0 !important;
    opacity: 0;
    pointer-events: none;
    user-select: none!important;
		-webkit-user-select: none!important;
	visibility: hidden;
}

@keyframes showWords {
	0%   { opacity: 0.6; }
	12.5% { opacity: 0; }
	100% { opacity: 0; }
}
@media screen and (max-width:1700px){
	.words span {
		font-size:220px;
	}
}
@media screen and (max-width:1400px){
	.words span {
		font-size:180px;
	}
}
@media screen and (max-width:1200px){
	.words span {
		font-size:150px;
	}
}
@media screen and (max-width:992px){
	.words span {
		font-size:120px;
	}
}
@media screen and (max-width:767px){
	.words span {
		font-size:90px;
	}
	.animation-container {
		transform: translateY(-45%);
		margin-bottom: -10%;
	}
}
@media screen and (max-width:450px){
	.words span {
		font-size:60px;
	}
	.animation-container {
		transform: translateY(-33%);
		margin-bottom: -10%;
	}
}


/*** SHORTCODE : CLIENTS ***/
.clients_liste{
	padding: 0 60px;
}
.clients_wrap{
	display: flex;
	width: 100%;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	gap: 40px;
	flex-wrap: wrap;
	max-width: 1400px;
	margin:auto;
}
/*
.clients_liste{
	overflow-x:scroll;
	scrollbar-width: none; 
	-ms-overflow-style: none;
}
.clients_liste::-webkit-scrollbar {
  display: none;
}
.clients_wrap{
	justify-content: space-between;
	width: 1400px;
}
*/

.client img {
	max-height: 50px;
    object-fit: contain;
    max-width: 200px;
    height: auto;
    width: auto;
}
@media screen and (max-width:992px){
	.clients_liste{
		padding: 0 40px;
	}
	.clients_wrap{
		gap: 30px 25px;
	}
}

@media screen and (max-width:767px){
	.clients_liste{
		padding: 0 20px;
	}
	.clients_wrap{
		gap: 25px 20px;
	}
	.client img {
		max-height: 45px;
		max-width: 180px;
	}
}

/*** CONTACT ***/
.gfield input, .gfield select, .gfield textarea{
	padding:8px 16px!important;
	border:0px!important;
	border-radius: 8px!important;
	background: var(--white)!important;
	box-shadow: 0px 17px 5px 0px rgba(0, 0, 0, 0.00), 0px 11px 4px 0px rgba(0, 0, 0, 0.01), 0px 6px 4px 0px rgba(0, 0, 0, 0.05), 0px 3px 3px 0px rgba(0, 0, 0, 0.09), 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
}
.gfield input::placeholder, .gfield select::placeholder, .gfield textarea::placeholder{
	color:var(--black);
	opacity:1!important;
}
.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 250px;
}
input#gform_submit_button_1 {
    margin: auto;
    display: flex;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 64px;
    color: var(--black);
    box-shadow: 0px 17px 5px 0px rgba(0, 0, 0, 0.00), 0px 11px 4px 0px rgba(0, 0, 0, 0.01), 0px 6px 4px 0px rgba(0, 0, 0, 0.05), 0px 3px 3px 0px rgba(0, 0, 0, 0.09), 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
    font-weight: 400;
    font-size: 18px;
	    line-height: 1.1em;
}
#gform_submit_button_1:hover {
	background: var(--black); 
	color: var(--white);
}

@media screen and (max-width:992px){
	#gform_submit_button_1 {
		font-size: 17px;
	}
}

@media screen and (max-width:767px){
		#gform_submit_button_1 {
		font-size: 16px;
	}
}

.ligneContact{
	max-width:1280px;
	margin:auto!important;
	width:100%;
}
.cafetiere {
    z-index: 1!important;
}
.the{
		-webkit-user-select: none!important;
	user-select: none!important;
}
@media screen and (min-width:1900px){
	.the{
		width:340px!important;
	}
}
@media screen and (max-width:1629px){
	.the{
		width:200px!important;
	}
}
@media screen and (max-width:992px){
	.cafetiereMobile {
		max-width: 600px!important;
		margin:-5% auto -18%!important;
	}
}
@media screen and (max-width:767px){
	.cafetiereMobile {
		max-width: 400px!important;
		margin: -5% auto -35%!important;
	}
	.the{
		bottom:-110px!important;
	}
}


/*** BOUTONS Dégradés ***/
.liste-tags {
	row-gap: 15px!important;
}
.liste-tags a{
	pointer-events:none;
	cursor:default;
}
.tagBrief {
	border:0!important;
  display: inline-block;
  color: var(--black)!important;
  background-image:
    url('/wp-content/uploads/2025/06/btns-bg.jpg'),
    linear-gradient(90deg, #13f09e, #a0ffe5)!important;
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-blend-mode: lighten, normal;
  transition: 0.3s ease;
}
.tagBrief:hover {
	border:0!important;
  color: var(--black)!important;
  background-image:
    url('/wp-content/uploads/2025/06/btns-bg.jpg'),
    linear-gradient(90deg, #13f09e, #a0ffe5)!important;
}

/*** FUSEE ***/
#fusee {
		user-select: none!important;
    transition: transform 1s ease-in-out;
    overflow: hidden;
    max-height: 100vh;
    position: absolute;
    left: 50%;
	bottom:-150px;
    transform: translate(-80%, 100%);
	z-index: -1;
	width: 50vw;
}

#fusee.decollage {
	transform: translate(-15%, 0px);
}
#fuseeMobile{
	opacity:0;
}
@media screen and (min-width:993px) and (max-width:1200px){
	#fusee.decollage{
		transform: translate(-15vw, 0px);
	}
	#fusee {
		width: 60vw;
		transform: translate(-75vw, 100%);
	}
}
@media screen and (max-width:992px){
	#fusee.decollage{
		transform: translate(-65%, 0px);
	}
	#fusee {
		width: 100vw;
		transform: translate(-110%, 100%);
	}
}
@media screen and (max-width:767px){
	#fusee.decollage{
		transform: translate(-60%, 0px);
	}
	#fusee {
		width: 110vw;
		transform: translate(-120%, 100%);
		transition: transform 1.2s ease-in-out;
	}
}


/**** COMPLIANZ ***/
body.cmplz-document article {
    padding: 75px 0;
}
@media screen and (max-width:992px){
body.cmplz-document article {
    padding: 60px 0;
}
}
@media screen and (max-width:767px){
body.cmplz-document article {
    padding: 50px 0;
}
}