/*
Theme Name: Champagne Bergeronneau Marion
Theme URI: http://www.vincent-rousseau.net/
Description: 
Author: VR.Net
*/

header, footer, aside, section, article, time, nav, hgroup, figure, main {display:block}

html, body {font-family:'Playfair Display', serif; margin:0; padding:0; background:#fff; color:#000}
body {padding:0 ;}
img {border:0; max-width:100%; height:auto;}
figure {margin:0}
input[type=submit] {cursor:pointer}
strong {color:#000}
a {color:#000; text-decoration: underline;}

/* Help */
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display:block
}
.widthauto {width:auto!important}
.heightauto {height:auto!important}
.borderbox {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.wrapper {width:1414px; margin:0 auto; max-width:100%;}
body.page-id-14 .wrapper {width:100%}
body.single .wrapper {width:850px; padding:30px 0}

.sprite {background: url(images/sprite.png) no-repeat}


/* Header */
#header {margin:0 auto 30px; max-width: 100%; display:block; background:#fff;}
body.admin-bar #header {top:32px;}
#header h1 {margin:0;}
#navigation {display: block; clear: both; text-align: center;}
#navigation #logo_header {display: inline-block; margin:14px 10px; vertical-align: middle;}
#navigation > ul {margin:0; padding: 0; display: inline-block; text-align: center; vertical-align: middle;}
#navigation > ul > li {display: inline-block; vertical-align: top; margin:0 0;}
#navigation > ul > li > a {display: inline-block; color:#343434; text-decoration: none; padding:5px 10px; font-size:16px; font-weight: 700;}
#navigation > ul > li.current-menu-item a,
#navigation > ul > li > a:hover {color: #ceae69;}

#header_top {display: flex;
  align-items: center;
  justify-content: center;}
#header_top > div {width:33.333%; padding:20px;}
#header_top > div.col_contact {text-align: left; padding-left:100px; position: relative;}
#header_top > div.col_logo {text-align:center;}
#header_top > div.col_adresse {text-align:left; padding-left:100px; position: relative;}
#header_top > div.col_contact .textwidget:before {content:""; display:inline-block; width:34px; height: 34px; background: url(images/sprite.png) no-repeat 0 0; position: absolute;left:58px; top:25px}
#header_top > div.col_adresse .textwidget:before {content:""; display:inline-block; width:35px; height: 34px; background: url(images/sprite.png) no-repeat -34px 0; position: absolute;left:58px; top:25px}


#menu-burger {display: none; position: absolute; right:0;
  text-decoration: none;
  text-indent: -999px;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
  padding: 10px 20px 10px 10px;
}
#menu-burger span {
  display: block;
  width:40px;
  height:4px;
  margin-bottom:7px;
  background:#ceae69
}

body.menu_open #menu-burger span#burger_top {
  transform:rotate(45deg);
  margin:10px 0 0 2px
}
body.menu_open #menu-burger span#burger_middle {
  display: none;
}
body.menu_open #menu-burger span#burger_bottom {
  transform:rotate(-45deg);
  margin:-4px 0 0 2px
}



/* Footer */
#footer {background: #fff; text-align: center; color: #434343; clear: both; display: flex;
  align-items: center;
  justify-content: center; width:1200px; max-width: 100%; margin:auto}
#footer > div {width:33.333%; padding:20px 0}
#footer .col_copyright {text-align: left;}
#reseaux_footer {text-align: right;}
#reseaux_footer .reseau {
  width:57px;
  height:57px;
  display: inline-block;
  text-decoration: none;
  background: url(images/sprite.png) no-repeat;
  text-indent: -4444em;
  overflow: hidden;
  margin:0 5px;
  text-align: left;
}
#reseaux_footer .reseau.fb {background-position: -70px 0;}
#reseaux_footer .reseau.yt {background-position: -127px 0;}
#reseaux_footer .reseau.insta {background-position: -184px 0;}

#footer_bottom {background: #ceae69; color:#fff; padding:8px 20px; overflow: hidden; position: relative;}
#footer_bottom p {margin: 0;}
#footer_bottom .left {float: left; text-align: center; width:100%; position: absolute;top:18px}
#footer_bottom .right {float: right; text-align: right;}
#footer_bottom a {color:#fff}
#footer_bottom .right:after {margin-left:5px; content:''; display:inline-block; background: url(images/sprite.png) no-repeat -241px 0; width:74px; height:42px; vertical-align: middle;}
#footer_bottom .right .textwidget {vertical-align: middle;display: inline-block;}
#footer .widget_reseaux ul {list-style:none; margin:0; padding:0; display: block; text-align: right;}
#footer .widget_reseaux ul li {display: inline-block;}
#footer .widget_reseaux ul li a {display: inline-block; width:33px; height: 33px; text-indent: -4444em;text-align: left; filter: grayscale(0.9); opacity: 0.8; transition: opacity 1s, filter 1s;}
#footer .widget_reseaux ul li a:hover, #footer .widget_reseaux ul li a:focus {opacity: 1; filter: grayscale(0)}
#footer .widget_reseaux ul li.lang-item-fr a {background: url(images/sprite.png) no-repeat -315px 0}
#footer .widget_reseaux ul li.lang-item-en a {background: url(images/sprite.png) no-repeat -350px 0}

/* Home */
#logo_home img {width:100%; height:auto}

#blocs_home {display:flex; padding:30px 0 0;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
width:1202px; max-width:100%; margin:0 auto 30px}
#blocs_home .widget_home {width:33.333%; position: relative; text-align: center;}

#blocs_home .widget_home .title {font-size:50px; color:#000; font-family:'Playfair Display', serif; font-weight: bold;;}
#blocs_home .widget_home .textwidget {padding-bottom:40px; font-size: 16px; line-height: 24px;}
#blocs_home .widget_home .savoir_plus {
  color:#000;
  position: absolute;
  bottom:30px; left:30px
}
#blocs_home .widget_home .savoir_plus.center {
  border:1px solid #000;
  padding:5px 18px;
  text-decoration: none;
}
#blocs_home .widget_home:nth-child(1) {padding:40px 10px 10px; background: #ceae69;}
#blocs_home .widget_home:nth-child(3) {padding:10px 10px 10px; background: #343434;}
#blocs_home .widget_home:nth-child(3) .textwidget {color:#fff; text-align: center;}
#blocs_home .widget_home:nth-child(3) .textwidget:before {content:""; display:block; margin:30px auto 30px; background: url(images/sprite.png) no-repeat -3px -64px; width:66px; height:94px}
#blocs_home .widget_home:nth-child(3) .savoir_plus {color:#fff; border-color:#daaf5f; left:30%; right:30%}
#blocs_home .widget_home:nth-child(5) {padding:10px 10px 10px; background: #ceae69;}
#blocs_home .widget_home:nth-child(5) .textwidget {text-align: center;}
#blocs_home .widget_home:nth-child(5) .textwidget:before {content:""; display:block; margin:30px auto 30px; background: url(images/sprite.png) no-repeat -81px -64px; width:74px; height:96px}
#blocs_home .widget_home:nth-child(1) .savoir_plus, #blocs_home .widget_home:nth-child(5) .savoir_plus {left:30%; right:30%}

#blocs_contact {clear: both; width:100%; display: flex;}
#blocs_contact > div {width:50%}
#blocs_contact .left {background: url(images/contact.jpg); background-size: cover; position: relative;}
#blocs_contact .left .widget_contact_home {width:55%; padding:80px 30px; margin-left:auto; margin-right:0; background:rgba(0, 0, 0, 0.8); color:#fff; font-size:16px; position: absolute; top:0; bottom:0; right:0;}
#blocs_contact .left .widget_contact_home .title {font-size:40px; color:#ceae69}
#blocs_contact .left .widget_contact_home strong {color:#ceae69}
#blocs_contact .left .widget_contact_home a {color:#fff}

/* Pages */
.description {font-size:14px; line-height: 22px; text-align: justify;}
.description .two-cols {column-count: 2; 
	-webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

#content {clear: both; padding:0 0 30px;}
body.page-id-210 #content, body.page-id-227 #content {background:#f9f6f1; padding-bottom:0}
body.home #content {padding-top:0}
body.home #content, body.page-id-8 #content, body.page-id-182 #content {padding-bottom:0;}

body.page-id-198 #content, body.page-id-182 #content, body.page-id-8 #content, body.page-id-182 #content, body.page-id-240 #content, body.page-id-198 #content {padding-bottom:0; background: #f9f6f1;}

body.page-id-240 .wrapper,
body.page-id-198 .wrapper,
body.page-id-227 .wrapper,
body.page-id-210 .wrapper,
body.page-id-8 .wrapper,
body.page-id-182 .wrapper,
body.page-id-198 .wrapper
{
  width:100%
}
body.page-id-240 .wrapper_page,
body.page-id-198 .wrapper_page,
body.page-id-227 .wrapper_page,
body.page-id-210 .wrapper_page,
body.page-id-8 .wrapper_page,
body.page-id-182 .wrapper_page,
body.page-id-198 .wrapper_page
 {padding:0}
body.page-id-240 .wrapper_page .description p,
body.page-id-198 .wrapper_page .description p,
body.page-id-227 .wrapper_page .description p,
body.page-id-210 .wrapper_page .description p,
body.page-id-8 .wrapper_page .description p,
body.page-id-182 .wrapper_page .description p,
body.page-id-198 .wrapper_page .description p
 {padding:0 20px}

.video_lightbox_anchor_image {width:100%; height:auto}


.margin_bottom {margin-bottom:50px}
#content > header {background: #f9f6f1; padding:20px 30px;}
#content h1 {color: #000; font-size:50x; font-weight: bold; margin:20px 0 40px; text-align: center;}

.description h2 {text-transform: uppercase; color: #000; font-size:40px; margin-bottom:1em; font-weight: bold;}
.description h3 {font-family:'Playfair Display', serif; text-transform: uppercase; color: #000; font-size:33px; margin-bottom:20px; font-weight: bold;}
.description h4 {color: #000; font-size:26px; margin-bottom:1em; }
.description h5 {color: #000; font-size:22px; margin-bottom:1em; }
.description h6 {color: #000; font-size:18px; margin-bottom:1em; }
.description strong {font-family: 'Source Serif Pro', serif; font-size:19px}
.description strong em {font-family: 'Source Serif Pro', serif}

.map {background:#f5f5f5; padding-top:30px}
body.page-id-14 .description .map strong {margin:30px; font-size:2.5em}

.texte_portrait .wp-block-group__inner-container p:first-of-type::first-letter {
  font-size: 65px;
  font-weight: bold;
}
.double_column {column-count: 2; margin:30px 0; column-gap:50px}
.margin_auto {margin:auto; text-align: center; display:block !important}

body.page-id-184 #content, body.page-id-256 #content {padding-bottom:40px; overflow: hidden;}
body.page-id-184 #content .widget_media_image, body.page-id-256 #content .widget_media_image {position: relative; margin-top:70px}
body.page-id-184 #content .widget_media_image:before, body.page-id-256 #content .widget_media_image:before {position: absolute; top:-100px; left:10%; right:10%; background:#f9f6f1; content:''; display: block; height:100px}
body.page-id-184 #content .widget_media_image:after, body.page-id-256 #content .widget_media_image:after {position: absolute; bottom:-100px; left:10%; right:10%; background:#f9f6f1; content:''; display: block; height:100px}

.panel-grid {
  margin-bottom:0 !important
}
.panel-grid .row_cuvee {font-family: 'Source Serif Pro', serif;}
.panel-grid .row_cuvee ul {font-family: 'Playfair Display', serif; color:#ceae69; padding-top:30px; list-style: none;}
.panel-grid .row_cuvee.reverse {flex-direction: row-reverse;}
.panel-grid .row_cuvee h3:after {display:block; width:1px; height:30px; background:#d2d2d2; content:""; margin:20px auto 0}

#thumb_page {width:100%}
#thumb_page img {width:100%}

ul.galerie.wp-block-gallery.columns-4 {margin-bottom:0; padding-top:40px}
ul.galerie.wp-block-gallery.columns-4 .blocks-gallery-item {width:25%; margin:0;}

/* #gammes_list_mini {list-style: none; margin: 0; padding: 0}
#gammes_list_mini li {display: block; width:25%; float: left;;}
#gammes_list_mini li:nth-child(1),
#gammes_list_mini li:nth-child(3),
#gammes_list_mini li:nth-child(6),
#gammes_list_mini li:nth-child(8),
#gammes_list_mini li:nth-child(9),
#gammes_list_mini li:nth-child(11),
#gammes_list_mini li:nth-child(14),
#gammes_list_mini li:nth-child(16),
#gammes_list_mini li:nth-child(17),
#gammes_list_mini li:nth-child(19),
#gammes_list_mini li:nth-child(22) {background: #e4c176;} */

#gammes_list_big {list-style: none; margin: 0; padding: 0}
#gammes_list_big li {display: flex; clear: both; width:100%;
  align-items: center;
  justify-content: center;}
#gammes_list_big li .text {width:40%; text-align: left;; padding:20px 50px 0}
#gammes_list_big li:nth-child(2n + 2) .text {order:2}
#gammes_list_big li .img {width:60%; text-align: right;}
#gammes_list_big li .img img {width:100%}
#gammes_list_big li .text h2 {font-size:50px; font-weight: bold;; margin:0 0 100px}
#gammes_list_big .sp {text-align: center; margin-top:40px}
#gammes_list_big .sp a {display: inline-block; background: #e4c176; padding:5px 10px; color:#fff; text-decoration: none}
#gammes_list_big .sp a:hover, #gammes_list_big .sp a:focus {background: #000;}

#gamme_haut {display:flex; position: relative;
  align-items: center;
  justify-content: center;}
#gamme_haut .content_gamme {width:50%; padding:30px}
#gamme_haut .content_gamme h1 {text-align: left; font-size:50px; margin-bottom:0}
#gamme_haut .content_gamme h2 {margin:0 0 50px; font-size:22px; font-weight: normal;}
#gamme_haut picture {width:50%; text-align: right;}
#gamme_haut .retour {display: inline-block; padding:3px 15px; border:1px solid #e8c57e; color:#e8c57e; text-decoration: none; position: absolute; top:30px; left:30px}
#gamme_haut .retour:hover, #gamme_haut .retour:focus {border-color: #000; color:#000;}

#gamme_mid {clear: both; background: #f9f6f1; display:flex;
  align-items: center;
  justify-content: center;}
#gamme_mid picture {width:40%; text-align: center; margin-top:-134px}
#gamme_mid .content_gamme_mid {width:60%; padding:80px 140px 80px 0}
#gamme_mid #assemblage {background: #fff; padding:20px; font-size:18px; margin-bottom:30px}
#gamme_mid #disponibilite {font-size:18px}
#gamme_mid #disponibilite h3 {color:#e8c57e; font-size:18px; font-weight: bold;}
#gamme_mid #disponibilite em {font-style:normal; font-size:14px; color:#585858}

#gamme_bottom {clear: both; padding:50px 80px 50px; margin-top:-100px; background:#fff}
#gamme_bottom h2 {font-size:54px; color:#e8c57e; text-align: center; margin:0 0 50px}
#gamme_bottom .content_gamme_bottom {column-count: 2; font-size:18px}
#gamme_bottom .content_gamme_bottom strong {color:#e8c57e}


#presse_list {list-style: none; margin: 0; padding: 0}
#presse_list li {display: flex; clear: both; width:100%;
  align-items: center;
  justify-content: center;}
#presse_list li .text {width:46%; text-align: left;; padding:20px 50px 0}
#presse_list li:nth-child(2n + 2) .text {order:2}
#presse_list li .img {width:54%; text-align: right;}
#presse_list li .img img {width:100%}
#presse_list li .text h2 {font-size:50px; font-weight: bold;; margin:0 0 100px}
#presse_list .sp {text-align: center; margin-top:40px}
#presse_list .sp a {display: inline-block; background: #e4c176; padding:5px 10px; color:#fff; text-decoration: none}
#presse_list .sp a:hover, #presse_list .sp a:focus {background: #000;}

.content_presse .description {padding:0 50px; position: relative;}
.content_presse .retour {display: inline-block; padding:3px 15px; border:1px solid #e8c57e; color:#e8c57e; text-decoration: none; position: absolute; top:-50px; left:50px}
.content_presse .retour:hover, .content_presse .retour:focus {border-color: #000; color:#000;}

.blocks-gallery-grid .blocks-gallery-item {margin:0 !important}
#evenements_list {list-style: none; margin: 0 auto; padding: 0; width:1200px; max-width:100%}
#evenements_list li {display: block; width:33.3333%; float: left; position: relative; opacity: 0.7; transition: opacity 0.4s ease-in-out;}
#evenements_list li:hover {
  opacity: 1
}
#evenements_list li .description_evenement {
  padding:10px;
  background: rgba(0, 0, 0, 0.7);
  border:1px solid #eabf78;
  width:80%;
  top: 50%;
  left:10%;
  transform: translate(0,-50%);
  position: absolute;
  color:#fff;
  font-size:16px;
  text-align: center;
}
#evenements_list li .description_evenement h2 {
  color:#fff;
  font-size:20px;
  font-weight: bold;
  margin:0;
  text-align: center;
}
#evenements_list li .description_evenement h2:after {
  content:"";
  display:block;
  width:25%;
  height:3px;
  background:#eabf78;
  margin:15px auto;
}

.wrapper_page {padding:0 15px;}

/* Contact */
body.page-id-12 .description, body.page-id-170 .description {text-align: center;}
body.page-id-12 .cadre, body.page-id-170 .cadre {display:block; margin:20px 0; padding:10px 20px; border:1px solid #e8c47f; color:#e8c47f; text-align: center;}
body.page-id-12 .panel-grid > div:first-child .textwidget, body.page-id-170 .panel-grid > div:first-child .textwidget {padding-left:20px; text-align: justify;}
body.page-id-12 h2, body.page-id-170 h2 {text-transform: none; margin-bottom:0;}
form.wpcf7-form {background: #f9f6f1; padding:30px}
.wpgmp_iw_content {padding:10px 20px}
.wpgmp_iw_content strong {display: block; margin-bottom:20px; color:#ceae69}
#form_contact {width:860px; max-width:100%; margin:auto; clear: both;overflow: hidden;}

#form_contact input[type=email], #zone_comments input[type=email],
#form_contact input[type=text], #zone_comments input[type=text],
#form_contact textarea, #zone_comments textarea {
  width:100%; border:0;
  border-bottom:1px solid #f9f6f1;
  color:#000;
  font-family:'Playfair Display', serif;
  text-transform: uppercase;
  padding:10px;
  margin-bottom:20px;
  outline: 0;
  text-transform: uppercase;;
  font-weight: bold;
}

#form_contact input[type=email]:focus,
#form_contact input[type=text]:focus,
#form_contact textarea:focus {
  border-color:#000
}
::placeholder {color:#000}
#form_contact .wpcf7-submit, #zone_comments .submit {
  margin:auto;
  display: block;
  padding:10px 30px;
  color:#000; text-transform: uppercase;
  background: #ceae69;
  border:0;
  font-weight: bold;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {clear: both; border:0!important; color:red; padding-top:10px !important; text-align: center;}

/* Gmaps */
.gm-style .gm-style-iw-c {border-radius:0 !important; padding-left:0 !important}
.wpgmp_iw_content label {font-weight: bold;}
.wpgmp_iw_content em {font-weight: bold; font-style: normal; color:#a4a3a3;}
.wpgmp_iw_content span, .wpgmp_iw_content a {color:#ceae69; font-weight: bold;}
.wpgmp_iw_content .bd {padding:0 15px; border-left:5px solid #ceae69}
.wpgmp_map_parent {margin-bottom:0 !important}
p.depots {background:#f5f5f5; color:#000; font-size:1.5em; font-style:italic; font-family: 'Source Serif Pro', serif; padding:30px 0 20px; margin:0; clear: both;}


@media screen and (max-width: 1100px) {
	.home .grid-gallery {width:90% !important;}
  #blocs_home .widget_home .savoir_plus {position: static;}
}

@media screen and (max-width: 1024px) {
  #blocs_home .widget_home {width:50%}
  #blocs_home .widget_home img {width:100%}
  #blocs_home .widget_home:nth-child(1) {order:1}
  #blocs_home .widget_home:nth-child(2) {order:2}
  #blocs_home .widget_home:nth-child(3) {order:4}
  #blocs_home .widget_home:nth-child(4) {order:3}
  #blocs_home .widget_home:nth-child(5) {order:5}
  #blocs_home .widget_home:nth-child(6) {order:6}

  #header_top > div.col_adresse, #header_top > div.col_contact {display: none;}
  
  #blocs_contact {display:block}
  #blocs_contact > div {width:100%}
  #blocs_contact .left .widget_contact_home {position: static; width:50%}

  #gammes_list_big li {display:block; margin-bottom:50px}
  #gammes_list_big li .img, #gammes_list_big li .text {width:100%}
  #gammes_list_big li .text h2 {margin-bottom:20px}

  #presse_list li {flex-direction: column; margin-bottom:50px}
  #presse_list li .img, #presse_list li .text {width:100%}
  #presse_list li:nth-child(2n + 2) .text {order:1}
  #presse_list li:nth-child(2n + 2) .img {order:2}
  #presse_list li .text h2 {margin-bottom:20px}
}

@media screen and (max-width: 767px) {
  body {padding:0 0 0;}
  body.admin-bar {padding:29px 0 0}
	body.admin-bar #header {top:0;}
  #header {left:0; top:0; width:100%; z-index: 200000; height:75px; margin-bottom: 0;}
  #header_top {padding:0}
  #header_top > div {padding:0}
  #logo_header {margin:0}
  #logo_header img {height:70px; width:auto}

	#logo {margin:0; padding:10px 0 10px 10px; text-align: left}
  #logo img {max-height:200px; width: auto;}
  
  #content {padding-top:0}

  #menu-burger {display: block; top:14px; z-index: 2}
  body.menu_open #menu-burger {position: fixed;}
	#navigation {padding:0 15px; background: #000; width:100%;}
	#navigation ul {border-top: 0; position: fixed; left:0; right:0; top:0; bottom:0; background: #fff; z-index: 3; padding:100px 10px 10px}
	#navigation ul li {display: block;}
	#navigation ul li a {color: #000; padding:10px}
	#navigation ul li a:before, #navigation ul li a:after {display: none;}
	#navigation ul.closed {display: none;}

  #footer {display:block; text-align: center;}
  #footer > div, #footer .col_copyright {width:100%; text-align: center;}
  #footer .widget_reseaux ul {text-align: center; }

  #evenements_list li {width:50%}
  #evenements_list li:nth-child(2n + 1) {clear: both;}

  .double_column, #gamme_bottom .content_gamme_bottom {column-count: 1;}
  
  body.page-id-184 #content .widget_media_image:before, body.page-id-256 #content .widget_media_image:before {display: none;}
  body.page-id-184 #content .widget_media_image:after, body.page-id-256 #content .widget_media_image:after {display: none;}

  #gamme_haut {display:block}
  #gamme_haut .content_gamme {width:100%}
  #gamme_mid .content_gamme_mid {padding-right:10px}
  #gamme_mid picture {margin-top:0}
  #gamme_bottom {margin-top:0}
}