/*
Theme Name: Le macaron bleu
Author: CC Studio
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: le-macaron-bleu
Requires at least: 6.4
Requires PHP: 8.0
Tested up to: 6.4
Version: 1.0
*/

html { scroll-behavior:smooth; }

/* @media screen and (prefers-reduced-motion:reduce) { html { scroll-behavior:auto;	} } */

body { -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; }
body > .wp-site-blocks { margin:0;min-height:100vh;display:flex;flex-direction:column; }
#c2s-page { flex:1;margin-block-start:0;margin-block-end:0;margin:0;padding:0; }
footer { flex-grow:1;position:relative; }

main .wp-block-group {  }

.wp-block-post-title {  }

.wp-block-site-logo { width:250px; }

.site-header { position:fixed;left:0;top:0;right:0;height:105px;z-index:5000;background-color:var(--wp--preset--color--primary);color:var(--wp--preset--color--invert); }
.site-header a { color:var(--wp--preset--color--invert); }
.site-header > div { padding:10px 50px !important; }
.wp-block-navigation a { color:var(--wp--preset--color--invert) !important;text-transform:uppercase;font-size:12px;font-weight:bold;text-decoration:none;display:inline-block;padding:25px 0; }
.site-header li a { opacity:0.75;transition:opacity 0.35s cubic-bezier(.215,.61,.355,1); }
.site-header li:hover a, .site-header li.current-menu-item a { opacity:1; }
.wp-block-navigation .wp-block-navigation__submenu-icon { margin-left:0.4em; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li { text-align:center; }
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { display:block;padding:20px 20px; }
.wp-block-navigation .has-child .wp-block-navigation__submenu-container { left:-50%;top:100%; }
.wp-block-navigation .has-child .wp-block-navigation__submenu-container { border:0; }
 
.wp-block-navigation .wp-block-navigation__responsive-container-open { display:none; }
 
.site-header .wp-block-group { background-color:transparent !important; }

body { padding-top:120px; }
body.c2s-slider { padding-top:0; }
body.c2s-slider .site-header { background-color:transparent !important;background:linear-gradient(180deg,rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%) !important;transition:background-color 0.5s cubic-bezier(.215,.61,.355,1); }
body.c2s-slider.body-scrolled .site-header { background:transparent !important;background-color:var(--wp--preset--color--primary) !important; }
 
.site-footer { background-color:var(--wp--preset--color--primary);color:var(--wp--preset--color--invert);margin-block-start:0 !important;padding:6em 0 2em; }
.site-footer .block-mentions { font-size:12px;text-transform:uppercase; }
.site-footer .block-mentions a { text-decoration:none; }
.site-footer .block-mentions strong { font-weight:normal;display:inline-block;padding:0 5px; }

main .wp-block-post-title { display:none; }

body.modal { overflow:hidden; }
body.c2s-slider .entry-content { margin-top:0; }
body.c2s-slider main { margin-top:0;padding-top:0 !important; }

.icursor { pointer-events:none;position:fixed;width:24px;height:24px;margin:-12px 0 0 -12px;z-index:15000; }
.icursor div { position:absolute;left:0;top:0;right:0;bottom:0;border-radius:50%;-webkit-border-radius:50%;transition:all 0.3s cubic-bezier(.215,.61,.355,1);-webkit-transition:all 0.3s cubic-bezier(.215,.61,.355,1);-moz-transition:all 0.3s cubic-bezier(.215,.61,.355,1);z-index:25000;opacity:0.1;background:#20adb8; }
.icursor.idle div { opacity:0; }
.icursor.hover div { transform:scale(3);opacity:0.15; }

.osm-map { position:relative;width:100%;height:375px; }
.leaflet-control-zoom a { color:#333 !important; }
.leaflet-container .leaflet-control-attribution { font-size:10px;text-transform:uppercase; }
.leaflet-container .leaflet-control-attribution a { color:#000; }
.leaflet-container .leaflet-attribution-flag { display:none !important; }

#loader { position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;display:none;z-index:14000;display:block;background-color:var(--wp--preset--color--base);background-image:url('assets/images/bg-paint.jpg');background-size:cover;margin-block-start:0; }
#loader .inner { position:absolute;left:5px;top:5px;bottom:5px;right:5px;display:flex;justify-content:center;align-items:center;text-align:center;background-color:var(--wp--preset--color--base);overflow:hidden; }
#loader-image { position:relative;width:200px;height:200px;margin:0 auto;background:url('assets/images/bg-loading.png') 0 100% no-repeat;overflow:hidden; }
#loader-progress { position:absolute;left:0;bottom:0;right:0;background:url('assets/images/bg-loaded.png') 0 100% no-repeat;overflow:hidden; }

.wp-block-image img { display:block;margin:0 auto; }

.wp-block-button__link { transition:all 0.35s cubic-bezier(.215,.61,.355,1); } 
.wp-block-cover__inner-container p { font-family:var(--wp--preset--font-family--script); }

.islider { margin-bottom:5em;padding:0 !important;overflow:hidden; } 
.islider-wrapper { position:relative;display:block !important;padding:0;overflow:hidden;max-width:none !important;height:70vh; }
.islider-wrapper > div { padding:0;height:100%; }
.islider-wrapper > div > div { float:left; }
.islider .wp-block-cover { height:100% !important;min-height:none !important; }
.islider .wp-block-cover__image-background { transform:scale(1.05);transition:transform 7s cubic-bezier(.215,.61,.355,1); }
.islider.ics-show .wp-block-cover__image-background { transform:scale(1); }
.islider .wp-block-cover__inner-container { padding:1em 3em;opacity:0;transition:opacity 2s 1s cubic-bezier(.215,.61,.355,1);}
.islider.ics-show .wp-block-cover__inner-container { opacity:1; }

.islider h1 { font-size:18px;font-weight:normal;letter-spacing:5px;text-transform:uppercase; }
.islider h1, .islider h2 { color:var(--wp--preset--color--invert); } 
.islider .wp-block-columns { color:var(--wp--preset--color--invert);font-family:var(--wp--preset--font-family--script) !important; }
.islider .islider-arrow { width:75px;height:75px;margin-top:-37px;opacity:0;position:absolute;top:50%;z-index:1000;display:inline-block;color:var(--wp--preset--color--invert);cursor:pointer;transition:all 0.5s cubic-bezier(.215,.61,.355,1);cursor:default; }
.islider .islider-arrow span { display:block;padding:25px; }
.islider .islider-arrow svg { width:25px;height:25px; }
.islider .islider-arrow.prev { left:0;text-align:left; }
.islider .islider-arrow.next { right:0;text-align:right; }
.islider .islider-arrow.ics-ison { opacity:1;cursor:pointer; }
.islider .anchors { position:absolute;left:5%;right:5%;bottom:40px;text-align:center;max-width:100%; }
.islider .anchors a { display:inline-block;color:var(--wp--preset--color--invert) !important;text-transform:uppercase;font-size:14px;font-weight:bold;text-decoration:none;display:inline-block;padding:15px 35px; }
.islider .anchors span { position:relative;display:inline-block;opacity:0;transform:translateY(10px); }
.islider.ics-show .anchors span { opacity:1;transform:translateY(0);transition:all 0.5s cubic-bezier(.215,.61,.355,1); }

body.c2s-pg-bienvenue .islider-wrapper { height:90vh; }
body.c2s-pg-bienvenue .islider .anchors {  } 

body.c2s-pg-post .islider-wrapper { height:275px; }
body.error404 .islider-wrapper { height:275px; }

.c2s-ulist { list-style-type:none;text-align:center;padding:0 0;font-size:20px;font-weight:bold; }
.c2s-ulist li { display:inline-block;padding:5px 15px; }

.c2s-script { line-height:115%;margin-bottom:48px; }

.c2s-anchor-wrapper { position:relative; }
.c2s-anchor { position:absolute;display:block;height:0;top:-120px; }
.c2s-spacer { position:relative;height:8em; }
.c2s-logo { height:70px;background:url('assets/images/bg-sep.png') 50% 50% no-repeat; }

.block-image { position:relative;  }
.block-image .wp-block-media-text__content { padding:0 10%; }

.block-image.images-6 h2, .block-image.images-6 h3, .block-image.images-6 p { padding-left:15%;padding-right:15%; }
.block-image.images-6 .image-top { margin-bottom:75px !important; }
.block-image.images-6 .image-bottom { margin-top:75px !important; }

.block-border-image { padding:5px;background-image:url('assets/images/bg-paint.jpg');background-size:cover;height:100%; }
.block-border-image-inner { padding:3em 2em;margin:0 !important;max-width:100% !important;background-color:#fff;height:100%; }

.iiscroll { position:relative;display:block;max-width:none !important;overflow:hidden;display:block;padding:2em 0;margin:0; }
.iiscroll > div { max-width:none !important;margin:0 auto !important; }
.iiscroll > div > div { display:inline-block !important;position:relative; }
.iiscroll figure { position:relative;margin:0 10px;float:left; }
.iiscroll figure img { display:block !important; } 
.iiscroll:after { content:'';display:block;clear:both; }
.iiscroll .wp-block-columns { position:relative;float:left; }

.rfx .animate { opacity:0;transform:translateY(25px); } 
.rfx.show .animate { opacity:1;transform:translateY(0);transition:opacity 1s cubic-bezier(0.25,0.46,0.45,0.94), transform 1s cubic-bezier(0.25,0.46,0.45,0.94); }

p.rgpd { font-size:11px;opacity:0.5;text-align:center; }

.c2s-quote { padding:0; }
.c2s-quote blockquote:before { content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:url('assets/images/bg-empreinte.webp') 50% 50% no-repeat;background-attachment:fixed;background-size:contain;opacity:0.15; }
.c2s-quote blockquote { position:relative;padding:0 !important; }
.c2s-quote blockquote p { padding:2.75em 10% !important;font-size:60px !important;line-height:100%;color:var(--wp--preset--color--primary);margin:0 2em; }

.wp-block-buttons { justify-content:center; }

.wp-block-latest-posts__list { text-align:center; }

main .block-post-header .wp-block-post-title { display:block;line-height:115%; }
.block-post-header { margin:40px auto 24px;text-align:center; }
.wp-block-post-title { margin:0; }
.wp-block-latest-posts__post-title { display:block;text-transform:uppercase;font-weight:bold;text-decoration:none;line-height:110%; }
.wp-block-post-date { margin:0;font-size:14px;font-weight:bold; }
.wp-block-post-featured-image {  }
.wp-block-post-featured-image a { position:relative; }
.wp-block-post-featured-image img { display:block;max-width:300px;margin:0 auto; }

.wp-block-post-excerpt__more-link, .wp-block-post-navigation-link { text-transform:uppercase;font-size:13px;font-weight:bold; }

button::-moz-focus-inner { padding:0;border:0; }
button { -webkit-border-fit:lines; }
input:focus, textarea:focus, button:focus { outline:0; }
textarea { resize:none; }
form p { position:relative; }
form input, form select, form textarea { width:100%;font-family:var(--wp--preset--font-family--system);font-size:14px;padding:8px 10px;border:1px solid #000;background-color:#ffffff;box-sizing:border-box; }
input[type="checkbox"] { width:auto; }
input[type="submit"] { border:0; }

.wpcf7-form label { font-size:13px;text-transform:uppercase; }
.wpcf7-form .wpcf7-submit { display:block;max-width:350px;margin:0 auto;padding:15px 20px;color:var(--wp--preset--color--invert);background-color:var(--wp--preset--color--primary);text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:2px;border-radius:25px;transition:all 0.35s cubic-bezier(.215,.61,.355,1); }
.wpcf7-form .wpcf7-submit:hover { background-color:var(--wp--preset--color--secondary); }
.wpcf7 form .wpcf7-response-output { border:0;padding:1em 2em; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background-color:#ffb900;color:#ffffff; }

#alt-open { position:fixed;width:100px;height:105px;top:0;right:0;z-index:10000;display:none;transition:all 0.35s cubic-bezier(.215,.61,.355,1); }
#alt-open span, #alt-open span:before, #alt-open span:after { display:block;position:absolute;width:36px;height:1px;background-color:var(--wp--preset--color--invert); }
#alt-open span { left:50%;top:50%;margin:-1px 0 0 -18px;transition:all 0.35s cubic-bezier(.215,.61,.355,1); }
#alt-open span:before, #alt-open span:after { content:' ';left:0;top:-8px;transition:all 0.35s cubic-bezier(.215,.61,.355,1); }
#alt-open span:after { top:8px; }
#alt-open:hover span, #alt-open:hover span:before, #alt-open:hover span:after { background-color:var(--wp--preset--color--invert); }
#alt-open:hover span:before { transform:translate(0,-7px); }
#alt-open:hover span:after { transform:translate(0,7px); }
#alt-open.alt-ison span { background:transparent !important; }
#alt-open.alt-ison span:before { transform:rotate(45deg);top:0;background-color:var(--wp--preset--color--invert); }
#alt-open.alt-ison span:after { transform:rotate(-45deg);top:0;background-color:var(--wp--preset--color--invert); }
#alt-open.alt-ison:hover span:before { transform:rotate(-45deg); }
#alt-open.alt-ison:hover span:after { transform:rotate(45deg); }

#alt-nav { position:fixed;width:100%;top:0;right:0;bottom:0;z-index:5500;display:none;background-color:var(--wp--preset--color--primary);overflow:auto;overflow-x:hidden;text-align:center; }
#alt-wrap { position:absolute;width:100%;height:100%;left:0;width:100vw;display:table; }
#alt-wrap ul { list-style-type:none;margin:0;padding:0;text-align:center; }
#alt-wrap .himg { max-width:350px;margin:0 auto 20px;padding:0 10px; }
#alt-inner { position:relative;width:100%;height:100%;display:table-cell;vertical-align:middle;padding:50px 5% 50px;margin:0 auto;z-index:1; }
#alt-inner li a.category { display:none; }
#alt-inner li a { display:block;padding:8px 10%;margin:5px auto;font-weight:bold;font-size:16px;letter-spacing:3px;line-height:115%;text-decoration:none;text-transform:uppercase;transition:all 0.35s cubic-bezier(.215,.61,.355,1);color:var(--wp--preset--color--invert); }
#alt-inner li a:hover { color:var(--wp--preset--color--invert); }
#alt-inner #alt-socials { margin:20px 0 0; }
#alt-inner #alt-socials a { font-size:30px !important; }

#alt-wrap:before { content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:url('assets/images/bg-empreinte.webp') 40% -10% no-repeat;background-size:400px;opacity:0.2; }

#sb_instagram .sbi_photo img { border-radius:15px; }

@media all and (max-width:1100px) 
	{
	#alt-open { display:block; }
	nav { display:none !important; }
	}

@media all and (max-width:765px) 
	{
	.c2s-quote blockquote p { font-size:45px !important;margin:0 !important; }
	.c2s-spacer { height:5em; }
	
	.islider .islider-arrow span { padding:25px 5px; }
	.islider .anchors { bottom:25px; }
	.islider .anchors a { padding:10px 25px; }
	}

@media all and (max-width:600px) 
	{
	.wp-block-heading, .c2s-script { padding-left:5%;padding-right:5%; }	
	.block-image.images-6 h2, .block-image.images-6 h3, .block-image.images-6 p { padding-left:10%;padding-right:10%; }	
	.c2s-quote blockquote p { padding:1.75em 5% !important }	
	.block-image .wp-block-media-text__content { padding:0; }

	.c2s-spacer { height:3em; }
	}
	
@media all and (max-width:380px) 
	{
	.site-header > div { padding:10px 10px !important; }
	.site-header .wp-block-site-logo { float:left; }

	.c2s-script { font-size:30px !important; }
	.c2s-quote blockquote p { font-size:45px !important; }
	.c2s-spacer { height:2em; }
	
	.site-footer { padding:3em 0 1em; }
	}