/*
Theme Name: SLS AGENCY corporate theme
Text Domain: sls-agency-corporate-theme
Update URI: false
Description: 
Author: Yves Saint-Lary
Author URI: https://ysaintlary.com/
Version: 0.0.1
*/


:root {
  --base:var(--wp--preset--color--base);
  --accent-50:var(--wp--preset--color--accent-50);
  --accent-100:var(--wp--preset--color--accent-100);
  --accent-500:var(--wp--preset--color--accent-500);
  --contrast-100:var(--wp--preset--color--contrast-100);
  --contrast-400:var(--wp--preset--color--contrast-400);
  --contrast-500:var(--wp--preset--color--contrast-500);
  --screenHeight100:100vh;
  --screenHeight90:90vh;
  --font-size--small:var(--wp--preset--font-size--small);
  --font-size--medium:var(--wp--preset--font-size--medium);
  --font-size--large:var(--wp--preset--font-size--large);
  --font-size--x-large:var(--wp--preset--font-size--x-large);
  --font-size--x-2-large:var(--wp--preset--font-size--x-2-large);
  --font-size--x-3-large:var(--wp--preset--font-size--x-3-large);
  --font-size--x-4-large:var(--wp--preset--font-size--x-4-large);
  --font-size--x-5-large:var(--wp--preset--font-size--x-5-large);
  --font-size--x-6-large:var(--wp--preset--font-size--x-6-large);
  --font-family--chivo:var(--wp--preset--font-family--chivo);
  --font-family--space-grotesk:var(--wp--preset--font-family--space-grotesk);
  --chevron-arrow-white:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 46 24.5'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23eee5e8; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M45.2.8l-22.2,22.2L.7.8'/%3E%3C/svg%3E");
  --chevron-arrow-black:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 46 24.5'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %231C2422; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M45.2.8l-22.2,22.2L.7.8'/%3E%3C/svg%3E");
  --svg-download:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_803_3905)'%3E%3Cpath d='M17.1803 9L11.0003 15.18L4.82031 9' stroke='%231C2422' stroke-opacity='0.75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 1V13' stroke='%231C2422' stroke-opacity='0.75' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M1 14.4219V21.0019H21V14.4219' stroke='%231C2422' stroke-opacity='0.75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_803_3905'%3E%3Crect width='22' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}


html .is-layout-flex .hidden,
.hidden-fields-container,
.hidden{display:none}


body:not(.wp-admin) ::-moz-selection {
  background:var(--accent-500);
  color:var(--base);
  text-shadow:none;}
body:not(.wp-admin) ::selection {
  background:var(--accent-500);
  color:var(--base);
  text-shadow:none;}
body:not(.wp-admin) .has-accent-500-background-color ::-moz-selection {
  background:var(--contrast-500);
  color:var(--base);
  text-shadow:none;}
body:not(.wp-admin) .has-accent-500-background-color ::selection {
  background:var(--contrast-500);
  color:var(--base);
  text-shadow:none;}

body:not(.wp-admin) .has-contrast-500-background-color * {color:var(--base)}
body:not(.wp-admin) header .has-contrast-500-background-color li.nav-btn.current-menu-item a span{color:var(--contrast-500)}
#wpadminbar{border-bottom:1px solid #444}


/* F O N T S */
h1,h2,h3,h4{font-weight:normal;text-wrap:balance}
ul.list-style-type-none{list-style-type:none;padding-left:0}


/* L I N K S + B U T T O N S */
body:not(.wp-admin) a{outline:1px solid transparent;outline-offset:2px;}
body:not(.wp-admin) a:focus-within{outline-color:var(--contrast-500)}
body:not(.wp-admin) .has-contrast-500-background-color a:focus-within{outline-color:var(--base)}
body:not(.wp-admin) a:not(.wp-element-button):focus-within{border-radius:0.25rem}
.has-contrast-500-background-color a:focus-within{outline-color:var(--base)}
.is-style-bt-accent-bg .wp-element-button{background-color:var(--accent-500);border-radius:0.75rem;border:1px solid transparent}
.is-style-bt-accent-bg .wp-element-button:hover{color:var(--accent-500);background-color:var(--base);border-color:var(--accent-500)}
body .wp-block-buttons:not(.backToTop) .wp-block-button.is-style-outline > .wp-block-button__link{border-width:1px}
body .wp-block-buttons:not(.backToTop) .wp-block-button.is-style-outline > .wp-block-button__link:hover{background-color:var(--contrast-500);color:var(--base)}
body .wp-block-buttons:not(.backToTop) .wp-block-button.is-style-outline > .wp-block-button__link:focus-within{outline:1px solid var(--contrast-500)}


/* W P M L */
li[data-wpml="current-language-item"]{display:none !important}
li[data-wpml="language-item"]:first-of-type{margin-top:0 !important}


/* C O M P O S A N T S */
.aspect-ratio-square{aspect-ratio:1}
.home #section04 .text-over-imagebg{max-width:100%;}
.text-over-imagebg > .wp-block-group{width:100%;background:linear-gradient(hsla(0,100%,0%,0) 0%, hsla(0,100%,0%,0) 75%, hsla(0,100%,0%,0.5) 100%)}


/* L A Y O U T */
.wp-site-blocks {
  display:flex;
  flex-direction:column;
  min-height:100vh;
  justify-content:space-between}
.fullHeight100{min-height:100vh}
.fullHeight90{min-height:var(--screenHeight90)}
body:not(.home) main{margin-top:15rem}
body:not(.wp-admin) *{transition:all 0.2s}


/* F O R M S */
body:not(.wp-admin) textarea,
body:not(.wp-admin) input[type="text"],
body:not(.wp-admin) input[type="email"], 
body:not(.wp-admin) input[type="tel"], 
body:not(.wp-admin) input[type="password"]{
  font-family:var(--font-family--chivo);
  width:calc(100% - 2px - 1.5rem);height:auto;padding:0.75rem;margin-top:0.25rem;
  color:var(--contrast);border:none;background-color:transparent;
  border:1px solid var(--contrast-400);border-radius:5px;
  background-color:var(--accent-50)}
body:not(.wp-admin) textarea::placeholder,
body:not(.wp-admin) input::placeholder{color:var(--contrast-400);font-family:var(--font-family--chivo)}

body:not(.wp-admin) input:focus-visible, body:not(.wp-admin) textarea:focus-visible{background-color:var(--base)}
body:not(.wp-admin) input:focus-visible, body:not(.wp-admin) textarea:focus-visible{outline:1px solid var(--accent-500);outline-offset:2px}
body:not(.wp-admin) input[type="submit"]{
  padding:0.75rem 1.5rem;border-radius:0.5rem;
  border:none;font-size:var(--var--preset--font-size--medium);
  color:var(--base);background-color:var(--contrast-500);
  font-family:var(--font-family--chivo)}
body:not(.wp-admin) input[type="submit"]:hover{cursor:pointer;background-color:var(--accent-500)}

.wpcf7 form input[type="submit"]{font-weight:normal}
.wpcf7 form .wpcf7-response-output {margin: 2em 0 1em 0;width:calc(100% - 2rem);padding:0.2rem 1rem}
.wpcf7-not-valid-tip{color:var(--accent-500)}

footer .wpcf7 form p{display:flex;flex-direction:column;align-items:flex-end}
footer .wpcf7 form p:nth-child(2) span{width:100%}
footer .wpcf7 form p:nth-child(2) span input{width:calc(100% - 2px - 1.5rem)}
footer .wpcf7 form p:nth-child(3) input[type="submit"]{width:100%;font-weight:normal}
footer .wpcf7 form .wpcf7-response-output{width:100%;border-width:1px;border-color:var(--accent-500);color:var(--accent-100);margin:0;}
footer .wpcf7 form input[type="email"]{font-family:var(--font-family--chivo);margin-top:0;border-color:var(--base);color:var(--contrast-500);border-radius:0.5rem}
footer .wpcf7 form input[type="submit"]{border:1px solid var(--base);border-radius:0.5rem}




/* G E N E R A L */
.site-name a{
  display:block;
  overflow:hidden;text-indent:-2000px;
  width:172px;height:126px;
  background:url('https://corporate.slsagency.com/wp-content/uploads/2025/06/slsagency-logo-2025-blancFdTransparent-sansMarge.svg') center center no-repeat;
  background-position:center top;
  background-size:contain;}
.site-name a:focus-within{outline-offset:10px}


/* H E A D E R */
header.scrolling > .wp-block-group{border-bottom:1px solid #444}
.sticky-top{position:fixed;z-index:1000;width:100%}
header.wp-block-template-part .sticky-top{padding-top:2rem;padding-bottom:2rem}
header .site-name a{
  margin:0 auto;
  margin-bottom:-126px}
header nav ul.wp-block-navigation__container{font-family:var(--font-family--space-grotesk);}
header nav[aria-label="Nav 01"] ul, header nav[aria-label="Nav 02"] ul{height:140px;justify-content:center}
header nav[aria-label="Nav 02"] ul li.nav-btn a{border:1px solid var(--base);padding:0.2rem 0.5rem;border-radius:0.5rem}
header .has-contrast-500-background-color nav[aria-label="Nav 02"] ul li.nav-btn a:hover,
header .has-contrast-500-background-color nav[aria-label="Nav 02"] ul li.nav-btn.current-menu-item a{background-color:var(--base)}
header .has-contrast-500-background-color nav[aria-label="Nav 02"] ul li.nav-btn a:hover span,
header .has-contrast-500-background-color nav[aria-label="Nav 02"] ul li.nav-btn.current-menu-item a span{color:var(--contrast-500)}
header .has-contrast-500-background-color nav[aria-label="Nav 02"] ul li.nav-btn.contact.wp-block-navigation-item__content a{background-color:var(--base);color:var(--contrast-500)}
header nav[aria-label="Nav 01"] ul{gap:1rem}
header nav[aria-label="Nav 02"] ul{gap:0}
header nav[aria-label="Nav 02"] ul li{margin-left:1rem}

.has-contrast-500-background-color {
  nav li a, 
  .wpml-language-switcher-block a{border-bottom:1px solid transparent;}
  nav li a:hover,
  .wpml-language-switcher-block a:hover,
  nav li.current-menu-item a{border-color:var(--base)}
}
body .wpml-language-switcher-block{width:auto!important}


/* F O O T E R */
.wp-site-blocks footer{margin-block-start:0}
footer .site-name a{margin:0}
footer .backToTop{
  position:fixed;
  bottom:2rem;
  right:2rem}
footer .backToTop a{
  display:flex;justify-content:center;align-items:flex-end;
  transition:all 0.2s;opacity:1;
  width:4rem;
  height:4rem;
  border-radius:1rem;
  background-color:var(--base);
  background-image:url(https://toblerone.slsagency.com/wp-content/themes/slsagency/assets/img/icon_arrow-up.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:80%;
  text-indent:-1000px;
  overflow:hidden}
footer .backToTop a:hover{background-color:var(--accent-100)}
footer ul.reseaux-sociaux{display:flex;list-style-type:none;padding:0}
footer ul.reseaux-sociaux li.instagram a{
  background-image:url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4995 2.61256C18.3714 2.61256 18.8296 2.62752 20.3589 2.69717C21.7725 2.76163 22.5403 2.99762 23.0514 3.19619C23.7283 3.45923 24.2112 3.7735 24.7189 4.28059C25.2266 4.78767 25.5408 5.27116 25.8033 5.94804C26.0019 6.45915 26.2378 7.22698 26.3023 8.6406C26.372 10.1693 26.3869 10.6281 26.3869 14.5C26.3869 18.3719 26.372 18.8301 26.3023 20.3594C26.2378 21.773 26.0019 22.5408 25.8033 23.052C25.5402 23.7288 25.226 24.2118 24.7189 24.7194C24.2112 25.2271 23.7283 25.5413 23.0514 25.8038C22.5403 26.0024 21.7725 26.2384 20.3589 26.3028C18.8301 26.3725 18.3714 26.3874 14.4995 26.3874C10.6276 26.3874 10.1688 26.3725 8.64008 26.3028C7.22645 26.2384 6.45863 26.0024 5.94752 25.8038C5.27063 25.5408 4.78772 25.2265 4.28006 24.7194C3.7724 24.2123 3.45813 23.7288 3.19567 23.052C2.9971 22.5408 2.76111 21.773 2.69664 20.3594C2.627 18.8307 2.61203 18.3719 2.61203 14.5C2.61203 10.6281 2.627 10.1699 2.69664 8.6406C2.76111 7.22698 2.9971 6.45915 3.19567 5.94804C3.45871 5.27116 3.77298 4.78825 4.28006 4.28059C4.78772 3.77292 5.27063 3.45866 5.94752 3.19619C6.45863 2.99762 7.22645 2.76163 8.64008 2.69717C10.1688 2.62752 10.6276 2.61256 14.4995 2.61256ZM14.4995 0C10.5614 0 10.0675 0.0166918 8.52093 0.0874881C6.9778 0.157709 5.92334 0.402906 5.00126 0.761492C4.04753 1.13216 3.23884 1.62774 2.43303 2.43413C1.62664 3.24051 1.13107 4.04863 0.760393 5.00236C0.401807 5.92444 0.15661 6.9789 0.0863895 8.52203C0.0155932 10.0686 -0.00109863 10.5625 -0.00109863 14.5006C-0.00109863 18.4387 0.0155932 18.9325 0.0863895 20.4791C0.15661 22.0222 0.401807 23.0767 0.760393 23.9988C1.13107 24.9525 1.62664 25.7612 2.43303 26.567C3.23941 27.3734 4.04753 27.869 5.00126 28.2397C5.92334 28.5982 6.9778 28.8434 8.52093 28.9137C10.0675 28.9845 10.5614 29.0012 14.4995 29.0012C18.4376 29.0012 18.9314 28.9845 20.478 28.9137C22.0212 28.8434 23.0756 28.5982 23.9977 28.2397C24.9514 27.869 25.7601 27.3734 26.5659 26.567C27.3723 25.7606 27.8679 24.9525 28.2386 23.9988C28.5971 23.0767 28.8423 22.0222 28.9126 20.4791C28.9834 18.9325 29.0001 18.4387 29.0001 14.5006C29.0001 10.5625 28.9834 10.0686 28.9126 8.52203C28.8423 6.9789 28.5971 5.92444 28.2386 5.00236C27.8679 4.04863 27.3723 3.23994 26.5659 2.43413C25.7595 1.62774 24.9514 1.13216 23.9977 0.761492C23.0756 0.402906 22.0212 0.157709 20.478 0.0874881C18.9314 0.0166918 18.4376 0 14.4995 0Z' fill='%23F4F9F5'/%3E%3Cpath d='M14.5001 7.05469C10.3876 7.05469 7.05438 10.3884 7.05438 14.5004C7.05438 18.6123 10.3881 21.9461 14.5001 21.9461C18.612 21.9461 21.9458 18.6123 21.9458 14.5004C21.9458 10.3884 18.612 7.05469 14.5001 7.05469ZM14.5001 19.3341C11.8305 19.3341 9.66694 17.1699 9.66694 14.501C9.66694 11.832 11.8311 9.66782 14.5001 9.66782C17.169 9.66782 19.3332 11.832 19.3332 14.501C19.3332 17.1699 17.169 19.3341 14.5001 19.3341Z' fill='%23F4F9F5'/%3E%3Cpath d='M23.4708 7.98816C24.1503 7.30866 24.1503 6.20697 23.4708 5.52746C22.7913 4.84796 21.6896 4.84796 21.0101 5.52746C20.3306 6.20697 20.3306 7.30866 21.0101 7.98816C21.6896 8.66767 22.7913 8.66767 23.4708 7.98816Z' fill='%23F4F9F5'/%3E%3C/svg%3E%0A");}
footer ul.reseaux-sociaux li.linkedin a{
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 72 72'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M64,0H8C3.6,0,0,3.6,0,8v56c0,4.4,3.6,8,8,8h56c4.4,0,8-3.6,8-8V8c0-4.4-3.6-8-8-8ZM21.8,62h-10.7V27.3h10.7v34.7ZM16.3,22.8c-3.5,0-6.3-2.9-6.3-6.4s2.8-6.4,6.3-6.4,6.3,2.9,6.3,6.4-2.8,6.4-6.3,6.4ZM62,62h-10.7v-18.2c0-5-1.9-7.8-5.8-7.8s-6.5,2.9-6.5,7.8v18.2h-10.3V27.3h10.3v4.7s3.1-5.7,10.5-5.7,12.6,4.5,12.6,13.8v21.9Z'/%3E%3C/svg%3E");}
footer ul.reseaux-sociaux li{margin-right:1rem}
footer ul.reseaux-sociaux li a{display:block;text-indent:-1000px;overflow:hidden;background-size:contain;background-position:center center;width:30px;height:30px}
footer ul.reseaux-sociaux li a:hover{opacity:0.66}
footer ul.reseaux-sociaux li a:focus-within{opacity:1}


/* H O M E  P A G E */
body.home #section01{background-position:center center}
body.home #section01 > .wp-block-group{width:100%;background:linear-gradient(hsla(162,13%,13%,0.5) 0%, hsla(162,13%,13%,0.2) 25%, hsla(162,13%,13%,0.2) 66%, hsla(162,13%,13%,0.5) 100%);}
body.home header.wp-block-template-part .has-contrast-500-background-color{transition: all 0.2s;}
body.home header.wp-block-template-part:not(.scrolling) .has-contrast-500-background-color{background-color:transparent !important;}
.instagram-gallery-feed{max-width:1400px}
.instagram-gallery-feed .instagram-gallery__button{display:none}
.next-screen-button > a{
  background-color:transparent;
  color:transparent; 
  text-indent:-1000px;
  overflow:hidden;
  background-image:var(--chevron-arrow-white);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;}
.next-screen-button > a:hover{transform:scale(1.1)}
.next-screen-button > a:focus-within{outline-offset:10px}
h1 a{text-decoration:none}
h1 a:hover{text-decoration:underline}


/* P A G E  E Q U I P E */
details summary::before{top:0}
details summary{
  font-family:var(--font-family--space-grotesk);
  font-size:var(--font-size--large);
  border-top:1px solid var(--contrast-400);
  padding-top:1rem;align-items:flex-start}



/* P A G E  M A R Q U E */
.telecharger-catalogue a{
  text-decoration:underline dotted;
  padding-right:2rem;
  background-image:var(--svg-download);
  background-repeat:no-repeat;
  background-position:center right;
  background-size:1.25rem 1.25rem;}
.telecharger-catalogue a:hover{
  text-decoration:underline}


/* S U M M A R Y */
summary{
  outline:none;
  /* Hides marker on Chrome */
  list-style:none;}
summary::-webkit-details-marker {
  /* Hides marker on Safari */
  display: none;}
summary{display:flex;gap:3rem}
summary::before{
  content:"";
  position:relative;top:0.5rem;left:0;
  display:block;width:2rem;height:2rem;
  /*z-index: -1;*/
  background-image:var(--chevron-arrow-black);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  transition:transform 0.2s}
details[open]{padding-bottom:2rem}
details[open] summary{color:var(--accent-500)}
details[open] summary::before{transform:rotate(180deg)}
details[open] summary~* {animation: open .5s}
@keyframes open {
  0% { opacity: 0 }
  100% { opacity: 1 }
}


/* M O D A L */
.bod-modal-content{flex-direction:column-reverse;display:flex}
.bod-block-close-btn.align-right{
  position:absolute;top:0;right:0;}
.bod-block-popup-wrap .bod-block-popup-closer{display:none}
.bod-block-popup-wrap .bod-block-close-btn button.bod-btn{
  margin:1rem;text-indent:-1000px;
  overflow:hidden;width:3rem;height:3rem;border:none;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_657_3907)'%3E%3Cpath d='M12.1289 12.1289L27.8849 27.8849' stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.8849 12.1289L12.1289 27.8849' stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.0083 39.1456C30.5776 39.1456 39.1456 30.5776 39.1456 20.0083C39.1456 9.43913 30.5776 0.871094 20.0083 0.871094C9.43913 0.871094 0.871094 9.43913 0.871094 20.0083C0.871094 30.5776 9.43913 39.1456 20.0083 39.1456Z' stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_657_3907'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size:cover;background-color:transparent!important}


/* S L I D E R */
.cb-button-prev.swiper-button-prev::after,
.cb-button-next.swiper-button-next::after{display:none}
.cb-button-prev.swiper-button-prev,
.cb-button-next.swiper-button-next{
  width:3rem;height:3rem;background-size:cover;
  background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_657_3886)'%3E%3Cpath d='M16.957 9.23828L27.7283 20.0095L16.957 30.7633' stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.0083 39.1456C30.5776 39.1456 39.1456 30.5776 39.1456 20.0083C39.1456 9.43913 30.5776 0.871094 20.0083 0.871094C9.43913 0.871094 0.871094 9.43913 0.871094 20.0083C0.871094 30.5776 9.43913 39.1456 20.0083 39.1456Z' stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_657_3886'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.cb-button-prev.swiper-button-prev{transform:rotate(180deg);}



/* S C R O L L I N G  T E X T */
/* https://www.youtube.com/watch?v=EAiuiKOEpC0&ab_channel=GutenbergHub-WordPressBlockEditorGoodness */
.scroll-container {
  height: 100px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;}
.scroll-container p {
  white-space: nowrap;
  display: inline-block;
  will-change: transform;}
  /* Animation for scrolling from left to right */
.left-to-right p {
  animation: scrollLeftToRight 40s linear infinite;}
@keyframes scrollLeftToRight {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }}
/* Animation for scrolling from right to left */
.right-to-left p {
  animation: scrollRightToLeft 40s linear infinite;}
@keyframes scrollRightToLeft {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }}


@media only screen and (max-width:501px) {
  .col2 > .wp-block-group > .wp-block-group{flex-direction:column;align-items:flex-start;gap:0}
  .col2 > .wp-block-group > .wp-block-group h2{border-bottom:1px solid var(--contrast-400);width:100%;padding-bottom:1rem;margin-bottom:1rem}
  .col2 > .wp-block-group > .wp-block-group p.telecharger-catalogue{}
}


@media only screen and (max-width:601px) {
  header p.site-name{height:126px}
  header.wp-block-template-part.scrolling .sticky-top{top:0px;padding-top:1rem;padding-bottom:1rem}
  header.scrolling p.site-name{height:50px}
  header nav.is-responsive > button{z-index:10000;position:fixed;top:28px;right:2rem}
  header #modal-1.wp-block-navigation__responsive-container{padding:2rem;background-color:var(--contrast-500)}
  header #modal-1.wp-block-navigation__responsive-container ul{text-align:center}
  header nav[aria-label="Nav 01"],
  header nav[aria-label="Nav 02"],
  body header .wpml-language-switcher-block{display:none}
  header.scrolling .site-name a{width:110px;height:50px;margin-bottom:-50px;background-size:cover;}
  header.scrolling nav[aria-label="Nav 01"] ul, header.scrolling  nav[aria-label="Nav 02"] ul{height:50px}
  footer .footer-last-row{flex-direction:column}
  footer .footer-last-row li{text-align:center}
  .col3 > .wp-block-group{width:100%}
  .col3 > .wp-block-group figure{text-align:center}

}


@media only screen and (min-width:601px) {
  header nav.is-responsive{display:none;}
  body.admin-bar .sticky-top{top:24px}
  
  .col3 > .wp-block-group{width:44%}
}


@media only screen and (max-width:780px) {
  footer figure{text-align:center}
  footer .site-name a{margin:0 auto}
  footer .wp-block-columns{gap:0}
  footer .adresse{text-align:center;padding-top:3rem;padding-bottom:3rem}
  footer ul.reseaux-sociaux{justify-content:center}
  footer .newsletter-form{margin-top:2rem}
  footer .newsletter-form p,
  footer form input{text-align:center}
  footer nav[aria-label="Nav 01 2"] ul,
  footer nav[aria-label="Nav 02 2"] ul{gap:0}
  footer nav[aria-label="Nav 01 2"] ul{width:100%;align-items:center}
  footer nav[aria-label="Nav 02 2"] ul{width:100%;align-items:center}
  footer nav[aria-label="Nav 01 2"] ul li,
  footer nav[aria-label="Nav 02 2"] ul li{width:100%;justify-content:center;border-top:1px solid #444}
  footer nav[aria-label="Nav 02 2"] ul li:last-child{border-bottom:1px solid var(--contrast-400)}
  footer nav ul li a{margin:0.6rem 0;}
  .page-contact-coordonnees ul{padding-left:0}
  .page-contact-coordonnees .has-text-align-right{text-align:left}
  
}


@media only screen and (min-width:781px) {
  footer .wpcf7 form{display:flex;flex-wrap:wrap}
  footer .wpcf7 form p:nth-child(3){width:40%;}
  footer .wpcf7 form p:nth-child(2){width:60%}
  footer .wpcf7 form input[type="email"]{border-radius:0.5rem 0 0 0.5rem}
  footer .wpcf7 form input[type="submit"]{border-left:0;border-radius:0 0.5rem 0.5rem 0}
  .cb-button-prev.swiper-button-prev{left:-3.5rem}
  .cb-button-next.swiper-button-next{right:-3.5rem}
  details p{max-width:700px;padding-left:5rem}
  details ul{max-width:700px;padding-left:6.5rem}
  .col3 > .wp-block-group{width:28%}
  .bod-block-popup{border-radius:1rem}}



@media only screen and (min-width:781px) and (max-width:1100px){
  footer .site-name a{width:140px}}



@media only screen and (max-width:900px) {
  .col2 > .wp-block-group{width:100%}}



@media only screen and (min-width:901px) {
  .col2 > .wp-block-group > .wp-block-group h2{width:50%}
  .col2 > .wp-block-group{width:48%}}



@media only screen and (max-width:1100px) {
  .telecharger-catalogue a{background-position:center left;padding:0 0 0 2rem;}
  footer, footer .wpcf7 form input[type="email"]{font-size:var(--font-size--small);}}



@media only screen and (min-width:601px) and (max-width:1100px) {
  .header-nav-group-right{flex-direction:column;align-items:flex-end;gap:0}
  header nav[aria-label="Nav 01"] ul, header nav[aria-label="Nav 02"] ul{flex-direction:column;gap:5px}
  header nav[aria-label="Nav 01"] ul{align-items:flex-start}
  header nav[aria-label="Nav 02"] ul{align-items:flex-end}
}


@media only screen and (min-width:601px) and (max-width:1200px) {
  header nav[aria-label="Nav 01"] ul, header nav[aria-label="Nav 02"] ul a{font-size:var(--font-size--small)}
}


@media only screen and (min-width:1101px) {
  header nav[aria-label="Nav 02"] ul li.nav-btn.contact{margin-left:0}
  header nav[aria-label="Nav 02"] ul li.nav-btn.contact a{border-radius:0 0.5rem 0.5rem 0;border-left:0}
  header nav[aria-label="Nav 02"] ul li.nav-btn.shopb2b a{border-radius:0.5rem 0 0 0.5rem}
  header.scrolling .site-name a{width:110px;height:50px;margin-bottom:-50px;background-size:cover;}
  header.scrolling nav[aria-label="Nav 01"] ul, header.scrolling  nav[aria-label="Nav 02"] ul{height:50px}
  .instagram-gallery-list.instagram-gallery-square[data-feed_layout="gallery"]{gap:calc(10%/4)}
  .instagram-gallery-list.instagram-gallery-square[data-feed_layout="gallery"] .instagram-gallery-item{width:18%}
  footer .wpcf7 form input[type="email"]{font-size:var(--font-size--medium);}
  .bod-block-popup-wrap .bod-block-popup{max-height:700px;padding-right:10rem}
}


@media only screen and (min-width:1201px) {
  footer .wpcf7 form p:nth-child(3){width:30%}
  footer .wpcf7 form p:nth-child(2){width:70%}
}