/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://www.studiopm.fr/
 Description:  Twenty Twenty Child Theme
 Author:       PML
 Author URI:   http://www.studiopm.fr/
 Template:     twentytwenty 
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwenty-child
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

.site-description {
	display:none !important;
}

    .site-logo img {
        max-height: 100%;
}

.header-navigation-wrapper li {
	 font-family: "Playfair Display", serif;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	font-weight:  700 !important;
	font-size:14px !important;
	color: #0d0403 !important;
}

.sub-menu li {
  font-family: "Playfair Display", serif;
 letter-spacing: 2px !important;
 text-transform:capitalize !important;
 font-weight:  700 !important;
 font-size:12px !important;
 color: #0d0403 !important;
 font-style: italic !important;
}

.sub-menu{
  z-index: inherit;9000;
}


.header-navigation-wrapper a {
		color: #0d0403 !important;
}


.primary-menu li.current-menu-item > a,
.header-navigation-wrapper a:hover{
    text-decoration: none !important;
}
.header-navigation-wrapper a:hover{
	color:#af7c54 !important;
}

.sub-menu a:after {
  display: none !important;
}
.sub-menu  a:hover:after {
  width: 0%;
  background: #af7c54;
}
.primary-menu  a:after{
	content: '';
  display: block;
  margin: auto;
  height: 1px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
	  margin-top: 15% !important;
}

.primary-menu  a:hover:after {
  width: 90%;
  background: #af7c54;
}

.entry-header {

}

#footer {
  font-family: "Montserrat", sans-serif;	
}

.persofooter a {
	color:#af7c54 !important;
	text-decoration: none !important;
}
.footer-widgets-outer-wrapper {
	padding-top:0px !important;
}

p{
	  font-family: "Montserrat", sans-serif;
	font-size:14px;
}


body.home #site-header  {
    background-color: transparent !important;
    background: none !important;
    position: absolute !important;
    width: 100%;
  
    z-index: 999; /* pour être certain qu'il soit au-dessus */
}

.home .entry-title {
	visibility:hidden !important;
}

.header-footer-group {
    background-color: transparent !important;
}
img {
	margin-top:0px !important;
	margin-bottom:0px !important;
}



.alignleft {
	max-width:100% !important;
	margin:0px !important;
}

.alignnone {
	max-width:100% !important;
	margin:0px !important;
}
h1 {
	 font-family: "Montserrat", sans-serif;
	letter-spacing:2px;
}


h2 {
	letter-spacing:2px;
}

.titrechrono h2{
	letter-spacing:50px !important;
	z-index: 999 !important;
	position: relative !important;
}

.post-47 .entry-header,
.post-49 .entry-header,
.post-51 .entry-header,
.post-359 .entry-header,
.post-53 .entry-header,
.post-361 .entry-header,
.post-55 .entry-header,
.post-783 .entry-header,
.post-785 .entry-header,
.post-776 .entry-header,
.post-778 .entry-header,
.post-781 .entry-header,
.post-772 .entry-header{
	display:none !important;
}
.post-55 a {
  color: #af7c54;
}

.chrono p{
	color: #ffffff !important;
}

.chrono a {
  color: #ffffff !important;
  text-decoration: none !important;
  display: inline-block !important; 
  padding: 0 5% !important; 
}

.chrono a span {
  position: relative; 
}

.chrono a span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px; 
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

.chrono a:hover span::after {
  transform: scaleX(1);
}

.post-47 {
	background-image: url(https://champagnemaxcochut.com/wp-content/uploads/2025/03/Histoire-de-Max-Cochut-maison-de-champagne-famiale-chronologie.png);
}

#homeperso p{
  margin-bottom:0px !important;
}


.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer {
  border-top-width: 0rem;
}
.primary-menu .icon {
  display:none !important;
}

.sub-menu {
  background-color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

 .primary-menu ul::after {
  display: none !important;
height: 0px;
width:0px ;
}


.primary-menu .current_page_ancestor {
  text-decoration: none !important;
}
#menu-item-58 a {
  padding-right:0px !important;
}



.heritage p{
	color: #0d0403 !important;
}

.heritage a {
  color: #0d0403 !important;
  text-decoration: none !important;
  display: inline-block !important; 
  padding: 0 5% !important; 
}

.heritage a span {
  position: relative; 
}

.heritage a span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px; 
  width: 100%;
  height: 1px;
  background-color: #0d0403;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

.heritage a:hover span::after {
  transform: scaleX(1);
}

button:hover {
  text-decoration: none;
}
.identitehome a {
  color:#0d0403;
  text-decoration: none !important;
  font-weight: 500;
}

.section {
  opacity: 0;
  transform: translateY(150px);
  transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

div.section.appear {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.delay-100 { transition-delay: 0.1s; }
.delay-200 { transition-delay: 0.2s; }
.delay-300 { transition-delay: 0.3s; }
.delay-400 { transition-delay: 0.4s; }

.header-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0rem 0;
}

.sow-video-wrapper video{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
}

.nav-toggle .toggle-icon {
  width: 2.7rem;
  height: auto;
  aspect-ratio: 100 / 80;
}

.nav-toggle .toggle-icon svg {
  width: 100% !important;
  height: auto !important;
  display: block;
  aspect-ratio: 100 / 80;
}

.nav-toggle .toggle-icon svg[height],
.nav-toggle .toggle-icon svg[width] {
  height: auto !important;
  width: 100% !important;
}


video {
  pointer-events: none;
}
.menu-modal.active {
  background-color: #ffffff !important;
  z-index:99999 !important;
}

ul .menu-modal li {
  background-color: #ffffff !important;
}

.menu-modal li {
  font-family: "Playfair Display", serif;
 letter-spacing: 2px !important;
 text-transform: capitalize !important;
 color: #0d0403 !important;
}
.menu-modal li a {
  color: #0d0403 !important;
  text-decoration: none;
  font-weight:  300 !important;
  font-size:14px !important;
}
.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a{
  text-decoration: none !important;
}

.primary-menu ul a {
  background: transparent;
  border: none;
  color: inherit;
  display: block;
  padding: 1rem 1rem !important;
  transition: background-color 0.15s linear;
  width: 100%;
}


@media(min-width:992px){
  .chrono.fixed-scroll {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%; /* Prend toute la largeur de l'écran */
    z-index: 999;
  }

}

@media(max-width:992px){
.site-logo .custom-logo {
  height:auto !important;
  width:50%;
}

#pl-45 .so-panel {
  margin-bottom: 0px !important;
}
.persofooter p {
  text-align:center !important;
}

.titrechrono h2{
	letter-spacing:30px !important;
	z-index: 999 !important;
	position: relative !important;
}

.metaslider.ms-theme-clarity .flexslider {
  margin-bottom: 0px !important;
}

.metaslider.ms-theme-clarity .flexslider .slides li {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.aristide h2 {
  font-size:30px !important;
}

#pl-766 .so-panel {
  margin-bottom: 0px !important;
}
}