/*
Theme Name:   Big Eddy
Theme URI:    https://www.bigeddy.fr
Author:       Big Eddy
Author URI:   https://www.bigeddy.fr
Template:     generatepress
Version:      1.0
*/


body *::selection {
	background-color : #FFF000DD;
	color : #000;
}

body .yellow-selection *::selection {
	background-color : #000000DD;
	color : #FFF;
}
#mobile-header .is-logo-image {
	height : 90px;
	transition : 0.3s;
}
#mobile-header.is_stuck .is-logo-image {
	height : 60px;
}

#mobile-header.is_stuck .menu-toggle, #mobile-header.is_stuck li a {
	line-height : 60px;
}


header nav li a {
	transition : 0.3s ease !important;
}

header nav li a:hover {
	font-weight : 700;
	transform : scale(1.1);
}

@media screen and (min-width: 768px) {
	.btn-contact {
		background-image: url("/wp-content/uploads/2025/09/btn-jaune.svg");
		background-repeat : no-repeat;
		background-position : center;
		margin-left : 20px;
	}
}


.bg-jaune:before {
	content : "";
	background : url('/wp-content/uploads/2025/09/bg-jaune.svg');
	background-size: 100% 100%;
	left : -50px;
	right : -50px;
	top : -50px;
	bottom : -50px;
	width : calc( 100% + 100px );
	height : calc( 100% + 100px );
	position : absolute;
}

.projet-loop h3, .projet-loop h2 {
	text-wrap: balance;
}

h3.bg-blanc-border-noir mark {
	border: 2.5px solid;
	width: fit-content;
	margin: -1px auto;
	padding: 2px 10px 0;
}

.deco-flamme:before {
	content : url('/wp-content/uploads/2025/09/flammes.svg');
	position : absolute;
	width : 500px;
	bottom : -100px;
	left : -250px;
}

.btn-reseaux-sociaux li {
	border-radius : 8px;
}

.twentytwenty-handle {
	background-color : var(--accent);
}

.twentytwenty-handle .twentytwenty-left-arrow {
	border-right: 6px solid #000 !important;
}

.twentytwenty-handle .twentytwenty-right-arrow {
	border-left: 6px solid #000 !important;
}


.expertise-illustration {
	border-radius: 50% 20% / 10% 20%;
}

.expertise-web {
	border-radius: 10% 10% / 10% 40%;
}

.expertise-identite {
	border-radius: 40% 20% / 15% 40%;
}

.expertise-print {
	border-radius: 30% 10% / 20% 90%;
}


.btn-contact-arrow:before {
	content : '';
	position : absolute;
	width : 80px;
	height : 40px;
	left : -100px;
	bottom : -20px;
	background : url("/wp-content/uploads/2025/10/arrow.svg");
	background-size : contain;
	background-repeat : no-repeat;
}

#morph-expertises #print path,
#morph-expertises #web path,
#morph-expertises #illustration path {
	visibility : hidden;
}