/*
Theme Name: Hello Elementor Child
Theme URI: https://studionumerik.fr/
Description: Hello Elementor Child Theme
Author: Studio Numerik
Author URL: https://studionumerik.fr/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementorchild
*/
/* Placer votre CSS ci-dessous */
:root {
	--vert:#31C436;
	--blanc:#fff;
	--noir:#000;
	--gris:#F2F2F280;
}
.page-header {
	display: none !important;
}
body {
	overflow-x: hidden;
}
h1 strong, h2 strong, h3 strong {
	font-weight: bold !important;
	color: var(--vert);
}

/**** COOKIEYES CUSTOM CSS ****/
.cky-notice-btn-wrapper {
	flex-wrap: nowrap !important;

	.cky-btn {
    padding: 12px 20px !important;
    font-size: 13px !important;
	}
}
.cky-consent-container .cky-consent-bar {
	border-radius: 0 !important;
}
.cky-btn-revisit-wrapper {
  width: 30px !important;
  height: 30px !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
  height: 20px !important;
  width: 20px !important;
}
.cky-btn-reject, .cky-btn-customize, .cky-btn-preferences {
	color:var(--noir) !important;
  border: 2px solid var(--vert) !important;
  background-image: none !important;
}
.cky-btn-accept {
	color: var(--blanc) !important;
    background-color:var(--vert) !important;
    border-color:var(--vert) !important;
}
.cky-btn:hover {
    background: var(--vert) !important;
    border-color: var(--vert) !important;
    color: var(--blanc) !important;
	opacity:1 !important;
}
.cky-btn-revisit-wrapper {
	background-color:var(--vert) !important;
}
@media (max-width: 680px){
	body .cky-btn {
	    width: 100% !important;
	    justify-content: center !important;
	}
	body .cky-custom-brand-logo-wrapper, 
	body .cky-notice .cky-title, 
	body .cky-notice-des, 
	body .cky-notice-btn-wrapper {
    padding: 0 !important;
  }
  body .cky-notice {
  	text-align: center;
  }
}
.elementor-button {
	position: relative;
	overflow: hidden;

	.elementor-button-content-wrapper {
		position: relative;
		z-index: 2;
	}

	&::after {
			content: '';
			background: var(--noir);
			position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			bottom: 0;
			transition: all 400ms ease-in-out;
		}
}
.elementor-button:hover {
	&::after {
		top: 0;
	}
}
.btnOther:hover {
	.elementor-button {
		color: var(--noir) !important;

		&::after {
			background: var(--blanc);
		}
	}
}
.elementor-cta__button, .forminator-button-submit {
	display: flex !important;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: fit-content;
	margin: 0 !important;
}
.forminator-button-submit {
	display: flex;
    padding: 14px 20px !important;
    border-radius: 0 !important;
}
.forminator-button-submit:hover {
	background: var(--noir) !important;
}
.forminator-field-textarea {
	.forminator-field {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
}

/* Header */
.elementor-location-header {
	overflow: hidden;
	transition: all 400ms ease-in-out;

	&:before {
		content: '';
		background: url(/wp-content/uploads/2026/03/bg-logo.svg) no-repeat;
		background-size: cover;
    background-position: 100% 100%;
		width: 36%;
		height: 200px;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		z-index: 5;
	}

	div {
		z-index: 5;
	}

	.rs {
		.elementor-grid-item {
			transition: all 400ms ease-in-out;
		}
		.elementor-social-icons-wrapper {
			display: flex !important;
			flex-direction: column;
		}
	}

	&>.elementor-element {
		&>.e-con-inner {
			position: relative !important;

			.burger {
				width: 40px;
				top: 20px;
				z-index: 5;

				svg {
					width: 100%;
					height: auto;
					transition: all 400ms ease-in-out;
				}
			}
		}
	}

	.elementor-widget-theme-site-logo {
		img {
			transition: all 400ms ease-in-out;
		}
	}
}
.nav-top {
	z-index: 1;

	nav>.elementor-nav-menu {
		&>li.current-menu-ancestor.current-menu-parent {
			&>a {
				color: var(--vert) !important;
			}
			li.current-menu-item.current_page_item,
			li:hover {
				a {
					color: var(--blanc) !important;
				}
			}
		}
	}

	a.active + ul.sub-menu {
		display: inline-table !important;
	}
}
.btnLink {
	height: 57px;
	a {
		padding: 15px 10px 15px 10px !important;
    	width: 220px;

    	.elementor-button-icon {
    		width: 30px;
    		min-width: 30px;
    		height: 30px;
    		display: flex;
    		justify-content: center;
    		align-items: center;
    		background: var(--noir);
    		border-radius: 5px;
    		margin-left: 6px;
    		transition: all 400ms ease-in-out;
    	}
	}		
}
.btnLink:hover {
	a {
  	.elementor-button-icon {
  		background: var(--vert);
  	}
	}		
}
.scrolled {
	.elementor-location-header {
		&>div {
			background: var(--blanc);
			box-shadow: 0 0 15px rgba(0, 0, 0, .5);

			.rs {
				.elementor-grid-item {
					margin: 0 !important;
				}
			}

			.elementor-widget-theme-site-logo {
				img {
					width: 60px !important;
					min-width: 60px !important;
					height: auto;
				}
			}

			.nav-top {
				nav>#menu-1-ea90555 {
					&>li {
						a {
							color: var(--noir) !important;
						}
						.elementor-item-active {
							color: var(--vert) !important;
						}
						.sub-arrow {
							svg {
								fill: var(--noir) !important;
							}
						}
					}
					&>li.current-menu-ancestor.current-menu-parent {
						&>a {
							color: var(--vert) !important;
						}
						li.current-menu-item.current_page_item,
						li:hover {
							a {
								color: var(--blanc) !important;
							}
						}
					}
					.menu-item-has-children {
						.sub-menu {
							.menu-item {
								a {
									color: var(--blanc) !important;
								}
							}
						}
					}
				}
			}
			.btnLink {
		    a {
		        padding: 10px !important;
		    }
			}
		}
	}
}
@media (max-width: 1024px){
	.nav-top {
		display: flex;
		justify-content: flex-end !important;
		align-items: flex-end !important;
		width: 100% !important;

		&>.elementor-nav-menu--dropdown {
			position: absolute;
		    right: 0;
		    top: 35px;
		    width: 108%;
		}
		.elementor-menu-toggle {
			width: 40px;
			margin: 0 !important;
			background-color: var(--vert) !important;
			background-image: linear-gradient(90deg, var(--e-global-color-primary) 0%, #B1D412 100%) !important;
		}
		.menu-item {
			a.elementor-item {
				padding-top: 10px !important;
				padding-bottom: 10px !important;
			}
		}
		nav>.elementor-nav-menu {
	        &>li:last-child {
	            a {
	                justify-content: flex-start !important;
	                align-items: center;
	                color: var(--blanc) !important;
	            }
	        }
	    }
	}
	.btnCalc {
		height: 42px;
		margin-left: 20px !important;
		a {
			width: 40px !important;
	    padding: 0 !important;
	    height: 40px;
	    display: flex;
	    justify-content: center;
	    align-items: center;

	    .elementor-button-icon {
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
        margin-left: 0 !important;
      }
		}

		.elementor-button-text {
			font-size: 0;
			display: none !important;
		}
	}
	.logo-rs {
		.rs {
			margin-top: 10px;
		}
	}
	.scrolled {
		.elementor-location-header {
		  &>div {
			.nav-top {
			  nav>.elementor-nav-menu {
				&>li.current-menu-ancestor.current-menu-parent {
				  &>a {
					color: var(--blanc) !important;
				  }
				}
			  }
			}
		  }
		}
		.logo-rs {
			.rs {
				margin-top: -1px;
			}
		}
	}
}
@media (max-width: 768px){
	.elementor-location-header {
    &:before {
      background-position: 85% 100%;
      width: 43%;
    }
    .logo {
    	margin: 15px 0 0 30px !important;
    }
    .elementor-element-d6d0d15 {
    	padding: 0 !important;
    }
  }
	.elementor-widget-theme-site-logo {
		position: absolute;
    top: -17px;
    left: 0;
	}
	.nav-top {
		width: 40px !important;
		.elementor-nav-menu--dropdown {
			width: 100%;
			top: 52px !important;
		}
	}
}
@media (max-width: 680px){
  .elementor-location-header {
    &:before {
      background-position: 100% 100%;
      width: 57%;
      height: 150px;
    }
  }
}
/*Footer*/
.nav-foot {
	ul {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;

		li {
			width: 90px;
			flex: auto;
			margin-bottom: 10px !important;
			margin-block-start: 0 !important;
			padding-block-end:0 !important;
		}
		li:nth-child(2), li:nth-child(4) {
			width: calc(100% - 90px) !important;
		}
	}
}
.elementor-element-be71d16 {
	.elementor-icon-list-text {
		display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	}
}

/* PAGE ACCUEIL */
.home h1 strong {
	background: #31C436;
	background: linear-gradient(to right, #31C436 0%, #B1D412 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 90px;
  line-height: 130px;
  display: block;
  margin: 0 0 10px;
}
.prestation {
	.itemPrest {
		display: flex;
		align-items: center;
		padding: 10px 10px 10px 30px !important;
		margin-top: 60px !important;
		min-height: 391px;
		overflow: hidden;
		border-radius: 8px;

		.elementor-icon-box-content {
			position: relative;
			overflow: hidden;

			&::after {
				content: '';
				width: 40px;
    		min-width: 40px;
    		height: 0;
    		display: flex;
    		justify-content: center;
    		align-items: center;
    		background: url(/wp-content/uploads/2026/03/arrow-link.svg) center no-repeat, var(--noir);
    		border-radius: 5px;
    		margin-top: 20px !important;
    		opacity: 0;
    		transition: all 400ms ease-in-out;
			}
		}

		&::after {
			content: '#1';
			position: absolute;
			right: 14px;
			bottom: -6px;
			z-index: 1;
			font: bolder 40px/40px "Poppins" !important;
			color: var(--blanc);
			opacity: .3;
		}
	}
	.itemPrest:hover {
		.elementor-icon-box-content {
			&::after {
    		height: 40px !important;
    		opacity: 1 !important;
			}
		}
	}
	.itemPrest1 {
		.elementor-icon-box-icon {
			svg {
				width: 70px;
				height: 81px;
			}
		}
	}
	.itemPrest2 {
		.elementor-icon-box-icon {
			svg {
				width: 70px;
				height: auto;
			}
		}
		&::after {
			content: '#2' !important;
			color: var(--noir);
			opacity: .08;
		}
	}
	.itemPrest3 {
		.elementor-icon-box-icon {
			svg {
				width: 56px;
				height: 60px;
			}
		}
		&::after {
			content: '#3' !important;
		}
	}
	.itemPrest4 {
		.elementor-icon-box-icon {
			svg {
				width: 60px;
				height: 52px;
			}
		}
		&::after {
			content: '#4' !important;
			color: var(--noir);
			opacity: .08;
		}
	}

	.itemPrest1, .itemPrest3, .itemPrest5 {
		margin-top: 0 !important;
		background: #31C436;
		background: linear-gradient(180deg, rgba(177, 212, 18, 1) 0%, rgba(49, 196, 54, 1) 100%);

		.elementor-icon-box-content {
			&::after {
				background: url(/wp-content/uploads/2026/03/arrow-link-noir.svg) center no-repeat, var(--blanc) !important;
			}
		}

		.elementor-icon-box-icon {
			svg {
				filter: brightness(0) invert(1);
			}
		}

		h3, p {
			color: var(--blanc) !important;
		}
	}
}
.blcAtous {
	&::before {
		content: '';
		background: url(/wp-content/uploads/2026/03/line.png) center repeat-x;
		height: 1px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}

	.atous {
		width: 100% !important;

		ul {
			display: flex;
			justify-content: space-between !important;
			align-items: center;
		}
	}	

	&::after {
		content: '';
		background: url(/wp-content/uploads/2026/03/line.png) center repeat-x;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
}
.listGain {
	.itemGain {
		width: 174px;
		min-width: 174px;

		.elementor-icon-box-title {
			background: var(--vert);
			border: 2px solid var(--noir);
			border-radius: 5px;
			margin: 0 !important;
			padding: 3px 0 !important;
			z-index: 1;
			position: relative;
			transition: all 400ms ease-in-out;
		}
		.elementor-icon-box-description {
			min-height: 124px;
			border: 4px solid var(--noir);
			border-radius: 10px;
			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: -10px 7px 0 !important;
		}
	}
	.itemGain:hover {
		.elementor-icon-box-title {
			background: var(--noir);
		}
	}
}

body .formule {
	.e-n-tabs {
		.e-n-tabs-heading {
			.e-n-tab-title {
				background-color: transparent !important;
				background-image: none !important;
				padding-bottom: 10px !important;
				position: relative;
				overflow: hidden;

				&::after {
					content: '';
					background: var(--vert);
					height: 1px;
					position: absolute;
					bottom: -5px;
					left: 0;
					right: 0;
					transition: all 400ms ease-in-out;
				}
				.e-n-tab-icon {
					display: none;
					opacity: 0;
				}
			}
			.e-n-tab-title[aria-selected="true"], .e-n-tab-title:hover {
				&::after {
					bottom: 0 !important;
				}
			}
		}
	}

	.imgFormule {
		.active {
			svg {
				path {
					fill:var(--vert) !important;
				}
			}
		}
	}
	.formule {

	}
}
.occupe {
	.itemOccupe {
		min-height: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;

    div {
    	position: relative;
    	z-index: 2;
    }
    .elementor-icon svg, .elementor-icon-box-description {
			transition: all 400ms ease-in-out;
		}

    &:after {
    	content: '';
    	background: var(--noir);
    	position: absolute;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	top: 100%;
    	transition: all 400ms ease-in-out;
    }
	}
	.itemOccupe1 {
		background: #31C436;
		background: linear-gradient(180deg, rgba(177, 212, 18, 1) 0%, rgba(49, 196, 54, 1) 100%);
		border: none !important;

		.elementor-icon {
			svg {
				filter: brightness(0) invert(1);
			}
		}

		.elementor-icon-box-description {
			color: var(--blanc);
		}
	}
	.itemOccupe:hover {
		.elementor-icon {
			svg {
				filter: brightness(0) invert(1);
			}
		}

		.elementor-icon-box-description {
			color: var(--blanc);
		}

		&::after {
			top: 0 !important;
		}
	}
}

@media (max-width:1024px){
	.blcAtous {
		.atous {
			ul {
				justify-content: flex-start !important;
				flex-wrap:nowrap !important;
				gap:20px;
			}
		}
	}
}
@media (max-width:980px){
	.blcAtous {
		.atous {
			ul {
				flex-wrap:wrap !important;
				
				li {
					width:calc(50% - 40px);
				}
			}
		}
	}
}
@media (max-width:680px){
	.blcAtous {
		.atous {
			ul {				
				li {
					width:100%;
				}
			}
		}
	}
}

/* PAGE SERVICE */
@keyframes bounce {
	0% {
    transform: scale(0.8);
	}
	50% {
	    transform: scale(1);
	}
	100% {
	    transform: scale(0.8);
	}
}
.service {
	&::before {
		content: '';
    background: url(/wp-content/uploads/2026/04/pricing.png) center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 5%;
    bottom: 0;
    opacity: 0.05;
    animation: bounce 5s infinite;
    visibility: visible !important;
	}
}
.prestationService {
	.itemPrest {
		min-height: 235px;
		.elementor-icon-box-content {
      &::after{
      	transform: rotate(90deg) !important;
      }
    }
	}
	.itemPrest2 {
		margin-top: 40px !important;
	}
	.itemPrest5 {
		margin-top: 36px !important;

		&::after {
			content: '#5' !important;
		}
	}
	.itemPrest6 {
		svg path{
			fill: var(--noir) !important;
			color: var(--noir) !important;
		}
		&::after {
			content: '#6' !important;
			color: var(--noir);
			opacity: .08;
		}
	}
	.itemPrest4, .itemPrest6 {
		margin-top: -6px !important;
	}
}
.listFormule {
	.itemFormule {
		&::before {
			content: '';
			background: url(/wp-content/uploads/2026/04/fd-price-gris.svg) top center no-repeat;
			background-size: cover;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 100px;
			transition: all 200ms ease-in-out;
		}

		div {
			position: relative;
			z-index: 1;
		}

		.elementor-heading-title {
			color: var(--noir);
			transition: all 200ms ease-in-out;
		}

		.elementor-icon {
			svg path {
				fill: var(--vert) !important;
				transition: all 200ms ease-in-out;
			}
		}
	}
	.itemFormule:hover {
		&::before {
			background: url(/wp-content/uploads/2026/04/fd-price.svg) top center no-repeat;
			background-size: cover;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 100px;
		}

		.elementor-heading-title {
			color: var(--blanc) !important;
		}

		.elementor-icon {
			svg path {
				fill: var(--noir) !important;
			}
		}
	}
}
.bcService {
	position: relative;
	overflow: hidden;

	&::before {
		content: '';
		background: url(/wp-content/uploads/2026/04/road.svg) center repeat-y !important;
		background-size: contain !important;
		width: 110px;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 1;
	}

	.listeService {
		.elementor-icon-list-items {
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			gap: 20px;
			flex-wrap: wrap;

			.elementor-icon-list-item {
				width: calc(50% - 10px);
				display: flex;
		    flex-direction: column;
		    justify-content: center;
		    align-items: center;
		    min-height: 115px;
	      border-radius: 8px;
	      border: 2px var(--vert) solid;
	      padding: 10px;
	      margin: 0 !important;
	      overflow: hidden;

	      &::after {
	      	content: '';
	      	background: var(--noir);
	      	width: 100% !important;
	      	position: absolute !important;
	      	top: 100%;
	      	left: 0;
	      	right: 0;
	      	bottom: 0;
	      	transition: all 400ms ease-in-out;
	      }

	      span {
	      	position: relative;
	      	z-index: 1;
	      }

				.elementor-icon-list-icon {
					margin-bottom: 6px;
				}
				.elementor-icon-list-text {
					padding: 0 !important;
					text-align: center;
				}
			}
			.elementor-icon-list-item:hover {
				&::after {
	      	top: 0;
	      }
	    }
		}
	}
	.listeService5 {
		.elementor-icon-list-items {
			flex-wrap: nowrap !important;
		}
	}
}
@media (max-width:1080px){
	.bcService {
		.listeService {
			.elementor-icon-list-items {
				.elementor-icon-list-item {
					width: calc(50% - 10px) !important;
				}
			}
		}
	}
	.bcService {
		.listeService5 {
			.elementor-icon-list-items {
				flex-wrap: wrap !important;
			}
		}
	}
}
@media (max-width: 1024px){
	.home h1 strong {
		font-size: 60px;
	  	line-height: 70px;
	  	margin: 0 0 5px;
	}
	.bcService {
		&::before {
			width: 85px;
		}
	}
	.slideFormule {
		display:block !important;
		
		.itemFormule {
			.elementor-widget-button {
				position:relative !important;
				right: 0 !important;
                margin: 30px 0 0 0;
                bottom: 0 !important;
				text-align:left !important;
			}
		}
	}
	.slick-dots {
		display: flex;
		list-style: none !important;
		justify-content: center;
   		margin-top: 20px;
    	padding: 0 !important;

		li {
			font-size: 0 !important;
			margin: 0 3px;

			button {
		    	font-size: 0 !important;
		    	padding: 0;
		    	width: 15px;
		    	height: 15px;
		    	border-radius: 50%;
		    	background: var(--noir) !important;
		    	opacity: 0.5;
			}
		}
		li.slick-active {
			button {
				background-image: linear-gradient(90deg, var( --e-global-color-primary ) 0%, #B1D412 100%) !important;
				opacity: 1;
			}
		}
	}
}
@media (max-width: 980px){
	.listGain {
		.itemGain {
			width: 165px;
			min-width: 165px;
		}
	}
}
@media (max-width: 768px){
	.home h1 strong {
		font-size: 40px;
	  	line-height: 50px;
	  	margin: 0 0 5px;
	}
	.slidePrestation {
		display: block !important;
	}
	body {
		overflow-x: hidden;
	}
	.bcService {
		&::before {
			width: 51px;
		}
	}
	.prestationService {
		.itemPrest,.itemPrest2,.itemPrest5 {
			margin-top: 0 !important;
		}
	}
	.prestation {
    	.itemPrest {
      		margin-top: 0px !important;
    	}
	}
	
	body .formule {
		.e-n-tabs {
			.e-n-tabs-heading {
				.e-n-tab-title {
					position: relative;
					&::before {
						content: '';
						background: url(/wp-content/uploads/2026/04/arrow-tab.png) center no-repeat;
						background-size: contain;
						width: 20px;
						height: 10px;
						position: absolute;
						top: 0;
						bottom: 0;
						right: 10px;
						margin: auto;
						transition: all 200ms ease-in-out;
						transform: rotate(0deg);
					}

          			&::after {
    					bottom: 1px !important;
          			}

					.e-n-tab-title-text {
						color: var(--noir) !important;
					}

					.e-n-tab-icon {
						display: flex !important;
						opacity: 1 !important;
					}
				}
				.e-n-tab-title.active {
					&::before {
						transform: rotate(-180deg);
					}

					.e-n-tab-title-text {
						color: var(--vert) !important;
					}
				}
			}
		}
	}
	.elementor-element-b8958b6 {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center;

		.elementor-widget-heading {
			width: auto !important;
		}
	}
	.listFormule {
		display: block !important;
		overflow: hidden;

    .itemFormule {
    	min-height: 465px;

      &::before {
          background: url(/wp-content/uploads/2026/04/fd-price.svg) top center no-repeat !important;
		  background-size: cover !important;
      }

      .elementor-icon {
        svg path {
          fill: var(--noir) !important;
        }
      }
    }

    .slick-dots {
      li {
        button {
          background: var(--blanc) !important;
        }
      }
      li.slick-active {
      	button{
      		background-image: linear-gradient(90deg, var(--e-global-color-primary) 0%, #B1D412 100%) !important;
      	}
      }
    }
	}
}
@media (max-width: 480px){
	.home h1 strong {
		font-size: 40px;
	  	line-height: 50px;
		font-weight:bolder;
	  	margin: 0 0 5px;
	}
	.listeService {
		.elementor-icon-list-items {
			flex-wrap: wrap !important;
      		flex-direction: column;

			.elementor-icon-list-item {
				width: 100% !important;
			}
		}
	}
	.bcService {
		.listeService {
			.elementor-icon-list-items {
				.elementor-icon-list-item {
					width: 100% !important;
				}
			}
		}
	}
	.listFormule {
        & .itemFormule {
            min-height: 635px;
        }
    }
	.slideFormule {
		.itemFormule {
			.elementor-widget-button {
				position: absolute !important;
				margin: 30px auto 20px;
				bottom: 0 !important;
				text-align: center !important;
				left: 0;
			}
		}
}

/* PAGE CALCULER */
#formulaire_demenagement {
	h4 {
		font-size: 16px;
		margin: 5px 0;
		font-weight:normal !important;
	}
}