@font-face {font-family:'Road Rage';src:url('../fonts/road-rage.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face {font-family:'Adobe Caslon Pro Regular';src:url('../fonts/ACaslonPro-Regular.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face {font-family:'Stolzl';src:url('../fonts/Stolzl-Regular.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face {font-family:'Stolzl';src:url('../fonts/Stolzl-Bold.woff2') format('woff2');font-weight:bold;font-style:normal;}
@font-face {font-family:'Stolzl';src:url('../fonts/Stolzl-Medium.woff2') format('woff2');font-weight:600;font-style:normal;}

:root {
    --color-primary:#eb5343;
    --color-secondary:#343e47;
    --color-tertiary:#f3f3f3;
    --radius:20px;
    --fancybox-content-bg:var(--color-primary);
    --fancybox-content-color:var(--color-secondary);
    --swiper-pagination-bullet-inactive-opacity:1;
    --swiper-pagination-bullet-inactive-color:var(--color-secondary);
    --swiper-pagination-color:var(--color-primary);
    --swiper-pagination-bullet-width:10px;
    --swiper-pagination-bullet-height:10px;
}

body {font-family:'Stolzl';font-size:.8rem;cursor:url('../img/lunettes.png'), auto;}

.fullwidth {max-width:100%;}
.button {padding:0 1rem;line-height:1.6;letter-spacing:1px;display:flex;flex-direction:row;border-radius:var(--radius);width:fit-content;margin:0 auto;border:1px solid var(--color-primary);background:none;color:var(--color-primary);transition:all .25s ease-in-out;text-transform:uppercase;}
.button:hover, .button:focus {background:var(--color-primary);color:#fff;}

h1, h2, h3 {color:var(--color-primary);font-family:'Adobe Caslon Pro Regular';text-transform:uppercase;text-align:center;}
h1 span, h2 span, h3 span {font-family:'Road Rage';color:var(--color-secondary);font-size:50%;display:block;}
h1::after, h2:not(.no-after)::after {content:'';display:block;width:2px;height:70px;background:var(--color-primary);margin:1rem auto;}
h1 {font-size:3rem;}

main h2:not(.no-after)::after {height:0;transition:all .5s ease-in-out;transition-delay:.5s;}
main h2:not(.no-after).visible::after {height:70px;}


p, section ul {text-align:justify;max-width:40vw;margin:1rem auto;width:100%;color:var(--color-secondary);line-height:1.2;}
p + p {margin-top:0;}
section ul {padding-left:2rem;}
main a {color:var(--color-primary);text-decoration:none;}
main a:hover, main a:focus {color:var(--color-primary);text-decoration:underline;}

a.burger {display:block;position:fixed;top:-15rem;right:1rem;z-index:999;width:2rem;height:auto;transition:all .5s ease-in-out;}
a.burger.active {top:1rem;}
a.burger span {display:block;background:#fff;border-radius:4px;height:4px;width:100%;margin:4rem 0;transition:all .5s ease-in-out;}
a.burger:not(.open) span:nth-child(1) {transition-delay:.5s;}
a.burger:not(.open) span:nth-child(2) {transition-delay:.25s;}
a.burger.active.open span:nth-child(2) {opacity:0;}
a.burger.active.open span:nth-child(1) {transform:rotate(45deg) translateX(10px);margin-left:-13px;}
a.burger.active.open span:nth-child(3) {transform:rotate(-45deg) translateX(-10px);margin-top:-15px;}
a.burger.active span, a.burger.active span:nth-child(2), a.burger.active span:nth-child(3) {margin:4px 0;}

/* Header */
header {background:var(--color-primary);color:#fff;text-transform:uppercase;min-height:80vh;}
header .logo, footer .logo {max-height:100px;width:calc(300/145*100px);}
header nav ul, footer nav ul {display:flex;letter-spacing:1px;font-size:.8rem;list-style:none;}
header nav ul li::after, footer nav ul li::after {content:'|';padding:0 10px;}
header nav ul li:last-of-type::after, footer nav ul li:last-of-type::after {display:none;}
header nav a:hover, footer nav a:hover, header nav a:focus, footer nav a:focus {color:#fff;text-decoration:underline;}
header .navigation .button, footer .navigation .button {margin:auto 0;border:0;}
header .navigation .large-8:last-of-type, footer .navigation .large-8:last-of-type {display:flex;align-items:flex-end;flex-direction:column;justify-content:flex-end;}
header a, footer a, header p, footer p {color:#fff;}
header a:hover, footer a:hover {color:#fff;}
header .contain .cell, footer .contain .cell {display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;}
footer .contain .cell {gap:1rem;}
header .contain .button, footer .contain .button, section#services .button {border-color:#fff;margin:2rem auto;transition:all .25s ease-in-out;}
footer .contain .button {margin:0 auto;}
header .contain .button:hover, footer .contain .button:hover, section#services .button:hover {padding:0 3rem;}
header .contain .button:hover, footer .contain .button:hover, section#services .button:hover, header .contain .button:focus, footer .contain .button:focus, section#services .button:focus {background:#fff;color:var(--color-primary);}
header .button, footer .button, section#services .button {color:#fff;}
footer a[href="https://www.relaiscolis.com/"] {margin-top:2rem;}

/* Menu */
.menu li {position:relative;}
.menu li > ul.sub-menu {position:absolute;display:flex;flex-direction:column;right:0;text-align:right;z-index:2;}
.menu li > ul.sub-menu li::after {display:none;}
.menu li.children > a {pointer-events:none;}
.menu li.children > ul {max-height:0;overflow:hidden;}
.menu li.children:hover > ul, .menu li.children > ul:hover, .menu li.children:focus > ul, .menu li.children > ul:focus {max-height:200px;}
.menu a {display:inline-block;padding:0;line-height:inherit;}
.menu .active > a {background:none;text-decoration:underline;}

/* Swiper */
header .swiper {width:100%;height:55vh;}
body.home header .swiper {text-align:center;}
body.home header .swiper::before, body.home header .swiper::after {content:'';border-radius:50%;aspect-ratio:1/1;background:rgba(255, 255, 255, 0.1);position:absolute;width:45vh;height:45vh;left:calc(50% - 45vh/2);top:5vh;z-index:-1;}
body.home header .swiper::after {width:35vh;height:35vh;left:calc(50% - 35vh/2);top:10vh;}
body.home header .swiper-slide {display:flex;flex-direction:column;align-items:center;justify-content:center;}
body.home header .swiper-slide span {font-family:'Road Rage';font-size:7rem;font-weight:normal;position:relative;z-index:1;}
body.home header .swiper-slide img.lunettes {position:absolute;max-width:30%;z-index:0;}
body.home header .swiper.animateSwiper::before, body.home header .swiper.animateSwiper::after {animation:bump .5s;}
body.home header .swiper.animateSwiper::before {animation-delay:.05s;}

div.rdv a {display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .25s ease-in-out;color:var(--color-secondary);}
div.rdv:hover > a, div.rdv:focus > a {max-width:200px;padding:0 1rem;}
div.rdv a:hover, div.rdv a:focus {text-decoration:underline;}
div.rdv.button {background:#fff;color:var(--color-primary);font-size:.8rem;}

/* Main */

main .button {transition:all .25s ease-in-out;}
main .button:hover {padding:0 3rem;}

section {padding:4rem 0;}

section#presentation img[alt="formes lunettes"] {max-width:80%;margin:3rem auto;display:block;}
section#presentation .rdv {position:relative;}
section#presentation .rdv::after {content:'';display:block;width:2px;height:0;background:var(--color-primary);margin:0 auto 1rem auto;position:absolute;left:calc(50% - 1px);bottom:-16px;transition:all .5s ease-in-out;transition-delay:.5s;}
section#presentation .rdv.visible::after {height:70px;bottom:-86px;}

section#createurs {position:relative;z-index:1;padding-bottom:0;}
section#createurs h2 {text-align:left;text-indent:-4rem;position:relative;z-index:1;margin:4rem 0 5rem -65%;letter-spacing:1px;}
section#createurs a.button {margin:2rem auto 2rem 0;}
section#createurs .swiper {position:relative;z-index:0;}
section#createurs .swiper-horizontal>.swiper-pagination-bullets, section#createurs .swiper-pagination-bullets.swiper-pagination-horizontal, section#createurs .swiper-pagination-custom, section#createurs .swiper-pagination-fraction {width:30%;text-align:right;}

section#services {position:relative;z-index:0;padding-top:0;}
section#services .intro {position:relative;aspect-ratio:192/83;display:flex;align-items:flex-end;justify-content:flex-start;padding-bottom:25vh;}
section#services .intro img {position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:100vw;}
section#services .intro + div {background:var(--color-primary);}
section#services .intro h2 {line-height:.7;font-size:3.5rem;}
section#services .intro h2::first-line {font-family:'Road Rage';font-size:8rem;color:#fff;}
section#services .intro h2 em {font-family:'Adobe Caslon Pro Regular';font-size:2rem;vertical-align:1.2rem;}
section#services .intro h2 i {padding:0 3rem;}
section#services .large-12 {display:flex;flex-direction:row;flex-wrap:wrap;gap:5rem;padding:0 10rem;margin-top:-30px;}
section#services article {flex:1 0 calc(100%/3 - 5rem);}
section#services article img {aspect-ratio:1/1;background:#fff;border-radius:50%;width:100px;padding:1rem;margin-bottom:2rem;}
section#services article h3 {font-family:'Stolzl';color:#fff;font-weight:bold;font-size:.9rem;text-align:left;margin-bottom:0;}
section#services article h3 + p {margin-top:0;}
section#services article.citation {margin-left:-5rem;}
section#services article.citation::before {content:",,";font-family:'Adobe Caslon Pro Regular';font-size:2rem;color:var(--color-secondary);font-size:3rem;letter-spacing:1px;}
section#services article.citation cite {color:#fff;font-family:'Adobe Caslon Pro Regular';font-size:1.5rem;font-style:normal;text-transform:uppercase;line-height:1.2;}
section#services article.citation cite::before {display:none;}
section#services a.button {margin:5rem auto;}

section#actualite {position:relative;z-index:2;}
section#actualite .large-5 {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
section#actualite h2, section#actualite h3 {text-align:left;}
section#actualite h2 {margin-left:-7rem;}
section#actualite h3 {font-family:'Stolzl';color:var(--color-secondary);text-transform:none;font-size:1.4rem;margin-left:-3rem;margin-bottom:0;}
section#actualite h3 + p {margin-top:.5rem;}
section#actualite a.button {margin-left:0;padding:0 3rem;transition:all .25s ease-in-out;}
section#actualite a.button:hover {padding:0 5rem;}
section#actualite img {aspect-ratio:1/1;object-fit:cover;border-radius:50%;}

/* Footer */
footer {background:var(--color-primary);color:#fff;}
footer .contain {background:var(--color-secondary);padding:10vh 5vw;position:absolute;max-width:75rem;z-index:1;}
footer .contain a.button {padding:0 2rem;transition:all .25s ease-in-out;}
footer .contain a.button:hover {padding:0 5rem;}
footer h2 span {color:#fff;font-size:80%;}
footer a.button {font-size:.7rem;}
footer .contain .boutique h3 {font-size:1.5rem;margin-top:1rem;margin-bottom:0;}
footer .contain .boutique p {margin-top:0;min-height:90px;}
footer .contain .boutique img:not([src$=".svg"]) {aspect-ratio:365/181;object-fit:cover;width:100%;height:auto;}
footer img[alt="Relais colis"] {height:35px;width:auto;margin:.5rem 0;}
footer img[alt="fourmizz"] {max-height:12px;width:auto;vertical-align:-.1rem;}
footer nav ul {text-transform:uppercase;font-size:.7rem;margin-bottom:.5rem;}
footer nav + p {text-align:right;margin-top:0;font-size:.6rem;max-width:100%;}
footer nav + p a:hover {text-decoration:underline;}
footer .contain .boutique img.plan {display:block;width:100%;aspect-ratio:1/1;border-radius:50%;margin:0 auto;border:0;}
footer table, footer table tbody, footer table tbody tr:nth-child(2n) {background:none;border:0;}
footer table tr {background:none;}
footer .menu li > ul.sub-menu {bottom:10px;}
tbody td, tbody th {padding:0;}
body.page-template-page-boutique footer {text-transform:uppercase;}
body.page-template-page-boutique footer span[itemprop="telephone"] {margin-top:1rem;display:block;}
body.page-template-page-boutique footer span[itemprop="email"] {text-transform:none;}
body.page-template-page-boutique footer h3 {text-align:left;width:100%;font-family:'Stolzl';font-size:1.6rem;letter-spacing:1px;font-weight:normal;}
body.page-template-page-boutique [itemtype="https://schema.org/LocalBusiness"] + .large-6 {padding:0;}

.icon-map {width:50px;height:auto;aspect-ratio:1/1;object-fit:contain;}

/* Forms */
form {position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;}
form ::placeholder {color:transparent;}
footer .contain .boutique form h3 {font-family:'Road Rage';font-size:1.5rem;color:#fff;}
[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], [type="submit"], textarea {border-radius:20px;border:1px solid 1px #fff;background:none;margin:0;padding:0 1rem;line-height:2;color:#fff;font-size:.8rem;}
[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="datetime"]:focus, [type="email"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {outline:none;background:none;box-shadow:none;border-color:var(--color-primary);}
[type="submit"] {border:0;background:var(--color-primary);color:#fff;text-transform:uppercase;outline:0;margin:0 0 0 auto;padding:0 2rem;line-height:1.5;width:fit-content;}
textarea {resize:none;max-height:120px;}
label {position:relative;flex:1 0 calc(50% - 1rem);}
label i {position:absolute;top:0;left:1rem;line-height:3;color:#fff;letter-spacing:1px;transition:all .25s ease-in-out;font-size:.8rem;font-style:normal;}
label input:focus + i, label textarea:focus + i, label input:not(:placeholder-shown) + i, label textarea:not(:placeholder-shown) + i {top:-20px;background:var(--color-primary);font-size:.6rem;padding:0 1rem;border-radius:20px;}
label:last-of-type {flex:1 0 100%;}
form .wpcf7-spinner {position:absolute;bottom:0;}

/* Not home */
body:not(.home) header h1 {color:#fff;text-align:left;width:100%;}
body:not(.home) header h1::after {display:none;}
body:not(.home) header p {text-transform:none;}
body:not(.home) header .contain {height:calc(80vh - 100px);}
body:not(.home) header .contain a.button {margin-left:0;margin-right:auto;background:#fff;color:var(--color-primary);}
body:not(.home) header .contain a.button:hover {background:none;color:#fff;border-color:#fff;}
body:not(.home) header .contain .header-content {position:relative;}
body:not(.home) header .contain .header-content::before, body:not(.home) header .contain .header-content::after {content:'';border-radius:50%;aspect-ratio:1/1;background:rgba(255, 255, 255, 0.1);position:absolute;width:100%;height:auto;aspect-ratio:1/1;z-index:0;left:-10vw;}
body:not(.home) header .contain .header-content::after {transform:scale(.8);}
body:not(.home) header .contain .header-content * {z-index:1;}
body:not(.home) header .contain .header-content h1 {left:-12vw;position:relative;}
body:not(.home) header .contain .large-6 {position:relative;}
body:not(.home) section#services {padding:8rem 0 0 0;}
body:not(.home) section#services h2 {text-align:left;padding-left:2rem;margin-bottom:2rem;}
body:not(.home) section#services h2::after {display:none;}
body:not(.home) section#services .large-12 {padding:0;margin-top:0;}
body:not(.home) section#services .large-7 h3 {margin-bottom:0;font-family:'Stolzl';text-transform:none;font-size:1.4rem;color:var(--color-secondary);}
body:not(.home) section#services .large-7 h3 + p {margin-top:0;max-width:65%;}
body:not(.home) section#services .large-7 h3, body:not(.home) section#services .large-7 p {text-align:left;margin-left:0;}
body:not(.home) section#services .large-7 h2 {text-indent:-4.1rem;padding-left:0;line-height:1.2;margin-top:5rem;margin-bottom:0;}
body:not(.home) section#services .button {border-color:var(--color-primary);color:var(--color-primary);margin:2rem auto 0 0;}
body:not(.home) section#services .button:hover {background:var(--color-primary);color:#fff;}

/*
header .contain .photos {display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, 1fr);grid-gap:1rem;position:absolute;max-width:60%;bottom:0;max-height:100%;}
header .contain .photos img:first-child {grid-column-end:-1;}
header .contain .photos img {max-height:22vh;}
*/

#boutiqueSwiper {margin-bottom:-40vh;width:55vh;}
#boutiqueSwiper .swiper-slide {display:flex;align-items:center;justify-content:center;}
#boutiqueSwiper + .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:2rem;left:10vh;width:fit-content;flex-direction:column;display:flex;--swiper-pagination-color:#fff;}
#boutiqueSwiper + .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:.2rem 0;}

body:not(.home) header .contain .photo {height:100%;width:auto;display:block;position:absolute;bottom:0;}
body:not(.home) header .contain .photo img {width:auto;height:100%;}


/* Page Services */
body.page-template-page-services header {background:url('../img/bg-header-services.jpg') no-repeat center center;background-size:cover;}
body.page-template-page-services header .contain .header-content::before, body.page-template-page-services header .contain .header-content::after {display:none;}
body.page-template-page-services header .contain .header-content + .large-6 {overflow:hidden;}
body.page-template-page-services header .contain .photo {transform:translateX(150%);animation:slideFromRight 1s .5s ease-in-out forwards;}
body.page-template-page-services header h1 {font-family:'Stolzl';text-transform:none;text-align:right;white-space:nowrap;font-size:3rem;line-height:1;font-weight:bold;}
body.page-template-page-services header h1 span {color:#fff;font-size:6rem;white-space:nowrap;font-weight:normal;}
body.page-template-page-services #presentation p {text-align:center;}
body.page-template-page-services #services {padding-top:0!important;}
body.page-template-page-services section#services h2 {padding-left:0;}
body.page-template-page-services #services .grid-x:nth-child(even) {flex-direction:row-reverse;}
body.page-template-page-services #services .illustration {position:relative;padding:0;}
body.page-template-page-services #services .illustration img.picto {position:absolute;aspect-ratio:1/1;background:var(--color-tertiary);border-radius:50%;width:100px;padding:1rem;margin-bottom:2rem;top:calc(50% - 50px);right:-50px;}
body.page-template-page-services #services > .grid-x:hover .illustration img.picto {animation:bump .5s ease-in-out forwards;}
body.page-template-page-services #services .grid-x:nth-child(even) .illustration img.picto {right:auto;left:-50px;}
body.page-template-page-services #services .large-6:not(.illustration) {display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding-left:5rem;}
body.page-template-page-services #services .large-6:not(.illustration) h3 {text-align:left;margin-bottom:0;font-family:'Stolzl';text-transform:none;font-size:1.4rem;color:var(--color-secondary);}
body.page-template-page-services #services .large-6:not(.illustration) p {text-align:left;}
body.page-template-page-services #services .grid-x:nth-child(even) .large-6:not(.illustration) {align-items:flex-end;padding-left:.9375rem;padding-right:5rem;}
body.page-template-page-services #services .grid-x:nth-child(even) .large-6:not(.illustration) p {text-align:right;}
body.page-template-page-services #services .grid-x:nth-child(even) .large-6:not(.illustration) .rdv.button {margin-right:0;margin-left:auto;}
body.page-template-page-services #accessoires {padding-bottom:0;}
body.page-template-page-services #accessoires h2 {text-align:left;}
body.page-template-page-services #accessoires h2::after {display:none;}
body.page-template-page-services #accessoires p {text-align:justify;max-width:30vw;margin-left:0;}
body.page-template-page-services #accessoires p strong {font-size:1.4rem;font-weight:normal;}
body.page-template-page-services #accessoires + .separateur {margin-top:-15vh;position:relative;z-index:-1;}
body.page-template-page-services #accessoires #photoAccessoire {aspect-ratio:620/719;object-fit:cover;object-position:center;}
body.page-template-page-services #accessoires .accessoire {background:#fff;margin-right:-0.9375rem;margin-left:-0.9375rem;padding-right:0.9375rem;padding-left:0.9375rem;}
body.page-template-page-services #accessoires .accessoire h3 {font-weight:600;font-family:'Stolzl';font-size:1rem;text-align:left;color:var(--color-secondary);cursor:pointer;}
body.page-template-page-services #accessoires .accessoire h3 + div.text-accessoires {max-height:0;transition:all .25s ease-in-out;overflow:hidden;}
body.page-template-page-services #accessoires .accessoire.active h3 + div.text-accessoires {max-height:200px;}

.separateur {width:100%;max-width:100%;}

/* Page Actualité */
body.page-template-page-actualite header {max-height:50vh;height:50vh;min-height:50vh;}
body.page-template-page-actualite header .contain {height:calc(50vh - 100px);}
body.page-template-page-actualite section {padding-bottom:0;padding-top:0;margin-top:-4rem;}
body.page-template-page-actualite article .illustration {padding:0;}
body.page-template-page-actualite article .illustration img {object-fit:cover;width:100%;height:100%;object-position:center;aspect-ratio:1/1;filter:grayscale(100);transition:all .25s ease-in-out;}
body.page-template-page-actualite article:hover .illustration img {filter:grayscale(0);}
body.page-template-page-actualite article:nth-child(odd) {flex-direction:row-reverse;}
body.page-template-page-actualite article h2::after {display:none;}
body.page-template-page-actualite article .large-6:not(.illustration) {display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem;}
body.page-template-page-actualite header .contain .header-content::before, body.page-template-page-actualite header .contain .header-content::after {display:none;}

/* Page Marques */
body.page-template-page-marques header {background:url('../img/bg-header-marques.jpg') no-repeat center center;background-size:cover;overflow:hidden;position:relative;}
body.page-template-page-marques header .contain .header-content::before, body.page-template-page-marques header .contain .header-content::after {display:none;}
body.page-template-page-marques header .photo {position:absolute;right:3vw;z-index:-1;pointer-events:none;transition:all .5s ease-in-out;}
body.page-template-page-marques header .photo.blur {filter:blur(20px);}
body.page-template-page-marques header .contain .header-content {align-items:flex-start;}
body.page-template-page-marques header .contain .header-content p {margin-left:0;max-width:25vw;}
body:not(.home).page-template-page-marques header .contain h1 {width:fit-content;left:auto;font-family:'Stolzl';color:#fff;font-weight:600;font-size:9rem;position:absolute;z-index:1;display:flex;justify-content:flex-end;align-items:center;right:28%;top:15%;transform-origin:100% 0%;}
body.page-template-page-marques header .contain h1 span {display:inline;color:#fff;font-weight:normal;}
body.page-template-page-marques header .contain h1 span:first-of-type {font-size:60%;white-space:nowrap;}
body.page-template-page-marques header .contain h1 em {font-style:normal;animation:zoomEyewear 4s infinite forwards;animation-delay:1.5s;}
body.page-template-page-marques .marque {padding:.9375rem;position:relative;overflow:hidden;}
body.page-template-page-marques .marque img.modele {position:absolute;top:15%;left:15%;z-index:0;width:70%;height:70%;object-fit:contain;object-position:center;aspect-ratio:1/1;mix-blend-mode:darken;}
body.page-template-page-marques .marque a {background:#f0f0f0;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:var(--color-secondary);}
body.page-template-page-marques .marque a:hover {text-decoration:none;}
body.page-template-page-marques .marque h2 {font-family:'Stolzl';font-size:1rem;letter-spacing:2px;color:var(--color-secondary);font-weight:bold;margin-bottom:2rem;}
body.page-template-page-marques .marque h2::after {display:none;}
body.page-template-page-marques .marque span {aspect-ratio:1/1;display:block;width:calc(100% - .9375rem*2);height:calc(100% - .9375rem*2);position:absolute;top:.9375rem;left:.9375rem;display:flex;justify-content:center;align-items:center;background:var(--color-primary);transition:all .25s ease-in-out;transform:scale(0);border-radius:50%;}
body.page-template-page-marques .marque:hover span {transform:scale(.8);border-radius:0;}
body.page-template-page-marques .marque img {aspect-ratio:1/1;display:block;object-fit:contain;width:70%;height:70%;margin:auto;mix-blend-mode:multiply;}
body.page-template-page-marques [name="filtres"] {width:100%;display:flex;align-items:flex-start;justify-content:center;gap:1rem;margin-top:-28px;position:relative;z-index:2;}
body.page-template-page-marques [name="filtres"] > div {flex:1 0 calc(25% - 1rem);position:relative;}
body.page-template-page-marques [name="filtres"] select + div.select-text {position:absolute;width:100%;background:var(--color-tertiary);border:1px solid #fff;border-radius:40px;height:fit-content;padding:0;line-height:4;text-align:center;font-size:.8rem;text-transform:uppercase;pointer-events:none;z-index:1;top:0;}
body.page-template-page-marques [name="filtres"] [type="checkbox"] {display:none;}
body.page-template-page-marques [name="filtres"] select:hover, body.page-template-page-marques [name="filtres"] select:hover + div.select-text, body.page-template-page-marques [name="filtres"] select:focus, body.page-template-page-marques [name="filtres"] select option {background:var(--color-primary);color:#fff;cursor:pointer;}
body.page-template-page-marques [name="filtres"] label:hover, body.page-template-page-marques [name="filtres"] [type="checkbox"]:checked + label {background:var(--color-primary);color:#fff;}
body.page-template-page-marques [name="filtres"] select, body.page-template-page-marques [name="filtres"] label {width:100%;background:var(--color-tertiary);border:1px solid #fff;border-radius:40px;height:fit-content;padding:0;line-height:4;text-align:center;font-size:.8rem;text-transform:uppercase;position:relative;z-index:0;}
body.page-template-page-marques .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content {padding:0;min-height:80vh;}

#portraits img {aspect-ratio:27/45;object-fit:cover;object-position:center;width:100%;height:auto;}

/* Page Verres */
body.page-template-page-verres header {background:url('../img/bg-header-verres.jpg') no-repeat center center;background-size:cover;overflow:hidden;}
body.page-template-page-verres header h1 span {color:#fff;}
body.page-template-page-verres header .contain .photo {margin-bottom:2rem;max-height:90%;width:auto;right:0;transform:translateX(150%);animation:slideFromRight 1s .5s ease-in-out forwards;}
body.page-template-page-verres #presentation p {text-align:center;}
body.page-template-page-verres #verres {padding-top:0!important;}
body.page-template-page-verres #verres .grid-x:nth-child(even) {flex-direction:row-reverse;}
body.page-template-page-verres #verres .illustration {position:relative;padding:0;}
body.page-template-page-verres #verres .large-6:not(.illustration) {display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding-left:5rem;}
body.page-template-page-verres #verres .large-6:not(.illustration) h3 {text-align:left;margin-bottom:0;font-family:'Stolzl';text-transform:none;font-size:1.4rem;color:var(--color-secondary);}
body.page-template-page-verres #verres .large-6:not(.illustration) p {text-align:left;}
body.page-template-page-verres #verres .grid-x:nth-child(even) .large-6:not(.illustration) {align-items:flex-end;padding-left:.9375rem;padding-right:5rem;}
body.page-template-page-verres #verres .grid-x:nth-child(even) .large-6:not(.illustration) p {text-align:right;}
body.page-template-page-verres #verres .grid-x:nth-child(even) .large-6:not(.illustration) .rdv.button {margin-right:0;margin-left:auto;}

/* Page Mentions */
body.page-template-page-mentions header {max-height:30vh;height:30vh;min-height:30vh;}
body.page-template-page-mentions header .contain {height:calc(30vh - 100px);}
body.page-template-page-mentions header .contain .large-6, body.page-template-page-mentions header .contain .header-content::before, body.page-template-page-mentions header .contain .header-content::after, body.page-template-page-mentions main h2::after {display:none;}
body.page-template-page-mentions header .contain .header-content {width:83.33333%;}
body.page-template-page-mentions main h2 {font-size:1.8rem;}
body.page-template-page-mentions main h3 {font-size:1.5rem;}
body.page-template-page-mentions #cmplz-document {margin:0 auto;}
body.page-template-page-mentions #cmplz-document h2, body.page-template-page-mentions #cmplz-document h3 {text-align:center;}

/* Single */
body.single header {min-height:70vh;max-height:70vh;}
body.single header .contain {flex-direction:row-reverse;}
body.single header .contain .photo {bottom:-4rem;aspect-ratio:1/1;}
body.single header .contain .photo img {object-fit:cover;width:100%;height:100%;border-radius:50%;aspect-ratio:1/1;}
body.single header .contain .header-content::before, body.single header .contain .header-content::after {display:none;}
body.single header .contain .header-content h1 {left:-4vw;font-size:3rem;line-height:1.1;}
body.single h2:not(.no-after)::after {display:none;}
body.single main {padding-top:15vh;}

/* Single Marque */
body.single-marque {background:var(--color-primary);}
body.single-marque header, body.single-marque footer {display:none;}
body.single-marque main {padding-top:5vh;}
body.single-marque section {padding:0;}
[data-content="marque"] .large-12 img {margin:0 auto 3rem auto;display:block;max-width:200px;}
[data-content="marque"] .text-intro {margin-left:-8vw;background:var(--color-primary);padding:2rem 0 2rem 2rem;position:relative;z-index:1;height:35vh;}
[data-content="marque"] .text-complementaire {height:38vh;display:flex;flex-direction:column;align-content:flex-start;justify-content:center;}
[data-content="marque"] .text-intro, [data-content="marque"] .text-complementaire {max-width:30vw;}
[data-content="marque"] .text-intro, [data-content="marque"] .text-complementaire, [data-content="marque"] .text-intro p, [data-content="marque"] .text-complementaire p, [data-content="marque"] .text-intro ul, [data-content="marque"] .text-complementaire ul {color:#fff;}
[data-content="marque"] .text-complementaire ul {line-height:1.4;}
[data-content="marque"] .swiper {height:75vh;--swiper-pagination-color:#fff;}
[data-content="marque"] .swiper-slide {position:relative;height:100%;height:auto!important;}
[data-content="marque"] .swiper-content {height:100%!important;}
    
[data-content="marque"] .illustration {margin-bottom:3rem;width:80%;height:80%;aspect-ratio:53/65;object-fit:cover;}
[data-content="marque"] .modele {position:absolute;width:auto;height:50%;right:0;bottom:0;aspect-ratio:53/39;object-fit:cover;background:#fff;}
[data-content="marque"] div.rdv.button {margin-left:0;font-size:.7rem;letter-spacing:.5px;white-space:nowrap;}
[data-content="marque"] div.rdv.button:hover {padding:0 1rem;}

[data-content="marque"] .swiper-horizontal > .swiper-pagination-bullets, [data-content="marque"] .swiper-pagination-bullets.swiper-pagination-horizontal {width:40%;text-align:right;}

/* Fancybox */
.fancybox__container {--carousel-button-svg-filter:drop-shadow(0);}
.fancybox__backdrop {background:#343e47ec;}
.fancybox__content {padding:0;}
.fancybox__content > .carousel__button.is-close {top:0;}

[name="cmplz-acceptance"] {margin-bottom:0;}
[name="cmplz-acceptance"] + span.wpcf7-list-item-label {line-height:1.2;color:#fff;font-size:.6rem;}

/* Animations */
@keyframes bump {
    0% {transform:scale(1);}
    25% {transform:scale(1.2);}
    50% {transform:scale(.8);}
    75% {transform:scale(1.2);}
    100% {transform:scale(1);}
}
@keyframes zoomEyewear {
    0% {transform:scale(1);}
    5% {transform:scale(1.2);}
    10% {transform:scale(.8);}
    15% {transform:scale(1.2);}
    20% {transform:scale(1);}
}
@keyframes slideFromRight {
    0% {transform:translateX(150%);}
    100% {transform:translateX(0);}
}
@keyframes rightToLeft {
    0% {transform:translateX(200px);opacity:0;}
    100% {transform:translateX(0px);opacity:1;}
}
@keyframes leftToRight {
    0% {transform:translateX(-200px);opacity:0;}
    100% {transform:translateX(0px);opacity:1;}
}
@keyframes bottomToTop {
    0% {transform:translateY(200px);opacity:0;}
    100% {transform:translateY(0px);opacity:1;}
}
.not-in-screen {opacity:0;}
.right-to-left {animation:rightToLeft .5s ease-in-out forwards;}
.left-to-right {animation:leftToRight .5s ease-in-out forwards;}
.bottom-to-top {animation:bottomToTop .5s ease-in-out forwards;}

/* Admin */
body.login h1::after, body.login h2:not(.no-after)::after, body.login .language-switcher {display:none;}
body.login {background:var(--color-secondary);}
body.login form {border-radius:20px;border:0;}
body.login .button-primary {float:none;margin:0 auto;display:block;border-radius:20px;background:var(--color-primary);border:0;}
body.login .button-primary:hover {background:var(--color-secondary);}
body.login #backtoblog, body.login #nav {text-align:center;}
body.login #backtoblog a, body.login #nav a {color:#fff;}
body.login #backtoblog a:hover, body.login #nav a:hover {color:var(--color-primary);}
body.login h1 a {background-image:url('https://ww2.lamerelunettes.com/wp-content/themes/lamerelunettes/img/logo-la-mere-lunettes-blanc.svg');background-size:contain;background-repeat:no-repeat;display:block;width:100%;}

/* Responsive */
@media screen and (max-width:1200px) {
    body.page-template-page-marques header .contain .header-content p {margin-top:7rem;}
    section#services .intro {padding-bottom:15vh;}
    section#services .intro h2 {font-size:2.5rem;}
    section#services .intro h2::first-line {font-size:4rem;}
    #boutiqueSwiper + .swiper-pagination-bullets.swiper-pagination-horizontal {left:3vw;}
    footer .contain {max-width:100%;}
    body.single-marque .grid-container:not(.full)>.grid-padding-x {margin-right:0;margin-left:0;}
    [data-content="marque"] .large-12 img {margin:0 auto;}
    [data-content="marque"] .swiper-horizontal > .swiper-pagination-bullets, [data-content="marque"] .swiper-pagination-bullets.swiper-pagination-horizontal {text-align:left;}
}
@media screen and (max-width:1024px) {
    body:not(.home, .page-template-page-marques) header .contain .header-content h1 {font-size:2.8rem;}
}
@media screen and (max-width:1000px) {
    [data-content="marque"] div.rdv.button {display:flex;flex-direction:column;margin:0 auto;}
    [data-content="marque"] div.rdv.button a {max-height:0;max-width:100%;}
    [data-content="marque"] div.rdv.button:hover a {max-height:2rem;}
}
@media screen and (max-width:900px) {
    .not-mobile {display:none!important;}
    body.home header .swiper-slide span {font-size:7rem;}
    body.home header .swiper-slide img.lunettes {max-width:70%;}
    p, section ul {max-width:60%;}
    section#createurs h2 {margin:4rem 0 2rem -15%;}
    section#createurs p, section#services article h3 + p, section#actualite p, footer p, [data-content="marque"] p, [data-content="marque"] ul, header p, footer p, body.page-template-page-services #services .large-6:not(.illustration) p, body.page-template-page-services #accessoires p, body.page-template-page-verres #verres .large-6:not(.illustration) p, body.page-template-page-actualite section p {max-width:100%;}
    section#services .large-12 {gap:4rem;padding:0 4rem;}
    section#services article.citation {margin-left:0;}
    section#actualite h2 {margin-left:-4rem;line-height:1.1;}
    section#actualite h3 {font-size:1.2rem;margin-left:-1rem;}
    footer .contain {padding:5vh;}
    body:not(.home) header .contain .photo {height:100%;width:100%;display:block;position:absolute;bottom:0;right:0;}
    body:not(.home) header .contain .photo img {width:100%;aspect-ratio:670/461;height:100%;object-fit:cover;object-position:left;}
    body.page-template-page-marques header .contain h1 {font-size:7.5rem;right:0;bottom:60vh;}
    body.page-template-page-marques header .contain h1 span:first-of-type {font-size:50%;}
    body.page-template-page-marques header .contain .header-content p {max-width:30vw;}
    [data-content="marque"] .text-intro, [data-content="marque"] .text-complementaire {max-width:100%;padding:2rem;margin-left:0;}
    body.page-template-page-services header h1 {font-size:2rem;}
    body.page-template-page-services header h1 span {font-size:4.5rem;}
    body.page-template-page-services section#services h2 {font-size:2rem;}
    body.page-template-page-services #services .large-6:not(.illustration) p {margin-top:0;}
    body:not(.home) section#services .button {margin:1rem auto 0 0;}
    body.page-template-page-services #services .grid-x:nth-child(even) .large-6:not(.illustration), body.page-template-page-services #services .large-6:not(.illustration), body.page-template-page-verres #verres .large-6:not(.illustration), body.page-template-page-verres #verres .grid-x:nth-child(even) .large-6:not(.illustration) {padding:0 3.5rem;}
    body.page-template-page-services main div.rdv.button {display:flex;flex-direction:column;margin:0 auto;}
    body.page-template-page-services main div.rdv.button a {max-height:0;max-width:100%;}
    body.page-template-page-services main div.rdv.button:hover a {max-height:2rem;}
    body.page-template-page-services #services .illustration img:not(.picto) {width:100%;height:100%;object-fit:cover;object-position:center;}
    body.page-template-page-services #accessoires + .separateur {margin-top:-5vh;}
    body.page-template-page-actualite section h2 {font-size:1.8rem;}
    body.single header .contain .header-content h1 {left:-2vw;font-size:2.7rem;}
    body.single header .contain .photo {aspect-ratio:1/1;height:auto;bottom:-15vh;}
    body.single header .contain .photo img {width:100%;aspect-ratio:1/1;height:100%;object-fit:cover;object-position:left;}
    body.single header {min-height:40vh;max-height:40vh;}
    body.single header .contain {height:calc(40vh - 100px);}
    body.single section h2 {font-size:2.2rem;}
    body:not(.home) header .contain .header-content h1 {font-size:2rem;}
    body.page-template-page-marques header .contain .header-content h1 {font-size:6rem;right:0;top:32%;}
    body.page-template-page-boutique header {min-height:50vh;max-height:50vh;}
    body.page-template-page-boutique header .contain {height:calc(50vh - 100px);}
    header .contain .photos {max-width:80%;}
    body:not(.home) section#services .large-7 h3 + p, body:not(.home) section#services .large-7 p {max-width:80%;}
    body:not(.home) section#services .large-7 h2 {font-size:2rem;}
    footer .contain .boutique form h3 {font-size:1.2rem;}
    body.page-template-page-mentions main h2 {font-size:1.6rem;max-width:80%;margin:2rem auto;}
    body.page-template-page-services section#services h2 {line-height:1.1;margin-bottom:1rem;}
    #boutiqueSwiper {margin-bottom:-20vh;width:100%;height:40vh;}
    #boutiqueSwiper img, body.page-template-page-boutique #services img {width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
    body.page-template-page-boutique [itemtype="https://schema.org/LocalBusiness"] + .large-6 {padding-right:0.9375rem;padding-left:0.9375rem;}
    footer .contain a.button:first-of-type {margin-top:2rem;}
}
@media screen and (max-width:640px) {
    body.home header .swiper-slide span {font-size:3rem;}
    h1 {font-size:2rem;}
    h2 {font-size:1.6rem;}
    p, section ul {max-width:70%;text-align:center;}
    .grid-container {padding-right:0;padding-left:0;}
    .grid-container:not(.full)>.grid-padding-x {margin-right:0;margin-left:0;}
    header .logo, footer .logo {display:block;margin:0 auto;}
    header nav {position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);z-index:999;filter:blur(10px);opacity:0;transition:all .25s ease-in-out;pointer-events:none;}
    header nav.active {pointer-events:all;opacity:1;filter:blur(0);}
    div.rdv.button {margin:1rem auto;flex-direction:column;}
    div.rdv a {max-width:100%;max-height:0;}
    div.rdv:hover a {max-height:2rem;}
    section#createurs h2 {margin:2rem auto;text-indent:initial;text-align:center;}
    section#createurs p, section#services article h3 + p, section#actualite p, footer p, [data-content="marque"] p, [data-content="marque"] ul, header p, footer p, body.page-template-page-services #services .large-6:not(.illustration) p, body.page-template-page-services #accessoires p, body.page-template-page-verres #verres .large-6:not(.illustration) p, body.page-template-page-actualite section p {max-width:90%;}
    section#createurs a.button {margin:2rem auto;}
    section#services .intro {padding-bottom:5vh;height:25vh;max-width:100%;}
    section#services .intro h2 {font-size:1.8rem;text-align:left;}
    section#services .intro h2 em {font-size:1rem;}
    section#services .intro h2 i {padding:0;}
    section#services .large-12 {gap:2rem;padding:0 2rem;}
    section#services article {flex:1 0 calc(100%/2 - 5rem);align-items:center;display:flex;flex-direction:column;justify-content:flex-start;}
    section#services article h3 {text-align:center;}
    section#services article h3 + p {max-width:100%;}
    section#portraits .grid-padding-x > .cell {padding:0.625rem;}
    section#actualite h2, section#actualite h3 {margin-left:0;text-align:center;width:100%;margin-top:1rem;}
    footer nav {display:none;}
    footer nav + p {text-align:center;}
    [type="submit"] {margin-inline:auto;}
    body.page-template-page-boutique header {max-height:none;}
    body.page-template-page-boutique header .contain {height:auto;}
    #boutiqueSwiper {margin-bottom:-10vh;}
    body:not(.home, .page-template-page-marques) header .contain .header-content h1 {left:0;width:100%;text-align:center;}
    body:not(.home) header .contain a.button {margin-left:auto;}
    body:not(.home) section#services h2 {text-align:center;padding-left:0;}
    body:not(.home) section#services .large-7 h3 + p, body:not(.home) section#services .large-7 p {max-width:80%;margin:1rem auto;}
    body:not(.home) section#services .large-7 h3, body:not(.home) section#services .large-7 p {text-align:center;}
    body:not(.home) section#services .large-7 h2 {font-size:1.6rem;text-indent:0;}
    body:not(.home) section#services .button {margin:1rem auto;}
    body.page-template-page-marques [name="filtres"] {flex-direction:column;align-items:center;}
    body.page-template-page-marques header .contain .header-content p {max-width:80%;margin:7rem auto 2rem;}
    body.page-template-page-marques header {height:auto;min-height:auto;}
    body.page-template-page-marques header .contain .photo img {right:-20%;position:relative;}
    body.page-template-page-marques header .contain .header-content h1 {font-size:8rem;right:13%;top:30%;}
    body:not(.home) header .contain {height:auto;}
    body.page-template-page-verres header .contain .photo {position:relative;right:-10px;}
    body.page-template-page-verres header .contain .photo img {aspect-ratio:1738/1473;}
    body.page-template-page-verres #verres .large-6:not(.illustration) h3 {width:100%;text-align:center;display:none;}
    body.page-template-page-verres #verres .large-6:not(.illustration) p, body.page-template-page-verres #verres .grid-x:nth-child(even) .large-6:not(.illustration) p {text-align:center;}
    body.page-template-page-services header h1 span {font-size:2.5rem;}
    body.page-template-page-services header .contain .header-content h1 {font-size:1.4rem;}
    body.page-template-page-services header .contain .photo {position:relative;bottom:-10px;}
    body.page-template-page-services header .contain .photo img {aspect-ratio:317/422;}
    body.page-template-page-services #services .illustration img.picto, body.page-template-page-services #services .grid-x:nth-child(even) .illustration img.picto {top:calc(100% - 40px);right:calc(50% - 40px);left:auto;width:80px;}
    body.page-template-page-services section#services h2, body.page-template-page-services #services .large-6:not(.illustration) h3 {width:100%;text-align:center;}
    body.page-template-page-services #services .large-6:not(.illustration) p, body.page-template-page-services #services .grid-x:nth-child(even) .large-6:not(.illustration) p {text-align:center;}
    body.page-template-page-services section#services h2 br {display:none;}
    body.page-template-page-services #services .grid-x:nth-child(even) .large-6:not(.illustration), body.page-template-page-services #services .large-6:not(.illustration) {padding:3rem;}
    body.page-template-page-services #services .grid-x:nth-child(even) .large-6:not(.illustration) .rdv.button {margin:1rem auto;}
    body.page-template-page-services #accessoires h2, body.page-template-page-services #accessoires .accessoire h3 {text-align:center;}
    body.page-template-page-services #accessoires p {margin-left:auto;}
    body.page-template-page-marques [name="filtres"] select {margin-bottom:0;}
    body.page-template-page-marques [name="filtres"] select, body.page-template-page-marques [name="filtres"] label {margin:0;padding:0 2rem;}
    [data-content="marque"] .illustration {width:100%;height:auto;aspect-ratio:1/1;}
    body.page-template-page-actualite article .large-6:not(.illustration) {padding:2rem;}
    .single p, .single section ul {max-width:80%;}
    .single footer p, .single footer ul {max-width:90%;}
    body.single header .contain .photo {height:auto;bottom:-40vh;width:80vw;left:10vw;}
    body.single:not(.single-marque) main {padding-top:22vh;}
    header nav .menu {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3vh;font-size:1.2rem;}
    header nav ul li::after, footer nav ul li::after {display:none;}
    .menu li > ul.sub-menu {right:auto;text-align:center;margin:0;width:100%;font-size:.9rem;line-height:2;}
    body.page-template-page-services #accessoires .accessoire {margin-right:-.625rem;margin-left:-.625rem;padding-right:.625rem;padding-left:.625rem;}
}

body[data-iframed] .cmplz-cookiebanner, body[data-iframed] #cmplz-manage-consent, body[data-iframed] .grecaptcha-badge {display:none!important;}