/*
Theme Name: Lauren
Theme URI: https://www.les-apaches.fr
Text Domain: lauren
Author: Les Apaches
Author URI: https://www.les-apaches.fr
Description: Lauren 2026
Requires at least: WordPress 5.0
Version: 1.0*/
:root {--bs-bg-body:var(--bs-white);--bs-body-font-family:callunaregular;--bs-fg-body:#222;--menu-height:100px;--bs-primary-bg:#CFA667;--bs-secondary-bg:#f4f4f4;}
h1	{	font-size:50px;	}
strong	{	font-size:16px;	}
a,a:hover,a:focus	{	color:#000;text-decoration:none;	}
.center	{	text-align:center;	}
.right	{	float:right;	}
.left	{	float:left;	}
.line	{	display: table;white-space: nowrap;	}
.line:before,.line:after	{	border-top: 1px solid #222;content: '';display: table-cell;position: relative;top: 0.5em;width: 45%;	}
.line:before { right: 1.5%; }
.line:after { left: 1.5%; }
.atc:hover {cursor:pointer;}
.grid-8 {--bs-columns:8;}
.grid-9 {--bs-columns:9;}
.grid-15 {--bs-columns:15;}
.grid-18 {--bs-columns: 18;}
header	{height:var(--menu-height);background:#FFF;z-index: 999;position: relative;}
#social	{color:#222;font-size:20px;float:right;line-height:var(--menu-height);vertical-align:middle;}
.fa-facebook	{margin-right:10px;}
.navbar {--bs-navbar-padding-y:0;--bs-nav-link-color:#888;--bs-body-font-size:.875rem;height:var(--menu-height);align-items: start;}
.navbar-nav {--bs-nav-link-padding-y:0;}
header .menu-item	{line-height:var(--menu-height);}
header .custom-logo-link {width:190px;height:190px;position:relative;padding: 20px;}
header .custom-logo-link:after {content: '';position:absolute;top:0;right:0;bottom:0;left:0;background: #FFF;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index:2;}
header .custom-logo	{position:relative;z-index:3;width:150px;height:auto;}
header .socials {line-height:var(--menu-height);}
.navbar-toggler {height:var(--menu-height);}
#bgCarousel {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: -1;pointer-events: none;}
body.admin-bar #bgCarousel {top:32px;}
#bgCarousel .carousel-item img {width: 100vw;height: 100vh;object-fit: cover;}
body.home.admin-bar .vh-100,body.admin-bar #bgCarousel,body.admin-bar #bgCarousel .carousel-item img {height:calc(100vh - 32px);}
.drawer {--bs-drawer-inset:0;--bs-drawer-border-radius:0;}
section.bandeau	{width:100%;height:50vh;z-index:1;position:relative;}
section.bandeau:after {display:block;content:'';width:100%;height:100%;background:url('./img/pixel.webp') no-repeat center center;position:absolute;top:0;z-index:5;	}
section.bandeau img {width: 100%;height: 100%;object-fit: cover;display: block;}
section#bandeauContact	{	height:70%;	}
section#bandeauContact:after	{	display:none;	}
#site	{min-height:100%;height: 100%;margin:0;padding:0;	}
#menuMobileLink	{display:none;	}
.wrapper	{max-width:100%;position:relative;z-index:2;width:800px;margin:auto;	}
.wrapper#content	{width:760px;padding:20px;background-color:rgba(255,255,255,1);margin-top:-7%;	}
.wrapper#temoignages	{width:1200px;max-width:100%;}
.single-robe #content {margin-top:-7%;padding:3rem 3rem 0;background-color:#FFF;position:relative;z-index:2;}
.tax-collection .wrapper#creations {width:1200px;padding:20px 0;}
header .wrapper	{	width:1200px;max-width:100%;	}
#wrapperhome	{	width:800px;max-width:100%;overflow:hidden;min-height:100%;height:100%;background-color: rgba(255, 255, 255, 0.4);	}
#wrapperhome navbar-nav	{text-align:center;flex-direction:row;justify-content:center;}
#wrapperhome navbar-nav li	{	line-height:50px;display:inline;margin-left:35px;	}
#wrapperhome navbar-nav li a	{	font-size:17px;color:#222;	}
#wrapperhome h1	{	color:#222;text-align:center;display:block;vertical-align:middle;margin:0;width:100%;	}
#wrapperhome .h3	{	font-size:1.5rem;	}
#wrapperhome p	{	width:80%;text-align:center;margin:0 auto;	}
#socialHome	{	color:#222;margin:10px 0 20px;font-size:30px;text-align: center;	}
.menu-item {width:auto;}
.box h1	{	position:relative;z-index:2;width:auto;background:#fff;display:inline;	}
.box p	{	line-height:150%;	}
#boxAtelier1	{	width:420px;float:right;margin-bottom:40px;	}
#boxAtelier11	{	position:relative;margin-top:-43px;z-index:1;padding:50px;background-color:rgba(255,255,255,0.7);box-shadow: 0 0 0 16px #fff inset,0 0 0 17px #CFA667 inset;	}
#boxAtelier2	{	z-index:2;position:relative;margin:-75px 0 0 -330px;width:500px;background-color:rgba(255,255,255,1);padding:70px;box-shadow:0 0 0 16px #fff inset,0 0 0 17px #CFA667 inset;	}
#imgAtelier1	{	float:left;width:300px;height:auto;position:relative;margin:150px 0 0 -75px;	}
#imgAtelier2	{	width:425px;height:auto;position:relative;z-index:2;margin:-35px 0 100px 125px;	}
#imgAtelier3	{	float:left;width:275px;height:auto;position:absolute;margin:-40px 0 0 130px;	}
#imgAtelier4	{	width:450px;height:auto;z-index:1;position:relative;margin:-20px 0 0 -400px;	}

#boxWho1	{	width:420px;float:right;margin-bottom:40px;	}
#boxWho11	{	position:relative;margin-top:-43px;z-index:1;padding:50px;background-color:rgba(255,255,255,0.7);box-shadow: 0 0 0 16px #fff inset,0 0 0 17px #CFA667 inset;	}
#boxWho2	{	z-index:4;position:relative;margin:-75px 0 0 -330px;width:500px;background-color:rgba(255,255,255,1);padding:70px;box-shadow:0 0 0 16px #fff inset,0 0 0 17px #CFA667 inset;	}
#boxWho3	{	z-index:2;position:relative;margin:-200px 0 0 0;width:500px;background-color:rgba(255,255,255,1);padding:70px;box-shadow:0 0 0 16px #fff inset,0 0 0 17px #CFA667 inset;	}
#imgWho1	{	width:300px;height:auto;float:left;position:relative;margin:150px 0 0 -75px;	}
#imgWho2	{	width:425px;height:auto;position:relative;z-index:2;margin:-35px 0 100px 125px;	}
#imgWho3	{	width:375px;height:auto;float:left;position:absolute;margin:-40px 0 0 130px;	}
#imgWho4	{	width:450px;height:auto;z-index:1;position:relative;margin:-100px 0 0 -400px;z-index:3;	}
#imgWho5	{	width:450px;height:auto;z-index:1;position:relative;margin:-50px 0 0 -200px;	}

#boxCreation1	{	position:relative;z-index:1;padding:50px;background-color:rgba(255,255,255,0.7);box-shadow: 0 0 0 16px #fff inset,0 0 0 17px #CFA667 inset;	}

.tax-collection #creations img	{transition: all 0.4s ease-in-out;}
.tax-collection #creations .mask {	position: absolute;top:0;left:0;width:100%;height:100%;opacity: 0;overflow:visible;background-color:rgba(255,255,255,0.4);transition: all 0.4s ease-in-out;	}
.tax-collection #creations a.info {position:relative;opacity:0;transition:opacity 0.5s 0s ease-in-out;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0;width:100%;height:100%;line-height:100%;	}
.tax-collection #creations a i	{position:absolute;top:50%;margin-top:-25px;margin-left:-25px;font-size:50px;	}
.tax-collection #creations div.creation:hover img {transform:scale(1.1);}
.tax-collection #creations div.creation:hover .mask {   opacity: 1;	}
.tax-collection #creations div.creation:hover a.info {   opacity:1;transition-delay: 0.3s;	}
.panelCreations	{	position:absolute;	}
.buttoncreations	{	text-align: center;margin: 10px 0;	}
.buttoncreations span {display:block;text-align:center;}
.buttoncreations a	{	    display: inline-block;padding: 10px 0;margin: 0 13px;font-family: callunaregular;font-size: 24px;	}
.buttoncreations a.active	{	border-bottom: 2px solid #CFA667;	}

#divContact	{	left:60%;min-width:350px;width:30%;position:absolute;z-index:2;top:0;padding:0 2%;height:100%;background-color:rgba(255, 255, 255, 0.7);	}
#contactForm {max-width:600px;margin: 0 auto;}
#contactForm input[type="submit"]	{	display:block;width:100%;padding:5px 10px;background:#CFA667;color:#FFF;border:0;	}
#divContact p {	    margin-bottom:7px;	}

footer	{	text-align:center;clear:both;	}
footer .custom-logo {width:150px;height:auto;}
footer .box {background-color: rgba(255, 255, 255, 1);box-shadow: 0 0 0 16px #fff inset, 0 0 0 17px #CFA667 inset;}
@media only screen and (max-height : 850px) {
    #wrapperhome h3	{	margin:10% 0 2%;	}
}
/* TABLETTE & SMARTPHONE */
@media only screen and (min-width : 1023px) and (max-width : 1400px) {
    section.creations	{	width:1000px;position:relative;margin-left:-140px;padding:20px;	}
    section.creations article.creation	{	position:relative;width:560px;height:373px;margin:10px;float:left;overflow:hidden;text-align: center;	}
    section.creations article.creation2	{	position:absolute;	}
    section.creations article.creation.portrait	{	width:373px;height:560px;position:relative;	}
    section.creations article.creation.first	{	clear:both;margin-left:0;	}
    section.creations article.creation.last	{	margin-right:0;	}
    section.creations article.creation.portrait.last	{	margin-top:-177px;	}
    section.creations article.creation img	{	width:100%;height:100%;transition: all 0.4s ease-in-out;	}
    section.creations article.creation .mask {	position: absolute;top:0;left:0;width:100%;height:100%;opacity: 0;overflow:visible;background-color:rgba(255,255,255,0.4);transition: all 0.4s ease-in-out;	}
    section.creations article.creation a.info {	color:#6c4680;position:relative;opacity: 0;transition: opacity 0.5s 0s ease-in-out;display: inline-block;text-decoration: none;padding:0;width:100%;height:100%;line-height:100%;	}
    section.creations article.creation a i	{	position:absolute;top:50%;margin-top:-25px;margin-left:-25px;font-size:50px;	}
    section.creations article.creation:hover img {   position:relative;margin:-83px 0 0 -125px;width:1000px;height:666px;	}
    section.creations article.creation.portrait:hover img {   position:relative;margin:-125px 0 0 -83px;width:666px;height:1000px;	}
    section.creations article.creation:hover .mask {   opacity: 1;	}
    section.creations article.creation:hover a.info {   opacity:1;transition-delay: 0.3s;	}
    #divContact h1 {	font-size: 40px;margin-top:7px;	}
    #divContact p {	    font-size: 12px;	}
}
@media only screen and (min-width : 1023px) and (max-width : 1169px) {
    .marginLeft125 img,.marginLeft220 img,.marginLeft250 img,.marginLeft440 img,.marginRight125 img,.marginRight250 img,.marginRight260 img,.marginRight320 img,.marginTop160 img,.marginTop170 img,.marginTop320 img	{	float:none;display:inline;margin:40px 40px 0 0;	}
    .width300 img,.width400 img,.width196 img,.width200 img,.width230 img,.height300 img	{	float:left;max-width:250px;max-height:300px;width:auto;height:auto;margin:40px 40px 0 0;	}
}
/* TABLETTE & SMARTPHONE */
@media only screen and (max-width : 1024px) {
    header .custom-logo {width: 150px;height:auto;}
    section#bandeauContact {height:auto;}
    .panelCreations	{	margin:20px 0;min-width:100%;max-width:100%;position:static;	}
    #site	{	z-index:20;position:relative;	}
}
/* TABLETTE VERTICALE */
@media only screen and (min-width : 769px) and (max-width : 1023px) {
    h1	{	font-size:40px;	}
    #wrapperhome h3	{	margin:10% 0 2%;	}
    #wrapperhome .outer,#wrapperhome .middle,#wrapperhome .inner	{	top: 0;left: 0;right: 0;width:auto;	}
    #wrapperhome #menuMobileLink	{	top:30px;left:30px;	}
    section.bandeau	{	height:auto;	}
    .wrapper,.wrapper#content	{	width:100%;	}
    #boxAtelier1,#boxWho1	{	width:100%;float:none;	}
    #boxAtelier11,#boxAtelier2,#boxWho11,#boxWho2,#boxWho3	{	position:static;float:none;width:100%;margin:20px 0;padding:50px;background-color:rgba(255,255,255,1);box-shadow: 0 0 0 16px #fff inset,0 0 0 17px #CFA667 inset;	}
    #imgAtelier1,#imgAtelier2,#imgAtelier3,#imgAtelier4,#imgWho1,#imgWho2,#imgWho3,#imgWho4,#imgWho5	{	position:static;float:none;width:100%;margin:20px 0;	}
    section.creations	{	width:100%;position:static;margin-left:0;padding:20px 0;	}
    section.creations article.creation	{	position:relative;width:100%;height:auto;margin:10px 0;float:none;overflow:hidden;text-align: center;	}
    section.creations article.creation2	{	position:static;min-width:100%;max-width:100%;height:auto;	}
    section.creations article.creation2.height800,section.creations article.creation2.height666,section.creations article.creation2.height650,section.creations article.creation2.height355,section.creations article.creation2.height350	{	height:auto;	}
    section.creations article.creation.portrait	{	width:100%;height:auto;position:relative;	}
    section.creations article.creation.first	{	clear:both;margin-left:0;	}
    section.creations article.creation.last	{	margin-right:0;	}
    section.creations article.creation.portrait.last	{	margin-top:0;	}
    section.creations article.creation img	{	width:100%;height:100%;transition: all 0.4s ease-in-out;	}
    section.creations article.creation .mask {	position: absolute;top:0;left:0;width:100%;height:100%;opacity: 0;overflow:visible;background-color:rgba(255,255,255,0.4);transition: all 0s ease-in-out;	}
    section.creations article.creation a.info {	color:#6c4680;position:relative;opacity: 0;transition: opacity 0s 0s ease-in-out;display: inline-block;text-decoration: none;padding:0;width:100%;height:100%;line-height:100%;	}
    section.creations article.creation a i	{	position:absolute;top:50%;margin-top:-25px;margin-left:-25px;font-size:50px;	}
    section.creations article.creation:hover img {   width:100%;height:100%;	}
    section.creations article.creation.portrait:hover img {   position:relative;margin:0; width:100%;height:100%;	}
    section.creations article.creation:hover .mask {   opacity:0;	}
    section.creations article.creation:hover a.info {   opacity:0;transition-delay: 0s;	}
    #panelCreations	{	width:100%;margin-left:0;margin-top:-20px;position:static;	}
    #divContact	{	display:none;	}
}
/* SMARTPHONE ET TABLETTE HORIZONTALE */
@media only screen and (min-width : 320px) and (max-width : 768px) {
    h1	{	font-size:40px;	}
    header .wrapper	{	text-align:center;	}
    main {min-height: calc(100vh - var(--menu-height));min-height: calc(100dvh - var(--menu-height));}
    #wrapperhome h3	{	margin:5% 0 2%;	}
    #wrapperhome .outer,#wrapperhome .middle,#wrapperhome .inner	{	top: 0;left: 0;right: 0;width:auto;	}
    section.bandeau	{	height:auto;	}
    .wrapper,.wrapper#content	{	width:100%;	}
    #boxAtelier1,#boxWho1	{	width:100%;float:none;	}
    #boxAtelier11,#boxAtelier2,#boxWho11,#boxWho2,#boxWho3	{	position:static;float:none;width:100%;margin:20px 0;padding:50px;background-color:rgba(255,255,255,1);box-shadow: 0 0 0 16px #fff inset,0 0 0 17px #CFA667 inset;	}
    #imgAtelier1,#imgAtelier2,#imgAtelier3,#imgAtelier4,#imgWho1,#imgWho2,#imgWho3,#imgWho4,#imgWho5	{	position:static;float:none;width:100%;margin:20px 0;	}
    section.creations	{	width:100%;position:static;margin-left:0;padding:20px 0;	}
    section.creations article.creation	{	position:relative;width:100%;height:auto;margin:10px 0;float:none;overflow:hidden;text-align: center;	}
    section.creations article.creation2	{	position:static;min-width:100%;max-width:100%;height:auto;	}
    section.creations article.creation.portrait	{	width:100%;height:auto;position:relative;	}
    section.creations article.creation.first	{	clear:both;margin-left:0;	}
    section.creations article.creation.last	{	margin-right:0;	}
    section.creations article.creation.portrait.last	{	margin-top:0;	}
    section.creations article.creation img	{	width:100%;height:100%;transition: all 0.4s ease-in-out;	}
    section.creations article.creation .mask {	position: absolute;top:0;left:0;width:100%;height:100%;opacity: 0;overflow:visible;background-color:rgba(255,255,255,0.4);transition: all 0s ease-in-out;	}
    section.creations article.creation a.info {	color:#6c4680;position:relative;opacity: 0;transition: opacity 0s 0s ease-in-out;display: inline-block;text-decoration: none;padding:0;width:100%;height:100%;line-height:100%;	}
    section.creations article.creation a i	{	position:absolute;top:50%;margin-top:-25px;margin-left:-25px;font-size:50px;	}
    section.creations article.creation:hover img {   width:100%;height:100%;	}
    section.creations article.creation.portrait:hover img {   position:relative;margin:0; width:100%;height:100%;	}
    section.creations article.creation:hover .mask {   opacity:0;	}
    section.creations article.creation:hover a.info {   opacity:0;transition-delay: 0s;	}
    #panelCreations	{	width:100%;margin-left:0;margin-top:-20px;position:static;	}
    .marginLeft125 img,.marginLeft220 img,.marginLeft250 img,.marginLeft440 img,.marginRight125 img,.marginRight250 img,.marginRight260 img,.marginRight320 img,.marginTop160 img,.marginTop170 img,.marginTop320 img	{	margin:20px 0;	}
    .width300 img,.width400 img,.width196 img,.width200 img,.width230 img,.height300 img	{	width:100%;height:auto;	}
    #divContact	{	display:none;	}
    section.bandeau .swiper-slide img.bottom {position: initial;}
    .buttoncreations a {display:block;}
    .single-robe #content {padding:20px;}
    header .menu-item {line-height:3rem;}
    address {--bs-spacer:0;}
    footer .menu-item {justify-content:center;}
    footer .custom-logo {margin-bottom:2rem;}
}