/* Général */
html{scroll-behavior: smooth;}
*{color: var(--Color-BlueGreen); font-family: Inter; font-size: 14px;}
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;transition: .5s; background: transparent;border: 1px solid var(--Color-BlueGreen);padding: 20px 30px;color: var(--Color-BlueGreen); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase;}
.btn-link:hover{background: var(--Color-BlueGreen);color: var(--Color-White);}

/* 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-BlueGreen); font-family: "Playfair Display"; font-size: 60px; font-style: normal; font-weight: 400; line-height: 50px;margin-top: 0;margin-bottom: 25px;}

.bloc-text h3{color: var(--Color-BlueGreen); font-family: "Playfair Display"; font-size: 36px; font-style: normal; font-weight: 400; line-height: 40px;margin-top: 0;margin-bottom: 25px;}

.bloc-text p{color: var(--Color-BlueGreen); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 26px;}
.bloc-text p strong{color: var(--Color-BlueGreen); font-family: "Playfair Display"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px;}
.bloc-text li{color: var(--Color-BlueGreen); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 26px;}
.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;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: 4px;height: 100px;background: #486166;background: linear-gradient(0deg,var(--Color-BlueGreen) 0%, var(--Color-BlueGreen) 50%, var(--Color-Beige) 50%, var(--Color-Beige) 100%);cursor: pointer;position: absolute;bottom: -50px;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;}

.page-home #intro{padding: 130px 80px 80px;background: var(--Color-Beige);display: flex;}
.page-home #intro .text{width: 50%;margin: auto;text-align: center;}
.page-home #intro .text>p{color: var(--Color-BlueGreen); font-family: "Playfair Display"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 40px;}
.page-home #intro .text .info{margin-top: 30px;}
.page-home #intro .text .info>p{color: var(--Color-BlueGreen); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 300; line-height: 26px;}
.page-home #intro .text .info>p strong{color: var(--Color-BlueGreen); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 26px;}

.page-home #actus{padding: 130px 80px 80px;background: var(--Color-Beige);display: flex; flex-wrap: wrap;}
.page-home #actus .title{width: 100%;text-align: center;margin-bottom: 60px;}
.page-home #actus .title .symbol{margin: auto;margin-bottom: 50px;}
.page-home #actus .bloc-actu{width: 100%;display: flex;}
.page-home #actus .bloc-actu .actu-item{width: 100%;display: flex;}
.page-home #actus .bloc-actu .actu-item .media{width: 33.33333333%;margin-left: 16.66666667%;height: 100%;}
.page-home #actus .bloc-actu .actu-item .text{width: 33.33333333%;margin-left: 8.33333333%;}
.page-home #actus .bloc-actu .actu-item .text h3{color: var(--Color-BlueGreen); font-family: "Playfair Display"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 40px;}
.page-home #actus .bloc-actu .actu-item .text p{color: var(--Color-BlueGreen); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 300; line-height: 26px;}
.page-home #actus .bloc-actu .actu-item .text p strong{color: var(--Color-BlueGreen); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 26px;}
.page-home #actus .bloc-actu .actu-item .text a{color: var(--Color-BlueGreen); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 300; line-height: 26px;}






/* ========== 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;}
}