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

.grecaptcha-badge {
    display: none !important;
}
.ti-widget.ti-goog .ti-widget-container {
    margin-bottom: 0px!important;
}

:root {
  --dark-grey: #323232;
  --white: #F5F5F5;
  --orange: #F8AF15;
  --violet: #5F62FF;
}

/*** GENERAL ***/

.max-width {
  max-width: 1280px !important;
  width: 100%;
  margin: 0 auto;
}

.max-width-row>.brz-row {
  max-width: 1280px !important;
  width: 100%;
  margin: 0 auto;
}

.flex-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.flex-row {
  display: flex;
  gap: 24px;
}

/* .h1-home h1:first-child {
  transform: translate(-5%, 30%);
}

.above-h1-home h2 {
  transform: translate(0, 50%);
  white-space: nowrap;
} */


.title-full-width {
	margin: 0 -60px 0 -60px !important;
	width: calc(100% + 120px);
	overflow: hidden;
}
@media (max-width: 992px) {
	.title-full-width {
		margin: 0 -40px 0 -40px !important;
		width: calc(100% + 80px);
		overflow: hidden;
	}
}
@media (max-width: 768px) {
	.title-full-width {
		margin: 0 -20px 0 -20px !important;
		width: calc(100% + 40px);
		overflow: hidden;
	}
}
/*
.brz .title-resized h1 {
	font-size: clamp(3rem, 1.5847rem + 5.8065vw, 10.875rem) !important;
}

.brz .title-resized h2 {
	font-size: clamp(2.25rem, 1.576rem + 2.765vw, 6rem) !important;
}*/

.brz .title-resized > div >div p:first-child{
	font-size: clamp(2.25rem, 1.576rem + 2.765vw, 6rem) !important;
}
.brz .title-resized > div >div p:nth-child(2), .brz .title-resized > div >div p:nth-child(3){
	font-size: clamp(3rem, 1.5847rem + 5.8065vw, 10.875rem) !important;
}
@media (min-width: 768px) {
	.brz .title-resized > div >div p:nth-child(3){
		margin: -10px auto !important;
	}
}

.brz .title-full-width .brz-rich-text p {
	text-align: center !important;
	position: relative;
	z-index: 15;
}

.title-full-width span {
	background: linear-gradient(199.43deg, rgba(245, 245, 245, 0.3) 18.29%, rgba(245, 245, 245, 0.1) 87.4%);
	font-weight: 400;
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	line-height: 1 !important;
}


.mobile-menu .ct-menu-link:hover {
  color: var(--theme-palette-color-2) !important;
}

.custom-anchor {
	position: absolute !important;
	top: -200px !important;
	visibility: hidden;
	opacity: 0;
}

@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}

@media (min-width: 1401px) {
  .equipe-row {
    .brz-row {
      max-width: 1400px !important;

  
      .brz-columns .brz-column__items {
        padding: 0 16px;
      }

    
    }
  }
}

@media  (min-width:768px) and (max-width:990px) {
  .equipe-row {
    .brz-row {
  
      .brz-columns .brz-column__items {
        padding: 0 16px;
      }
    
    }
  }
}

@media (min-width:1025px) and (max-width:1400px) {
  .equipe-row>.brz-row {
    justify-content: center;
  }

  .equipe-row>.brz-row>.brz-columns {
    max-width: 25% !important;
    flex: 1 1 25% !important;
  }

  .equipe-row {
    .brz-row {
   
      .brz-columns .brz-column__items {
        padding: 0 16px;
      }
   
    }
  }
}


@media (max-width: 990px) {

  .max-width,
  .max-width-row>.brz-row {
    max-width: 100% !important;
  }

  .flex-row,
  .flex-column {
    gap: 16px;
  }
}

@media (min-width:769px) and (max-width: 990px) {

  .max-width,
  .max-width-row>.brz-row {
    padding: 0 40px;
  }
}

@media (max-width: 768px) {

  .max-width,
  .max-width-row>.brz-row,
  .equipe-row>.brz-row {
    padding: 0 20px !important;
  }
}

/* BUTTONS */

.button-white {
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
  padding: 8px 24px;
  width: fit-content;

  color: var(--dark-grey);
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-align: center;
}

/*** HEADER ***/
#header [data-column-set="2"]>div.ct-container-fluid {
    max-width: 1520px;
    padding-left: 60px;
    width: 100%;
    padding-right: 60px;
}

.socials {
  display: flex;
  gap: 16px;
  align-items: center;
}
header .socials svg path{
	stroke : var(--violet);
}

#menu-principal .ct-menu-link {
  color: var(--dark-grey) !important;

  &:hover {
    color: var(--orange) !important;
  }
}

div[data-transparent-row="no"] {
  #menu-principal .ct-menu-link {
    color: var(--white) !important;

    &:hover {
      color: var(--orange) !important;
    }
  }
}

@media (max-width: 992px) {
	#header [data-column-set="2"]>div.ct-container-fluid {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (max-width: 768px) {
	#header [data-column-set="2"]>div.ct-container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}
}


/*** HOME ***/

.accroche-banner {
  max-width: 450px !important;
  margin: 0 auto;
  width: 100%;
}

.bouton-banner a {
  transform: rotate(-3deg);
}

/*** EXPLOSION ***/
.explosion{
	width: 100vw!important;
    left: 50%!important;
    transform: translateX(-50%);
}
.explosion img.brz-img {
    max-height: 530px;
    object-fit: cover;
    object-position: top;
}


/*** LUMIERES ***/
.yellow-light-2, .orange-light{
	z-index:0!important;
}

@media screen and (min-width: 1400px) {
	.yellow-light{
		transform:translateX(calc((100vw - 1400px)/-2))!important;
	}
	.yellow-light-2{
		transform:translate(calc((100vw - 1400px)/-2), -50%)!important;
	}
	.violet-light{
		transform:translate(calc((100vw - 1400px)/2), 40%)!important;
	}
	.orange-light{
		transform:translate(calc((100vw - 1400px)/2), 0%)!important;
	}
	.yellow-light-3{
		transform:translate(calc((100vw - 1400px)/2), 20%)!important;
	}
	.yellow-light-4{
		transform:translate(calc((100vw - 1400px)/-2), 50%)!important;
	}
}
.yellow-light{
	transform:translate(0, 0%);
}
.yellow-light-2{
	transform:translate(0, -50%);
}
.violet-light{
	transform:translate(0, 40%);
}
.orange-light{
	transform:translate(0, 0%);
}
.yellow-light-3{
	transform:translate(0, 40%);
}
.yellow-light-4{
	transform:translate(0, 50%);
}
.black-light {
    transform: translate(-50%, 0%) skew(-10deg, 0deg);
}
@media screen and (max-width: 1200px) {
	.yellow-light, .yellow-light-2{
		transform:translate(0, -40%);
	}
	.violet-light{
		transform:translate(0, 30%);
	}
	.yellow-light-2{
		transform:translate(0, -30%);
	}
	.yellow-light-3{
		transform:translate(0, 30%);
	}
	.yellow-light-4{
		transform:translate(0, 30%);
	}
}

/*** Services ***/
.rowServices>.brz-row {
	display:flex;
	gap:30px!important;
	justify-content:center;
}
.boxServices{
	border-radius: 8px;
	background: linear-gradient(190deg, rgba(245, 245, 245, 0.10) 0.38%, rgba(245, 245, 245, 0.30) 53.4%);
	backdrop-filter: blur(12px);
}
/*
@media screen and (min-width:1235px){
	.boxServices{
	    flex: 1 1 calc(33.33% - 20px)!important;
    	max-width: calc(33.33% - 20px)!important;
	}
}*/
@media screen and (min-width:1235px){
	.boxServices{
	    flex: 1 1 calc(50% - 15px)!important;
    	max-width: calc(50% - 15px)!important;
	}
}
@media screen and (min-width:767px) and (max-width:1235px){
	.boxServices{
	    flex: 1 1 calc(50% - 15px)!important;
    	max-width: calc(50% - 15px)!important;
	}
}




/*** SLIDER CLIENTS ***/

.sliders-clients {
  margin-bottom: -100px;

  .slider {
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);

    .slick-list {
      overflow: visible;
    }

    .slick-track {
        padding: 24px 0;
        background: #FFF;
      }

    .client {
      display: flex !important;
      height: 80px;
      padding: 0px 24px;
      justify-content: center;
      align-items: center;
      background: #FFF;

      img, picture {
        max-height: 100%;
      }
    }
  }
}

@media (max-width: 990px) {
  .sliders-clients {
    .slider {
      .slick-track {
        padding: 10px 0;
      }

      .client {
        padding: 0 20px;

        img, picture {
          max-height: 75px;
          object-fit: contain;
        }
      }
    }
  }
}

#slider1 {
  transform: translateY(50%) rotate(-7deg);
  z-index: 10;
  /* Empêche de jouer avec le slider, qui provoque des bugs */
  pointer-events: none;
}

#slider2 {
  transform: translateY(-50%) rotate(7deg);
  pointer-events: none;
}

@media (max-width: 990px) {
  #slider1 {
    transform: translateY(50%) rotate(-10deg);
  }

  #slider2 {
    transform: translateY(-50%) rotate(10deg);
  }
}

@media (max-width: 640px) {
  #slider1 {
    transform: translateY(50%) rotate(-17deg);
  }

  #slider2 {
    transform: translateY(-50%) rotate(17deg);
  }
}

/*** SPIN ACCOMPAGNEMENTS ***/



.arm-group * {
  cursor: pointer;
}

/*** CONTACT ***/

#gform_1 {
  * {
    font-family: 'Plus Jakarta Sans', sans-serif;
  }

  #gform_fields_1 {
    row-gap: 16px !important;
  }

  .gform_required_legend {
    display: none !important;
  }

  .gfield_required_asterisk {
    color: var(--orange);
  }

  input,
  select,
  textarea {
    border-radius: 8px !important;
    background: var(--white);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
    border: none;

    &:focus {
      background-color: #FDFDFD !important;
    }

    &::placeholder {
      color: var(--dark-grey);
      opacity: 1;
    }
  }

  textarea {
    height: 155px;
    min-block-size: auto !important;
  }

  #gform_submit_button_1 {
    border-radius: 8px;
    background: var(--violet);
    color: var(--white);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    padding: 8px 24px;
    margin: 0 auto;

    &:hover {
      background: var(--white);
      color: var(--dark-grey);
    }
  }
}

/*** FOOTER ***/
footer{
	background: var(--white);
}
#footer {
    max-width: 1520px;
    padding:80px 60px 0px 60px;
    width: 100%;
	margin:auto;
}
@media (max-width: 992px) {
	#footer {
		padding: 40px;
	}
}
@media (max-width: 768px) {
	#footer {
		padding: 40px 20px;
	}
}
p.copyright{
	text-align:center;
	padding:0 20px;
}
#footer {
  * {
    font-family: 'Plus Jakarta Sans', sans-serif;
    margin: 0;
    color: var(--dark-grey);
  }

  display: flex;
  gap: 80px;
  background: var(--white);

  .first-col {
    max-width: 410px;
    width: 100%;
    

    .footer-logo-olwe {
      width: 120px;
    }
  }

  .second-col {
    width: 100%;
    max-width: 210px;
  }

  .third-col {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 100px 240px 90px;
    height: fit-content;

    .dynamite-absolute {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
    }

    .footer-contact {
      max-width: 470px;
      width: 100%;
      border-radius: 40px;
      box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
      overflow: hidden;
      padding: 40px;
      z-index: 1;

      * {
        color: var(--dark-grey);
      }

      .mail {
        border-radius: 56px;
        border: 1px solid var(--dark-gray, #323232);
        padding: 8px 24px;

        &:hover {
          background: var(--dark-grey);
          color: var(--white);
        }
      }
    }
  }
}
.footerH5{
	font-size:20px;
	font-weight:700;
}
@media (max-width:1250px) {
	.footer-contact{
		padding:30px;
	}
}
@media (min-width: 1100px) and (max-width:1250px) {
	#footer {
		gap: 50px;
	}
}
@media (min-width: 1100px) and (max-width:1400px) {
  #footer {
    .third-col {
      padding: 0px 0px 200px 0px;
    }
  }
}

@media (min-width: 1100px) {
  #footer {
    .first-col {
      /* Safety guard so footer has bottom padding without actually having it (needed for dynamite proper showing) */
      margin-bottom: 100px;
    }
  }
}
 
@media (max-width: 1100px) {
  #footer {
    flex-direction: column;
    gap: 40px;

    .third-col {
      padding: 0px 0px 280px 0px;
      width: 100%;

      .footer-contact {
        padding: 24px;
        align-items: center;
      }
    }
  }
}

@media (max-width: 600px) {
  #footer {
    .third-col {
      padding: 0px 0px 180px 0px;

      .footer-contact {
        max-width: 100%;
		  align-items: start;
      }
    }
  }
	.footer-logo-olwe {
      width: 80px!important;
    }
}

.logos-footer {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}
.marque-alsace {
    width: 70px;
}

.footer-uccge {
    /*background:var(--dark-grey);
    padding: 8px 20px;
    border-radius: 30px;*/
    display: flex;
    flex-direction: row;
    width: fit-content;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}
/*
.footer-uccge *{
	color: white!important;
}*/
.footer-uccge img {
	width: 220px;
}
.footer-uccge:hover{
	opacity:1!important;
}

/*** COMPLIANZ ***/
body.cmplz-document main{
	margin: 160px auto;
}
body.cmplz-document main h1{
	line-height:1em!important;
}

@media screen and (max-width:992px){
	body.cmplz-document main{
		margin: 160px 40px;
	}

}
@media screen and (max-width:767px){
	body.cmplz-document main{
		margin: 150px 20px;
	}

}