.elementor-kit-7{--e-global-color-primary:#3030A0;--e-global-color-secondary:#AEB8FE;--e-global-color-text:#3030A0;--e-global-color-accent:#EB005E;--e-global-color-5d9ab5d:#F3F5FE;--e-global-color-64b6b92:#E8E8E8;--e-global-color-b68e5a3:#9A003E;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Work Sans";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-5d9ab5d );color:var( --e-global-color-text );font-family:"Work Sans", Sans-serif;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-accent );font-weight:600;color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#9A003E;color:#FFFFFF;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"basic-sans", Sans-serif;font-size:3.5em;font-weight:900;text-transform:uppercase;}.elementor-kit-7 h2{font-family:"basic-sans", Sans-serif;font-size:3em;font-weight:900;text-transform:uppercase;}.elementor-kit-7 h3{font-family:"Work Sans", Sans-serif;font-weight:600;}.elementor-kit-7 h4{font-family:"basic-sans", Sans-serif;font-weight:600;}.elementor-kit-7 h5{font-family:"basic-sans", Sans-serif;font-weight:600;}.elementor-kit-7 h6{font-family:"basic-sans", Sans-serif;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:15px;}.elementor-kit-7 h1{font-size:2.3em;}.elementor-kit-7 h2{font-size:2.1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*variables define*/

:root{
    --mercery-radius:10px;
    --mercery-radius-XL:20px;
    --desktop-side-padding:70px;
}

/*Elementor Hacks*/

p:last-child{
margin-bottom:0;
}

@media screen and (min-width: 767px){
    .mobile-only{
        display:none!important;
    }
}


/*title effects*/

.boxed-title{
    padding:0.4em 0.65em;
    background-color: var(--e-global-color-primary);
    display:inline-block;
    border-radius:var(--mercery-radius);
    color:#fff;
}

.title-highlight{
    color: var(--e-global-color-secondary);
}


/*Text selection*/

::selection{
    background-color: var(--e-global-color-secondary);
    opacity:0.5;
    color:#fff;
}


/***
* Shrinking Sticky header, Elementor Container edition
* class: .sticky-header
* This will only work with the Elementor container section
* the header uses additional 3 classes to gain higher CSS specificity and to avoid adding !important
*/

.sticky-header.elementor-element{
    padding: 35px var(--desktop-side-padding);
	--header-height: 100px; /* Set your own header height */
	--shrink-header-to: 0.6; /* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1); /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
	background-color: rgba(244, 245, 248, 0); /* Set your own background color */
	--min-height: var(--header-height);
	transition: background-color var(--transition-timing),
					backdrop-filter var(--transition-timing),
					box-shadow var(--transition-timing),
					min-height var(--transition-timing),
					padding var(--transition-timing);
}

.sticky-header.elementor-element.elementor-sticky--effects {
    padding: 15px 30px;
	background-color: rgba(244, 245, 248, .8); /* Set your own background color on scroll */
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07); /* Delete this line if you don't want shadow on scroll */
	-webkit-backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	--min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
.sticky-header .logo img,
.sticky-header .logo.elementor-widget-theme-site-logo img,
.sticky-header .logo .elementor-icon svg {
	--logo-height: 40px; /* This should be the original logo height _before_ being shrunk */
	--logo-shrink-to: 0.80; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */
	height: var(--logo-height);
	transition: height var(--transition-timing);
}
.sticky-header.elementor-sticky--effects .logo img,
.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	height: calc(var(--logo-height) * var(--logo-shrink-to));
}

.sticky-header .logo .elementor-icon svg {
	width: auto;
}

@media screen and (max-width: 900px) {
  .sticky-header.elementor-element {
    padding: 10px 10px;
  }
  
.sticky-header.elementor-element.elementor-sticky--effects {
    padding: 10px 10px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.mercery.fr/wp-content/uploads/2024/10/work-sans-v19-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.mercery.fr/wp-content/uploads/2024/10/work-sans-v19-latin-italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.mercery.fr/wp-content/uploads/2024/10/work-sans-v19-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.mercery.fr/wp-content/uploads/2024/10/work-sans-v19-latin-500italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.mercery.fr/wp-content/uploads/2024/10/work-sans-v19-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.mercery.fr/wp-content/uploads/2024/10/work-sans-v19-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.mercery.fr/wp-content/uploads/2024/10/work-sans-v19-latin-600italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */