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

a:hover {
	text-decoration: none!important;
}


.link-infos a {
	opacity: 1!important;
	transition: all 0.5s ease-out!important;
}

.link-infos a:hover {
	opacity: 0.7!important;
	transition: all 0.5s ease-out!important;
}

@media only screen and (min-width: 769px) {
	.red-section {
		height: fit-content!important;
		POSITION: RELATIVE!important;
		LEFT: -10%!important;
	}
}


.before-after {
  position: relative!important;
}


@media only screen and (min-width: 769px) {
	.before-after {
		display: flex!important;
		align-items: center!important;
}
}
@media only screen and (min-width: 1000px) {
body {
  overflow: hidden!important;
}

.before-after {
	  height: 100vh!important;
		
 
}
}

@media only screen and (min-width: 1000px) and (max-width: 1600px) {
	.batisseur p {
		font-size: 30px!important;
	}
	
	h1{
		font-size: 35px!important;
	}
	
	h2 {
		font-size: 25px!important;
	}
	
	.logo .brz-picture {
		max-width: 70%!important;
	}
	
	.case-padding > .brz-column__items {
		        padding: 30px 70px 30px 160px!important;
	}
	
	.red-section > .brz-column__items  {
		 padding: 30px!important;
	}
}






.before-after::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 300px; 
  height: 500px;
  background-image: url("/wp-content/uploads/2026/05/Vector-5.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.before-after::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background-image: url("https://akyna.olwedev.ovh/wp-content/uploads/2026/05/Vector-5.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: scaleX(-1) scaleY(-1); 
}


@media only screen and (max-width: 767px) {
	.before-after::before {
		  width: 150px;
  		  height: 150px;
	}
	
	.before-after::after {
		  width: 80px;
  		  height: 80px;
	}
}


.case-contact .brz-row  {
	display: flex!important;
    align-items: center!important;
}