/* Général */
html{scroll-behavior: smooth;}
*{ color: var(--Color-Blue); font-family: Inter; font-size: 14px; line-height: normal;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;display: block;position: relative;z-index: 4;}
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: #000;
--Color-White: #fff;
--Color-Brown: #4C4336;
--Color-Blue: #58718B;
--Color-Beige: #EAE4D5;
--Color-Green: #283734;
--Color-Gold: #A7896E;
--Color-BlueGreen: #486166;
}
body{overflow-x: hidden;}
body.not-scroll{overflow: hidden;position: fixed;width: 100%;left: 0;right: 0;}
.grecaptcha-badge { visibility: hidden !important; }
/* global */
/* button */
.btn-link{position:relative;display: inline-flex;align-items: center;justify-content: center;gap: 10px; border-radius: 30px;transition: .5s; background: transparent;border: 1px solid var(--Color-Beige);padding: 15px 30px 15px 20px;color: var(--Color-Beige); font-family: "Inter Tight"; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
.btn-link::after{content: '';display: block;width: 10px;height: 10px;background-image: url(/wp-content/themes/axialease/img/arrow-right-white.svg);transition: .5s;background-size: contain;background-position: center;background-repeat: no-repeat;position: absolute;top: 50%;right: 15px;transform: translateY(-50%);}
.btn-link:hover{background: var(--Color-Brown);border-color: var(--Color-Brown);}
.btn-link:hover::after{background-image: url(/wp-content/themes/axialease/img/arrow-right-white.svg);}
.btn-link.white{background: var(--Color-Beige);color: var(--Color-Blue);}
.btn-link.white::after{background-image: url(/wp-content/themes/axialease/img/arrow-right-blue.svg);}
.btn-link.white:hover{background: var(--Color-Brown);border-color: var(--Color-Brown);color: var(--Color-Beige);}
.btn-link.white:hover::after{background-image: url(/wp-content/themes/axialease/img/arrow-right-white.svg);}
/* Bloc text */
.bloc-text h1{color: var(--Color-White); font-family: "Inter Tight"; font-size: 40px; font-style: normal; font-weight: 500; line-height: normal;margin-top: 0;margin-bottom: 30px;}
.bloc-text h2{color: var(--Color-Beige); font-family: "Inter Tight"; font-size: 40px; font-style: normal; font-weight: 500; line-height: normal;margin-top: 0;margin-bottom: 25px;}
.bloc-text h2 span{color: var(--Color-Brown); font-family: ivyjournal; font-size: 40px; font-style: italic; font-weight: 300; line-height: normal;}
.bloc-text h3{color: var(--Color-BlueGreen); font-family: "Inter Tight"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 32px;margin-top: 0;margin-bottom: 25px;}
.bloc-text h3 span{color: var(--Color-Brown); font-family: ivyjournal; font-size: 30px; font-style: italic; font-weight: 300; line-height: normal;}
.bloc-text h4{color: var(--Color-BlueGreen); font-family: "Inter Tight"; font-size: 25px; font-style: normal; font-weight: 500; line-height: 28px;margin-top: 0;margin-bottom: 25px;}
.bloc-text h4 span{color: var(--Color-Brown); font-family: ivyjournal; font-size: 25px; font-style: italic; font-weight: 300; line-height: normal;}
.bloc-text p{color: var(--Color-BlueGreen); font-family: "Inter Tight"; font-size: 18px; font-style: normal; font-weight: 500;}
.bloc-text p em{color: var(--Color-Brown); font-family: IvyJournal; font-size: 18px; font-style: italic; font-weight: 600;}
.bloc-text li{color: var(--Color-BlueGreen); font-family: "Inter Tight"; font-size: 18px; font-style: normal; font-weight: 500;}
.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;}
/* Formulaire */
.bloc-contact form{display: flex;flex-wrap: wrap;gap:20px;justify-content: center;}
.bloc-contact form p{width: 100%;display: flex;flex-direction: column;gap: 20px;margin: 0;height: 100%;}
.bloc-contact form p br{display: none;}
.bloc-contact form .half{width: calc(50% - 10px);}
.bloc-contact form .half p{margin: 0;}
.bloc-contact form input[type="text"], .bloc-contact form input[type="email"], .bloc-contact form input[type="tel"]{width: 100%;padding: 10px 20px;border-radius: 10px;background: var(--Color-White);outline: none;color: var(--Color-DarkGrey, #3B3D44);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none;}
.bloc-contact form select{width: 100%;padding: 10px 20px;border-radius: 10px;background: var(--Color-White);outline: none;color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none;}
.bloc-contact form textarea{width: 100%;padding: 10px 20px;border-radius: 10px;background: var(--Color-White);outline: none;color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none; height: 160px;}
.bloc-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: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
/* .bloc-contact form *::placeholder{color: var(--Color-LightGrey);} */
.bloc-contact form button.btn-container{margin-left: auto;margin-top: auto;cursor: pointer; display: flex;gap: 5px;align-items: center;transition: .5s;background: transparent;outline: none;border: none;padding: 0;}
.bloc-contact form span:not(.btn-container>*){color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form span.wpcf7-not-valid-tip{color: #dc3232;}
.bloc-contact form label{color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form .wpcf7-list-item{margin: 0;}
/* .bloc-contact form input[type=file] {height: 48px; position: relative; width: 100%;padding: 10px 20px;border-radius: 30px;border: none; border: 1px solid var(--Color-LightGrey); background: transparent; outline: none;color: var(--Color-LightGrey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.bloc-contact form input[type=file]::file-selector-button { position: absolute;right: 20px; border: none; background-color: transparent; padding: 0; cursor: pointer;color: transparent; background-image: url(/wp-content/themes/microplast/img/file.svg);background-size: cover;width: 24px;height: 24px; } */
/* Header */
header{position: relative;z-index: 100;height: 100px;padding: 0 80px;background: var(--Color-White);overflow: visible;}
header .menu-desktop{position: relative;z-index: 102;height: 100%;display: flex;align-items: flex-end;}
header .menu-desktop .navigation{display: flex;width: 100%;height: 100%;margin: 0 auto;align-items: flex-end;padding-bottom: 20px;}
header .menu-desktop .navigation .menu-left,
header .menu-desktop .navigation .menu-right{display: flex;width: 41.66666667%;align-items: center;}
header .menu-desktop .navigation .menu-left{justify-content: flex-start;padding-left: 8.33333333%;}
header .menu-desktop .navigation .menu-right{justify-content: flex-end;padding-right: 8.33333333%;margin-left: auto;}
header .menu-desktop .navigation .menu-left ul,
header .menu-desktop .navigation .menu-right ul{margin: 0;padding: 0;list-style: none;display: flex;gap: 20px;}
header .menu-desktop .navigation .menu-left ul li,
header .menu-desktop .navigation .menu-right ul li{position: relative;}
header .menu-desktop .navigation .menu-left ul li a,
header .menu-desktop .navigation .menu-right ul li a{color: var(--Color-BlueGreen);font-family: "Inter Tight";font-size: 13px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 1.3px;text-transform: uppercase;white-space: nowrap;}
header .menu-desktop .navigation .menu-left ul li a:hover,
header .menu-desktop .navigation .menu-right ul li a:hover{opacity: .7;}
header .menu-desktop .navigation .menu-left ul li .sub-menu,
header .menu-desktop .navigation .menu-right ul li .sub-menu{padding: 10px;display: flex;flex-direction: column;width: max-content;background: var(--Color-BlueGreen);gap: 10px;position: absolute;top: calc(100% + 20px);left: 0;list-style: none;margin: 0;opacity: 0;visibility: hidden;transition: .5s;z-index: 20;}
header .menu-desktop .navigation .menu-right ul li .sub-menu{left: auto;right: 0;}
header .menu-desktop .navigation .menu-left ul li .sub-menu a,
header .menu-desktop .navigation .menu-right ul li .sub-menu a{color: var(--Color-White);}
header .menu-desktop .navigation .menu-left ul li.open .sub-menu,
header .menu-desktop .navigation .menu-right ul li.open .sub-menu{opacity: 1;visibility: visible;}
header .menu-desktop .logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 6;width: 16.66666667%;}
header .menu-desktop .logo a{position: relative;display: block;}
header .menu-desktop .logo .logo-chateau-montmort{width: auto;height: 60px; margin: auto;}
/* Header - Burger button */
header .burger-button{display: none;cursor: pointer;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 103;width: 44px;height: 44px;align-items: center;justify-content: center;}
header .burger-button svg{display: block;width: 20px;height: 20px;}
header .burger-button .burger-icon-close{display: none;}
header .burger-button.on .burger-icon-open{display: none;}
header .burger-button.on .burger-icon-close{display: block;}
/* Header - Menu mobile */
header .menu-mobile{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 101;background: var(--Color-Beige);padding: 100px 24px 48px;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .35s ease, visibility .35s ease;overflow-y: auto;-webkit-overflow-scrolling: touch;}
header.open .menu-mobile{opacity: 1;visibility: visible;}
header.open{position: fixed;top: 0;left: 0;right: 0;width: 100%;}
/* Footer */
/* page 404 */
.page-404 #content{padding: 150px 20px 100px;}
.page-404 #content .content{display: flex;}
.page-404 #content .content .text{width: 100%;}
/* page classique */
.page-classique{}
/* Page accueil */
.page-home #hero{position: relative;z-index: 1;width: 100%;height: calc(100vh - 100px);min-height: 500px;overflow: hidden;background: var(--Color-Beige);}
.page-home #hero .bloc-media.media{position: absolute;inset: 0;z-index: 1;}
.page-home #hero .bloc-media.media img,
.page-home #hero .bloc-media.media video{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.page-home #hero .text{position: absolute;bottom: 80px;left: 50%;transform: translateX(-50%);z-index: 2;}
.page-home #hero .text h1{color: var(--Color-White); text-shadow: 0 4px 10px rgba(0, 0, 0, 0.70); font-family: "Playfair Display"; font-size: 40px; font-style: normal; font-weight: 400;margin: 0;}
.page-home #hero .text h1 em{color: var(--Color-White); font-family: "Playfair Display"; font-size: 40px; font-style: italic; font-weight: 400; line-height: 40px;}
.page-home #hero .scroll-down{display: block;width: 3px;height: 50px;background: var(--Color-White);cursor: pointer;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 5;}
.page-home #hero .badge-mh{position: absolute;right: 0;bottom: 40px;z-index: 3;width: 100px;height: 100px;}
.page-home #hero .badge-mh img{width: 100%;height: 100%;object-fit: contain;display: block;}
/* ========== RESPONSIVE ========== */
@media (max-width: 1450px){
header .menu-desktop .navigation .menu-left{padding-left: 0;}
header .menu-desktop .navigation .menu-right{padding-right: 0;}
}
@media (max-width: 1200px){
header{padding: 0 20px;height: 100px;}
header .menu-desktop .logo{top: -95px;width: 220px;height: 277px;}
header .menu-desktop .logo a{width: 220px;height: 277px;}
header .menu-desktop .logo .logo-blason{width: 220px;}
header .menu-desktop .logo .logo-chateau-montmort{top: 119px;width: 144px;}
.page-home #hero{height: calc(100vh - 100px);}
.page-home #hero .badge-mh{right: 40px;bottom: 30px;width: 100px;height: 100px;}
}
@media (max-width: 992px){
header{height: 80px;padding: 0 20px;}
header .menu-desktop{align-items: center;}
header .menu-desktop .navigation{display: none;padding-bottom: 0;}
header .menu-desktop .logo{left: 0;top: 50%;transform: translateY(-50%);width: 90px;height: 64px;}
header .menu-desktop .logo a{width: 90px;height: 64px;}
header .menu-desktop .logo .logo-blason{display: none;}
header .menu-desktop .logo .logo-chateau-montmort{position: relative;left: auto;top: auto;transform: none;width: 90px;height: auto;}
header .burger-button{display: flex;right: 0;}
/* Menu mobile ouvert */
header .menu-mobile{padding: 100px 32px 48px;background: var(--Color-Beige);}
header .menu-mobile .navigation{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0;
width: 100%;
max-width: 420px;
margin: 0 auto;
height: auto;
min-height: calc(100vh - 140px);
padding: 10px 0 40px;
opacity: 0;
transform: translateY(16px);
transition: opacity .4s ease .05s, transform .4s ease .05s;
}
header.open .menu-mobile .navigation{opacity: 1;transform: translateY(0);}
header .menu-mobile .navigation .menu-left,
header .menu-mobile .navigation .menu-right{
display: block;
width: 100%;
margin: 0;
padding: 0;
}
header .menu-mobile .navigation .menu-left ul,
header .menu-mobile .navigation .menu-right ul,
header .menu-mobile .navigation .menu-left ul.menu,
header .menu-mobile .navigation .menu-right ul.menu{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
header .menu-mobile .navigation .menu-left ul li,
header .menu-mobile .navigation .menu-right ul li{
position: relative;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
header .menu-mobile .navigation .menu-left ul li::marker,
header .menu-mobile .navigation .menu-right ul li::marker{content: none;display: none;}
header .menu-mobile .navigation .menu-left ul li a,
header .menu-mobile .navigation .menu-right ul li a{
display: block;
width: 100%;
margin: 0;
padding: 16px 12px;
color: var(--Color-Gold);
font-family: "Inter Tight", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 1.2;
letter-spacing: 1.8px;
text-transform: uppercase;
text-decoration: none;
transition: opacity .3s;
}
header .menu-mobile .navigation .menu-left ul li a:hover,
header .menu-mobile .navigation .menu-right ul li a:hover,
header .menu-mobile .navigation .menu-left ul li a:visited,
header .menu-mobile .navigation .menu-right ul li a:visited,
header .menu-mobile .navigation .menu-left ul li.current-menu-item > a,
header .menu-mobile .navigation .menu-right ul li.current-menu-item > a,
header .menu-mobile .navigation .menu-left ul li.current_page_item > a,
header .menu-mobile .navigation .menu-right ul li.current_page_item > a{
color: var(--Color-Gold);
opacity: 1;
}
header .menu-mobile .navigation .menu-left ul li .sub-menu,
header .menu-mobile .navigation .menu-right ul li .sub-menu{
position: static;
display: none;
flex-direction: column;
align-items: center;
width: 100%;
margin: 0;
padding: 4px 0 12px;
list-style: none;
background: transparent;
opacity: 1;
visibility: visible;
gap: 4px;
}
header .menu-mobile .navigation .menu-left ul li.open > .sub-menu,
header .menu-mobile .navigation .menu-right ul li.open > .sub-menu{display: flex;}
header .menu-mobile .navigation .menu-left ul li .sub-menu a,
header .menu-mobile .navigation .menu-right ul li .sub-menu a{
color: var(--Color-Gold);
font-size: 14px;
font-weight: 500;
letter-spacing: 1.4px;
padding: 10px 12px;
}
.page-home #hero{height: calc(100vh - 80px);min-height: 420px;}
.page-home #hero .text{padding: 0 20px 28px;}
.page-home #hero .text,
.page-home #hero .text p,
.page-home #hero .text h1,
.page-home #hero .text h2{font-size: 28px;line-height: 32px;margin-bottom: 16px;}
.page-home #hero .scroll-down{height: 40px;}
.page-home #hero .badge-mh{right: 20px;bottom: 20px;width: 72px;height: 72px;}
}
@media (max-width: 767px){
header{height: 70px;padding: 0 20px;}
header .menu-desktop .logo{width: 70px;height: 50px;}
header .menu-desktop .logo a{width: 70px;height: 50px;}
header .menu-desktop .logo .logo-chateau-montmort{width: 70px;}
header .menu-mobile{padding: 90px 24px 40px;}
header .menu-mobile .navigation{min-height: calc(100vh - 120px);padding: 8px 0 32px;gap: 0;}
header .menu-mobile .navigation .menu-left ul,
header .menu-mobile .navigation .menu-right ul{gap: 4px;}
header .menu-mobile .navigation .menu-left ul li a,
header .menu-mobile .navigation .menu-right ul li a{font-size: 16px;letter-spacing: 1.6px;padding: 14px 10px;}
.page-home #hero{height: calc(100vh - 70px);min-height: 380px;}
.page-home #hero .text,
.page-home #hero .text p,
.page-home #hero .text h1,
.page-home #hero .text h2{font-size: 24px;line-height: 28px;}
.page-home #hero .badge-mh{right: 16px;bottom: 16px;width: 64px;height: 64px;}
}