/**
 * General
 **/

/* Hamburger */
.hamburger { display:none; }
.hamburger:hover { opacity:1; }
.hamburger:focus { outline:none; }

/* Contextual */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

[data-contextual] { position:relative; overflow:hidden; }
[data-contextual] .contextual { position:absolute; right:10px; top:10px; text-align:center; font-size:14px;  list-style:none; margin:0; padding:0; opacity:0; visibility:hidden; transform:translateY(-35px); transition:all 0.5s ease 0s; }
[data-contextual] .contextual li { float:left; }
[data-contextual] .contextual a { display:block; width:24px; height:24px; line-height:24px; color:#fff; border-radius:50%; margin-left:5px; transition:all 0.2s ease 0s; }
[data-contextual] .contextual .edit { background:#2980b9; }
[data-contextual] .contextual .edit:hover { transform:scale(1.2); }
[data-contextual] .contextual .add { background:#27ae60; }
[data-contextual] .contextual .add:hover { transform:scale(1.2); }

.editor .ct-widget.ct-ignition { bottom:40px; }
.editor [data-contextual] .contextual { opacity:1; visibility:visible; z-index:100; transform:translateY(0); }
.editor [data-contextual],
.editor [data-editable] { outline:2px dashed #f39c12; }

/* Pagination */
.pagination { margin:30px 0; text-align:center; }
.pagination .loading { position: relative; }
.pagination .loading:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:#fff; }
.pagination .loading:after { font-family:'Font Awesome 5 Regular'; content:"\f3f4"; display:inline-block; width:24px; height:24px; line-height:24px; animation:fa-spin 2s infinite linear; position:absolute; left:50%; top:50%; margin-top:-12px; margin-left:-12px; z-index:3; }

.pagination.simple ul { margin:0; padding:0; }
.pagination.simple li { display:inline-block; margin:0 2px; }
.pagination.simple i { line-height:inherit; }
.pagination.simple a { display:block; width:30px; height:30px; line-height:30px; border:1px solid #ccc; color:#777; }
.pagination.simple a.active { background:rgba(0,0,0,0.1); }

.pagination.scroll { text-align:center; }

.pagination.dropdown { display:flex; justify-content:flex-end; }



/**
 * Responsive
 * Modifier le media query en selon du besoin
 **/
@media (max-width: 991px) {
  
  .hamburger { display:inline-block; }
  .menu { z-index:5; transition:all 0.5s ease 0s; overflow:hidden; background:rgba(0,0,0,0.5); display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .menu ul { opacity:0; transition:all 0.4s ease 0.3s; transform:translateY(30px); list-style:none; margin:0; padding:0;  }
  .open .menu ul { opacity:1; transform:translateY(0); }
  
  /**
   * Fullscreen
   **/
  .fullscreen .menu { position:fixed; left:0; top:0; width:100%; height:100%; }

  /* Fullscreen Fade */
  .fullscreen.fade .menu { opacity:0; visibility:hidden; }
  .fullscreen.fade.open .menu { opacity:1; visibility:visible; }
  
  /* Fullscreen Top */
  .fullscreen.top .menu { transform:translateY(-100%); }
  .fullscreen.top.open .menu { transform:translateY(0); }
  
  /* Fullscreen Right */
  .fullscreen.right .menu { transform:translateX(100%); }
  .fullscreen.right.open .menu { transform:translateX(0); }
  
  /* Fullscreen Bottom */
  .fullscreen.bottom .menu { transform:translateY(100%); }
  .fullscreen.bottom.open .menu { transform:translateY(0); }
  
  /* Fullscreen Left */
  .fullscreen.left .menu { transform:translateX(-100%); }
  .fullscreen.left.open .menu { transform:translateX(0); }
  
  /**
   * Over
   **/
   
  .over .menu { position:fixed; }
  .over .hamburger { position:relative; z-index: 10; }
  
  /* Over Top */
  .over.top .menu { left:0; top:0; width:100%; height:auto; transform:translateY(-100%); }
  .over.top.open .menu { transform:translateY(0); }
  
  /* Over Right */
  .over.right .menu { right:0; top:0; width:300px; height:100%; transform:translateX(100%); }
  .over.right.open .menu { transform:translateX(0); }
  
  /* Over Bottom */
  .over.bottom .menu { left:0; bottom:0; width:100%; height:auto; transform:translateY(100%); }
  .over.bottom.open .menu { transform:translateY(0); }
  
  /* Over Left */
  .over.left .menu { left:0; top:0; width:300px; height:100%; transform:translateX(-100%); }
  .over.left.open .menu { transform:translateX(0); }
  
  /**
   * Push
   **/
   
  .push { transition:all 0.5s ease 0s; }
  .push.open { overflow:hidden; }
  .push .menu { position:fixed; }
  
  /* Push Top */
  .push.top .menu { left:0; top:0; height:300px; width:100%; transform:translateY(-100%); overflow-y:hidden; }
  .push.top.open { transform:translateY(300px); }
  
  /* Push Right */
  .push.right .menu { right:0; top:0; height:100vh; width:300px; transform:translateX(100%); overflow-x:hidden; }
  .push.right.open { transform:translateX(-300px); }
  
  /* Push Bottom */
  .push.bottom .menu { left:0;margin-top:100vh; height:300px; width:100%; overflow-y:hidden; }
  .push.bottom.open { transform:translateY(-300px); }
  
  /* Push Left */
  .push.left .menu { left:0; top:0; height:100vh; width:300px; transform:translateX(-100%); overflow-x:hidden; }
  .push.left.open { transform:translateX(300px); }
}
/**
 * All elements
 */

.field { margin-bottom: 15px; position:relative; }
.field label { display: inline-block; margin:0; }

.field.required label { position:relative; }
.field.required label:after { content:'*'; color:#d9534f; }

.field .message { font-size:10px; position:absolute; right:0; top:8px; }

/**
 * Textfields & Textarea
 */

.field.textfield input,
.field.textarea textarea { display: block; width: 100%; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.15); }
.field.textfield input:focus,
.field.textarea textarea:focus { outline: none; border-color: rgba(0, 0, 0, 0.40); }

.field.textfield.success,
.field.textarea.success { color:#5cb85c; }
.field.textfield.success input { border-color:#5cb85c; }
.field.textarea.success textarea { border-color:#5cb85c; }

.field.textfield.error,
.field.textarea.error { color:#d9534f; }
.field.textfield.error input { border-color:#d9534f; }
.field.textarea.error textarea { border-color:#d9534f; }


/**
 * Checkbox & Radio
 */

.field.checkbox,
.field.radio { line-height: 20px; }
.field.checkbox input,
.field.radio input { width:20px; height:20px; float:left; margin-right:10px; }
.field.checkbox label,
.field.radio label { position:relative; margin-bottom: 0; cursor: pointer; }

.field.checkbox span:before,
.field.radio span:before { content:''; position:absolute; left:0; top:0; width:20px; height:20px; border:1px solid rgba(0, 0, 0, 0.15); background:#fff; }

.field.checkbox span:after,
.field.radio span:after { content:''; position:absolute; left:3px; top:3px; width: 14px; height:14px; background:rgba(0, 0, 0, 0.15); opacity:0; transition:all 0.5s ease 0s; }

.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after { opacity: 1; }

.field.checkbox.error,
.field.radio.error { color:#d9534f; }
.field.checkbox.error span:before,
.field.radio.error span:before{ border-color:#d9534f; }
.field.checkbox.error span:after,
.field.radio.error span:after{ background-color:#d9534f; }

.field.checkbox.success,
.field.radio.success { color:#5cb85c; }
.field.checkbox.success span:before,
.field.radio.success span:before{ border-color:#5cb85c; }
.field.checkbox.success span:after,
.field.radio.success span:after{ background-color:#5cb85c; }

.field.checkbox .message:before,
.field.checkbox .message:after,
.field.radio .message:before,
.field.radio .message:after { content:none; }

/* checkbox */

.field.checkbox span:before,
.field.checkbox span:after { border-radius: 0; }

/* Radio */

.field.radio span:before,
.field.radio span:after { border-radius: 50%; }

/**
 * Select
 */

.field.select .selectize-control { max-height:45px; }
.field.select .selectize-input { padding:13px; display:block; }
.field.select .selectize-input,
.field.select .selectize-input.focus { border-radius: 0; box-shadow: none; }
.field.select .selectize-input.focus,
.field.select .selectize-dropdown { border-color:rgba(0, 0, 0, 0.40); }
.field.select .selectize-dropdown .optgroup-header { color: #aaa; text-transform: uppercase; font-size: 12px }
.field.select .selectize-control.multi .selectize-input > div { padding:7px 5px; }

.field.select.error { color:#d9534f; }
.field.select.error .selectize-input { border-color:#d9534f; }
.field.select.success { color:#5cb85c; }
.field.select.success .selectize-input { border-color:#5cb85c; }

/**
 * Addresses
 */

.field.address .ap-input { height:auto; line-height:auto; border-radius:0; }
.field.address .ap-dropdown-menu { color:#000; }

/**
 * Captcha
 **/

.field.captcha { display:flex; justify-content:center; }

/**
 * Submit
 */

.field.submit { margin-top:15px; text-align:center; }

.field.submit button { padding: 10px 20px; border: 1px solid rgba(0, 0, 0, 0.15); background: none; cursor: pointer; transition:all 0.5s ease 0s; }
.field.submit button:focus,
.field.submit button:active { outline: none; border-color: rgba(0, 0, 0, 0.40); }

.field.submit.loading button { position:relative; }
.field.submit.loading button:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.95); }
.field.submit.loading button:after { font-family:'Font Awesome 5 Regular' !important; font-weight:400; content:"\f3f4"; animation: fa-spin 2s infinite linear; font-family:'fontawesome'; font-size:20px; width:20px; height:20px; line-height: 20px; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; }
/**
 * General Elements
 **/

body { Font-family:'Montserrat'; font-weight:normal; font-size:16px; line-height:1.6em;  color:#444444; overflow-x:hidden; background:#E3E3E3; }

/* Titles */
h1 { text-transform:uppercase; font-size:40px; }
h2 { font-family:'Playfair'; font-weight:normal; }
h3 { }
h4 { }
h5 { }
h6 { }

/* Links */
a { }
a:visited { }
a:hover { text-decoration:none; }
a:focus { text-decoration:none; }

/* Images */
img { max-width:100%; height:auto; }
img[data-sizes="auto"] { display: block; width: 100%; }

/* Sliders */
.slider .caption { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.slider .caption .title { font-size:50px; font-weight:900; text-transform:uppercase; }

/* Buttons */
.btn { padding:5px 20px; border:1px solid #0a5522; background:#0a5522; color:#fff; border-radius:20px; text-transform:none; display:inline-block; font-weight:bold; }
.btn:hover, .btn:active, .btn:focus { color:#fff; }

/* Forms */
fieldset legend { font-family:'Playfair'; font-size:32px; text-align:center; margin:40px 0 60px 0; }

html { scroll-padding-top:200px; }

.field .message { top:5px; }

.field.textfield { text-align:left; margin-bottom:30px; }
.field.textfield label { font-weight:bold; }
.field.textfield input { background:#e6e6e6; border:1px solid #e6e6e6; }

.field.textarea { text-align:left; }
.field.textarea label { font-weight:bold; }
.field.textarea textarea { background:#e6e6e6; border:1px solid #e6e6e6; min-height:250px; }

.field.checkbox label { line-height:13px; font-size:13px; font-weight:normal; color:#000; }
.field.checkbox input { width:13px; height:13px; }
.field.checkbox span::before { width:13px; height:13px; border:1px solid #000; }
.field.checkbox span::after { width:7px; height:7px; background:#000; }

.field.submit .btn { padding:5px 30px; border:1px solid #0a5522; background:#0a5522; color:#fff; border-radius:20px; text-transform:none; display:inline-block; color:inherit; font-weight:bold; color:#fff; }
.field.submit.loading button:before { background:#e6e6e6; }
.field.submit.loading button:after { color:#000; }

/* Utility */
.hide { display:none; }

.swiper-wrapper { box-sizing:border-box; }
.swiper-pagination-bullet-active { background:#0f5e25; }

.flash.success { color:#3c763d; background:#dff0d8; border:1px solid #d6e9c6; padding:10px; border-radius:4px; }

/**
 * Layout
 **/
 
 
.container { width:1350px; max-width:100%; }

/* Header */
#header { display:flex; flex-direction:column; text-align:center; margin:0; }
#header .logo { order:2; margin-top:45px; padding-top:40px; }
#header .baseline { order:1; background:#0f5e25; color:#fff; font-family:'Playfair'; font-style:italic; padding:10px 0; font-size:18px; margin:0; position:fixed; width:100%; z-index:4; transition:all 0.4s ease 0s; }
#header .baseline p { margin-bottom:0; color:#fff; }
#header .hamburger { transition:all 0.4s ease 0s; }
#header.pinned .baseline { transform:translateY(0); }
#header.unpinned .baseline { transform:translateY(-100%); }
#header.pinned .hamburger { transform:translateY(0); }
#header.unpinned .hamburger { transform:translateY(-120%); }
#header .navigation { order:3; text-align:left; font-family:'Montserrat'; font-weight:bold; text-transform:uppercase; margin:20px 0; }
#header .navigation ul { list-style:none; padding:0; margin:0; }
#header .navigation li { display:inline-block; margin-right:30px; }
#header .navigation a { display:block; color:#444444; padding:5px 0; line-height:1em; transition:color 0.5s ease 0s; border-bottom:3px solid transparent; }
#header .navigation li.active a,
#header .navigation li a:hover { color:#0f5e25; border-bottom:3px solid #0f5e25; }

#header2 { position:fixed; left:0; top:0; width:100%; z-index:10; display:flex; flex-direction:column; text-align:center; margin:0; }
#header2 .baseline { background:#073917; color:#fff; font-family:'Playfair'; font-style:italic; padding:10px 0; font-size:18px; margin:0; width:100%; z-index:4; transition:all 0.4s ease 0s; }
#header2 .baseline p { margin-bottom:0; color:#fff; }
#header2 .logo { text-align:left; }
#header2 .logo img { max-width:140px; }


/* #header2.pinned .baseline { transform:translateY(0); }
#header2.unpinned .baseline { transform:translateY(-100%); }
#header2.pinned .hamburger { transform:translateY(0); }
#header2.unpinned .hamburger { transform:translateY(-120%); } */
#header2 .navigation .main-row { display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding-top:15px; padding-bottom:15px; }
#header2 .navigation .menu-row { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; }
#header2 .menu { font-family:'Inter'; font-size:20px; display:flex; flex-direction:row; align-items:center; list-style:none; gap:30px; margin:0; background:#fff; padding:16px 32px; border-radius:50px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; justify-content:flex-end; }
#header2 .menu a { color:#222; font-weight:600; }
#header2 .menu a:hover { color:#0e561b; }
#header2 .menu li.active a { text-decoration:#0e561b; }
#header2 .hamburger { z-index:10; position:relative; min-width:48px; min-height:48px; max-width:48px; max-height:48px; border-radius:50%; background:#073917; color:#fff; transition:all 0.4s ease 0s; display:flex; padding:0; display:flex; align-items:center; justify-content:center; }
#header2 .hamburger-box { width:16px;  }
#header2 .hamburger-inner, 
#header2 .hamburger-inner:after, 
#header2 .hamburger-inner:before { background:#fff; width:16px; height:2px; }
#header2 .hamburger-inner:before {  display:none; }
#header2 .hamburger:not(.is-active) .hamburger-box { height:16px; }
#header2 .hamburger:not(.is-active) .hamburger-inner { top:4px; }
#header2 .hamburger:not(.is-active) .hamburger-inner:after { top:10px; }
#header2 .overlay { position:absolute; right:0; top:0; width:100%; background:#fff; border-radius:50px; padding:32px 32px 50px 32px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; text-align:left; transition:all 0.5s ease 0s; overflow:hidden; max-height:0; opacity:0; pointer-events:none; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; overflow-y:auto; }
#header2 .overlay::-webkit-scrollbar { display:none;  }
#header2 .overlay-logo { width:200px; }
#header2 .overlay-wrapper { padding-left:15px; }
#header2 .overlay-menu { list-style:none; padding:0; margin:50px 0;  }
#header2 .overlay-menu a { font-size:50px; font-weight:600; color:#073917; line-height:1.5; }
#header2 .overlay-menu a:hover { color:#0e561b; }
#header2 .overlay-address { color:#636363; }
#header2 .overlay-address a { color:#636363; }
#header2 .overlay-contact { font-size:60px; font-family:'Playfair'; margin-top:60px; color:#2D2D2D; }
#header2 .overlay-contact svg { transition: all 0.3s ease 0s; position:relative; left:0; }
#header2 .overlay-contact:hover { color:#0e561b; }
#header2 .overlay-contact:hover svg { left:15px; }

body.open #header2 .overlay { max-height:calc(100vh - 100px); opacity:1; pointer-events:auto; }

#bons-cadeaux { background:url(../themes/chays/assets/img/ckdo-bg.jpg) no-repeat center center / cover; padding:100px 0; text-align:center; color:#fff; }
#bons-cadeaux .image { width:500px; max-width:80%; margin-bottom:30px;}
#bons-cadeaux .desc { font-family:Playfair; font-size:24px; line-height:1.2; margin-bottom:30px; }

.btn-lightgreen { background:#CEDDD3; color:#0A5522 !important; border-color:#CEDDD3; display:inline-flex; flex-direction:row; align-items:center; gap:15px; }
.bigtext { font-family:Inter; font-size:180px; line-height:1.2; }

/*
#header2 .navigation { text-align:left; font-family:'Montserrat'; font-weight:bold; text-transform:uppercase; padding:16px 0; }
#header2 .navigation ul { list-style:none; padding:0; margin:0; }
#header2 .navigation li { display:inline-block; margin-right:30px; }
#header2 .navigation a { display:block; color:#444444; padding:5px 0; line-height:1em; transition:color 0.5s ease 0s; border-bottom:3px solid transparent; }
#header2 .navigation li.active a,
#header2 .navigation li a:hover { color:#0f5e25; border-bottom:3px solid #0f5e25; }
*/
/* Footer */
.rappel { text-align:center; }
.rappel header { margin-bottom:50px; }
.rappel .separator { background:url(../themes/chays/assets/img/telephone.jpg) no-repeat calc(50% - 20px) top; padding-top:180px; margin-top:100px; }
.rappel .separator:after { background-color:#e3e3e3; }
.rappel .row { align-items:center; }
.rappel .center { font-family:'Playfair'; font-size:30px; }
.rappel b { font-size:26px; font-weight:bold; color:#0f5e25; display:inline-block; margin-top:40px; }
.rappel .right .textfield { text-align:center; }
.rappel .right .textfield label { margin-bottom:30px; }
.rappel .right .textfield input { border:1px solid #fff; background:#fff; text-align:center; }
.rappel .right .submit .btn { border-radius:0; padding:10px 30px;  }
.rappel .right .message { position:static; }

.more { text-align:center; margin:40px 0; }

#footer .footer-bottom { background:#0f5e25; color:#fff; padding:60px 0 60px 0; font-family:'Playfair'; position:relative; margin-top:140px; }
#footer .footer-bottom:before { content:''; display:block; position:absolute; width:166px; height:96px; left:50%; top:-48px; margin-left:-83px; background:url(../themes/chays/assets/img/logo-footer.png); }
#footer .footer-bottom .separator { border-color:#fff; line-height:1.4em; font-size:20px; font-weight:normal; }
#footer .footer-bottom .separator:after { background-color:#0f5e25; background-image:url(../themes/chays/assets/img/bouteille-w.png); }
#footer .footer-bottom ul { text-align:center; list-style:none; padding:0; margin:0; }
#footer .footer-bottom li { display:inline-block; }
#footer .footer-bottom li:after { content:"|"; display:inline-block; margin:0 5px; }
#footer .footer-bottom li:last-child:after { content:none; }
#footer .footer-bottom ul a { color:#fff; }
#footer .footer-bottom ul a:hover { text-decoration:underline; }

/**
 * Pages
 */

/* Général */
section > header { display:flex; flex-direction:column; text-align:center; margin:60px 0; }
section > header > div { display:flex; flex-direction:column; text-align:center; }
section > header h1, header h2 { line-height:1.2em; order:2; position:relative; padding-top:30px; font-size:40px; font-family:'Montserrat'; font-weight:bold; text-transform:uppercase;  margin-top:30px; }
section > header p { font-family:'Playfair'; order:1; color:#444444; margin:0; font-size:20px; }
section > header h1:before,
section > header h2:before { content:''; width:30px; height:1px; display:block; position:absolute; left:50%; top:0; margin-left:-15px; background:#252525; }
section > header .btn { align-self:center; margin-top:50px; }

.separator { text-align:center; margin-bottom:60px; padding-bottom:60px; border-bottom:1px solid #252525; position:relative; font-size:34px; font-family:'Playfair'; font-weight:normal; margin-top:50px; }
.separator:after { content:''; position:absolute; display:block; left:50%; bottom:-7px; min-width:150px; height:15px; margin-left:-75px; z-index:2; background:#e3e3e3 url(../themes/chays/assets/img/bouteille.png) no-repeat center center; padding:0 30px; }

.bouchon { background:url(../themes/chays/assets/img/bouchon.jpg) no-repeat center bottom; padding-bottom:130px; }

.featured { background:#fff; padding:80px; margin:50px 0; }
.featured .separator { margin-top:0; line-height:1.2em; }
.featured .separator:after { background-color:#fff; }
.featured h3 { text-transform:uppercase; font-size:22px; margin-top:40px; }
.featured p { line-height:2.4em; }
.featured img { display:block; margin:50px 0; }
.featured form { max-width:550px; margin:60px auto 0 auto; }

.slider .fa-angle-left,
.slider .fa-angle-right { position:absolute; top:50%; transform:translateY(-50%); font-size:60px; color:#fff; z-index:2; cursor:pointer; }
.slider .fa-angle-left { left:10px; }
.slider .fa-angle-right { right:10px; }

.slider2 { text-align: center; color:#fff; text-align:center; }
.slider2:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2; pointer-events: none; }
.slider2 .grape { position:absolute; right:0; bottom:0; max-width:500px; z-index: 3; pointer-events:none; max-height:60%; object-fit:contain; object-position:right bottom; max-width:25vw; }
.slider2 .caption { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:4; }
.slider2 .biglogo { max-width:450px; margin:auto; }
.slider2 .swiper-slide img { height:100vh; max-height:1000px; }
.slider2 .scrolldown { display:block; margin-top:50px; text-align:left; color:#fff; font-weight:bold; }
.slider2 .swiper-slide img { object-fit:cover; }
.slider2 .bouteille { width:500px; max-width:80%; margin:0 auto 30px auto; }


.parallax { position: relative; height:400px; overflow: hidden; margin:0; text-align:center; }
.parallax > img { position:absolute; max-width:100%; left:0 !important; }

/* Accueil */
#accueil .intro .featured { background:#fff url(../themes/chays/assets/img/intro-bg.png) no-repeat center center; background-size:auto 80%; }
#accueil .intro .featured p { max-width:750px; margin:40px auto; }
#accueil .produits { margin:60px 0; }
#accueil .produits ul { list-style:none; padding:0; margin:0; text-align:center; }
#accueil .produits h2 { font-family:'Playfair'; font-size:24px; font-weight:normal; margin:0; }
#accueil .produits img { margin-bottom:15px; }
#accueil .produits .row { align-items:flex-end; }
#accueil .produits .inner { position:relative; padding-bottom:60px; }
#accueil .produits .inner:before { content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:100%; padding-top:100%; background:#fff; border-radius:50%; z-index:-1; }
#accueil .produits a { color:rgb(68,68,68); }
#accueil .actualites {  }
#accueil .actualites .row { align-items:center; }
#accueil .actualites h2 { margin-bottom:30px; }
#accueil .actualites .btn { margin-top:30px; }

#accueil2 .intro .featured { background:#fff url(../themes/chays/assets/img/intro-bg.png) no-repeat center center; background-size:auto 80%; }
#accueil2 .intro .featured p { max-width:750px; margin:40px auto; }
#accueil2 .produits { margin:60px 0; }
#accueil2 .produits ul { list-style:none; padding:0; margin:0; text-align:center; }
#accueil2 .produits h2 { font-family:'Playfair'; font-size:24px; font-weight:normal; margin:0; }
#accueil2 .produits img { margin-bottom:15px; }
#accueil2 .produits .row { align-items:flex-end; }
#accueil2 .produits .inner { position:relative; padding-bottom:60px; }
#accueil2 .produits .inner:before { content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:100%; padding-top:100%; background:#fff; border-radius:50%; z-index:-1; }
#accueil2 .produits a { color:rgb(68,68,68); }
#accueil2 .actualites {  }
#accueil2 .actualites .row { align-items:center; }
#accueil2 .actualites h2 { margin-bottom:30px; }
#accueil2 .actualites .btn { margin-top:30px; }

/* Nos services */
#services .featured { margin:0; z-index:2; }
#services .image { padding:0 50px; }

/* Nos bouteilles */
#bouteilles .search { position:relative; margin-bottom:100px; max-width:90%;  }
#bouteilles .search .field { margin:0; }
#bouteilles .search .textfield input { background:#fff; border:1px solid #ccc; }
#bouteilles .search .submit { text-align:left;  }
#bouteilles .search .submit .btn { background:none; border:none; color:#adadad; font-size:40px; padding:0 5px; }
#bouteilles .search .submit .btn i { line-height:48px; }

#bouteilles .filters { padding-bottom:60px; }
#bouteilles .filters .inner { background:#fff; padding:15px; }
#bouteilles .filters .checkboxes { margin-bottom:30px; }
#bouteilles .filters .checkboxes .field { margin-bottom:5px; }
#bouteilles .filters strong { display:block; border-bottom:1px solid #000; margin-bottom:15px; }

#bouteilles .col-12 { display:flex; flex-direction:column; }

#bouteilles .record { background:#fff; margin-bottom:30px; text-align:center; padding:15px; height:100%; }
#bouteilles .record h2 { font-family:'Playfair'; font-size:22px; text-transform:none; font-weight:normal; min-height:55px; margin-top:10px; padding-top:0; }
#bouteilles .record span { display:inline-block; }
#bouteilles .record .region { font-weight:bold; font-size:14px; position:relative; min-height:62px; }
#bouteilles .record .region:after { content:''; display:block; width:70%; height:1px; background:#000; margin:10px auto; }
#bouteilles .record .annee { font-weight:bold; }
#bouteilles .record footer { font-size:11px; }
#bouteilles .record .degre { font-weight:bold; }

#bouteilles .pagination .loading { color:#0a5522; }
#bouteilles .pagination .loading:before { background:none; }
#bouteilles .pagination .loading:after { color:#fff; }

/* Actualites */
/*
#actualites .featured { margin:0; }
#actualites .record { margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid #ccc; }
#actualites .record h3 { margin:0 0 40px 0; }
#actualites .record img { margin:0; }
*/
#actualites #results { padding:50px 0; }
#actualites #results h1 { line-height:1.2; text-transform:none; margin-bottom:30px; }
#actualites #results .record { padding:24px; background:#fff; }
#actualites #results .date { font-size:14px; color:#636363; display:flex; flex-direction:row; align-items:center; gap:10px; margin:10px 0; font-weight:600; }
#actualites #results .title { font-family:'Inter'; font-size:20px; color:#2D2D2D; }
#actualites #results .teaser { color:#444; font-weight:400; }
#actualites #results .btn { margin-top:15px; }

#post { margin-top:200px; }
#post .header-row { align-items: center; }
#post .content-row { margin-top:200px; }
#post .footer-row { margin-top:100px; padding-top:24px; border-top:1px solid #C1C1C1; }
#post h1 { line-height:1.2; text-transform:none; }
#post .date { font-size:14px; color:#636363; display:flex; flex-direction:row; align-items:center; gap:10px; margin:10px 0; font-weight:600; }
#post .date img { mix-blend-mode: darken; }
#post .teaser { color:#444; font-weight:500; }
#post .featured { text-align:center; font-weight:bold; font-size:24px; line-height:1.2; padding:50px; }
#post .featured:before { content:''; display:block; width:80px; height:65px; background:url(../themes/chays/assets/img/quote.png) no-repeat center center / contain; margin:0 auto 50px auto; }
#post .footer-back a { font-weight:600; color:#08471C; }
#post .footer-date { text-align:right; }

/* Mentions légales **/
#mentions-legales h1 { margin:40px 0 40px 0; }
#mentions-legales h2 { margin:20px 0; }

/* Popups */
.popup-wrapper { position:fixed; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; z-index:2; }
.popup-wrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index: 3; background:rgba(0,0,0,0.4); }
.popup { padding:50px; border-radius:3px; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.5); position:relative; z-index:4; }
.popup .close { position:absolute; right:30px; top:30px; color:#000; }

.legal {
  margin-top: 25px;
  
}
@media (max-width: 1400px) {
  .bigtext { font-size:120px; }
}

/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1199px) {
  .bg { background-position-x:120%; background-size:500px auto;}
  
  #header2 .navigation .menu li:not(:last-child) { display:none; }
  #header2 .navigation .menu { padding:0; background:none; }
  
  #header2 .navigation .menu { opacity:1; visibility:visible; position:static; transform:none; box-shadow:none; overflow:visible; }
  #header2 .navigation .relative-wrapper { width:100%; }
  #header2 .overlay { border-radius:25px; }
  #header2 .hamburger { right:16px; top:16px; }
  #header2 .navigation .main-row { align-items:flex-start; flex-wrap:nowrap;}
  
  #post .content-row { margin-top:150px; }
}

/**
 * Medium devices (tablets, less than 992px)
 **/
@media (max-width: 991px) {
  .bg { background-position-x:140%; background-size:60%; background-size:400px auto;}
  #accueil .produits img { max-height:200px; margin-bottom:15px; }
  
  #header .hamburger { position:fixed; left:8px; top:8px; padding:0; z-index:10; cursor:pointer; }
  #header .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { background:#fff; border-radius:0; height:2px; width:30px; }
  
  #header .navigation .menu { background:rgba(15,94,37,0.9); opacity:1; visibility:visible; }
  #header .navigation li  { margin:10px 0; }
  #header .navigation a { color:#fff; font-size:20px; }
  #header .navigation li a:hover { color:#fff; border:none; }
  
  .bigtext { font-size:80px; }
  #bons-cadeaux .desc { font-size:20px; }

  

  .parallax { height:250px; }
  #post .content-row { margin-top:100px; }

}

/**
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
  body { font-size:14px; }
  .bg { background-position-x:180%; background-size:40%; background-size:300px auto; }
  #accueil .produits li { margin-bottom:30px; }
  #accueil .produits .inner:before { width:300px; height:300px; padding-top:0; }
  #accueil .produits img { max-height:300px; }
  
  .featured { padding:40px; }
  .featured h3 { font-size:18px; }
  
  .parallax { height:150px; }
  
  #bouteilles .filters .inner { margin-bottom:30px; }
  #header2 .overlay { width:calc(100vw - 45px); }
  
  .bigtext { font-size:60px; }
}

/**
 * Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 575px) {
  .bg { background:#e3e3e3; }
  #header .baseline { text-align:right; font-size:14px; }
  #header2 .overlay { padding:16px; padding-bottom:32px; }
  #header2 .overlay-contact { font-size:30px; }
  #header2 .overlay-contact svg { display:none; }
  #header2 .overlay-menu a { font-size:35px; }
  
  .bigtext { font-size:40px; }
  #post .content-row { margin-top:50px; }
  
  /* #header2 .logo { display:none; } */
}