/* Général */
html{scroll-behavior: smooth;}
*{color: var(--Color-Black); font-family: polymath-text, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;display: block;}
svg path{transition: .5s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.justify-content-space-between{justify-content: space-between;}
.justify-content-flex-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.wrap{flex-wrap: wrap;}
.gap-20{gap: 20px;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;}
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;}
/* Variable */
:root {
--Color-Black: #2C2C2C;
--Color-White: #fff;
--Color-Beige: #ECE9E0;
--Color-Green: #02352D ;
--Color-Terra: #AEA78B;
}
body{overflow-x: hidden;}
body.not-scroll{overflow: hidden;}
.grecaptcha-badge { visibility: hidden !important; }
/* Masonry */
.masonry-layout { --columns: 1; --grap: 20px; display: grid; grid-gap: var(--grap); grid-template-columns: repeat(var(--columns), 1fr); }
.masonry-layout .masonry-item {z-index: 6; display: flex; justify-content: center; margin-bottom: 20px; cursor: pointer;background: var(--Color-Black); position: relative;}
.masonry-layout .gallery-item img { display: block; height: 100%; max-width: 100%; width: 100%; }
.masonry-layout .gallery-item video { display: block; height: 100%; max-width: 100%; width: 100%;}
.masonry-layout .gallery-item-video{position: relative;}
.masonry-layout .gallery-item-video::before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 1;background-image: url('/wp-content/themes/blog-thomas/img/play.png');background-repeat: no-repeat;background-position: center;}
.masonry-layout.columns-1 { --columns: 1; }
.masonry-layout.columns-2 { --columns: 2; }
.masonry-layout.columns-3 { --columns: 3; }
.masonry-layout.columns-4 { --columns: 4; }
.masonry-layout.columns-5 { --columns: 5; }
.masonry-layout.columns-6 { --columns: 6; }
.masonry-layout.columns-7 { --columns: 7; }
.masonry-layout.columns-8 { --columns: 8; }
.masonry-layout.columns-9 { --columns: 9; }
.masonry-layout.columns-10 { --columns: 10; }
.masonry-layout.columns-11 { --columns: 11; }
.masonry-layout.columns-12 { --columns: 12; }
/* Lightbox */
/* Lightbox container (caché par défaut, fade-in) */
.lightbox { display: none; position: fixed; z-index: 9999; padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8); cursor: zoom-out; opacity: 0; transition: opacity 0.4s ease; }
/* Etat "visible" du lightbox */
.lightbox.show { display: block; opacity: 1; }
/* Image du lightbox (animation de zoom) */
.lightbox-content { top: 50%; left: 50%; position: absolute; margin: auto; display: block; max-width: 90%; max-height: 80%; transform: translate(-50%, -50%) scale(0.8); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; }
.lightbox-video { background: #000;}
/* Quand le lightbox est visible → animation en grand */
.lightbox.show .lightbox-content { transform: translate(-50%, -50%) scale(1); opacity: 1; }
/* Bouton close */
.lightbox-close { position: absolute; top: 20px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; transition: color 0.3s ease; z-index: 10000; }
.lightbox-close:hover { color: #bbb; }
/* Boutons flèches */
.lightbox-prev, .lightbox-next { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font-size: 60px; font-weight: bold; cursor: pointer; user-select: none; transition: color 0.3s ease; z-index: 10000; padding: 10px; }
.lightbox-prev { left: 20px; }
.lightbox-next { right: 20px; }
.lightbox-prev:hover svg path, .lightbox-next:hover svg path { fill: #bbb; }
/* button */
.btn-link{display: inline-flex;gap: 10px ;align-items: center; border-radius: 50px;transition: .5s; background: var(--Color-Black);border: 1px solid var(--Color-Black);padding: 22px 28px;color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;}
.btn-link:hover{background: transparent;color: var(--Color-Black);}
.btn-link:hover svg path{fill: var(--Color-Black);}
.btn-link.reserse{background: transparent;color: var(--Color-Black);border-color: var(--Color-Black);}
.btn-link.reserse:hover{background: var(--Color-Black);color: var(--Color-White);}
.btn-link.reserse svg path{fill: var(--Color-Black);}
.btn-link.reserse:hover svg path{fill: var(--Color-White);}
/* Bloc text */
.bloc-text h2{color: var(--Color-Black); font-family: polymath-text; font-size: 26px; font-style: normal; font-weight: 700; line-height: 28px;margin-top: 0;margin-bottom: 15px;}
.bloc-text h3{color: var(--Color-Black); font-family: polymath-text; font-size: 23px; font-style: normal; font-weight: 700; line-height: 25px;margin-top: 0;margin-bottom: 15px;}
.bloc-text p{color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22px;}
.bloc-text p *{color: var(--Color-Black); font-family: polymath-text; font-size: 20px;}
.bloc-text li{color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22px;}
.bloc-text li *{color: var(--Color-Black); font-family: polymath-text; font-size: 20px;}
.bloc-text p:last-of-type{margin-bottom: 0;}
/* Bloc media */
.bloc-media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.bloc-media video{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
/* post card */
.post-card .media{width: 100%;height: 300px;position: relative;overflow: hidden;background: var(--Color-Black);}
.post-card .media>*{transition: .5s;}
.post-card:hover .media>*{transform: scale(1.05);}
.post-card .text{width: 100%;transition: .5s;padding: 20px 0 0;display: flex;flex-direction: column;}
.post-card .text h3{color: var(--Color-Black); font-family: polymath-display; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px;margin: 0;margin-bottom: 10px;}
.post-card .text .infos{display: flex;gap: 10px;align-items: center;margin-bottom: 15px;flex-wrap: wrap;}
.post-card .text .infos p.cat{margin-bottom: 0;padding: 5px 8px;background: var(--Color-White); color: var(--Color-Black); font-family: Nicholas; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px;}
.post-card .text .infos p.child-cat{margin-bottom: 0;padding: 5px 8px;background: var(--Color-Black); color: var(--Color-White); font-family: Nicholas; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px;}
.post-card .text .infos p.date{margin-bottom: 0;color: var(--Color-White); font-family: polymath-display; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.6px;}
.post-card .text .btn-link{width: fit-content;opacity: 0;}
.post-card:hover .text .btn-link{opacity: 1;}
/* last post card */
.last-post-card>a{display: flex;flex-direction: column;gap: 20px;position: relative;}
.last-post-card .media{width: 100%;height: 500px;position: relative;overflow: hidden;background: var(--Color-Black);}
.last-post-card .media img{transition: .5s;}
.last-post-card .media::after{position: absolute;z-index: 5;width: 100%;content: '';bottom: 0;left: 0;height: 0;transition: .5s;background: rgba(0, 0, 0, 0.3);}
.last-post-card:hover .media::after{height: 100%;}
.last-post-card:hover .media img{transform: scale(1.05);}
.last-post-card .btn{opacity: 0;backdrop-filter: blur(10px); position: absolute;bottom: 50px;right: 50px;width: 64px;height: 64px;border: 1px solid var(--Color-White);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: .5s;}
.last-post-card:hover .btn{opacity: 1;}
.last-post-card .btn:hover{background: var(--Color-White);}
.last-post-card .btn:hover svg path{fill: var(--Color-Black);}
.last-post-card .text{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 10;padding: 0 0 50px 50px;transition: .5s;}
.last-post-card .text h3{width: 80%; color: var(--Color-White); font-family: polymath-display; font-size: 35px; font-style: normal; font-weight: 700; line-height: 35px;margin: 0;}
.last-post-card .text .infos{display: flex;gap: 10px;align-items: center;margin-bottom: 15px;opacity: 0;transition: .5s;visibility: hidden;flex-wrap: wrap;}
.last-post-card .text .infos p.cat{margin-bottom: 0;padding: 5px 8px;background: var(--Color-White); color: var(--Color-Black); font-family: Nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px;}
.last-post-card .text .infos p.child-cat{margin-bottom: 0;padding: 5px 8px;background: var(--Color-Black); color: var(--Color-White); font-family: Nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px;}
.last-post-card .text .infos p.date{margin-bottom: 0;color: var(--Color-White); font-family: polymath-display; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.6px;}
.last-post-card:hover .text .infos{opacity: 1;visibility: visible;}
/* last-posts-sidebar */
.last-posts-sidebar .title{margin-bottom: 40px;}
.last-posts-sidebar .title h2{color: var(--Color-Black); font-family: polymath-display; font-size: 36px; font-style: normal; font-weight: 700;margin: 0;}
.last-posts-sidebar .posts-list{display: flex;flex-direction: column;gap: 40px;}
/* Formulaire */
.contact form{display: flex;flex-wrap: wrap;gap: 0 20px;}
.contact form>p{width: 100%;display: flex;flex-direction: column;gap: 20px;}
.contact form>p br{display: none;}
.contact form .half{width: calc(50% - 10px);margin-bottom: 20px;}
.contact form .half p{margin: 0;}
.contact form input[type="text"], .contact form input[type="email"], .contact form input[type="tel"]{width: 100%;padding: 10px 0px;border-radius: 0;border: none; border-bottom: 1px solid var(--Color-Black); background: transparent; outline: none;color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 300; }
.contact form select{width: 100%;padding: 10px 0px;border-radius: 0;border: none; border-bottom: 1px solid var(--Color-Black); background: transparent; outline: none;color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 300; }
.contact form textarea{width: 100%;padding: 10px 0px;border-radius: 0;border: none; border-bottom: 1px solid var(--Color-Black); background: transparent; outline: none;color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 300;height: 150px;}
.contact form .wpcf7-response-output{margin: 0; width: 100%;padding: 10px 15px;border-radius: 0; background: transparent; outline: none; color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 300;}
.contact form *::placeholder{color: var(--Color-Black);}
.contact form input[type="submit"]{height: fit-content; margin-left: auto;border-radius: 50px; background: var(--Color-Black);border: 1px solid var(--Color-Black);padding: 22px 28px;color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;transition: .5s;cursor: pointer;}
.contact form input[type="submit"]:hover{background: transparent;color: var(--Color-Black);}
.contact form button{height: fit-content; margin-left: auto;border-radius: 50px; background: var(--Color-Black);border: 1px solid var(--Color-Black);padding: 22px 28px;color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;transition: .5s;cursor: pointer;}
.contact form button:hover{background: transparent;color: var(--Color-Black);}
.contact form span{color: var(--Color-Black); font-family: polymath-text; font-size: 20px; font-style: normal; font-weight: 300;}
.contact form span.wpcf7-not-valid-tip{color: #dc3232;}
.contact form .wpcf7-list-item{margin: 0;}
/* scroll-top */
.scroll-top{position: fixed;bottom: 50px;right: 50px;z-index: 890;padding: 15px;width: 65px;height: 65px;cursor: pointer;transition: .5s;opacity: 0;visibility: hidden;}
.scroll-top.visible{opacity: 1;visibility: visible;}
.scroll-top svg{width: 100%;height: auto;transition: .5s;}
.scroll-top:hover svg path{fill: var(--Color-Black);}
/* Header */
header{position: absolute;top: 0;left: 0;z-index: 990; width: 100%;}
header .menu-desktop{margin: 0 auto;max-width: 1920px;display: flex;align-items: flex-start;padding: 60px 60px 0;position: relative;z-index: 10;justify-content: space-between;}
header .menu-desktop .logo{overflow: hidden;}
header .menu-desktop .logo svg .logo-hover-1{transform: translateX(-100%);opacity: 0;transition: .8s;}
header .menu-desktop .logo svg .logo-hover-2{transform: translateX(-100%);opacity: 0;transition: .8s;transition-delay: .08s;}
header .menu-desktop .logo a:hover svg .logo-hover-1{transform: translateX(0);opacity: 1;}
header .menu-desktop .logo a:hover svg .logo-hover-2{transform: translateX(0);opacity: 1;}
header .menu-desktop .navigation{display: flex;align-items: center;justify-content: flex-start;}
header .menu-desktop .navigation nav>ul.menu{display: flex;gap: 20px;margin: 0;padding: 0;list-style: none;}
header .menu-desktop .navigation nav>ul.menu>li>a{ backdrop-filter: blur(10px); border: 1px solid var(--Color-White); border-radius: 50px; padding: 22px 28px; color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: 18px; display: inline-block;}
header .menu-desktop .navigation nav>ul.menu>li>a:hover{color: var(--Color-Black);background: var(--Color-White);}
header .menu-desktop .navigation nav>ul.menu>li.open>a{color: var(--Color-Black);background: var(--Color-White);}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Black);background: var(--Color-White);position: relative;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 44px;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(/wp-content/themes/blog-thomas/img/plus.svg);background-size: cover;height: 14px;width: 14px; right: 20px;top: 50%;transform: translateY(-50%); color: var(--Color-White); font-family: polymath-display; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px;transition: .5s;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a:hover::after{background-image: url(/wp-content/themes/blog-thomas/img/plus-black.svg);}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children.open>a::after{background-image: url(/wp-content/themes/blog-thomas/img/plus-black.svg);}
header .menu-desktop .navigation nav>ul.menu>li .sub-menu{border-radius: 30px;display: flex;list-style: none; margin: 0;padding: 20px 25px;background: var(--Color-White); flex-direction: column;gap: 5px;position: absolute;top: 100%;opacity: 0;transition: .5s;visibility: hidden;margin-top: 10px;}
header .menu-desktop .navigation nav>ul.menu>li.open .sub-menu{opacity: 1;visibility: visible;}
header .menu-desktop .navigation nav>ul.menu>li .sub-menu>li>a{color: var(--Color-Black); font-family: polymath-display; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px;}
header .burger-button{ padding: 25px; border: 1px solid var(--Color-White); cursor: pointer; transition: .5s; display: none; backdrop-filter: blur(10px); border-radius: 50%;}
header .burger-button:hover{color: var(--Color-Black);background: var(--Color-White);}
header .burger-button:hover svg path{fill: var(--Color-Black);}
header .menu-mobile{transition: .5s;position: absolute;top: 0;left: 0;padding: 140px 20px 20px; width: 100%;height: 100vh;z-index: 8;background: var(--Color-Black);opacity: 0;visibility: hidden;max-height: 0vh;}
header.open .menu-mobile{ opacity: 1; visibility: visible; max-height: 100vh; }
header .menu-mobile .navigation{display: flex;align-items: center;justify-content: flex-start;}
header .menu-mobile .navigation nav>ul.menu{display: flex;gap: 30px;margin: 0;padding: 0;list-style: none;flex-direction: column;}
header .menu-mobile .navigation nav>ul.menu>li>a{color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: 18px; display: inline-block;}
header .menu-mobile .navigation nav>ul.menu>li>a:hover{color: var(--Color-Terra);}
header .menu-mobile .navigation nav>ul.menu>li.open>a{color: var(--Color-Terra);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Terra);}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children{position: relative;}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 44px;position: relative;}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(/wp-content/themes/blog-thomas/img/plus.svg);background-size: cover;height: 14px;width: 14px; right: 20px;top: 50%;transform: translateY(-50%); color: var(--Color-White); font-family: polymath-display; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px;transition: .5s;}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a:hover::after{background-image: url(/wp-content/themes/blog-thomas/img/plus-terra.svg);}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children.open>a::after{background-image: url(/wp-content/themes/blog-thomas/img/plus-terra.svg);}
header .menu-mobile .navigation nav>ul.menu>li .sub-menu{max-height: 0px; display: flex;list-style: none; margin: 0;padding: 0 20px;flex-direction: column;gap: 20px;position: relative;top: 100%;opacity: 0;transition: .5s;visibility: hidden;}
header .menu-mobile .navigation nav>ul.menu>li.open .sub-menu{opacity: 1;visibility: visible;max-height: 500px;padding: 20px 20px 0;}
header .menu-mobile .navigation nav>ul.menu>li .sub-menu>li>a{color: var(--Color-White); font-family: polymath-display; font-size: 20px; font-style: normal; font-weight: 400; line-height: 18px; display: inline-block;}
header .menu-mobile .navigation nav>ul.menu>li .sub-menu>li>a:hover{color: var(--Color-Terra);}
/* Footer */
footer{width: 100%;margin: 0 auto;max-width: 1920px;}
footer .footer-top{padding: 150px 0 0;background: var(--Color-Terra);width: 100%;}
footer .footer-top .shape{width: 33.33333333%;display: flex;align-items: flex-end;}
footer .footer-top .shape svg{ width: 100%; height: auto;}
footer .footer-bottom{display: flex;padding: 100px 60px;align-items: flex-end;background: var(--Color-White);gap: 20px;}
footer .logo{width: 25%;}
footer .logo svg{width: 100%;height: auto;display: block;max-width: 250px;overflow-x: visible; overflow-y: visible;}
footer .menu-footer{width: 58.33333333%;}
footer .menu-footer nav ul{display: flex;gap: 20px;margin: 0;padding: 0;list-style: none;}
footer .menu-footer nav ul li a{color: var(--Color-Black); font-family: polymath-text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px;}
footer .menu-footer nav ul li a:hover{color: var(--Color-Terra);}
footer .mention{width: 16.66666667%;text-align: right;}
footer .mention a{color: var(--Color-Black); font-family: polymath-text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px;}
footer .mention a:hover{color: var(--Color-Terra);}
/* page 404 */
.page-404 #content{background: var(--Color-Black);}
.page-404 #content .content{display: flex;margin: 0 auto;max-width: 1920px;padding: 300px 60px 100px;}
.page-404 #content .content .text{width: 100%;}
.page-404 #content .content .text h1{color: var(--Color-White); font-family: polymath-display; font-size: 40px; font-style: normal; font-weight: 700;margin-top: 0;margin-bottom: 30px;}
.page-404 #content .content .text p{color: var(--Color-Black); font-family: polymath-text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px;}
/* page classique */
.page-classique #content{background: var(--Color-Terra);}
.page-classique #content .content{padding: 250px 60px 100px;width: 100%;position: relative;background-color: var(--Color-Terra);display: flex;gap: 20px;flex-wrap: wrap;}
.page-classique #content .content .title{width: 83.33333333%;margin-bottom: 30px;}
.page-classique #content .content .title h1{color: var(--Color-Black); font-family: polymath-display; font-size: 70px; font-style: normal; font-weight: 700; line-height: 60px;margin: 0;}
.page-classique #content .content .text{width: 100%;}
.page-classique #content .content .text h2{color: var(--Color-Black); font-family: polymath-display; font-size: 30px; font-style: normal; font-weight: 700;}
.page-classique #content .content .text h3{color: var(--Color-Black); font-family: polymath-display; font-size: 22px; font-style: normal; font-weight: 700;}
.page-classique #content .content .text p{color: var(--Color-Black); font-family: polymath-text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px;}
/* Genius Loci Header */
#genius-loci-header{background: var(--Color-Terra);padding: 185px 60px 0;margin: auto;max-width: 1920px;}
#genius-loci-header .top{border-top: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);padding: 50px 0;display: flex;align-items: center;}
#genius-loci-header .top .logo{width: 41.66666667%;}
#genius-loci-header .top .logo img{width: 100%;height: auto;}
#genius-loci-header .top .logo svg{width: 100%;height: auto;}
#genius-loci-header .top .text{width: 41.66666667%;margin-left: 8.33333333%;}
#genius-loci-header .top .text h2{color: var(--Color-Black); font-family: Nicholas; font-size: 28px; font-style: normal; font-weight: 600; line-height: 28px;margin-top: 0;margin-bottom: 0;}
#genius-loci-header .top .text p{color: var(--Color-Black); font-family: Nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px;}
#genius-loci-header .top .text p:last-of-type{margin-bottom: 0;}
#genius-loci-header .bottom{padding: 20px 0;border-bottom: 1px solid var(--Color-White);}
#genius-loci-header .bottom .menu-categories ul{margin: 0;padding: 0;list-style: none;display: flex;gap: 80px;align-items: center;justify-content: center;width: 100%;}
#genius-loci-header .bottom .menu-categories ul li a{color: var(--Color-Black); font-family: polymath-display; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1.6px; text-transform: uppercase;}
#genius-loci-header .bottom .menu-categories ul li a:hover{color: var(--Color-White);}
#genius-loci-header .bottom .menu-categories ul li.current-menu-item a{color: var(--Color-White);}
#genius-loci-header .bottom .menu-categories ul li.current-post-ancestor a{color: var(--Color-White);}
#genius-loci-header .bottom .menu-categories ul li.current-category-ancestor a{color: var(--Color-White);}
/* Page accueil */
.page-home{background: var(--Color-Terra);padding-bottom: 150px;}
.page-home #last-posts{padding: 0 60px;margin: auto;max-width: 1920px;}
.page-home #last-posts .post-list{padding: 50px 0; border-bottom: 1px solid white;display: flex;gap: 20px;}
.page-home #last-posts .last-post-card{width: 50%;}
.page-home .category{padding: 0 60px;margin: auto;max-width: 1920px;}
.page-home .category .title{width: 100%;padding: 50px 0;display: flex;align-items: center;}
.page-home .category .title h2{margin: 0;color: var(--Color-Black); font-family: polymath-display; font-size: 50px; font-style: normal; font-weight: 700; line-height: 50px;}
.page-home .category .title .show-more{margin-left: auto;}
.page-home .category .post-list{display: flex;gap: 20px;padding-bottom: 50px; border-bottom: 1px solid var(--Color-White);}
.page-home .category .post-list .post-card{width: calc(100% / 4);}
/* Archive post */
.page-category{background: var(--Color-Terra);padding-bottom: 150px;}
.page-category #archive-header{padding: 60px 60px;display: flex;gap: 50px;margin: 0 auto;max-width: 1920px;}
.page-category #archive-header .title{display: flex;align-items: center;}
.page-category #archive-header .title h1{margin: 0;color: var(--Color-Black); font-family: polymath-display; font-size: 60px; font-style: normal; font-weight: 700; line-height: 50px;}
.page-category #archive-header .sub-cat{display: flex;gap: 10px;align-items: center;}
.page-category #archive-header .button{margin-left: auto;}
.page-category #content{padding: 0 60px;margin: 0 auto;max-width: 1920px;}
.page-category #content .post-list{display: flex;gap: 40px 20px;flex-wrap: wrap;}
.page-category #content .post-list .post-card{width: calc(100% / 4 - 15px);}
.page-category #content .navigation ul{margin: 0;padding: 0;list-style: none;display: flex;gap: 8px;align-items: center;justify-content: center;}
.page-category #content .navigation ul a{color: var(--Color-Black); font-family: polymath-display; font-size: 18px; font-style: normal; font-weight: 700;}
.page-category #content .navigation ul a:hover{color: var(--Color-White);}
.page-category #content .navigation ul span{color: var(--Color-White); font-family: polymath-display; font-size: 18px; font-style: normal; font-weight: 700;}
/* Single post */
.single-article{background: var(--Color-Terra);padding-bottom: 150px;}
.single-article #post-header{padding: 60px 60px 0;display: flex;align-items: flex-end;flex-wrap: wrap;gap: 40px 20px;margin: 0 auto;max-width: 1920px;}
.single-article #post-header .left{width: 50%;}
.single-article #post-header .left h1{color: var(--Color-Black); font-family: polymath-display; font-size: 40px; font-style: normal; font-weight: 700; line-height: 40px;margin: 0;}
.single-article #post-header .left .infos{display: flex;gap: 10px;align-items: center;margin-bottom: 15px;}
.single-article #post-header .left .infos p.cat{margin-bottom: 0;padding: 5px 8px;background: var(--Color-White); color: var(--Color-Black); font-family: Nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px;}
.single-article #post-header .left .infos p.child-cat{margin-bottom: 0;padding: 5px 8px;background: var(--Color-Black); color: var(--Color-White); font-family: Nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px;}
.single-article #post-header .left .infos p.date{margin-bottom: 0;color: var(--Color-White); font-family: polymath-display; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.6px;}
.single-article #post-header .right{margin-left: auto;}
.single-article #post-header .thumbnail{width: 100%;}
.single-article #post-content{padding: 0 60px;padding-top: 70px;display: flex;gap: 20px;align-items: flex-start;margin: 0 auto;max-width: 1920px;}
.single-article #post-content #content-bloc{width: 58.33333333%;display: flex;flex-wrap: wrap;gap: 60px;}
/* bloc-texte */
.single-article #post-content #content-bloc .bloc-texte{width: 100%;}
/* bloc-temoignage */
.single-article #post-content #content-bloc .bloc-temoignage{width: 100%;display: flex;align-items: center;}
.single-article #post-content #content-bloc .bloc-temoignage .media{border-radius: 20px;overflow: hidden;width: 41.66666667%;}
.single-article #post-content #content-bloc .bloc-temoignage .text{border-radius: 20px;overflow: hidden;margin-left: 8.33333333%;width: 50%;}
.single-article #post-content #content-bloc .bloc-temoignage .text>blockquote{margin: 0;}
.single-article #post-content #content-bloc .bloc-temoignage .text>blockquote>p{color: var(--Color-Grey); font-family: ivypresto-display; font-size: 28px; font-style: italic; font-weight: 400; line-height: 40px;}
.single-article #post-content #content-bloc .bloc-temoignage .text>p{color: var(--Color-Grey); font-family: ivyepic-variable; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px;}
/* bloc-image-video */
.single-article #post-content #content-bloc .bloc-image-video{width: 100%;}
/* bloc-separateur */
.single-article #post-content #content-bloc .bloc-separateur{width: 58.33333333%;height: 1px;background-color: var(--Color-Black);}
.single-article #post-content #sidebar{width: 25%;margin-left: 16.66666667%;}
/* Page Le Genius Loci */
.page-genius-loci{background: var(--Color-Terra);padding-bottom: 150px;}
.page-genius-loci #post-header{padding: 60px 60px 0;display: flex;align-items: flex-end;flex-wrap: wrap;gap: 40px 20px; margin: 0 auto;max-width: 1920px;}
.page-genius-loci #post-header .left{width: 50%;}
.page-genius-loci #post-header .left h1{color: var(--Color-Black); font-family: polymath-display; font-size: 40px; font-style: normal; font-weight: 700; line-height: 40px;margin: 0;}
.page-genius-loci #post-header .left .infos{display: flex;gap: 10px;align-items: center;margin-bottom: 15px;}
.page-genius-loci #post-header .left .infos p.cat{margin-bottom: 0;padding: 5px 8px;background: var(--Color-White); color: var(--Color-Black); font-family: Nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px;}
.page-genius-loci #post-header .left .infos p.child-cat{margin-bottom: 0;padding: 5px 8px;background: var(--Color-Black); color: var(--Color-White); font-family: Nicholas; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px;}
.page-genius-loci #post-header .left .infos p.date{margin-bottom: 0;color: var(--Color-White); font-family: polymath-display; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.6px;}
.page-genius-loci #post-header .right{margin-left: auto;}
.page-genius-loci #post-header .thumbnail{width: 100%;}
.page-genius-loci #post-content{padding: 0 60px;padding-top: 70px;display: flex;gap: 20px;margin: 0 auto;max-width: 1920px;}
.page-genius-loci #post-content #content-bloc{width: 58.33333333%;display: flex;flex-wrap: wrap;gap: 60px;}
/* bloc-texte */
.page-genius-loci #post-content #content-bloc .bloc-texte{width: 100%;}
/* bloc-temoignage */
.page-genius-loci #post-content #content-bloc .bloc-temoignage{width: 100%;display: flex;align-items: center;}
.page-genius-loci #post-content #content-bloc .bloc-temoignage .media{border-radius: 20px;overflow: hidden;width: 41.66666667%;}
.page-genius-loci #post-content #content-bloc .bloc-temoignage .text{border-radius: 20px;overflow: hidden;margin-left: 8.33333333%;width: 50%;}
.page-genius-loci #post-content #content-bloc .bloc-temoignage .text>blockquote{margin: 0;}
.page-genius-loci #post-content #content-bloc .bloc-temoignage .text>blockquote>p{color: var(--Color-Grey); font-family: ivypresto-display; font-size: 28px; font-style: italic; font-weight: 400; line-height: 40px;}
.page-genius-loci #post-content #content-bloc .bloc-temoignage .text>p{color: var(--Color-Grey); font-family: ivyepic-variable; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px;}
/* bloc-image-video */
.page-genius-loci #post-content #content-bloc .bloc-image-video{width: 100%;}
/* bloc-separateur */
.page-genius-loci #post-content #content-bloc .bloc-separateur{width: 58.33333333%;height: 3px;background-color: var(--Color-White);}
/* Responsive */
@media screen and (max-width: 1700px) {
/* projet card */
.projet-card .text .title{font-size: 42px;line-height: 42px;}
}
@media screen and (max-width: 1600px) {
/* projet card */
.projet-card .text .title{font-size: 38px;line-height: 38px;}
/* page category */
.page-category #archive-header{gap: 20px;flex-wrap: wrap;}
}
@media screen and (max-width: 1500px) {
/* projet card */
.projet-card .text .title{font-size: 34px;line-height: 34px;width: 70%;}
.projet-card .text .info{width: 30%;}
/* projet parent card */
.projet-parent-card .text{padding: 0 0 40px 20px;}
.projet-parent-card:hover .text{padding-bottom: 45px;}
.projet-parent-card .text h3{font-size: 40px;line-height: 40px;}
.projet-parent-card .btn{bottom: 40px;right: 20px;}
/* genius loci header */
#genius-loci-header .top .text{width: 50%;}
}
@media screen and (max-width: 1400px) {
/* projet card */
.projet-card .media{height: 500px;}
.projet-card .text .title{font-size: 30px;line-height: 30px;}
/* header */
header .menu-desktop .navigation nav>ul.menu{gap: 15px;}
/* single post */
.single-article #post-content #sidebar{margin-left: 8.33333333%;width: 33.33333333%;}
}
@media screen and (max-width: 1300px) {
/* header */
header .menu-desktop{padding: 40px 20px 0;}
/* page 404 */
.page-404 #content .content{padding: 200px 20px 50px;}
/* genius loci header */
#genius-loci-header{padding: 150px 20px 0;}
#genius-loci-header .top{padding: 30px 0;}
/* last post card */
.last-post-card .text{padding: 0 0 20px 20px;}
.last-post-card .text h3{font-size: 28px;line-height: 28px;}
.last-post-card .btn{right: 20px;bottom: 20px;}
.last-post-card .media{height: 400px;}
/* last-posts-sidebar */
.last-posts-sidebar .title{margin-bottom: 20px;}
.last-posts-sidebar .title h2{font-size: 30px;line-height: 30px;}
.last-posts-sidebar .posts-list{gap: 20px;}
/* post card */
.post-card .media{height: 250px;}
/* page home */
.page-home #last-posts{padding: 0 20px;}
.page-home .category{padding: 0 20px;}
.page-home .category .title{padding: 30px 0;}
/* Page genius loci */
.page-genius-loci #post-header{padding: 30px 20px 0;gap: 20px;}
.page-genius-loci #post-content{padding: 30px 20px 0;}
.page-genius-loci #post-content #content-bloc{gap: 30px;width: 66.66666667%;}
/* page category */
.page-category #archive-header{padding: 30px 20px;}
.page-category #content{padding: 0 20px;}
/* single post */
.single-article #post-header{padding: 30px 20px 0;gap: 20px;}
.single-article #post-header .left{width: 66.66666667%;}
.single-article #post-content{padding: 30px 20px 0;}
.single-article #post-content #content-bloc{gap: 30px;width: 66.66666667%;}
.single-article #post-content #sidebar{margin-left: 0;width: 33.33333333%;}
}
@media screen and (max-width: 1200px) {
/* header */
header .menu-desktop .navigation nav>ul.menu{gap: 10px;}
header .menu-desktop .navigation nav>ul.menu>li>a{padding: 22px 18px; font-size: 18px;}
/* footer */
footer .footer-top{padding: 100px 0 0;}
footer .footer-bottom{padding: 80px 20px;}
/* projet parent card */
.projet-parent-card .media{height: 300px;}
.projet-parent-card .text { padding: 0 0 20px 20px; }
.projet-parent-card:hover .text{padding-bottom: 25px;}
.projet-parent-card .text h3 { font-size: 36px; line-height: 36px; }
.projet-parent-card .btn{bottom: 30px;right: 20px;}
/* Page classique */
.page-classique #content .content{padding: 180px 20px 100px;}
/* .last-posts-sidebar */
.last-posts-sidebar .posts-list{flex-wrap: wrap;flex-direction: row;}
.last-posts-sidebar .posts-list .post-card{width: calc(50% - 10px);}
/* genius loci header */
#genius-loci-header .top{gap: 20px;}
#genius-loci-header .top .logo{width: 50%;}
#genius-loci-header .top .text{width: 50%;margin-left: 0;}
#genius-loci-header .bottom .menu-categories ul{gap: 40px;}
/* page home */
.page-home .category .post-list{flex-wrap: wrap;}
.page-home .category .post-list .post-card{width: calc(100% / 2 - 10px);}
/* page genius loci */
.page-genius-loci #post-header .left{width: 100%;}
.page-genius-loci #post-header .right{width: 100%;margin-left: 0;}
.page-genius-loci #post-content #content-bloc{width: 100%;}
/* page category */
.page-category #archive-header .title{width: 100%;}
.page-category #archive-header .button{margin-left: 0;width: 100%;}
.page-category #content .post-list .post-card{width: calc(100% / 2 - 10px);}
/* single post */
.single-article #post-header .left{width: 100%;}
.single-article #post-header .right{width: 100%;margin-left: 0;}
.single-article #post-content{flex-wrap: wrap;gap: 50px;}
.single-article #post-content #content-bloc{width: 100%;}
.single-article #post-content #sidebar{width: 100%;}
}
@media screen and (max-width: 1200px) and (max-height: 1380px) {
}
@media screen and (max-width: 1100px) {
/* header */
header .menu-desktop .navigation nav>ul.menu>li>a { font-size: 16px; }
}
@media screen and (max-width: 992px) {
.scroll-top{display: none;}
/* header */
header .menu-desktop{padding: 20px 20px 0;}
header .menu-desktop .logo svg .logo-hover-1{transform: translateX(-100%);opacity: 0;transition: .8s;}
header .menu-desktop .logo svg .logo-hover-2{transform: translateX(-100%);opacity: 0;transition: .8s;transition-delay: .08s;}
header .menu-desktop .logo a:hover svg .logo-hover-1{transform: translateX(-100%);opacity: 0;}
header .menu-desktop .logo a:hover svg .logo-hover-2{transform: translateX(-100%);opacity: 0;}
header .menu-desktop .navigation{display: none;}
header .burger-button{display: block;}
/* footer */
footer .footer-top{padding: 50px 0 0;}
footer .footer-bottom{padding: 40px 20px;flex-wrap: wrap;}
footer .logo{width: 100%;}
footer .logo svg{margin: auto;}
footer .menu-footer{width: 100%;}
footer .menu-footer nav ul{flex-direction: column;align-items: center;}
footer .mention{width: 100%;text-align: center;}
/* Projet card */
.projet-card .media{height: 300px;}
.projet-card .media>* { transform: scale(1.05); }
.projet-card .btn { opacity: 1; width: 45px;height: 45px;}
.projet-card .text{flex-wrap: wrap;gap: 10px;}
.projet-card .text .title{order: 2;width: 100%;}
.projet-card .text .info{order: 1;width: 100%;margin-bottom: 0;}
/* Projet parent card */
.projet-parent-card .media{height: 300px;}
.projet-parent-card .media>* { transform: scale(1.05); }
.projet-parent-card .btn { opacity: 1; width: 45px;height: 45px;}
.projet-parent-card .text{padding-bottom: 25px;}
/* btn-link */
.btn-link{font-size: 18px;padding: 16px 18px;}
/* bloc text */
.bloc-text h2{font-size: 24px;line-height: 26px;}
.bloc-text h3{font-size: 20px;line-height: 22px;}
.bloc-text p{font-size: 18px;line-height: 22px}
/* .last-posts-sidebar */
.last-posts-sidebar .posts-list .post-card{width: 100%;}
/* page 404 */
.page-404 #content .content{padding: 150px 20px 50px;}
/* genius loci header */
#genius-loci-header{padding: 120px 20px 0;}
#genius-loci-header .top{flex-direction: column;gap: 40px;}
#genius-loci-header .top .logo{width: 100%;}
#genius-loci-header .top .text{width: 100%;}
#genius-loci-header .bottom .menu-categories ul{flex-wrap: wrap;gap: 20px;justify-content: center;}
/* last post card */
.last-post-card .text{padding: 0 0 20px 20px;}
.last-post-card .text h3{font-size: 20px;line-height: 22px;}
.last-post-card .btn{right: 20px;bottom: 20px;opacity: 1; width: 45px;height: 45px;}
.last-post-card .media{height: auto;}
.last-post-card .media:after { height: 100%; }
.last-post-card .text .infos { opacity: 1; visibility: visible; }
/* post card */
.post-card .media{height: auto;}
.post-card .text .btn-link{opacity: 1;}
.post-card .text h3{font-size: 20px;line-height: 22px;}
/* page home */
.page-home{padding-bottom: 100px;}
.page-home #last-posts .post-list{flex-direction: column;padding: 30px 0;}
.page-home #last-posts .last-post-card{width: 100%;}
.page-home .category .title{flex-wrap: wrap;gap: 20px;}
.page-home .category .title .show-more{margin-left: 0;}
.page-home .category .title h2{font-size: 32px;line-height: 32px;}
.page-home .category .post-list .post-card{width: 100%;}
/* page genius loci */
.page-genius-loci{padding-bottom: 50px;}
.page-genius-loci #post-header .left h1{font-size: 32px;line-height: 32px;}
/* page category */
.page-category{padding-bottom: 50px;}
.page-category #archive-header .title h1{font-size: 32px;line-height: 32px;}
.page-category #archive-header .sub-cat{flex-wrap: wrap;}
.page-category #content .post-list .post-card{width: 100%;}
/* single post */
.single-article{padding-bottom: 50px;}
.single-article #post-header .left .infos{flex-wrap: wrap;gap: 10px;}
.single-article #post-header .left h1{font-size: 32px;line-height: 32px;}
}