/*

Theme Name: Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team

Author: Elementor Team

Author URI: https://elementor.com/

Template: hello-elementor

Version: 1.0.1

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/


/* Your CSS code goes here
-------------------------------------- */
:root{
	--noir: #000;
	--blanc: #fff;
	--vert: #15FF00;

	--header-h: 80px;
	--container-w: 1470px;
	--container-p: 15px;
	--padding-1920: calc((1920px - var(--container-w)) / 2);
	--padding-1520: calc((1520px - var(--container-w)) / 2);
	--100vh: 100dvh;
	--font: Roboto, sans-serif;
}

@media(max-width: 1920px){:root{--padding-1920: calc((100vw - var(--container-w)) / 2);}}
@media(max-width: 1520px){:root{--padding-1520: calc((100vw - var(--container-w)) / 2);}}
@media(max-width: 1520px){
	:root{
		--padding-1920: var(--container-p);
		--padding-1520: var(--container-p);
	}
}

*{font-family: Roboto, sans-serif;}

.yp-container{
	width: 100%;
	max-width: var(--container-w);
	margin-left: auto; margin-right: auto;
	padding-left: var(--container-p);
	padding-right: var(--container-p);
}

body{
	background-color: var(--noir);
}

#content{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden;
	background-image: url("/wp-content/themes/hello-elementor-child/assets/imgs/fond.jpg");
	background-image: -webkit-image-set(
			url("/wp-content/themes/hello-elementor-child/assets/imgs/fond.webp")  type("image/webp"),
			url("/wp-content/themes/hello-elementor-child/assets/imgs/fond.jpg") type("image/jpeg")
	);
	background-image: image-set(
			url("/wp-content/themes/hello-elementor-child/assets/imgs/fond.webp")  type("image/webp"),
			url("/wp-content/themes/hello-elementor-child/assets/imgs/fond.jpg") type("image/jpeg")
	);
}

#content .page-content{
	max-width: 1920px;
	margin: 0 auto;
}

.reset-button,
.reset-button:hover{
	background-color: transparent;
	color: inherit;
	outline: none;
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

.yp-btn{
	--text-color: var(noir);
	--bg-color: var(--blanc);
	position: relative;
	font-size: 20px;
	color: var(--text-color);
	font-weight: 600;
	background-color: var(--bg-color);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 5px 30px;
	border-radius: 30px;
	min-height: 34px;
	transition: background-color .3s ease;
	will-change: background-color;
	border: var(--bg-color) 2px solid;
	overflow: hidden;
}

ul.no-style{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

h2.elementor-heading-title{
	overflow: hidden;
}

h2.elementor-heading-title span{
	display: inline-block;
}

@media (pointer: fine) {
	.yp-btn:after{
		content: "";
		inset: 0;
		position: absolute;
		background-color: var(--bg-color);
		mix-blend-mode: difference;
		transform-origin: left;
		transform: scaleX(0);
		transition: transform .3s ease;
		will-change: transform;
	}

	.yp-btn:hover:after{
		transform: scaleX(1);
	}
}

@media (max-width: 1024px){

}


@media (max-width: 768px){

}